Hosten/ Component Gallery
Back to app

Design system

Every Phase 0 primitive, chart and cross-cutting widget — in light and dark, with all states. Toggle the theme and Sunlight mode in the header. Locked to DESIGN.md.

Foundations

Cool aluminium-steel neutrals, one arc-cobalt accent, a separate RAG status set. OKLCH tokens.

Neutrals

bg

--bg

surface

--surface

surface-2

--surface-2

sunk

--surface-sunk

hairline

--hairline

border

--border

Accent & status

accent

--accent

accent-weak

--accent-weak

ok

--ok

warn

--warn

bad

--bad

Type scale

Display 24 · Leadership Cockpit

Heading 18 · Quotation and Estimation

Subhead 15 · Lead detail

Body 13.5 · Curtain wall, Elevation-A. Eight openings, toughened DGU glazing.

Label 12 · Owner

Micro 11 mono · LEAD-04821 / QT-00310-v3 / 1500×1200 mm

Spacing (4px grid)

4
8
12
16
24
32
48

Radius (4 / 6 / 8)

4 input
6 control
8 panel

Buttons

Primary, secondary, ghost, danger, subtle — all sizes and states.

Variants

Sizes, loading & disabled

Forms

Label above input, helper below, error below with icon. No placeholder-as-label.

As it appears on the GST invoice.

Enter a value above ₹0.

Toggles

Status & chips

Status = colour + icon + label, driven by the state-machine registry. Tier and filter chips.

RAG status

On targetWatchBreachNo data

Entity states (resolved from the registry)

WonNegotiatingBlockedOn ProductionOverduePartially ReceivedReconciledEscalated

Tier, filter chips & badges

ABCv3SignedHSN 7610

KPI tiles & meters

Label + RAG chip, large mono value, target + delta, sparkline. Score and progress meters.

Monthly Revenue (invoiced)Watch
₹1.32 Cr
Target ₹1.50 Cr-12.0%
Quote Win RateOn target
32.5%
Target 35.0%+2.4 pts
DSO (days to collect)Breach
47 d
Target ≤ 45 d+4 d
Open Pipeline ValueOn target
₹8.41 Cr
Target ₹7.50 Cr+11.9%
Gross MarginWatch
22.1%
Target 24.0%-0.8 pts
SOP Escalation RateOn target
6.2%
Target ≤ 8.0%-1.1 pts

Sparklines

Score & progress

71
Milestone billing64%
On-time install92%

Data table

Sort, bulk-select, paginate. Sticky header, mono right-aligned numerics, and the mandatory loading / empty / error states.

1 selected
StageOwner
LEAD-04809Embassy REITNegotiatingA78₹2,45,00,0003 dA. Khan
LEAD-04821Brigade EstatesSite Visit ScheduledA71₹1,85,00,0002 dR. Menon
LEAD-04774Salarpuria SattvaWonA83₹1,60,00,0000 dA. Khan
LEAD-04788Mahindra LifespacesQualifiedA69₹1,32,00,0005 dA. Khan
LEAD-04781Puravankara LtdNegotiatingB52₹94,00,0008 dR. Menon
LEAD-04817Prestige GroupQuotedB64₹82,00,0001 dS. Iyer
LEAD-04799Total EnvironmentMeasuredB55₹68,00,0002 dS. Iyer
LEAD-04759Assetz PropertyLostB44₹56,00,00021 dR. Menon
1–8of12
Rows
Page 1 / 2

Overlays

Drawer (Vaul-style), dialog, confirm, dropdown, popover, tooltip, toasts. Glass on overlays only.

Toasts

States & feedback

Skeletons, teaching empty states, inline errors with retry, no-data placeholders, avatars and presence.

Loading

Empty

No leads match these filters

Clear filters to see all leads.

Error / no-data

—

No data for this period

Last refreshed 24-Jun-2026, 09:10 IST

Avatars & presence

RMSIJT
RMSIAKPRNG+10
Do not disturb

Charts

Themed to tokens. Trend, pipeline funnel, receivables ageing, leaderboard, profitability heatmap, schedule Gantt, and the geo-map placeholder.

Revenue trend

₹ lakh · invoiced vs target

Receivables ageing

₹ lakh · by tier

Pipeline funnel

New / Qualified86 deals
₹1240L
Site Visit / Measured52 deals79%
₹980L
Quoted38 deals86%
₹841L
Negotiating21 deals73%
₹612L
Won9 deals45%
₹274L

Margin leaderboard

margin % by executive
1A. Khan
26.4%
2R. Menon
23.1%
3S. Iyer
22%
4T. Bose
20.6%
5V. Kumar
18.9%

Profitability heatmap

margin % · type × month
Jan
Feb
Mar
Apr
May
Jun
Windows & Doors
24
25
26
23
24
25
Curtain Wall
19
18
20
17
16
18
Glass Railings
28
27
29
26
28
27
Partitions
22
23
21
22
20
21
ACP Cladding
15
14
16
13
14
12

Project schedule

Gantt
Drawings
Requirements + Procurement
Coating
Fabrication
Dispatch + Pre-install
Installation
02-Jun-202616-Jul-2026

Live operations map

placeholder · Phase 2
Live map placeholder · full geo cockpit in Phase 2
crewsite visitinstalldelivery

Record chat

The contextual thread on every record. @person creates a task, @agent invokes an AI agent, # links a record, / runs a governed command, files drop-to-attach.

LEAD-04821
Decision logged: 5% wastage on profiles for Elevation-A (site conditions).
AK
A. KhanSM10:12 IST
Brigade wants curtain wall + partitions for Elevation-A. Site visit is booked for tomorrow.
👍 2
RM
R. MenonSE10:18 IST
@P. Rao can you take the measurements into a draft BOQ once J. Thomas syncs the survey?
TASK-11198
Created TASK-11198 · assigned to P. Rao · linked to LEAD-04821
JT
J. ThomasSITE08:05 IST
Survey synced from site. Measurement sheet + 14 photos attached. GPS check-in cleared the geofence.
measurement-sheet.pdf· 284 KBelevation-A.jpg· 1.8 MB
Estimation Agent AI@EstimationAgent08:22 IST
Drafted 18 BOQ lines from the survey. Provisional margin 17.4% — within the 18% floor only after the suggested wastage cut. Draft is parked for QE review.
SOP-0020 v3
PR
P. RaoQE09:01 IST
Reviewing the agent draft now. /log-decision Using 5% wastage on profiles for Elevation-A per site conditions.
PR
P. RaoQE09:01 IST
Decision logged: 5% wastage on profiles for Elevation-A (site conditions).
Internal-only · every action runs the owning SOP to send

Try it

  • • Type @R. Menon → creates a task
  • • Type @EstimationAgent draft the BOQ → agent responds
  • • Type /log-decision … → pins to the decision register
  • • Type /approve discount 6% → governed by SOP
  • • Drag a file onto the panel → attaches to the record

AI & agents

AI commentary on dashboards, inline AI suggestions, and the threshold-gated agent-approval modal. AI is always labelled and human-supervised.

AICommentaryALUFIB Cockpit AI

Invoiced revenue is ₹1.32 Cr, 12.0% below the ₹1.50 Cr target — the gap traces almost entirely to two milestone invoices on PRJ-00231 and PRJ-00244 slipping into next week after install delays.

Collections are the bigger risk: DSO has crept to 47 days (target ≤ 45), driven by INV-00712 now 52 days overdue. @CollectionsAgent has drafted a dunning plan awaiting FM approval.

Pipeline is healthy at ₹8.41 Cr (+11.9%) with win rate up 2.4 pts; protecting margin on the Embassy REIT negotiation is the lever to watch.

Revenue by project →Receivables ageing →Open pipeline →24-Jun-2026, 09:10 IST
AISuggested follow-upconfidence 86%
Draft a WhatsApp nudge to Brigade Estates referencing the revised DGU spec and the 6% goodwill discount, with the site-visit photos attached.
LEAD-04821 threadSurvey photos
AICommentaryALUFIB Cockpit AI
AI commentary offline — showing the latest figures without narration.

SOP & approvals

The six-step SOP runtime, the in-context governance banner, and the approval/escalation routing gate.

Quotation Discount ApprovalSOP-0021 v2
  1. Trigger09:04

    Discount 6% requested in quote chat

  2. Read09:04

    Loaded margin floor (18%) + approval matrix

  3. Act09:04

    Computed post-discount margin 16.0%

  4. Approve09:05

    Below floor → routed to SM, then GM

    SLA 75% elapsed

  5. Commit

    Write discount to QT-00731-v3

    Blocked until approved

  6. Log

    Append audit entry

SOPRUN-55151 · QT-00731-v3
Governed bySOP-0021 v2· Quotation Discount Approval· QT-00731-v3

Discount 6% on QT-00731-v3

QT-00731-v3 · SOP-0021 v2 · raised by P. Rao

Commit blocked. Post-discount margin 16.0% is 2.0 pts below the 18% floor

Customer comparing against two competitors; SM requests goodwill discount to close Tier-A deal.

SLA 3 h · 75% elapsed75%

Approval route

  1. SER. Menon
  2. SMA. KhanCurrent approver
  3. GMK. Reddy
  4. MDV. Nair

Requirement & packing viewers

Computed-on-read tables with stale, short and missing warnings.

Requirement list

Computed on read · last computed 24-Jun-2026, 08:40 IST

3 lines need attention — shortfall, missing or stale stock.
ItemCodeRequiredAvailableShortUnitStatus
Aluminium profile 63.5mm (3-track sliding)ITEM-10231420480—mOK
Toughened DGU glass 6-12-6ITEM-20114965442sqmShort
EPDM gasket (bubble)ITEM-305021,2001,200—mOK
SS friction stay 12"ITEM-4008764064nosMissing
Powder coat (RAL 7016)ITEM-500193841—kgStale
Interlock + handle setITEM-400903236—setOK

Packing list

Computed on read · dispatch readiness

3/5 packed
2 lines not ready to dispatch.
ItemCodeQtyUnitLocationPackedStatus
Sliding window W1 (1500×1200)FG-900118nosFG-A2OK
Sliding window W2 (1800×1200)FG-900126nosFG-A2OK
Casement door D1 (900×2100)FG-900204nosFG-B1Short
Fixed glazing FG1 (2400×1500)FG-900313nos—Missing
Hardware kit (per opening)FG-9009918setFG-C3OK

Notification centre

In-app feed with priority ladder (Normal / High / Critical) and channel hints. The bell lives in the top bar.

Notifications3 new
  • CriticalApproval24-Jun-2026

    Approval blocked — margin floor

    QT-00731-v3 discount 6% is below the 18% floor. Commit blocked; awaiting your approval.

    QT-00731-v3
  • HighEscalation24-Jun-2026

    SLA at 75%

    Follow-up on LEAD-04821 is due in 1 h (SOP-0003).

    LEAD-04821
  • NormalMention23-Jun-2026

    You were mentioned

    R. Menon mentioned you on LEAD-04821 and created TASK-11198.

    LEAD-04821
  • NormalPayment24-Jun-2026

    Receipt unidentified

    RCT-00922 (₹4,50,000) could not be auto-matched. Manual allocation needed.

    RCT-00922
  • HighSOP23-Jun-2026

    GRN partially accepted

    GRN-00318 — 2 of 6 lines failed QC (glass thickness). Debit-note review pending.

    GRN-00318

Activity & audit feed

Immutable, filterable. Human and AI-agent actions render identically — actor, change, SOP version, timestamp.

Activity & auditimmutable
  1. J. ThomasSiteSurveyCompleted24-Jun-2026, 08:05 IST

    Mobile survey synced; geofence check-in passed.

    LEAD-04821SiteVisitScheduled MeasuredSOP-0006 v2
    status:Site Visit ScheduledMeasured
  2. Estimation Agent@EstimationAgentAgentActionProposed24-Jun-2026, 08:22 IST

    Drafted 18 BOQ lines from survey; flagged margin 17.4% near floor.

    QT-00731-v3SOP-0020 v3
  3. SOP EngineApprovalRequested24-Jun-2026, 09:05 IST

    Discount 6% requested; below margin floor → routed to SM, then GM.

    QT-00731-v3SOP-0021 v2
    discount:0%6%
  4. Routing EngineLeadAssigned23-Jun-2026, 10:09 IST

    Round-robin routed lead to R. Menon (SE).

    LEAD-04821Acknowledged AssignedSOP-0001 v5
    owner:—R. Menon