@hotmeshio/long-tail 0.20.0 → 0.21.0

package/docs/hitl/pinned-views.md

@@ -40,6 +40,10 @@ A role may declare `default_pins: [{ label, url, badge? }]` (edited on Role Deta
 
 Membership *is* the persona's bookmark set — no per-user setup. Duplicate labels across a user's roles collapse to the first role's pin.
 
+## Portal
+
+A role can lay its pins out as pages: `portals` is a list of named matrices, each an array of rows of pins, rendered at `/portal/<role>/<key>` as a grid of live list panels. Members choose one from the global menu, each also leads the role's group in the nav, and a kiosk role lands on its first portal as home. See [portal.md](portal.md).
+
 ## Reference Example
 
 The `fleet-servicer` seed (`examples/seed-fleet-sim.ts`) ships a facet-board list schema, jeopardy dials, and three default pins — the board, a badged "Needs harvesting" facet query, and a badged jeopardy view — so the whole persona story is exercisable from the dashboard. The seeded `reviewer` user is a member.

package/docs/hitl/portal.md

@@ -0,0 +1,97 @@
+# Portals: a role's pinned views as pages
+
+A role can declare **portals**: named matrices of pinned views, each rendered as a single page of live list panels at `/portal/<role>/<key>`. A matrix is an array of rows, each row an array of cells, each cell a pin. One row with one cell fills the page with that view. Two rows, the first holding one cell and the second three, give a full-width band over three columns. A 2x2 splits one queue by region, each cell the same role scoped to a different facet. Cells carry nothing but the pin, so everything a pin already says composes for free: the view (`view=rich`, `table`, `timeline`), facet scopes, jeopardy, link variables, and the live count.
+
+A role carries several portals because screens serve different purposes. One shows urgent items by facility on the floor, four facilities in a 2x2. Another is the day's focus for the team, one panel per person, each named for them and scoped to their facets, so everyone sees their own list under their own name. Members choose a portal from the global menu, where the kiosk queue picker already lives, and each portal also appears as a row under the role's group in the left nav. A kiosk role lands on its first portal as home.
+
+---
+
+## Declaring portals
+
+`portals` on the role: a list of `{ key, label, rows }`. `key` is a short url-safe slug, unique within the role, and the portal's address segment. `label` is the name shown in the menu and the nav. `rows` is the matrix: up to 4 rows of up to 6 cells, every row holding at least one cell, every cell `{ label, url, badge? }` with a dashboard-relative `url`, the `default_pins` shape.
+
+```typescript
+roles: [
+  {
+    role: 'printer-fleet',
+    portals: [
+      {
+        key: 'floor',
+        label: 'Floor screen',
+        rows: [
+          [{ label: 'Fleet board', url: '/escalations/available?role=printer-fleet&view=rich' }],
+          [
+            { label: 'North', url: '/escalations/available?role=printer-fleet&facets=%7B%22facility%22%3A%22north%22%7D&view=table', badge: true },
+            { label: 'South', url: '/escalations/available?role=printer-fleet&facets=%7B%22facility%22%3A%22south%22%7D&view=table', badge: true },
+            { label: 'Harvest queue', url: '/escalations/available?role=printer-harvest&view=table', badge: true },
+          ],
+        ],
+      },
+      {
+        key: 'focus',
+        label: 'Focus of the day',
+        rows: [[
+          { label: 'Jim', url: '/escalations/available?role=printer-fleet&facets=%7B%22owner%22%3A%22jim%22%7D' },
+          { label: 'Sally', url: '/escalations/available?role=printer-fleet&facets=%7B%22owner%22%3A%22sally%22%7D' },
+          { label: 'Anu', url: '/escalations/available?role=printer-fleet&facets=%7B%22owner%22%3A%22anu%22%7D' },
+        ]],
+      },
+    ],
+  },
+],
+```
+
+### Counts above the panels
+
+A portal may lead with **counts**: `counts` is a list of `{ label, url, blurb? }` (up to 8). Each becomes a tile above the panels showing the live total of its list URL, the same number a pin badge carries, under the label and over the blurb, and the tile opens the list. A queue's counts read at a glance before its lists do:
+
+```typescript
+{
+  key: 'review-desk',
+  label: 'Review desk',
+  counts: [
+    { label: 'Waiting', url: '/escalations/available?role=reviewer', blurb: 'Unclaimed items in the queue' },
+    { label: 'In progress', url: '/escalations/available?role=reviewer&status=claimed', blurb: 'Claimed and being worked' },
+    { label: 'Resolved', url: '/escalations/available?role=reviewer&status=resolved', blurb: 'Closed out by a reviewer' },
+    { label: 'Expired', url: '/escalations/available?role=reviewer&status=expired', blurb: 'Timed out before anyone acted' },
+    { label: 'Cancelled', url: '/escalations/available?role=reviewer&status=cancelled', blurb: 'Withdrawn by the workflow' },
+  ],
+  rows: [[
+    { label: 'Waiting', url: '/escalations/available?role=reviewer&view=table&layout=compact', badge: true },
+    { label: 'In progress', url: '/escalations/available?role=reviewer&status=claimed&view=table&layout=compact', badge: true },
+  ]],
+}
+```
+
+The `reviewer` role in the examples' start config (`index.ts`) declares exactly this portal, in code, with `reset: true` so it applies on every boot.
+
+The same field rides `PATCH /api/roles/:role` and the `update_role` MCP tool. `null` clears every portal. Under code-owned configuration the declaration is compared in order and applied on every boot, so reordering portals or rows is a change.
+
+## Composing them in the dashboard
+
+Role Detail carries a **Portal** section listing the role's portals. The editor draws what it produces: each portal a bounded sheet with a title band, each cell its own small panel, and dashed placeholders wherever a view can be added. Edits build the page's draft; **Save** writes them with the rest of the role, one `PATCH` into the role's `portals` column:
+
+- **New portal**: type a name, then **Start it with a view** over the role's default pins and the admin's own pins. The first pick creates the portal; its key derives from the name. **Label and URL** adds a view that is not yet pinned.
+- Each portal shows a sketch of its shape, its editable name, its key, **Open**, and a remove control. Each row lists its cells with an editable panel title (name a cell for the person or place it serves), the view its URL asks for (`rich`, `table`, `timeline`, or `default` when the role's list schema decides), the URL, and the device binding of any link variable it references.
+- Each row ends with **Add a view to this row** (up to six); below the matrix, **Start a new row with a view** (up to four rows). Removing the last cell of a row removes the row; removing the last cell of a portal removes the portal.
+- A **counts** strip leads each portal's body: **Add a count** picks a pin whose total becomes a tile; each tile's title and blurb edit in place.
+
+## The page
+
+A portal page fills the content area with one grid row per declared row, each dividing its width evenly among its cells. Each panel is a bounded sheet with a tinted title band and its own scroll, drawn with the same components as the escalations list: the rich view when the role owns a non-table list schema and the pin does not ask for another, the table when it asks for one or the schema is plain, the timeline when asked. Count tiles, when declared, sit in one row above the panels: label, large number, blurb, each a link to its list. The band of every panel shows the pin's label, the live total, a view toggle (table or rich, when the role offers both), the sort direction, a refresh, and a link to the full view. The toggle and sort hold for the visit; the pin stays as authored. Rows open the item detail page, which returns to the portal. Up to 25 rows render per panel, then a quiet "N more in the full view" link. A narrow window stacks the cells in declaration order.
+
+**Fitting a screen.** A panel on a wall screen is read, not scrolled, so a pin can ask the table to spend its width tightly: `?view=table&layout=compact` keeps the table a table however narrow the panel, tightens every cell, and holds the non-identity columns (assignee, role, priority) back until the panel is wide enough, so a narrow cell reads as a tight list of item and age and twenty rows fit where the folded layout showed four. `layout=cards` asks for the folded console-card layout on purpose. Without `layout`, the table folds on its own below the card threshold. The hint rides the URL like `view`, so it works on the full list page too, and it is the seam for a compact timeline later: a series of tight offset lines that fit the whole story in the panel.
+
+A portal page shows without the left nav, as kiosk does: it is a screen read from across a room, and the panels are the page. The header stays, so the user menu still switches portals. Any signed-in user may open a portal. Panels read through the same role-scoped endpoints as the list page, so RBAC is unchanged: each viewer sees exactly what their read scope returns, and a queue outside it renders empty. Link variables resolve per device at render time, exactly as pins in the nav do. One event subscription per queue named by the cells keeps every panel current, on the LIST refresh tier.
+
+## Choosing a portal
+
+The global menu (the user menu in the header) lists **Portals**: every portal of the roles the viewer belongs to, grouped by role when more than one role declares any; global viewers see every role's. A device dedicated to a portal, a screen on the floor, opens the menu once and lands there, the same gesture as choosing a kiosk queue. The left nav repeats each portal as a row leading the role's pinned group.
+
+## Kiosk
+
+Kiosk home is the role's first portal when it declares any, and the role's escalation list otherwise. The station queue picker follows the same rule. `/portal` is on the kiosk allow-list beside the list, detail, and scan screens. See [Kiosk mode](../scan-codes.md#kiosk-mode--the-locked-station-viewport).
+
+## Reference example
+
+The `printer-fleet` seed (`examples/seed-fleet-sim.ts`) declares two portals: **Floor screen**, the fleet board over the two facility tables and the harvest queue, and **By model**, one panel per printer model. Open Admin → Roles → printer-fleet → Portal to see them composed, and the user menu's Portals section to open either.

package/docs/hitl/resolution.md

@@ -109,6 +109,47 @@ Each item validates against the same versioned role form a single-item resolve u
 
 Item keys are non-empty strings up to 128 characters; prefer URL-friendly names (`u1-L`). Payload keys inside each item are caller-owned — the platform reserves no names inside `batch_items` values. Every fill stamps `envelope.batch_filled_at[itemKey]` with the database clock in the same statement, so the row carries the collection timeline as row truth. After an SLA expiry (`conditional` returns `false`) the terminal row retains the partial `batch_items` and their timestamps — read them back with `GET /api/escalations/:id` or `getEscalationBySignalKey` from an activity.
 
+### Accumulator items
+
+An accumulator escalation (a `conditionalAccumulator` wait declared with `accumulate: {...}`, see [Creating Escalations](escalation.md#open-accumulation--items-arrive-over-time)) holds items added over time. Add by id, by signal key, or by metadata facet:
+
+```typescript
+const first = await lt.escalations.accumulate({
+  id: binId,
+  itemKey: orderId,
+  payload: { weight: 2 },                  // optional; validates against the bin role's form
+  reciprocal: { id: bagEscalationId },     // optional; the bag's own row is written in the same statement
+});
+// → { outcome: 'accepted', count: 1, remaining: 11, escalationId,
+//     reciprocal: { outcome: 'completed', count: 1, escalationId, signaled: true } }
+
+const second = await lt.escalations.accumulateBySignalKey({
+  signalKey: homeSignalId,
+  itemKey: 'order-2',
+});
+
+const last = await lt.escalations.accumulateByMetadata({
+  key: 'binKey',
+  value: binKey,
+  itemKey: 'order-12',
+});
+// → { outcome: 'completed', count: 12, remaining: 0, signaled: true, workflowId }
+
+await lt.escalations.removeItem({ id: binId, itemKey: 'order-2' });
+// → { outcome: 'removed', count: 11, escalationId }
+
+const held = await lt.escalations.getItems({ id: binId });
+// → { kind: 'accumulate', count, max, items: [{ itemKey, payload?, at, actor?, reciprocalId? }, ...] }
+```
+
+Interim adds return `accepted` with the count held and the slots remaining (`null` when unbounded) and publish `escalation.updated` carrying `item_key`, `count`, `actor`, and `reciprocal_id`; the add that reaches `max` returns `completed`, the row resolved with `{ $accumulated, $trigger: 'count' }` as `resolver_payload` and the workflow woke with it, in the same statement. A key already held returns 409 (`duplicate-item`, safe under scanner double-reads); a full cap returns 409 (`full`); a row that is not an accumulator returns 400. Removals return the new count, publish `escalation.updated` with `removed: true`, and never wake the waiter.
+
+Adds are claim-agnostic, the same rationale as batch fills: a container collects contributions from many hands. `assertClaim: true` (by-id form) opts into the caller's own live-claim assertion inside the guarded statement. Every add records the actor on the entry and merges `resolved_by` into the row's metadata, so the completing add's stamp is the resolution provenance and `$resolution` rides the completing wake.
+
+A reciprocal names a second row by `id`, `signalKey`, or `key`/`value`; it is RBAC-gated before the statement (404 when the caller cannot see it, 403 when they see it but cannot act on it) and written in the same statement as the container, both or neither. The reciprocal row holds the container's id as its item key; a member declared `accumulate: { max: 1 }` completes and wakes on that add. When the reciprocal blocks the add, the response names why (`reciprocal-full`, `reciprocal-duplicate`, `reciprocal-terminal`, `reciprocal-not-accumulator`) and the container is untouched.
+
+Item keys are non-empty strings up to 128 characters. Reserved accumulate keys (`accumulate_count`, `accumulate_max`, `accumulate_keys`) cannot appear in the `metadata` patch. A plain `resolve` on an accumulator row is the hand-close: the workflow receives the collection merged with the resolver payload under `$trigger: 'resolve'`, and the row stores the same. After the window closes the row is `expired` with the collection stored as `resolver_payload`, exactly what the workflow received.
+
 ### Resolving a set atomically
 
 When one decision settles a set of waits — each with its own payload — use `resolveAllOrNone`:

package/docs/hitl/x-lt-embed.md

@@ -1,6 +1,6 @@
 # Embed and Navigation Widgets
 
-Three display-only widgets that surface related information inside an escalation's resolver form without leaving the page. All three produce **no resolver payload** — they must never appear in the schema's `required` array and are always declared `readOnly: true`.
+Three display-only widgets that surface related information inside an escalation's resolver form without leaving the page. All three produce **no resolver payload**: their keys are dropped from the submitted payload, they must never appear in the schema's `required` array, and they are always declared `readOnly: true`. The [`invoke`](x-lt-invoke.md) widget, which starts a workflow from the form, follows the same rules.
 
 | Widget | Token | What it shows |
 |--------|-------|---------------|

package/docs/hitl/x-lt-invoke.md

@@ -0,0 +1,95 @@
+# x-lt-invoke — start a workflow from the form
+
+A role's `form_schema` can place a control that starts another workflow: a link, an icon-link, or a button that either fires the workflow at once with a payload mapped from the escalation, or opens the workflow's own invoke form in a dialog, prefilled from the same mapping. The control reuses the Invoke Tool page end to end: the same per-caller list decides who sees it, the same `input_schema` gate validates the payload, the same registered icon leads the label, and the run's outcome arrives over the same live events.
+
+The field is display-only. It carries no answer, is dropped from the resolver payload, and must never appear in `required`.
+
+```jsonc
+"print_pamphlet": {
+  "type": "string",
+  "readOnly": true,
+  "x-lt-widget": "invoke",
+  "x-lt-invoke": {
+    "workflow": "printPamphlet",
+    "data": { "order": { "id": "{{metadata.orderId}}" }, "copies": 1 },
+    "metadata": { "escalationId": "{{escalation.id}}" },
+    "modal": true
+  },
+  "title": "Print pamphlet",
+  "description": "Prints the patient pamphlet for this order",
+  "x-lt-section": "Tools",
+  "x-lt-span": 2,
+  "x-lt-showIf": "metadata.orderId"
+}
+```
+
+## The declaration
+
+| Key | Type | Meaning |
+|-----|------|---------|
+| `workflow` | string | The `workflow_type` to start. Required. |
+| `data` | object | The nested `data` the invoke API receives. Leaves interpolate `{{domain.path}}` tokens against the escalation context. Defaults to `{}`. |
+| `metadata` | object | Extra run metadata, merged over the workflow's declared `envelopeSchema.metadata`. Same interpolation. |
+| `modal` | boolean | `true` opens the workflow's invoke form prefilled; `false` (default) posts `data` at once. |
+| `confirm` | string | Direct mode only: a prompt shown before the post. Tokens interpolate. |
+| `variant` | `"link"` \| `"button"` | The control's shape. Defaults to `link`. |
+| `icon` | boolean | Lead the label with the workflow's registered icon, the one the registry picker sets and the Invoke Tool page shows. Defaults to `true`. |
+
+The field's `title` is the label; without one the workflow type reads as a title (`printPamphlet` → **Print Pamphlet**). `description` renders as the helper line beneath it. Every layout token composes: `x-lt-section`, `x-lt-span`, `x-lt-showIf`, `x-lt-order`.
+
+## Mapping values
+
+`data` is written once, in the shape the workflow receives. In direct mode it is posted as resolved. In modal mode the same object prefills the workflow's `input_schema` by inverting each field's `x-lt-bind`, so a field bound to `printer.serialNumber` opens holding `data.printer.serialNumber`. A workflow without an `input_schema` gets its envelope template form with `data` merged over the template.
+
+Interpolation keeps types:
+
+| Leaf | Resolves to |
+|------|-------------|
+| `"{{metadata.copies}}"` | The raw context value: a number stays a number, a boolean a boolean, an array an array |
+| `"ORD-{{metadata.orderId}}"` | A string |
+| A token whose value is missing or null | The key is omitted, so the workflow's own defaults apply |
+| A mixed string with any missing segment | The key is omitted |
+| `1`, `true`, `"plain text"` | Passed through unchanged |
+
+Objects and arrays recurse. The domains are the escalation form's: `escalation`, `metadata`, `envelope`, `payload`, `lookup`, and the live `resolver` values, so a mapping can carry what the operator has typed so far.
+
+## Who sees it
+
+The control renders only for workflows the signed-in user may invoke, read from the same per-caller list that drives the Invoke Tool page and its nav entry. A workflow outside that list leaves no trace in the form. The server runs the same predicate on the post. The control follows the form's claim state: it is live once the operator has claimed the escalation, and it leaves the form once the escalation is resolved, cancelled, or expired.
+
+One request serves every invoke field on the page, and the list is shared with the rest of the dashboard's cache.
+
+## Direct mode
+
+Clicking the control posts `data` with the workflow's declared metadata (plus the field's `metadata` mapping) and the `certified` flag the workflow is registered with. The control gives way to **Working…** while the run is in flight, then reads **Completed** with the returned `data` as an outline beneath, or **Failed** with the reason. The outcome arrives over the same `system.workflow.{id}.completed` and `.failed` events the Invoke Tool page follows. Once the run has settled the control returns beneath the result, ready for another run. A warning offers to reconnect live events when they are off.
+
+When the target declares an `input_schema`, the payload is checked against it before the post with the shared validation pass. Violations, from that check or from a server 422, list beneath the control with an **Open form** action that opens the workflow's form prefilled, so the operator completes what the mapping could not supply. A mapping meant for direct mode should satisfy the schema on its own; declare `confirm` when the action deserves a second look.
+
+## Modal mode
+
+`"modal": true` opens the workflow's invoke form in a dialog headed by its icon and title: the full x-lt-* form when the workflow declares an `input_schema`, with pinned lookups resolved, conditional sections, and the shared validation pass; the envelope template form otherwise. Prefilled values sit in their fields ready to be changed. Issues and the form's `x-lt-help` render inside the dialog.
+
+Submit posts exactly as the Invoke Tool page does, and the dialog becomes a receipt with one action. While the run works it shows the workflow's icon and **Working…** with a Close control; closing leaves the run going. On completion it reads **Completed** with the returned `data` as an outline and a **Done** button. On failure it reads **Failed** with the reason, **Try again** returns to the form holding what was typed, and Close dismisses. The backdrop does not dismiss the dialog; Escape and the close control do. Each opening starts clean.
+
+## Example
+
+The `printer-fleet` role's work form offers the fleet tools for the machine on screen. Its escalations carry `metadata.serialNumber`, the same facet the fleet-tools serial lookup reads, so the dialog opens with the serial already chosen:
+
+```typescript
+fleet_tools: {
+  type: 'string',
+  readOnly: true,
+  'x-lt-widget': 'invoke',
+  'x-lt-invoke': {
+    workflow: 'fleetTools',
+    modal: true,
+    data: { printer: { serialNumber: '{{metadata.serialNumber}}' } },
+  },
+  'x-lt-section': 'Tools',
+  'x-lt-span': 2,
+  title: 'Fleet tools',
+  description: 'Reprint a label, change filament, or report this machine offline',
+}
+```
+
+See [`examples/seed-fleet-sim.ts`](../../examples/seed-fleet-sim.ts) for the role and [invoke-form.md](invoke-form.md) for the `fleetTools` form it opens.

package/docs/hitl/x-lt-list-schema.md

@@ -21,7 +21,9 @@ Every string is a markdown/text template run through the same `{{domain.path}}`
 | `x-lt-card` | schema | `facet-board`: the per-entity card — `{ title, state?, fields?: [{ label, value, format? }] }` |
 | `x-lt-row-action` | schema | The per-row action button: `{ action?, label?, durationMinutes? }` — see below |
 
-`format: "age"` on a `facet-table` column or `facet-board` field renders a timestamp as a compact age (`12m`, `3h`, `2d`) with the absolute time as its tooltip, repainted each minute — aging interim states are scannable at a glance.
+`format: "age"` (or its spoken twin `"ago"`) on a `facet-table` column or `facet-board` field renders a timestamp as a compact age (`12m`, `3h`, `2d`) with the absolute time as its tooltip, repainted each minute — aging interim states are scannable at a glance. `format: "date"` renders the full date the dashboard uses everywhere, hoverable for the exact time; a bare ISO timestamp with no format renders the same way. Both readings of a date column are useful: age for pace, date for the record.
+
+The `facet-table` renders at the table's dense setting: small type and tight side padding, so a row of six values fits without truncating. When no column declares a `width`, the first column holds 200px and the rest share the remainder; the row action sizes to its label.
 
 `format: "user"` resolves a user-id token — `{{escalation.assigned_to}}` — to that person's display name. Resolution is batched: every id on a page is coalesced into one `POST /api/users/names` request returning display fields only (no secrets, scopes, or metadata), cached by id for the session and not refetched on window focus; a user edit invalidates the cache. It truncates with an ellipsis and carries the full name on hover; an unassigned row shows a quiet em dash. `assigned_to` is the claimant while the item is worked and stays as the resolver once it is resolved, so one column reads correctly across the row's whole life. The built-in table and timeline views carry this user column by default; authored templates opt in per column.
 

package/docs/hitl/x-lt-widget.md

@@ -15,6 +15,7 @@ For rich inputs beyond standard HTML types, set `x-lt-widget` on any field:
 | `"link"` | ReadOnly navigation link. URL is an `x-lt-href` template with `{{domain.path}}` tokens. See [x-lt-embed.md](x-lt-embed.md). |
 | `"escalation"` | ReadOnly embedded escalation card. ID sourced from `x-lt-source`; optional `x-lt-fields` surfaces any metadata or resolver detail. See [x-lt-embed.md](x-lt-embed.md). |
 | `"escalation-list"` | ReadOnly embedded escalation list. Driven by an `x-lt-query` facet object; columns from `x-lt-columns`. See [x-lt-embed.md](x-lt-embed.md). |
+| `"invoke"` | ReadOnly control that starts a workflow, directly or in a prefilled dialog. Target and payload mapping in `x-lt-invoke`. See [x-lt-invoke.md](x-lt-invoke.md). |
 
 ---
 

package/docs/hitl-guide.md

@@ -23,6 +23,8 @@ This works because the form is data: a JSON Schema stored on the role, versioned
 | A role-authored list page — document views, facet tables, entity card boards | List schema | [x-lt-list-schema.md](hitl/x-lt-list-schema.md) |
 | Rename the resolve footer, or claim-and-submit in one gesture | Footer tokens | [x-lt-footer.md](hitl/x-lt-footer.md) |
 | Block the resolve until embedded work drains, then auto-close when it does | `x-lt-submit-guard` | [x-lt-embed.md](hitl/x-lt-embed.md) |
+| Start another workflow from inside the form, mapped from the record, directly or in a prefilled dialog | `x-lt-invoke` | [x-lt-invoke.md](hitl/x-lt-invoke.md) |
+| A role's pinned views laid out as named pages of live panels | `portals` on the role | [portal.md](hitl/portal.md) |
 | A fully custom UI nothing above can express | Iframe viewport | [iframe.md](hitl/iframe.md) |
 | The same rich form for starting a workflow from the Invoke Tool page | `inputSchema` on the worker config | [invoke-form.md](hitl/invoke-form.md) |
 
@@ -91,9 +93,13 @@ Ordered as a learning path — each file adds one capability to the same form:
 | Custom widgets (checklist, file upload, code editor, signature, markdown) | [x-lt-widget.md](hitl/x-lt-widget.md) |
 | List schema (`active-history`, `active`, `facet-table`, `facet-board` cards) | [x-lt-list-schema.md](hitl/x-lt-list-schema.md) |
 | Embedded widgets (`link`, `escalation`, `escalation-list`) and the submit guard | [x-lt-embed.md](hitl/x-lt-embed.md) |
+| Starting a workflow from the form (`x-lt-invoke`) | [x-lt-invoke.md](hitl/x-lt-invoke.md) |
+| Pinned views, role default pins, link variables | [pinned-views.md](hitl/pinned-views.md) |
+| Role portals: named matrices of pins rendered as pages | [portal.md](hitl/portal.md) |
 | Footer labels, claim-and-submit, and the list-driven "start" action | [x-lt-footer.md](hitl/x-lt-footer.md) |
 | Iframe viewport protocol | [iframe.md](hitl/iframe.md) |
 | Claim lifecycle, resolving from system code, outcome recording, cancellation | [resolution.md](hitl/resolution.md) |
+| Open accumulators: the contract, guarantees, and operations for containers that fill over time | [accumulator.md](accumulator.md) |
 | Role routing, RBAC, scope, chains | [roles.md](hitl/roles.md) |
 | Pinned views, user preferences, role default pins | [pinned-views.md](hitl/pinned-views.md) |
 | Design principles, error display, instruction copy, custom stylesheets | [design.md](hitl/design.md) |
@@ -105,7 +111,8 @@ Ordered as a learning path — each file adds one capability to the same form:
 | Keyword | Level | Purpose |
 |---------|-------|---------|
 | `input.*` | domain | The live form values on the Invoke surface (alias of `resolver.*`) for `x-lt-showIf`, `x-lt-help`, and `x-lt-options` |
-| `x-lt-widget` | field | Rich control: `file-upload`, `code-editor`, `json`, `signature`, `rich-text`, `markdown`, `checklist`, `attachment` (alias `image`) |
+| `x-lt-widget` | field | Rich control: `file-upload`, `code-editor`, `json`, `signature`, `rich-text`, `markdown`, `checklist`, `attachment` (alias `image`); display-only `link`, `escalation`, `escalation-list`, `invoke` |
+| `x-lt-invoke` | field | With `x-lt-widget: "invoke"`: the workflow to start and the `{{domain.path}}` mapping into its payload; `modal` opens the workflow's form prefilled, otherwise the post fires directly and the run reports in place |
 | `x-lt-source` | field | Data path for context-driven widgets: `"domain.path"` or an ordered array of paths (first to resolve wins); may embed `{{domain.path}}` interpolation segments |
 | `x-lt-require-all` | field | Checklist completion guard — every item must be checked, except items declared `required: false` |
 | `x-lt-default-checked` | field | Checklist first-load default — an unanswered field initializes to every item checked (affirm-then-exception); saved answers are never clobbered |

package/docs/scan-codes.md

@@ -98,6 +98,7 @@ Verbs are the canonical escalation actions:
 | `resolve` | Atomic claim + resolve with a canned payload | `resolverPayload`, `metadata` |
 | `escalate` | Create an escalation in another queue, optionally closing the located one | `targetRole`, `closeCurrent`, `escalationType`, `description`, `metadata` |
 | `cancel` | Claim-as-lock, then cancel | — |
+| `accumulate` | Add the scanned item to an open accumulator escalation | `itemKey`, `resolverPayload`, `metadata`, `accumulate: { containerFacet, containerRoles, reciprocal }` |
 
 String values inside `resolverPayload` and `metadata` interpolate
 `{scan.target}`, `{scan.category}`, and `{scan.scannedAt}`. Every mutating
@@ -105,6 +106,17 @@ verb stamps provenance facets onto the row it touches — `scanScheme`,
 `scanCategory`, `scanActionName`, `scannedAt` — so scan-driven transitions
 stay queryable.
 
+`accumulate` has two modes. With `params.accumulate.containerFacet` the
+scanned target is the ITEM: the step locates the item's own pending row
+through the scheme facet, reads that facet from the row (a bag row carrying
+`binKey: "B-7"`), and adds the target to the pending accumulator whose
+metadata carries the same value, writing the item's row as the reciprocal in
+the same statement (`reciprocal: false` skips it; `containerRoles` names the
+container queues). Without it the scanned target is the CONTAINER and the step
+adds `params.itemKey` (a template) to it. An item with no row or no container
+facet falls through to the next step; a container already holding the item
+reports a conflict.
+
 Ordering is the power move: put the expected state first and a broad
 `show-detail` last. A machine whose twin is in the wrong queue still answers
 the scan — with where the twin actually is. **The scan is also a state
@@ -229,8 +241,9 @@ set with the same `PATCH /api/roles/:role` as every other dial). When the
 signed-in user is a **member of exactly that one role** — the station-login
 shape — the dashboard locks the viewport: the left nav is gone entirely, the
 role's escalation list is home (`/` and every other surface redirect to it),
-and the session is held to the list, the escalation detail page, and the scan
-screens (choice, badge). The header toolbar and event feed remain. A user
+and the session is held to the list, the escalation detail page, the role's
+portals, and the scan screens (choice, badge). A role that declares
+[portals](./hitl/portal.md) lands on its first one as home instead of the list. The header toolbar and event feed remain. A user
 holding more than one role, or an admin-type grant, always gets full chrome —
 kiosk is for the single-role floor login, never a way to hide the product from
 a real operator.

package/docs/sdk.md

@@ -63,7 +63,7 @@ The client mirrors the REST route structure:
 | Namespace | REST equivalent | Key operations |
 |-----------|----------------|----------------|
 | `lt.tasks` | `/api/tasks` | `list`, `get`, `listProcesses`, `getProcess`, `getProcessStats` |
-| `lt.escalations` | `/api/escalations` | `list`, `listAvailable`, `get`, `claim`, `release`, `resolve`, `escalate`, `bulkClaim`, `bulkAssign`, `findByMetadata`, `claimByMetadata`, `resolveByMetadata`, `resolveBatchItem`, `resolveBatchItemBySignalKey`, `resolveBatchItemByMetadata`, `aggregateByFacets`, `timelineByFacet` — see the [Escalations SDK reference](api/sdk/escalations.md) |
+| `lt.escalations` | `/api/escalations` | `list`, `listAvailable`, `get`, `claim`, `release`, `resolve`, `escalate`, `bulkClaim`, `bulkAssign`, `findByMetadata`, `claimByMetadata`, `resolveByMetadata`, `resolveBatchItem`, `resolveBatchItemBySignalKey`, `resolveBatchItemByMetadata`, `accumulate`, `accumulateBySignalKey`, `accumulateByMetadata`, `removeItem`, `removeItemBySignalKey`, `removeItemByMetadata`, `getItems`, `aggregateByFacets`, `timelineByFacet` — see the [Escalations SDK reference](api/sdk/escalations.md) |
 | `lt.workflows` | `/api/workflows` | `invoke`, `getStatus`, `getResult`, `terminate`, `listWorkers`, `listDiscovered`, `listConfigs`, `getConfig`, `upsertConfig` |
 | `lt.yamlWorkflows` | `/api/yaml-workflows` | `list`, `get`, `create`, `deploy`, `activate`, `invoke`, `archive` |
 | `lt.users` | `/api/users` | `list`, `get`, `create`, `update`, `delete`, `getRoles`, `addRole`, `removeRole` |

package/docs/workflows.md

@@ -50,7 +50,7 @@ A pipeline workflow is a compiled deterministic workflow. It is generated from a
 
 In the dashboard, pipeline workflows display a Wand2 (magic wand) icon in purple. They are managed from the **MCP Pipeline Tools** page and created through the **Pipeline Designer**.
 
-See the [Compilation Pipeline](compilation.md) guide for the full lifecycle from dynamic execution to deployed pipeline.
+See the [Compilation Pipeline](https://github.com/hotmeshio/long-tail/blob/main/docs/donotpublish/compilation.md) guide for the full lifecycle from dynamic execution to deployed pipeline.
 
 ## Contents
 
@@ -713,4 +713,4 @@ The durable code is the spec — developer-friendly, familiar, testable with sta
   (write and test here)           (deploy and run this)
 ```
 
-Write procedural because it's productive. Compile because it's fast. See the [Compiler Guide](compiler.md) for details.
+Write procedural because it's productive. Compile because it's fast. See the [Compiler Guide](https://github.com/hotmeshio/long-tail/blob/main/docs/donotpublish/compiler.md) for details.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hotmeshio/long-tail",
-  "version": "0.20.0",
+  "version": "0.21.0",
   "description": "Long Tail Workflows — Durable AI workflows with human-in-the-loop escalation. Powered by PostgreSQL.",
   "main": "./build/index.js",
   "types": "./build/index.d.ts",
@@ -16,6 +16,8 @@
     "!build/examples/",
     "docs/",
     "!docs/img/",
+    "!docs/donotcommit/",
+    "!docs/donotpublish/",
     "dashboard/dist/",
     "LICENSE",
     "README.md"
@@ -73,7 +75,7 @@
     "@anthropic-ai/sdk": "^0.92.0",
     "@aws-sdk/client-s3": "^3.1017.0",
     "@aws-sdk/s3-request-presigner": "^3.1045.0",
-    "@hotmeshio/hotmesh": "^0.28.1",
+    "@hotmeshio/hotmesh": "^0.29.0",
     "@modelcontextprotocol/sdk": "^1.27.1",
     "@opentelemetry/exporter-trace-otlp-proto": "^0.215.0",
     "@opentelemetry/resources": "^2.5.1",

package/dashboard/dist/assets/AgentsPage-7JJBHku8.js

@@ -1,2 +0,0 @@
-import{j as t}from"./vendor-query-DvWWuNIB.js";import{u as f}from"./agents-gV0Ys-sY.js";import{c as b,y as v,bl as j,g as N}from"./index-CIwlVfvV.js";import{u as y}from"./useFilterParams-DBRw1Hcv.js";import{b as P}from"./api-path-u2Jf9QXS.js";import{D as w}from"./DataTable-7C7riavf.js";import{S}from"./StickyPagination-B91Pk9xh.js";import{F as k,b as A}from"./FilterBar-DMOR-O1c.js";import{P as _}from"./PageHeader-Di5Sz3an.js";import{L as C}from"./ListToolbar-DdJzj472.js";import{g as F}from"./vendor-icons-DeBdvyKJ.js";import{u as z}from"./vendor-react-_9U4mKFr.js";import"./EmptyState-DgC_6njU.js";const L=[{value:"active",label:"Active"},{value:"inactive",label:"Inactive"},{value:"paused",label:"Paused"},{value:"error",label:"Error"}],T=[{key:"name",label:"Agent",render:e=>t.jsxs("div",{className:"flex items-center gap-2.5 min-w-0",children:[t.jsx("span",{className:`w-2.5 h-2.5 rounded-full dot-ring shrink-0 ${e.status==="active"?"bg-status-success":e.status==="paused"?"bg-status-warning":e.status==="error"?"bg-status-error":"bg-surface-border"}`}),t.jsx("span",{className:"text-xs font-medium text-text-primary whitespace-nowrap",children:e.id}),e.description&&t.jsx("p",{className:"flex-1 min-w-0 truncate text-2xs text-text-tertiary",children:e.description})]})},{key:"knowledge_domain",label:"Knowledge",render:e=>e.knowledge_domain?t.jsx("span",{className:"text-2xs font-mono text-text-secondary whitespace-nowrap",children:e.knowledge_domain}):t.jsx("span",{className:"text-text-quaternary",children:"—"}),className:"w-28"},{key:"schedules",label:"Schedules",render:e=>{var r,i;const s=(r=e.behaviors)==null?void 0:r.schedules,a=s!=null&&s.length?s.map(c=>c.cron):(i=e.behaviors)!=null&&i.cron?[e.behaviors.cron]:[];return a.length?t.jsxs("span",{className:"text-2xs font-mono text-text-secondary whitespace-nowrap",children:[a[0],a.length>1?` +${a.length-1}`:""]}):t.jsx("span",{className:"text-text-quaternary",children:"—"})},className:"w-28"},{key:"subscriptions",label:"Subscriptions",render:e=>{var i;const s=e.subscription_count??0,a=e.sub_topics??[];if(!s)return t.jsx("span",{className:"text-text-quaternary",children:"—"});const r=((i=a[0])==null?void 0:i.replace(/^lt\.events\./,""))??"";return t.jsxs("span",{className:"text-2xs font-mono text-text-secondary whitespace-nowrap",children:[r,s>1?` +${s-1}`:""]})},className:"w-36"},{key:"last_run_at",label:"Last Run",render:e=>e.last_run_at?t.jsx("span",{className:"whitespace-nowrap",children:t.jsx(N,{date:e.last_run_at})}):t.jsx("span",{className:"text-text-quaternary",children:"—"}),className:"w-32"}];function G(){var p;const e=z(),{data:s}=b(),a=v(),r=a!==null?a:!!((p=s==null?void 0:s.ai)!=null&&p.enabled),i=r?"Agent":"Automation",c=r?"Agents":"Automations";j();const{filters:u,setFilter:d,pagination:n}=y({filters:{status:""}}),{data:o,isLoading:x,refetch:g,isFetching:h}=f({status:u.status||void 0,limit:n.pageSize,offset:n.offset}),m=(o==null?void 0:o.total)??0;return t.jsxs("div",{children:[t.jsx(_,{title:c,docsHash:"#docs:agents.md",actions:t.jsxs("button",{onClick:()=>e("/agents/new"),className:"flex items-center gap-2 px-4 py-2 text-sm rounded-md bg-accent text-text-inverse hover:bg-accent-hover transition-colors",children:[t.jsx(F,{className:"w-4 h-4"})," Create ",i]})}),t.jsx(k,{actions:t.jsx(C,{onRefresh:()=>g(),isFetching:h,apiPath:P("/agents",{limit:n.pageSize,offset:n.offset,status:u.status||void 0})}),children:t.jsx(A,{label:"Status",value:u.status,onChange:l=>d("status",l),options:L})}),t.jsx(w,{columns:T,data:(o==null?void 0:o.agents)??[],keyFn:l=>l.id,onRowClick:l=>e(`/agents/${l.id}`),isLoading:x,emptyMessage:`No ${c.toLowerCase()} found`}),t.jsx(S,{page:n.page,totalPages:n.totalPages(m),onPageChange:n.setPage,total:m,pageSize:n.pageSize,onPageSizeChange:n.setPageSize})]})}export{G as AgentsPage};
-//# sourceMappingURL=AgentsPage-7JJBHku8.js.map

package/dashboard/dist/assets/AvailableEscalationsPage-lz5qwSjg.js

@@ -1,2 +0,0 @@
-import{a as b,j as e}from"./vendor-query-DvWWuNIB.js";import{w as Rt,x as Lt,c as _t,y as Bt,M as We,z as _e,A as Ut,B as zt,E as qt,G as Dt,H as Vt,I as It,K as Gt,L as Ht,O as Qt,Q as Wt,R as Kt,r as Yt,T as Xt,U as Zt,V as Jt,W as es,X as ts,Y as ss,Z as as,_ as ns,$ as rs,a0 as is,a1 as ls,a2 as os,a3 as cs,a4 as ds,a5 as us,a6 as xs}from"./index-CIwlVfvV.js";import{a as Ke,u as Ye,L as Be,f as ms}from"./vendor-react-_9U4mKFr.js";import{i as hs}from"./task-queues-7-sHKPsN.js";import{X as se,ai as ps,aj as fs,d as gs,e as bs,ak as ys,b as vs,s as js,C as Ns,U as Cs,al as ks,w as ws,am as Ss,an as Ps,Y as Ms,i as Ts,ao as As,P as Es,ap as Os}from"./vendor-icons-DeBdvyKJ.js";import{u as Xe,C as $s,r as Fs,B as Rs,a as Ls}from"./BulkAssignModal-NJBcoj-f.js";import{m as _s,E as Bs,a as Us}from"./escalation-columns-uq-IV2aj.js";import{i as Ze,s as zs,E as qs}from"./EscalationListView-AHW2xtlr.js";import{u as Ds}from"./useFilterParams-DBRw1Hcv.js";import{u as Vs}from"./useDebouncedValue-BrwgXcp8.js";import{D as Is}from"./DataTable-7C7riavf.js";import{S as Gs}from"./StickyPagination-B91Pk9xh.js";import{P as Hs}from"./constants-BHkpVaqx.js";import{R as Qs,a as Ws}from"./RowActions-Bdd7z4eB.js";import{U as Ks}from"./UserName-BzXJUE6q.js";import"./EntityTimelinePanel-CkF-oW-m.js";import"./FilterBar-DMOR-O1c.js";import"./PriorityBadge-r33mpDju.js";import"./RolePill-DhnVPK4q.js";import"./WorkflowPill--AYMW7u_.js";import"./CountdownTimer-BxDub9d2.js";import"./StatusBadge-DHVwxre2.js";import"./EmptyState-DgC_6njU.js";function Ys(){const{pathname:t,search:s}=Ke(),i=Ye(),{resolveUrl:n}=Rt();b.useEffect(()=>{const m=t+s;if(Lt(m).length===0)return;const x=n(m);x!==m&&i(x,{replace:!0})},[t,s,n,i])}const Xs=["<","<=",">",">=","="],Zs=["priority","created_at","updated_at","status","role"],B="input text-xs py-1",Ue="select text-xs py-1",J="text-text-tertiary hover:text-text-primary transition-colors";function ze(t){return t==="true"?!0:t==="false"?!1:t.trim()!==""&&!Number.isNaN(Number(t))?Number(t):t}const Js=t=>Object.entries(t??{}).map(([s,i])=>({key:s,value:String(i)})),ea=t=>(t??[]).map(s=>{const[i,n]=Object.entries(s)[0]??["",""];return{key:i,value:String(n)}});function L({title:t,hint:s,children:i}){return e.jsxs("div",{className:"border-t border-surface-border/50 py-3 first:border-t-0 first:pt-1",children:[e.jsxs("div",{className:"mb-1.5 flex items-baseline justify-between",children:[e.jsx("span",{className:"text-2xs font-medium uppercase tracking-wide text-text-tertiary",children:t}),s&&e.jsx("span",{className:"text-2xs font-mono text-text-tertiary/70",children:s})]}),i]})}function ee({value:t,onChange:s,placeholder:i}){return e.jsx("input",{list:"lt-facet-keys",className:`${B} w-40`,placeholder:i,value:t,onChange:n=>s(n.target.value)})}function ta({value:t,onChange:s,facetKeys:i=[],search:n="",onSearchChange:m}){const x=Js(t.facets),h=ea(t.block),f=t.range??[],o=t.exists??[],y=t.orderBy??[],N=r=>{const u={};for(const d of r)d.key&&(u[d.key]=ze(d.value));s({...t,facets:Object.keys(u).length?u:void 0})},S=r=>{const u=r.filter(d=>d.key).map(d=>({[d.key]:ze(d.value)}));s({...t,block:u.length?u:void 0})},M=r=>s({...t,range:r.length?r:void 0}),j=r=>s({...t,exists:r.length?r:void 0}),P=r=>s({...t,orderBy:r.length?r:void 0});return e.jsxs("div",{className:"text-xs",children:[e.jsx("datalist",{id:"lt-facet-keys",children:i.map(r=>e.jsx("option",{value:r},r))}),e.jsxs("datalist",{id:"lt-sort-fields",children:[Zs.map(r=>e.jsx("option",{value:r},r)),i.map(r=>e.jsx("option",{value:`metadata.${r}`},r))]}),m&&e.jsx(L,{title:"Match id",hint:"id · workflow · origin",children:e.jsx("input",{className:`${B} w-full`,placeholder:"Exact escalation, workflow, or origin id…",value:n,onChange:r=>m(r.target.value)})}),e.jsx(L,{title:"Has facet",hint:"metadata @>",children:[...x,{key:"",value:""}].map((r,u)=>e.jsxs("div",{className:"mb-1 flex items-center gap-1",children:[e.jsx(ee,{value:r.key,placeholder:"key",onChange:d=>{const l=[...x];l[u]={...r,key:d},N(l)}}),e.jsx("span",{className:"text-text-tertiary",children:"="}),e.jsx("input",{className:`${B} w-40`,placeholder:"value",value:r.value,onChange:d=>{const l=[...x];l[u]={...r,value:d.target.value},N(l)}}),u<x.length&&e.jsx("button",{className:J,onClick:()=>N(x.filter((d,l)=>l!==u)),children:"×"})]},u))}),e.jsx(L,{title:"Range",hint:"numeric",children:[...f,{facet:"",op:"<=",value:0}].map((r,u)=>e.jsxs("div",{className:"mb-1 flex items-center gap-1",children:[e.jsx(ee,{value:r.facet,placeholder:"numeric facet",onChange:d=>{const l=[...f];l[u]={...r,facet:d},M(l.filter(c=>c.facet))}}),e.jsx("select",{className:Ue,value:r.op,onChange:d=>{const l=[...f];l[u]={...r,op:d.target.value},M(l.filter(c=>c.facet))},children:Xs.map(d=>e.jsx("option",{value:d,children:d},d))}),e.jsx("input",{type:"number",className:`${B} w-24`,value:r.value,onChange:d=>{const l=[...f];l[u]={...r,value:Number(d.target.value)},M(l.filter(c=>c.facet))}}),u<f.length&&e.jsx("button",{className:J,onClick:()=>M(f.filter((d,l)=>l!==u)),children:"×"})]},u))}),e.jsx(L,{title:"Has key",hint:"metadata ? key",children:e.jsxs("div",{className:"flex flex-wrap items-center gap-1",children:[o.map(r=>e.jsxs("span",{className:"flex items-center gap-1 rounded bg-accent/15 px-1.5 py-0.5 text-accent",children:[r,e.jsx("button",{className:"text-accent/70 hover:text-accent",onClick:()=>j(o.filter(u=>u!==r)),children:"×"})]},r)),e.jsx(ee,{value:"",placeholder:"+ key",onChange:r=>{r&&!o.includes(r)&&j([...o,r])}})]})}),e.jsx(L,{title:"Exclude",hint:"NOT @>",children:[...h,{key:"",value:""}].map((r,u)=>e.jsxs("div",{className:"mb-1 flex items-center gap-1",children:[e.jsx(ee,{value:r.key,placeholder:"key",onChange:d=>{const l=[...h];l[u]={...r,key:d},S(l)}}),e.jsx("span",{className:"text-text-tertiary",children:"="}),e.jsx("input",{className:`${B} w-40`,placeholder:"value",value:r.value,onChange:d=>{const l=[...h];l[u]={...r,value:d.target.value},S(l)}}),u<h.length&&e.jsx("button",{className:J,onClick:()=>S(h.filter((d,l)=>l!==u)),children:"×"})]},u))}),e.jsx(L,{title:"Sort by",children:[...y,{field:"",direction:"asc"}].map((r,u)=>e.jsxs("div",{className:"mb-1 flex items-center gap-1",children:[e.jsx("input",{list:"lt-sort-fields",className:`${B} w-44`,placeholder:"column or metadata.key",value:r.field,onChange:d=>{const l=[...y];l[u]={...r,field:d.target.value},P(l.filter(c=>c.field))}}),e.jsxs("select",{className:Ue,value:r.direction??"asc",onChange:d=>{const l=[...y];l[u]={...r,direction:d.target.value},P(l.filter(c=>c.field))},children:[e.jsx("option",{value:"asc",children:"asc"}),e.jsx("option",{value:"desc",children:"desc"})]}),e.jsxs("label",{className:"flex items-center gap-1 text-text-tertiary",children:[e.jsx("input",{type:"checkbox",checked:!!r.numeric,onChange:d=>{const l=[...y];l[u]={...r,numeric:d.target.checked},P(l.filter(c=>c.field))}}),"num"]}),u<y.length&&e.jsx("button",{className:J,onClick:()=>P(y.filter((d,l)=>l!==u)),children:"×"})]},u))})]})}function sa({value:t,onChange:s,facetKeys:i,search:n,onSearchChange:m,activeFacetCount:x,onClear:h,onClose:f}){return e.jsxs("div",{className:"h-full overflow-y-auto",children:[e.jsxs("div",{className:"sticky top-0 z-10 flex items-center justify-between px-4 py-3 bg-surface-raised border-b border-surface-border/50",children:[e.jsx("span",{className:"text-xs font-semibold text-text-primary",children:"Faceted query"}),e.jsxs("div",{className:"flex items-center gap-2",children:[x>0&&e.jsx("button",{onClick:h,className:"text-2xs text-text-tertiary hover:text-text-primary transition-colors",children:"Clear"}),e.jsx("button",{onClick:f,className:"p-1 rounded hover:bg-surface-hover text-text-tertiary hover:text-text-primary transition-colors",title:"Close",children:e.jsx(se,{className:"w-4 h-4"})})]})]}),e.jsxs("div",{className:"px-4 py-2",children:[e.jsxs("p",{className:"mb-2 text-2xs leading-snug text-text-tertiary",children:["Precise metadata facets plus exact correlation-id lookup — they compose in one SQL query. Facet keys are the ones that actually exist in your visible escalations. Set status to ",e.jsx("span",{className:"font-medium",children:"All"})," to find an order across every status; the whole query is shareable via the URL."]}),e.jsx(ta,{value:t,onChange:s,facetKeys:i,search:n,onSearchChange:m})]})]})}const qe="created_at";function he(t){return t.replace(/^metadata\./,"")}function aa({orderBy:t,onChange:s}){const i=t==null?void 0:t[0],n=(i==null?void 0:i.field)??qe,m=(i==null?void 0:i.direction)??"desc",x=n===qe,h=f=>s([{...i??{},field:n,direction:f}]);return e.jsxs("div",{className:"flex items-center gap-1.5",children:[!x&&e.jsxs("span",{className:"inline-flex items-center gap-1 rounded-full border border-accent/25 bg-accent/8 px-2 py-0.5 text-2xs font-medium text-accent/90",children:[e.jsx("span",{className:"text-text-quaternary",children:"sort"}),e.jsx("span",{className:"font-mono max-w-[120px] truncate",title:n,children:he(n)}),e.jsx("button",{onClick:()=>s(void 0),className:"ml-0.5 -mr-0.5 flex items-center text-text-quaternary hover:text-status-error transition-colors","aria-label":"Reset sort to created date",children:e.jsx(se,{className:"w-2.5 h-2.5"})})]}),e.jsxs("div",{className:"flex items-center rounded overflow-hidden border border-surface-border",role:"radiogroup","aria-label":"Sort direction",children:[e.jsx("button",{type:"button",role:"radio","aria-checked":m==="desc",onClick:()=>h("desc"),className:`px-1.5 py-1 transition-colors ${m==="desc"?"bg-accent text-text-inverse":"icon-link hover:bg-surface-hover"}`,title:x?"Newest first":`${he(n)} descending`,children:e.jsx(ps,{className:"w-3.5 h-3.5"})}),e.jsx("button",{type:"button",role:"radio","aria-checked":m==="asc",onClick:()=>h("asc"),className:`px-1.5 py-1 border-l border-surface-border transition-colors ${m==="asc"?"bg-accent text-text-inverse":"icon-link hover:bg-surface-hover"}`,title:x?"Oldest first":`${he(n)} ascending`,children:e.jsx(fs,{className:"w-3.5 h-3.5"})})]})]})}const na=t=>t.isPriorityPending||t.isClaimPending||t.isAssignPending||t.isUnassignPending||t.isTriagePending||t.isCancelPending,te="inline-flex items-center h-7 px-2.5 text-2xs font-medium text-text-secondary bg-surface border border-surface-border rounded-[4px] hover:border-accent/50 hover:text-text-primary transition-colors disabled:opacity-50 disabled:hover:border-surface-border",De=`${te} appearance-none cursor-pointer`,ra="inline-flex items-center h-7 px-2.5 text-2xs font-medium text-status-error bg-surface border border-status-error/30 rounded-[4px] hover:border-status-error hover:bg-status-error/5 transition-colors disabled:opacity-50";function ia(t){var f;const s=na(t),i=Xe(),{data:n}=_t(),m=Bt(),x=m!==null?m:((f=n==null?void 0:n.ai)==null?void 0:f.enabled)===!0,h=t.selectedCount>0;return e.jsx("div",{className:`grid transition-all duration-200 ease-in-out ${h?"grid-rows-[1fr] opacity-100":"grid-rows-[0fr] opacity-0 pointer-events-none"}`,children:e.jsx("div",{className:"overflow-hidden",children:e.jsxs("div",{className:"flex flex-wrap items-center gap-2 py-2.5 pl-3 pr-2 mt-4 mb-3 bg-surface-sunken/60 border-l-2 border-l-accent",children:[e.jsxs("span",{className:"text-2xs font-semibold uppercase tracking-wider text-accent tabular-nums",children:[t.selectedCount," selected"]}),e.jsx("div",{className:"mx-1 h-4 w-px bg-surface-border"}),e.jsxs("select",{onChange:o=>{o.target.value&&(t.onSetPriority(parseInt(o.target.value)),o.target.value="")},disabled:s,className:De,defaultValue:"",children:[e.jsx("option",{value:"",disabled:!0,children:"Priority…"}),Hs.map(o=>e.jsx("option",{value:o.value,children:o.label},o.value))]}),e.jsxs("select",{onChange:o=>{o.target.value&&(t.onClaim(parseInt(o.target.value)),o.target.value="")},disabled:s,className:De,defaultValue:"",children:[e.jsx("option",{value:"",disabled:!0,children:"Claim for…"}),i.map(o=>e.jsx("option",{value:o.value,children:o.label},o.value))]}),e.jsx("button",{onClick:t.onAssign,disabled:s,className:te,children:t.isAssignPending?"Assigning…":"Assign to…"}),e.jsx("button",{onClick:t.onUnassign,disabled:s,className:te,children:t.isUnassignPending?"Unassigning…":"Unassign"}),x&&e.jsx("button",{onClick:t.onTriage,disabled:s,className:te,children:t.isTriagePending?"Triaging…":"Triage"}),t.cancelLabel!==!1&&e.jsx("button",{onClick:t.onCancel,disabled:s,className:ra,children:t.isCancelPending?t.cancelLabel?`${t.cancelLabel}…`:"Cancelling…":t.cancelLabel||"Cancel"}),e.jsx("div",{className:"flex-1"}),s&&e.jsx("span",{className:"text-2xs text-text-tertiary animate-pulse",children:"Processing…"}),e.jsx("button",{onClick:t.onClearSelection,className:"px-1 text-2xs font-medium text-text-tertiary hover:text-text-primary transition-colors",children:"Clear"})]})})})}function la({open:t,onClose:s,selectedCount:i,onSubmit:n,isPending:m}){const[x,h]=b.useState(""),f=()=>{n(x||void 0)};return e.jsx(We,{open:t,onClose:s,title:"Submit for AI Triage",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("p",{className:"text-sm text-text-secondary",children:["Submit ",e.jsx("span",{className:"font-medium text-text-primary",children:i})," escalation(s) for AI triage? The triage orchestrator will take over resolution."]}),e.jsxs("div",{children:[e.jsxs("label",{className:"text-xs font-medium text-text-secondary block mb-1",children:["Triage hint ",e.jsx("span",{className:"text-text-tertiary",children:"(optional)"})]}),e.jsx("input",{type:"text",value:x,onChange:o=>h(o.target.value),placeholder:"e.g., image_orientation",className:"input text-xs font-mono w-full"}),e.jsx("p",{className:"text-2xs text-text-tertiary mt-1",children:"Guides the triage workflow on what remediation to apply"})]}),e.jsxs("div",{className:"flex justify-end gap-3 pt-2",children:[e.jsx("button",{onClick:s,className:"btn-secondary text-xs",children:"Cancel"}),e.jsx("button",{onClick:f,disabled:m,className:"btn-primary text-xs",children:m?"Submitting...":"Submit for Triage"})]})]})})}function _(t,s,i){return n=>{t.mutate(n,{onSuccess:()=>{s(),i==null||i()}})}}function oa(t){const s=()=>[...t.selectedIds];return{handleSetPriority:o=>{_(t.setPriority,t.clearSelection)({ids:s(),priority:o})},handleBulkClaim:o=>{_(t.bulkClaim,t.clearSelection)({ids:s(),durationMinutes:o})},handleBulkTriage:o=>{_(t.bulkTriage,t.clearSelection,t.closeTriageModal)({ids:s(),hint:o})},handleBulkAssign:(o,y,N)=>{_(t.bulkAssign,t.clearSelection,t.closeAssignModal)({ids:s(),targetUserId:o,durationMinutes:y,reassign:N})},handleBulkUnassign:()=>{_(t.bulkUnassign,t.clearSelection)({ids:s()})},handleBulkCancel:()=>{_(t.bulkCancel,t.clearSelection,t.closeCancelModal)({ids:s()})}}}function ca({claimTarget:t,onClose:s,claimDuration:i,onDurationChange:n,claimDurations:m,onCustomClaimChange:x,onClaim:h,isPending:f}){return e.jsx(We,{open:!!t,onClose:s,title:"Claim Escalation",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("p",{className:"text-sm text-text-secondary",children:["Claim ",e.jsx("span",{className:"font-medium text-text-primary",children:t==null?void 0:t.type})," for:"]}),e.jsxs("select",{value:i,onChange:o=>{n(o.target.value)},className:"select w-full text-sm",children:[m.map(o=>e.jsx("option",{value:o.value,children:o.label},o.value)),e.jsx("option",{value:"custom",children:"Other..."})]}),i==="custom"&&e.jsx($s,{onChange:x,autoFocus:!0}),e.jsxs("div",{className:"flex justify-end gap-3 pt-2",children:[e.jsx("button",{onClick:s,className:"btn-secondary text-xs",children:"Cancel"}),e.jsx("button",{onClick:h,className:"btn-primary text-xs",disabled:f,children:f?"Claiming...":"Claim"})]})]})})}const Je={pending:"--lt-status-queued-graphic",claimed:"--lt-status-claimed-graphic",resolved:"--lt-status-success-graphic",cancelled:"--lt-text-quaternary",expired:"--lt-text-tertiary"},et="--lt-text-quaternary";function da(t){return Je[t]??et}const I=Object.fromEntries(Object.entries(Je).map(([t,s])=>[t,`rgb(var(${s}))`])),Ve=40,ua=64,xa=24,Ie=3;function tt(t){return t<6e4?`${Math.round(t/1e3)}s`:t<36e5?`${Math.round(t/6e4)}m`:t<864e5?`${(t/36e5).toFixed(1)}h`:`${(t/864e5).toFixed(1)}d`}function Ge(t){const s=Date.now()-t;return s<6e4?"just now":s<36e5?`${Math.round(s/6e4)}m ago`:s<864e5?`${Math.round(s/36e5)}h ago`:`${Math.round(s/864e5)}d ago`}function He(t){return t.replace(/-/g," ").replace(/\b\w/g,s=>s.toUpperCase())}function ma(t,s){return t?[...s.filter(n=>n in t),...Object.keys(t).filter(n=>!s.includes(n))].map(n=>[n,t[n]]):[]}function ha({e:t}){const s=t.endMs-t.startMs;if(s<=0)return null;const i=I.pending,n=I.claimed,m=t.status==="cancelled"||t.status==="expired"?I.cancelled:I.resolved;let x=100,h=0,f=0;return t.claimedMs!==null?(x=Math.max(0,Math.min(100,(t.claimedMs-t.startMs)/s*100)),t.isOpen?h=100-x:(h=Math.max(0,Math.min(100-x,(t.endMs-t.claimedMs)/s*100)),f=Math.max(0,100-x-h))):t.isOpen||(f=100,x=0),e.jsxs("div",{className:"mt-2 h-0.5 rounded-full overflow-hidden flex bg-surface-sunken",children:[x>0&&e.jsx("div",{style:{width:`${x}%`,backgroundColor:i,opacity:.6}}),h>0&&e.jsx("div",{style:{width:`${h}%`,backgroundColor:n,opacity:.6}}),f>0&&e.jsx("div",{style:{width:`${f}%`,backgroundColor:m,opacity:.6}})]})}function pa({gapMs:t,heightPx:s}){return e.jsx("div",{className:"relative flex items-center justify-center",style:{height:s},children:t>=6e4&&e.jsx("span",{className:"text-2xs text-text-quaternary font-mono bg-surface px-2 relative z-10",children:tt(t)})})}function Qe({e:t,highlightKeys:s,onRowClick:i}){const[n,m]=b.useState(!1),x=I[t.displayStatus]??`rgb(var(${et}))`,h=ma(t.metadata,s),f=n?h:h.slice(0,Ie),o=h.length-Ie;return e.jsxs("div",{className:"cursor-pointer max-w-[460px] min-w-[260px] w-full bg-surface-raised rounded-lg shadow-sm border border-surface-border/60 px-3.5 pt-2.5 pb-2 hover:shadow-md hover:border-surface-border transition-all duration-150",style:{borderTopWidth:"3px",borderTopColor:x},onClick:()=>i==null?void 0:i(t),children:[e.jsxs("div",{className:"flex items-baseline gap-2 mb-1.5",children:[e.jsx("span",{className:"text-2xs font-bold uppercase tracking-widest text-text-quaternary shrink-0",children:He(t.role)}),e.jsxs("span",{className:"text-xs font-semibold text-text-primary truncate",title:t.type,children:[t.type,t.subtype&&t.subtype!==t.type&&t.subtype!==""&&e.jsxs("span",{className:"font-normal text-text-tertiary",children:[" · ",t.subtype]})]})]}),f.length>0&&e.jsxs("div",{className:"border-t border-surface-border/40 pt-1 space-y-px",children:[f.map(([y,N])=>{const S=String(N),M=s.includes(y);return e.jsxs("div",{className:"group/row flex items-center gap-1.5 -mx-1 px-1 py-[2px] rounded",children:[e.jsx("span",{className:`shrink-0 w-[60px] text-2xs font-mono uppercase tracking-wide truncate ${M?"text-accent":"text-text-quaternary"}`,title:y,children:y}),e.jsx("span",{className:`flex-1 min-w-0 text-2xs font-medium truncate ${M?"text-text-primary":"text-text-tertiary"}`,title:S,children:S}),e.jsxs("span",{className:"flex items-center gap-px shrink-0 opacity-0 group-hover/row:opacity-100 transition-opacity",children:[e.jsx(Be,{to:_e(y,N,t.role),className:"p-0.5 rounded text-text-quaternary hover:text-accent transition-colors",title:`Filter ${He(t.role)}: ${y} = ${S}`,onClick:j=>j.stopPropagation(),children:e.jsx(ys,{className:"w-2.5 h-2.5"})}),e.jsx(Be,{to:_e(y,N),className:"p-0.5 rounded text-text-quaternary hover:text-accent transition-colors",title:`Search all: ${y} = ${S}`,onClick:j=>j.stopPropagation(),children:e.jsx(vs,{className:"w-2.5 h-2.5"})})]})]},y)}),o>0&&e.jsx("button",{className:"flex items-center gap-0.5 text-2xs text-text-quaternary hover:text-accent transition-colors mt-0.5 -mx-1 px-1 py-px",onClick:y=>{y.stopPropagation(),m(N=>!N)},children:n?e.jsxs(e.Fragment,{children:[e.jsx(js,{className:"w-2.5 h-2.5"})," less"]}):e.jsxs(e.Fragment,{children:[e.jsx(Ns,{className:"w-2.5 h-2.5"})," ",o," more"]})})]}),e.jsx(ha,{e:t}),t.assigned_to&&e.jsxs("div",{className:"mt-1 flex items-center justify-end gap-1 text-2xs text-text-tertiary",children:[e.jsx(Cs,{className:"w-3 h-3 shrink-0",strokeWidth:1.5}),e.jsx(Ks,{userId:t.assigned_to,className:"truncate max-w-[70%]"})]})]})}function fa({escalations:t,highlightKeys:s=[],onRowClick:i,total:n,page:m,totalPages:x,onPageChange:h}){var d,l;const f=Date.now(),y=t.map(c=>{const k=new Date(c.created_at).getTime(),w=c.resolved_at?new Date(c.resolved_at).getTime():null,g=c.claimed_at?new Date(c.claimed_at).getTime():null,C=!w&&c.status!=="cancelled"&&c.status!=="expired",$=w??(C?f:k+3e4),E=c.status==="pending"&&Ze(c)?"claimed":c.status;return{...c,startMs:k,claimedMs:g,endMs:$,isOpen:C,displayStatus:E}});if(y.length===0)return e.jsx("p",{className:"mt-12 text-center text-sm text-text-tertiary",children:"No escalations matched."});const N=y.length,M=Math.max(Math.abs((((d=y[N-1])==null?void 0:d.startMs)??0)-(((l=y[0])==null?void 0:l.startMs)??0)),1)/Math.max(N-1,1),j=ua/Math.max(M,1),r=new Set(y.map(c=>new Date(c.startMs).toDateString())).size>1;function u(c){const k=new Date(c),w=k.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"});return r?k.toLocaleDateString([],{month:"short",day:"numeric"})+" "+w:w}return e.jsxs("div",{className:"mt-4 pb-24",children:[e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute left-1/2 -translate-x-px inset-y-0 w-px bg-surface-border/80"}),y.map((c,k)=>{const w=y[k-1],g=w?Math.abs(c.startMs-w.startMs):null,C=g!==null?Math.max(xa,Math.round(g*j)):0,$=k%2===0,E=da(c.displayStatus),U=`rgb(var(${E}))`,G=c.endMs-c.startMs,z=c.isOpen?Ge(c.startMs):`${Ge(c.startMs)} · ${tt(G)}`;return e.jsxs("div",{children:[k>0&&e.jsx(pa,{gapMs:g,heightPx:C}),e.jsxs("div",{className:"flex items-center",children:[e.jsx("div",{className:"flex-1 flex justify-end items-center",children:$?e.jsxs("div",{className:"flex items-center",children:[e.jsx(Qe,{e:c,highlightKeys:s,onRowClick:i}),e.jsx("div",{className:"flex-shrink-0 h-px bg-surface-border/70",style:{width:Ve}})]}):e.jsx("span",{className:"text-2xs text-text-quaternary font-mono tabular-nums pr-3",children:z})}),e.jsx("div",{className:"relative z-10 flex-shrink-0 w-3.5 h-3.5 rounded-full border-2 border-surface cursor-pointer transition-all duration-150 hover:scale-[1.5]",style:{backgroundColor:U,boxShadow:`0 0 0 3px rgb(var(${E}) / 0.16), 0 1px 3px rgb(var(${E}) / 0.19)`},onClick:()=>i==null?void 0:i(c)}),e.jsx("div",{className:"flex-1 flex justify-start items-center",children:$?e.jsx("span",{className:"text-2xs text-text-quaternary font-mono tabular-nums pl-3",children:z}):e.jsxs("div",{className:"flex items-center",children:[e.jsx("div",{className:"flex-shrink-0 h-px bg-surface-border/70",style:{width:Ve}}),e.jsx(Qe,{e:c,highlightKeys:s,onRowClick:i})]})})]}),e.jsx("div",{className:"flex justify-center relative z-10 mt-0.5",children:e.jsx("span",{className:"text-2xs text-text-quaternary font-mono tabular-nums bg-surface px-1.5",children:u(c.startMs)})})]},c.id)})]}),x>1&&e.jsxs("div",{className:"sticky bottom-0 z-20 bg-surface/95 backdrop-blur-sm border-t border-surface-border -mx-page-x px-page-x pt-2 pb-4 flex items-center justify-between mt-10",children:[e.jsxs("span",{className:"text-2xs text-text-tertiary",children:["Page ",e.jsx("span",{className:"font-medium text-text-secondary",children:m})," ","of ",e.jsx("span",{className:"font-medium text-text-secondary",children:x})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("button",{onClick:()=>h(m-1),disabled:m<=1,className:"p-1.5 rounded hover:bg-surface-hover disabled:opacity-30 text-text-tertiary hover:text-text-primary transition-colors disabled:cursor-not-allowed",children:e.jsx(gs,{className:"w-4 h-4"})}),e.jsx("button",{onClick:()=>h(m+1),disabled:m>=x,className:"p-1.5 rounded hover:bg-surface-hover disabled:opacity-30 text-text-tertiary hover:text-text-primary transition-colors disabled:cursor-not-allowed",children:e.jsx(bs,{className:"w-4 h-4"})})]})]})]})}function za(){var Fe,Re,Le;Ys();const t=Ye(),{filters:s,setFilter:i,pagination:n}=Ds({filters:{role:"",type:"",priority:"",status:"available",search:""}});Ut({role:s.role||null,verbs:["created","claimed"]});const m=Vs(s.search),x=Xe(),[h,f]=b.useState(null),[o,y]=b.useState("30"),[N,S]=b.useState(0),M=b.useCallback(a=>S(a),[]),[j,P]=b.useState(new Set),r=b.useRef(null),u=b.useRef(null),d=b.useCallback(a=>{var v;if((v=u.current)==null||v.disconnect(),u.current=null,!a||typeof ResizeObserver>"u")return;const p=new ResizeObserver(()=>{var Z;(Z=r.current)==null||Z.style.setProperty("--lt-sticky-top",`${a.offsetHeight-1}px`)});p.observe(a),u.current=p},[]),[l,c]=b.useState(!1),[k,w]=ms(),g=b.useMemo(()=>zt(k),[k]),C=b.useCallback(a=>{w(p=>{const v=new URLSearchParams(p);return qt(v,a),v.delete("page"),v})},[w]),{data:$}=Dt(l),E=Vt(g)+(s.search?1:0),U="facet-query",{setPanel:G,closePanel:z,open:st,ownerKey:at}=It();b.useEffect(()=>{if(!l){z(U);return}G(e.jsx(sa,{value:g,onChange:C,facetKeys:($==null?void 0:$.keys)??[],search:s.search??"",onSearchChange:a=>i("search",a),activeFacetCount:E,onClear:()=>{C({}),i("search","")},onClose:()=>c(!1)}),{width:420,key:U})},[l,g,C,$,s.search,i,E,G,z]);const pe=st&&at===U,ae=b.useRef(!1);b.useEffect(()=>{if(pe){ae.current=!0;return}ae.current&&(ae.current=!1,c(!1))},[pe]);const[nt,ne]=b.useState(!1),[rt,re]=b.useState(!1),[it,ie]=b.useState(!1),lt=b.useCallback(a=>C({...g,orderBy:a}),[g,C]),H=Ke(),{data:Q}=Gt(),fe=Ht(),ot=b.useCallback(()=>{var v;const a=window.prompt("Pin label:");if(!(a!=null&&a.trim()))return;const p=((v=Q==null?void 0:Q.preferences)==null?void 0:v.pinnedViews)??[];fe.mutate({pinnedViews:[...p,{id:Qt(),label:a.trim(),url:H.pathname+H.search,badge:!0}]})},[H.pathname,H.search,Q,fe]),{canBulk:ct}=Wt(),{kiosk:le}=Kt(),ge=g.facets?Object.keys(g.facets):[],oe=k.get("view"),dt=b.useCallback(a=>{w(p=>{const v=new URLSearchParams(p);return a?v.set("view",a):v.delete("view"),v},{replace:!0})},[w]),q=oe==="timeline",ut=b.useCallback(a=>{const{[a]:p,...v}=g.facets??{};C({...g,facets:Object.keys(v).length>0?v:void 0})},[g,C]),be=Yt(),ye=Xt(),ve=Zt(),ce=Jt(),je=es(),de=ts(),W=ss(),{data:ue}=as(),{data:F}=ns(),{data:xe}=rs(),{user:K,isSuperAdmin:xt,hasRoleType:mt}=is(),Ne=xt||mt("admin"),Ce=b.useMemo(()=>new Set(((K==null?void 0:K.roles)??[]).map(a=>a.role)),[K]),ht=b.useMemo(()=>{const a=(F==null?void 0:F.roles)??[];return(Ne?a:a.filter(v=>Ce.has(v.role)&&!hs(v.role))).map(v=>({value:v.role,label:ls(v)})).sort((v,Z)=>v.label.localeCompare(Z.label))},[F,Ne,Ce]);b.useEffect(()=>{P(new Set)},[s.role,s.type,s.priority,s.status,m,n.page,n.pageSize]);const D=s.status||"",Y=D==="available",ke=D==="claimed",pt=ke?"pending":D==="resolved"?"resolved":D==="cancelled"?"cancelled":D==="expired"?"expired":void 0,T=s.role||(((Fe=g.roles)==null?void 0:Fe.length)===1?g.roles[0]:null),we=os(T??"",void 0,!!T),ft=cs(T??"",void 0,!!T),me=T?Fs((Re=ft.data)==null?void 0:Re.form_schema).cancel:void 0,V=((Le=we.data)==null?void 0:Le.list_schema)??null,Se=!T||we.isFetched,Pe=100,Me={role:s.role||void 0,type:s.type||void 0,priority:s.priority?parseInt(s.priority):void 0,limit:q?Pe:n.pageSize,offset:n.offset,sort_by:"created_at",order:"desc",search:m||void 0,...g,include:zs(V)?"envelope":void 0},gt=ds({...Me,enabled:Y&&Se}),bt=us({status:pt,claimed:ke||void 0,...Me,enabled:!Y&&Se}),yt=Y?gt:bt,{data:R,isLoading:vt,error:X,refetch:jt,isFetching:Te}=yt,A=(R==null?void 0:R.escalations)??[],O=(R==null?void 0:R.total)??0,Ae=!!T&&!!V&&!!V["x-lt-layout"]&&V["x-lt-layout"]!=="table",Ee=Ae&&!q&&(oe?oe==="rich":!0),Oe=q?"timeline":Ee?"rich":"table",$e=b.useMemo(()=>{if(!g.jeopardy||!T)return null;const a=((F==null?void 0:F.roles)??[]).find(v=>v.role===T),p=(a==null?void 0:a.priority_threshold_minutes)??(a==null?void 0:a.sla_minutes)??null;return p!=null?xs(p*6e4):null},[g.jeopardy,T,F]),Nt=b.useMemo(()=>{const a=new Set;for(const p of A)j.has(p.id)&&a.add(p.role);return[...a]},[A,j]),Ct=b.useMemo(()=>A.filter(a=>j.has(a.id)&&Ze(a)).length,[A,j]),kt=b.useCallback(()=>P(new Set),[]),wt=()=>{if(!h)return;const a=o==="custom"?N:parseInt(o);!a||a<=0||be.mutate({id:h.id,durationMinutes:a},{onSuccess:()=>{f(null),t(`/escalations/detail/${h.id}`)}})},{handleSetPriority:St,handleBulkClaim:Pt,handleBulkTriage:Mt,handleBulkAssign:Tt,handleBulkUnassign:At,handleBulkCancel:Et}=oa({selectedIds:j,clearSelection:kt,setPriority:ye,bulkClaim:ve,bulkTriage:de,bulkAssign:ce,bulkUnassign:je,bulkCancel:W,closeTriageModal:()=>ne(!1),closeAssignModal:()=>re(!1),closeCancelModal:()=>ie(!1)}),Ot=a=>{const p=new Set(j);p.has(a)?p.delete(a):p.add(a),P(p)},$t=()=>{j.size===A.length?P(new Set):P(new Set(A.map(a=>a.id)))},Ft=[ct?{key:"select",label:e.jsx("input",{type:"checkbox",checked:A.length>0&&j.size===A.length,onChange:$t,className:"rounded"}),render:a=>e.jsx("input",{type:"checkbox",checked:j.has(a.id),onChange:p=>{p.stopPropagation(),Ot(a.id)},onClick:p=>p.stopPropagation(),className:"rounded"}),className:"w-10",priority:1}:{key:"spacer",label:"",render:()=>null,className:"w-10",priority:3},..._s({highlightKeys:ge}),{key:"actions",label:"",render:a=>e.jsx(Qs,{children:e.jsx(Ws,{icon:ks,title:"Claim escalation",onClick:()=>f(a),alwaysVisible:!0,colorClass:"text-accent/40 hover:text-accent",size:"sm"})}),className:"w-10 text-right"}];return e.jsxs("div",{ref:r,children:[e.jsxs("div",{className:"flex items-center gap-2 mb-10 min-w-0",children:[e.jsx(Bs,{role:s.role,options:ht,onChange:a=>i("role",a),locked:le}),!le&&e.jsx("button",{onClick:()=>{window.location.hash="#docs:dashboard.md:all-escalations"},className:"text-text-quaternary hover:text-accent transition-colors mt-1 shrink-0",title:"Open docs for this page",children:e.jsx(ws,{className:"w-4 h-4",strokeWidth:1.5})})]}),e.jsxs("div",{ref:d,className:"sticky top-0 z-20 bg-surface",children:[e.jsx(Us,{filters:s,setFilter:i,roles:(ue==null?void 0:ue.roles)??[],types:(xe==null?void 0:xe.types)??[],showStatus:!0,showSearch:!1,showRole:!le,actions:e.jsxs(e.Fragment,{children:[q&&e.jsxs("span",{className:"text-2xs text-text-tertiary whitespace-nowrap",children:[O>100&&e.jsxs(e.Fragment,{children:[e.jsxs("span",{className:"font-medium text-text-secondary",children:[(n.page-1)*100+1,"–",Math.min(n.page*100,O)]})," of "]}),e.jsx("span",{className:"font-medium text-text-secondary",children:O})," ",O===1?"escalation":"escalations"]}),e.jsx(aa,{orderBy:g.orderBy,onChange:lt}),e.jsx("div",{role:"radiogroup","aria-label":"List view",className:"flex items-center rounded overflow-hidden border border-surface-border",children:[{key:"table",title:"Table view",Icon:Ss},{key:"rich",title:"Rich view",Icon:Ps},{key:"timeline",title:"Timeline view",Icon:Ms}].filter(a=>a.key!=="rich"||Ae).map(({key:a,title:p,Icon:v})=>e.jsx("button",{role:"radio","aria-checked":Oe===a,onClick:()=>dt(a),className:`px-1.5 py-1 transition-colors ${Oe===a?"bg-accent text-text-inverse":"icon-link hover:bg-surface-hover"}`,title:p,children:e.jsx(v,{className:"w-3.5 h-3.5"})},a))}),e.jsxs("button",{onClick:()=>c(a=>!a),"aria-pressed":l,className:`relative rounded border border-surface-border px-1.5 py-1 transition-colors ${l?"bg-accent text-text-inverse":"icon-link hover:bg-surface-hover"}`,title:"Faceted query",children:[e.jsx(Ts,{className:"w-3.5 h-3.5"}),E>0&&e.jsx("span",{className:"absolute -right-1 -top-1 flex h-3.5 min-w-[14px] items-center justify-center rounded-full bg-accent px-0.5 text-2xs font-medium text-text-inverse",children:E})]}),e.jsxs("div",{className:"flex items-center gap-0.5",children:[e.jsx("button",{onClick:()=>jt(),disabled:Te,className:"inline-flex h-7 w-7 items-center justify-center rounded icon-link hover:bg-surface-hover disabled:opacity-50",title:"Refresh",children:e.jsx(As,{className:`w-4 h-4 ${Te?"animate-spin":""}`})}),e.jsx("button",{onClick:ot,className:"inline-flex h-7 w-7 items-center justify-center rounded icon-link hover:bg-surface-hover",title:"Pin this view — save the current filters to your Pinned section","data-testid":"pin-current-view",children:e.jsx(Es,{className:"w-4 h-4"})})]})]})}),e.jsx(ia,{selectedCount:j.size,onClearSelection:()=>P(new Set),onSetPriority:St,onClaim:Pt,onAssign:()=>re(!0),onUnassign:At,onTriage:()=>ne(!0),onCancel:()=>ie(!0),isPriorityPending:ye.isPending,isClaimPending:ve.isPending,isAssignPending:ce.isPending,isUnassignPending:je.isPending,isTriagePending:de.isPending,isCancelPending:W.isPending,cancelLabel:me}),(g.facets&&Object.keys(g.facets).length>0||g.jeopardy)&&e.jsxs("div",{className:"bg-surface/98 backdrop-blur-sm border-b border-surface-border/30 -mx-page-x px-page-x py-2 flex items-center gap-1.5 flex-wrap",children:[g.jeopardy&&e.jsxs("span",{className:"inline-flex items-center gap-1 rounded-full bg-status-error px-2.5 py-0.5 text-2xs font-semibold text-text-inverse",children:[e.jsx(Os,{className:"w-2.5 h-2.5",strokeWidth:2.5}),"in jeopardy",$e&&e.jsxs("span",{className:"font-mono font-normal opacity-90",children:["> ",$e]}),e.jsx("button",{onClick:()=>C({...g,jeopardy:void 0}),className:"ml-0.5 -mr-0.5 flex items-center text-text-inverse/70 hover:text-text-inverse transition-colors","aria-label":"Clear jeopardy filter",children:e.jsx(se,{className:"w-2.5 h-2.5"})})]}),Object.entries(g.facets??{}).map(([a,p])=>e.jsxs("span",{className:"inline-flex items-center gap-1 rounded-full border border-accent/25 bg-accent/8 px-2.5 py-0.5 text-2xs font-medium text-accent/90",children:[e.jsx("span",{className:"font-mono text-text-tertiary",children:a}),e.jsx("span",{className:"text-text-quaternary",children:"="}),e.jsx("span",{className:"font-mono max-w-[160px] truncate",title:String(p),children:String(p)}),e.jsx("button",{onClick:()=>ut(a),className:"ml-0.5 -mr-0.5 flex items-center text-text-quaternary hover:text-status-error transition-colors","aria-label":`Remove ${a} filter`,children:e.jsx(se,{className:"w-2.5 h-2.5"})})]},a)),Object.keys(g.facets??{}).length>1&&e.jsx("button",{onClick:()=>C({...g,facets:void 0}),className:"text-2xs text-text-quaternary hover:text-text-secondary transition-colors px-1",children:"clear all"})]})]}),X&&e.jsx("div",{className:"mb-4 px-4 py-3 rounded-md bg-status-error/10 border border-status-error/20 text-xs text-status-error",children:X.message==="Session expired"?"Your session has expired. Please log in again.":`Failed to load escalations: ${X.message}`}),q?e.jsx(fa,{escalations:A,highlightKeys:ge,onRowClick:a=>t(`/escalations/detail/${a.id}`,{state:{from:"/escalations/available"}}),total:O,page:n.page,totalPages:Math.ceil(O/Pe),onPageChange:n.setPage}):Ee?e.jsx(qs,{role:T,listSchema:V,activeEscalations:A,onRowClick:a=>t(`/escalations/detail/${a.id}`,{state:{from:"/escalations/available"}}),onOpenGroup:a=>t(a),onAddFacet:(a,p)=>C({...g,facets:{...g.facets??{},[a]:typeof p=="object"&&p!==null?JSON.stringify(p):p}}),total:O,page:n.page,totalPages:n.totalPages(O),pageSize:n.pageSize,onPageChange:n.setPage,onPageSizeChange:n.setPageSize}):e.jsxs(e.Fragment,{children:[e.jsx(Is,{columns:Ft,data:A,layout:"fixed",keyFn:a=>a.id,onRowClick:a=>t(`/escalations/detail/${a.id}`,{state:{from:"/escalations/available"}}),isLoading:vt,emptyMessage:X?"Unable to load data":"No escalations"}),e.jsx(Gs,{page:n.page,totalPages:n.totalPages(O),onPageChange:n.setPage,total:O,pageSize:n.pageSize,onPageSizeChange:n.setPageSize})]}),e.jsx(ca,{claimTarget:h,onClose:()=>f(null),claimDuration:o,onDurationChange:a=>{y(a),S(0)},claimDurations:x,customClaimMinutes:N,onCustomClaimChange:M,onClaim:wt,isPending:be.isPending}),e.jsx(la,{open:nt,onClose:()=>ne(!1),selectedCount:j.size,onSubmit:Mt,isPending:de.isPending}),e.jsx(Rs,{open:rt,onClose:()=>re(!1),selectedCount:j.size,selectedRoles:Nt,claimedCount:Ct,onSubmit:Tt,isPending:ce.isPending}),e.jsx(Ls,{open:it,onClose:()=>ie(!1),onConfirm:Et,selectedCount:j.size,isPending:W.isPending,error:W.error,actionLabel:typeof me=="string"?me:void 0})]})}export{za as AvailableEscalationsPage};
-//# sourceMappingURL=AvailableEscalationsPage-lz5qwSjg.js.map