zurich_kotak/src/components
Yashas 3069bf4849 console: the lead file is a file again, and the journey is on the page
THE FILE WAS THIRTEEN TABS. One group of fields visible at a time, so
"what do we know about this lead?" meant thirteen clicks and a good
memory — on a page called the Lead FILE. A file you can read one page of
at a time is a filing cabinet.

Every group is now a card, laid out in columns that reflow to the width:
three on a wide screen, two normally, one on a laptop. The whole 360 is
one scroll and Ctrl-F finds anything. Groups avoid breaking across a
column boundary — a heading at the foot of one column with its fields at
the head of the next is worse than an uneven column — and inside a group
the label/value pairs stack, so a long value is not squeezed into half a
column against its label.

THE JOURNEY IS AT THE TOP. The page named the current stage in a corner
chip and said nothing about the path, so "how far along is this?" — the
first question anyone asks — needed the workflow memorised.

Passed steps are read from the AUDIT, not assumed from the order. A lead
can skip (documents uploaded from Qualified carried one straight past
Contacted) and can go backwards (a callback returns it to Awaiting
Contact); colouring everything left of the current stage would claim
steps that never happened. The side states — Parked, Referred, Lost,
Declined — are deliberately off the rail: they are departures from the
path, not points every lead passes, and a row implying otherwise would be
a lie about the process. When the lead is in one, the rail names it at
the end instead.

THE TRAIL STOPS READING AS A MARGIN NOTE. 384px beside a full-width file
made a column of two-line entries look like an aside; it is the half of
the page that says what happened. Widened to 440.

Layout only. The form, the actions, the audit fetch and every submission
path are untouched.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
2026-09-08 18:37:32 +05:30
..
ActivityForm.css form: say what is missing, in the field's own name 2026-09-07 16:57:20 +05:30
ActivityForm.jsx form: make OCR autofill actually reach the fields 2026-09-08 11:06:41 +05:30
AgentCard.css console: the agents explain themselves, and the chat reads as a chat 2026-09-08 15:41:19 +05:30
AgentCard.jsx console: the agents explain themselves, and the chat reads as a chat 2026-09-08 15:41:19 +05:30
AgentChip.css console: the agents explain themselves, and the chat reads as a chat 2026-09-08 15:41:19 +05:30
AgentChip.jsx console: the agents explain themselves, and the chat reads as a chat 2026-09-08 15:41:19 +05:30
CallTranscript.jsx console: the call, in the customer's own words 2026-09-08 17:19:53 +05:30
ClampText.css console: numbers in the navigation, and reasoning behind one click 2026-09-08 12:42:40 +05:30
ClampText.jsx console: numbers in the navigation, and reasoning behind one click 2026-09-08 12:42:40 +05:30
Conversation.css console: the call, in the customer's own words 2026-09-08 17:19:53 +05:30
Conversation.jsx console: a thread that shows what the customer actually received 2026-09-08 15:47:49 +05:30
FileField.jsx Read the extract response correctly, and fail visibly 2026-08-25 15:23:35 +05:30
StageRail.css console: the lead file is a file again, and the journey is on the page 2026-09-08 18:37:32 +05:30
StageRail.jsx console: the lead file is a file again, and the journey is on the page 2026-09-08 18:37:32 +05:30
Timeline.css console: every step shows what it actually decided 2026-09-08 17:12:51 +05:30
Timeline.jsx console: the call, in the customer's own words 2026-09-08 17:19:53 +05:30