@machinemetrics/mm-react-components 1.4.0 → 1.4.2-0

package/CHANGELOG.md

@@ -96,6 +96,37 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Preview app: `CodePreview` route remains hash-only for tests; sidebar exclusions updated. Preview build trims `esbuild.keepNames` where snippet naming no longer requires it.
 
+## [Unreleased]
+
+### Changed
+
+- **TicketDetails:** Two-column **narrative + metadata** layout: header includes ticket id, title, and **status / priority / due** (keys `status`, `priority`, `dueDate`, `due`); main column is **description** then **Activity** with **All / Comments / Updates** tabs; right rail is **Details** (people), **Dates**, and **Custom fields** with optional **Show more** and sticky positioning on large viewports. Optional `onBack` and `onAddCustomField`. `data-slot` hooks for Carbide theming.
+- **`partitionDetailFields`:** Now returns `headerFields`, `mainColumnFields`, `sidebarPeopleFields`, `sidebarDateFields`, `sidebarCustomFields`, and composed `sidebarFields` (people → dates → custom). `assignee` key maps to the people rail. **Breaking for consumers** that assumed `status` / `priority` / `dueDate` lived only in `sidebarFields` or that `otherMainFields` rendered in the main column — those fields are repositioned in the default `TicketDetails` shell (see `PartitionDetailFieldsResult`).
+
+### Added
+
+- **`TicketSystemEvent`** and optional `TicketDetails` prop **`systemEvents`** for the Updates timeline and All-tab merge.
+- **`TicketFieldControl`:** optional **`layout="inline"`** for compact header controls; **`date`** fields use the Carbide **`DatePicker`** (not native `<input type="date">`).
+- **`DatePicker`:** optional **`triggerClassName`** for trigger button styling; optional **`aria-invalid`** / **`aria-describedby`** on the trigger; **controlled `month`** resets when the popover opens so the calendar shows the **selected date’s month** (or `defaultMonth` / today when empty).
+- **`TicketForm`:** **`date`** fields use **`DatePicker`** (not native `<input type="date">`).
+- **`parseTicketDateString`** / **`formatTicketDateString`** exported from the tickets module for host apps.
+- **`TicketFieldType` `updatedDate`:** Read-only timestamp for “last updated” (and similar). Renders as styled text in **`TicketForm`** and **`TicketDetails`** — never an `<input>`. Use **`formatTicketTimestampDisplay`** for custom UIs; value is typically ISO or `YYYY-MM-DD` on the ticket payload.
+- **`TicketDetailsLabels`:** strings for activity tabs, sidebar section titles, back button, show more/less, add field, and comment body label.
+
+## [1.3.0] - 2026-03-19
+
+### Changed
+
+- **TicketDetails** (formerly `TicketDetailSheet`): Renders **detail content only** (no outer `Sheet`), same presentation-only model as `TicketForm`. No `open` / `onClose` / `onOpen`; the host controls visibility and chrome (e.g. `Sheet` + `SheetContent` with its own close). Renamed exports: `TicketDetails`, `TicketDetailsProps`, `TicketDetailsLabels`, `defaultTicketDetailsLabels`, `mergeTicketDetailsLabels`. Removed `closeAriaLabel` from detail labels (library no longer renders a close control).
+- **Tickets module file names:** Renamed to PascalCase under `src/components/ui/tickets/` (`TicketTypes.ts`, `TicketLabels.ts`, `UserFieldValue.ts`, `TicketUserSelect.tsx`, `TicketDates.ts`, `TicketDetailLayout.ts`) for consistency with other feature folders.
+
+### Added
+
+- **Ticket pattern components:** `TicketForm`, `TicketDetails`, `TicketFieldControl`, and `UserDisplay` for schema-driven ticket create/edit and detail UI. Host apps inject `userSelectComponent` and own persistence (`onSubmit`, `onCancel`, `onValuesChange`, `onPostComment`). Optional `labels` props override default copy.
+- **Ticket utilities and types:** Exported `Ticket`, `TicketFieldDefinition`, `Comment`, and helpers (`fieldKeyToHeader`, `getMergedDetailFields`, `partitionDetailFields`, `formatCreationDate`, `formatRelativeTime`, user-field JSON helpers).
+- **Docs:** `src/components/ui/tickets/README.md`, `agent-docs/tickets-pattern.md`, and agent-documentation-reference table entry.
+- **Kanban:** Compound `KanbanBoard`, `KanbanColumn`, `KanbanCard`, and `KanbanCardOverlay` with `@dnd-kit` drag-and-drop. Helpers `dataToKanbanItems`, `normalizeToKanbanColumn`, and `computeMoveFromDragEnd` map table-shaped data to board items and derive moves from drag-end events. Column chrome uses `SheetBanner`; README, preview, Playwright visual tests, and agent-documentation-reference updates.
+
 ---
 
 ## [1.2.3] - 2026-03-23

package/agent-docs/agent-documentation-reference.md

@@ -96,11 +96,11 @@ This directory contains comprehensive documentation and tools for AI agents work
 
 ### Advanced Components
 
-| Component           | Exports                                                                                                                                                                                                                                | Description                                                                              |
-| ------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------- |
+| Component           | Exports                                                                                                                                                                                                                                | Description                                                                                                                                                          |
+| ------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | **DataTable**       | `DataTable`, `DataTablePagination`, `ResponsiveTable`, `TABLE_TOKENS`, column creators, `useTableController`, `UseTableControllerReturn`, toolbar, CSV export (+ types); optional **`controller`** prop to share state with `FileGrid` | Full-featured data table with sorting, filtering, pagination (client-side & server-side) |
 | **Thumbnail**       | `Thumbnail` (+ types)                                                                                                                                                                                                                  | Bordered thumbnail shell with optional footer (`data-slot` for Carbide)                  |
-| **FileIcon**        | `FileIcon`, `FileIconGlyph`, `inferFileIconKind`, `getExtensionFromFileName`, `formatFileIconExtensionLabel` (+ types)                                                                                                                 | File glyph + label from extension inference or overrides                                 |
+| **FileIcon**        | `FileIcon`, `FileIconGlyph`, `inferFileIconKind`, `getExtensionFromFileName`, `formatFileIconExtensionLabel` (+ types)                                                                                                                | File glyph + label from extension inference or overrides                                 |
 | **FileThumbnail**   | `FileThumbnail` (+ types); `FileThumbnailBadgeConfig`                                                                                                                                                                                  | Button wrapping `Thumbnail` + `FileIcon` and optional badge                              |
 | **FileGrid**        | `FileGrid` (+ types)                                                                                                                                                                                                                   | Icon grid bound to a TanStack `Table` (same `controller` as `DataTable`)                 |
 | **HeroMetricCard**  | `HeroMetricCard`, `HeroMetricCardItem` (+ types)                                                                                                                                                                                       | Metrics dashboard card with trends                                                       |
@@ -108,6 +108,8 @@ This directory contains comprehensive documentation and tools for AI agents work
 | **DatePicker**      | `DatePicker`                                                                                                                                                                                                                           | Single date selection with label and placeholder                                         |
 | **DateRangePicker** | `DateRangePicker`                                                                                                                                                                                                                      | Date range selection                                                                     |
 | **Dropzone**        | `Dropzone`, `DropzoneContent`, `DropzoneEmptyState`                                                                                                                                                                                    | File upload drag-drop                                                                    |
+| **Kanban**          | `KanbanBoard`, `KanbanColumn`, `KanbanCard`, `KanbanCardOverlay`, `normalizeToKanbanColumn`, `dataToKanbanItems` (+ types)                                                                                                             | Drag-and-drop Kanban board; compound API; same columns/data as DataTable                  |
+| **Tickets**         | `TicketForm`, `TicketDetails`, `TicketFieldControl`, `UserDisplay`, field helpers (`formatTicketTimestampDisplay`, …), `TicketSystemEvent`, `PartitionDetailFieldsResult` (+ `TicketUserSelectComponent`)                             | Schema-driven ticket form and detail UI; **`data-slot`** on form/details/field wrapper (see tickets README); optional `systemEvents` / `onBack` / `onAddCustomField` |
 | **Chart**           | `ChartContainer`, `ChartTooltip`, `ChartTooltipContent`, `ChartLegend`, `ChartLegendContent`, `ChartStyle` (+ `ChartConfig` type)                                                                                                      | Recharts integration                                                                     |
 
 ### Interactive Elements
@@ -126,12 +128,24 @@ This directory contains comprehensive documentation and tools for AI agents work
 | `cn`            | Class name utility for merging Tailwind classes                                                                                                                                |
 | **Theme Utils** | `activateCarbideTheme`, `deactivateCarbideTheme`, `toggleCarbideTheme`, `isCarbideThemeActive`, `activateDarkMode`, `deactivateDarkMode`, `toggleDarkMode`, `isDarkModeActive` |
 
-### Total: 44+ Components
+### Total: 46+ Components
 
 All components follow shadcn/ui patterns with Carbide theme integration for industrial/manufacturing contexts.
 
 ## Component Usage Guides
 
+### Table + Kanban from same columns and data
+
+Use the same column definitions and data for both DataTable and Kanban:
+
+- **Columns**: Pass table column objects directly to `KanbanColumn` via `column={col}` (accepts `{ id, title? }` or `{ id, header? }`).
+- **Items**: `const items = dataToKanbanItems(data, { columnIdKey: 'status', titleKey: 'name' });` then filter by column when rendering cards.
+- **Compound API**: `<KanbanBoard onMove={...}><KanbanColumn column={col}>…<KanbanCard item={item}>…</KanbanCard>…</KanbanColumn></KanbanBoard>`. Card content is children of `KanbanCard`. Optional `renderDragPreview(item)` for custom drag overlay.
+
+### Ticket form and detail sheet
+
+Schema-driven ticket UI (`TicketForm`, `TicketDetails`, `TicketFieldControl`) — inject a user picker (`TicketUserSelectComponent`), pass `onSubmit` / `onCancel`, and wire `onValuesChange` + `comments` / `onPostComment` / optional `systemEvents`. `TicketDetails` has no open/close API; mount it wherever needed (header metadata, Activity tabs, sticky sidebar). See **[tickets-pattern.md](./tickets-pattern.md)**.
+
 ### Scrolling content: Card vs ScrollArea
 
 **There is no "Panel" component.** For a panel-like or card-like region where content may be longer than the visible area, use **ScrollArea** around the scrollable content. **Card** is a structural container (border, padding, sections) and does not add scrolling.

package/agent-docs/tickets-pattern.md

@@ -0,0 +1,78 @@
+# Ticket pattern (`TicketForm`, `TicketDetails`)
+
+Carbide-composed UI for configurable work-item fields: form, per-field control, and **detail body** (header with id + title + status/priority/due, main column for description + activity, sticky metadata rail). Same idea as `TicketForm` — **presentation only**: no overlay, open state, or routing inside the library. Your app chooses where it mounts (page, `Sheet`, drawer) and owns visibility.
+
+## Quick start
+
+```tsx
+import {
+  TicketForm,
+  TicketDetails,
+  UserDisplay,
+  fieldKeyToHeader,
+  Sheet,
+  SheetContent,
+} from '@machinemetrics/mm-react-components';
+import { MyUserSelect } from './MyUserSelect';
+
+<TicketForm
+  fieldDefinitions={defs}
+  onSubmit={(values) => saveTicket(values)}
+  onCancel={() => navigate(-1)}
+  getDisplayName={(id) => ...}
+  getCurrentUser={() => api.getMe()}
+  userSelectComponent={MyUserSelect}
+/>;
+
+<Sheet open={open} onOpenChange={setOpen}>
+  <SheetContent side="right" className="p-0 flex flex-col ...">
+    <TicketDetails
+      ticket={ticket}
+      ticketFieldDefinitions={ticketDefs}
+      formFieldDefinitions={formDefs}
+      getDisplayName={(id) => ...}
+      usersLoading={loading}
+      onValuesChange={(next) => updateTicket(ticket.id, next)}
+      userSelectComponent={MyUserSelect}
+      comments={comments}
+      systemEvents={systemEvents}
+      onPostComment={({ authorUserId, body }) => addComment(...)}
+      onBack={() => setOpen(false)}
+      onAddCustomField={() => openAddFieldFlow()}
+    />
+  </SheetContent>
+</Sheet>;
+```
+
+## Types
+
+Use exported `TicketFieldDefinition`, `Ticket`, `Comment`, `TicketSystemEvent`, and `TicketConfig` for shared shapes between host and UI.
+
+For **read-only timestamps** (e.g. last updated), use **`type: 'updatedDate'`** on the field — not `text` or `date`. The UI shows a muted read-only line; the host still passes the raw value (typically ISO) on the ticket. Use **`formatTicketTimestampDisplay`** if you render the value elsewhere.
+
+## Layout helpers
+
+`partitionDetailFields` returns `headerFields`, `mainColumnFields`, `sidebarPeopleFields`, `sidebarDateFields`, `sidebarCustomFields`, plus `sidebarFields` (flattened rail list), `mainTopFields` (same as main column / description), and `otherMainFields` (same as custom — legacy names). Use these if you build a custom shell instead of `TicketDetails`.
+
+## Activity
+
+- **Comments** — existing `Comment[]` and `onPostComment`.
+- **System events** — optional `TicketSystemEvent[]` (`id`, `createdAt`, `message`) for the **Updates** tab; merged chronologically with comments under **All**.
+
+## Copy / i18n
+
+Pass `labels` (see `TicketFormLabels`, `TicketDetailsLabels`, `TicketFieldControlLabels`) or use `mergeTicketFormLabels` / `mergeTicketDetailsLabels` defaults.
+
+## Theming
+
+Carbide hooks use `data-slot` on ticket surfaces:
+
+- **`TicketForm`:** `ticket-form` (root form), `ticket-form-readonly-field` (e.g. `updatedDate`, `currentUser` rows).
+- **`TicketDetails`:** `ticket-details`, `ticket-details-header`, `ticket-details-main`, `ticket-details-activity`, `ticket-details-sidebar`.
+- **`TicketFieldControl`:** `ticket-field-control` wraps each field; primitives inside still expose their own slots (`input`, `date-picker`, etc.).
+
+See [src/components/ui/tickets/README.md](../src/components/ui/tickets/README.md) for the full table.
+
+## See also
+
+- [src/components/ui/tickets/README.md](../src/components/ui/tickets/README.md) (source tree; also shipped in repo)

package/dist/components/ui/date-picker.d.ts

@@ -35,6 +35,13 @@ export interface DatePickerProps {
      * Initial month to display when no date is selected (e.g. for stable visual tests).
      */
     readonly defaultMonth?: Date;
+    /**
+     * Classes merged onto the trigger button (e.g. compact width for toolbars).
+     */
+    readonly triggerClassName?: string;
+    /** For form validation (e.g. ticket form field errors). */
+    readonly 'aria-invalid'?: boolean;
+    readonly 'aria-describedby'?: string;
 }
-export declare function DatePicker({ label, placeholder, value, onValueChange, disabled, className, id, showDropdowns, defaultMonth, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function DatePicker({ label, placeholder, value, onValueChange, disabled, className, id, showDropdowns, defaultMonth, triggerClassName, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=date-picker.d.ts.map

package/dist/components/ui/date-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../src/components/ui/date-picker.tsx"],"names":[],"mappings":"AAcA,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IAC1D;;OAEG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC;;OAEG;IACH,QAAQ,CAAC,YAAY,CAAC,EAAE,IAAI,CAAC;CAC9B;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAA2B,EAC3B,KAAK,EACL,aAAa,EACb,QAAgB,EAChB,SAAS,EACT,EAAE,EACF,aAAqB,EACrB,YAAY,GACb,EAAE,eAAe,2CAgDjB"}
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../src/components/ui/date-picker.tsx"],"names":[],"mappings":"AAeA,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IAC1D;;OAEG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC;;OAEG;IACH,QAAQ,CAAC,YAAY,CAAC,EAAE,IAAI,CAAC;IAC7B;;OAEG;IACH,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACnC,2DAA2D;IAC3D,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAClC,QAAQ,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CACtC;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAA2B,EAC3B,KAAK,EACL,aAAa,EACb,QAAgB,EAChB,SAAS,EACT,EAAE,EACF,aAAqB,EACrB,YAAY,EACZ,gBAAgB,EAChB,cAAc,EAAE,WAAW,EAC3B,kBAAkB,EAAE,eAAe,GACpC,EAAE,eAAe,2CA4DjB"}

package/dist/components/ui/kanban/KanbanBoard.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { KanbanBoardProps } from './types';
+/**
+ * Kanban board with drag-and-drop. Wrap columns and cards; provide onMove
+ * to persist moves between columns. Uses @dnd-kit for drag-and-drop.
+ */
+export declare function KanbanBoard(props: Readonly<KanbanBoardProps>): React.ReactElement;
+//# sourceMappingURL=KanbanBoard.d.ts.map

package/dist/components/ui/kanban/KanbanBoard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KanbanBoard.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/kanban/KanbanBoard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAgBxC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AA0EhD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,gBAAgB,CAAC,GAAG,KAAK,CAAC,YAAY,CAMjF"}

package/dist/components/ui/kanban/KanbanCard.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { KanbanCardProps } from './types';
+/**
+ * A sortable card in a column. Registers its content for the default drag overlay.
+ * Pass item and children; the card is draggable within and across columns.
+ */
+export declare function KanbanCard({ item, children, }: Readonly<KanbanCardProps>): React.ReactElement;
+//# sourceMappingURL=KanbanCard.d.ts.map

package/dist/components/ui/kanban/KanbanCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KanbanCard.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/kanban/KanbanCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAMzC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,QAAQ,GACT,EAAE,QAAQ,CAAC,eAAe,CAAC,GAAG,KAAK,CAAC,YAAY,CAsChD"}

package/dist/components/ui/kanban/KanbanCardOverlay.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { KanbanCardOverlayProps } from './types';
+/**
+ * Default drag overlay. Renders card content (from registered preview or children)
+ * or falls back to item.title. Use the same styling as KanbanCard for consistency.
+ */
+export declare function KanbanCardOverlay({ item, children, }: Readonly<KanbanCardOverlayProps>): React.ReactElement;
+//# sourceMappingURL=KanbanCardOverlay.d.ts.map

package/dist/components/ui/kanban/KanbanCardOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KanbanCardOverlay.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/kanban/KanbanCardOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEtD;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,QAAQ,GACT,EAAE,QAAQ,CAAC,sBAAsB,CAAC,GAAG,KAAK,CAAC,YAAY,CAevD"}

package/dist/components/ui/kanban/KanbanColumn.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { type KanbanColumnProps } from './types';
+/**
+ * A single Kanban column: header (SheetBanner) and sortable card list.
+ * Border color uses --kanban-column-border (primary when drag-over, border otherwise).
+ */
+export declare function KanbanColumn({ column, children, }: Readonly<KanbanColumnProps>): React.ReactElement;
+//# sourceMappingURL=KanbanColumn.d.ts.map

package/dist/components/ui/kanban/KanbanColumn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KanbanColumn.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/kanban/KanbanColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAUzC,OAAO,EAEL,KAAK,iBAAiB,EAEvB,MAAM,SAAS,CAAC;AA0BjB;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,QAAQ,GACT,EAAE,QAAQ,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,YAAY,CAqElD"}

package/dist/components/ui/kanban/KanbanContext.d.ts

@@ -0,0 +1,28 @@
+import React, { type ReactNode } from 'react';
+import type { KanbanItem } from './types';
+type RegisterColumn = (id: string) => void;
+type UnregisterColumn = (id: string) => void;
+type RegisterCard = (id: string, item: KanbanItem, previewContent?: ReactNode) => void;
+type UnregisterCard = (id: string) => void;
+type GetItem = (id: string) => KanbanItem | undefined;
+type GetPreviewContent = (id: string) => ReactNode | undefined;
+type GetColumnIds = () => string[];
+type GetAllItems = () => KanbanItem[];
+interface KanbanContextValue {
+    registerColumn: RegisterColumn;
+    unregisterColumn: UnregisterColumn;
+    registerCard: RegisterCard;
+    unregisterCard: UnregisterCard;
+    getItem: GetItem;
+    getPreviewContent: GetPreviewContent;
+    getColumnIds: GetColumnIds;
+    getAllItems: GetAllItems;
+}
+/** Provides registration and lookup for columns, cards, and drag preview content. */
+export declare function KanbanContextProvider({ children, }: Readonly<{
+    children: ReactNode;
+}>): React.ReactElement;
+/** Hook to access Kanban registration and item/preview lookup. Must be used within KanbanBoard. */
+export declare function useKanbanContext(): KanbanContextValue;
+export {};
+//# sourceMappingURL=KanbanContext.d.ts.map

package/dist/components/ui/kanban/KanbanContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KanbanContext.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/kanban/KanbanContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAKZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,KAAK,cAAc,GAAG,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;AAC3C,KAAK,gBAAgB,GAAG,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;AAC7C,KAAK,YAAY,GAAG,CAClB,EAAE,EAAE,MAAM,EACV,IAAI,EAAE,UAAU,EAChB,cAAc,CAAC,EAAE,SAAS,KACvB,IAAI,CAAC;AACV,KAAK,cAAc,GAAG,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;AAC3C,KAAK,OAAO,GAAG,CAAC,EAAE,EAAE,MAAM,KAAK,UAAU,GAAG,SAAS,CAAC;AACtD,KAAK,iBAAiB,GAAG,CAAC,EAAE,EAAE,MAAM,KAAK,SAAS,GAAG,SAAS,CAAC;AAC/D,KAAK,YAAY,GAAG,MAAM,MAAM,EAAE,CAAC;AACnC,KAAK,WAAW,GAAG,MAAM,UAAU,EAAE,CAAC;AAEtC,UAAU,kBAAkB;IAC1B,cAAc,EAAE,cAAc,CAAC;IAC/B,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,YAAY,EAAE,YAAY,CAAC;IAC3B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAID,qFAAqF;AACrF,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,GACT,EAAE,QAAQ,CAAC;IACV,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC,GAAG,KAAK,CAAC,YAAY,CA0DtB;AAED,mGAAmG;AACnG,wBAAgB,gBAAgB,IAAI,kBAAkB,CAMrD"}

package/dist/components/ui/kanban/dragEndUtils.d.ts

@@ -0,0 +1,26 @@
+import type { KanbanItem } from './types';
+/**
+ * Minimal drag end payload (compatible with DragEndEvent from @dnd-kit/core).
+ */
+export interface DragEndPayload {
+    active: {
+        id: string | number;
+    };
+    over: {
+        id: string | number;
+    } | null;
+}
+/**
+ * Result of computing a valid move from a drag end event.
+ */
+export interface KanbanMoveResult {
+    itemId: string;
+    fromColumnId: string;
+    toColumnId: string;
+}
+/**
+ * Computes a move from a drag end event and current items.
+ * Returns null if the move is invalid (no over target, item not found, or same column).
+ */
+export declare function computeMoveFromDragEnd(event: DragEndPayload, items: KanbanItem[], columnIds: string[]): KanbanMoveResult | null;
+//# sourceMappingURL=dragEndUtils.d.ts.map

package/dist/components/ui/kanban/dragEndUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dragEndUtils.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/kanban/dragEndUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAChC,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;CACtC;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,cAAc,EACrB,KAAK,EAAE,UAAU,EAAE,EACnB,SAAS,EAAE,MAAM,EAAE,GAClB,gBAAgB,GAAG,IAAI,CAqBzB"}

package/dist/components/ui/kanban/index.d.ts

@@ -0,0 +1,9 @@
+export { KanbanBoard } from './KanbanBoard';
+export { KanbanColumn } from './KanbanColumn';
+export { KanbanCard } from './KanbanCard';
+export { KanbanCardOverlay } from './KanbanCardOverlay';
+export { normalizeToKanbanColumn, dataToKanbanItems } from './types';
+export { computeMoveFromDragEnd } from './dragEndUtils';
+export type { KanbanMoveResult } from './dragEndUtils';
+export type { KanbanBoardProps, KanbanColumnProps, KanbanCardProps, KanbanCardOverlayProps, KanbanColumnDef, KanbanColumnInput, KanbanItem, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/kanban/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/kanban/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACrE,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,YAAY,EACV,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,sBAAsB,EACtB,eAAe,EACf,iBAAiB,EACjB,UAAU,GACX,MAAM,SAAS,CAAC"}

package/dist/components/ui/kanban/types.d.ts

@@ -0,0 +1,58 @@
+import type { ReactNode } from 'react';
+/**
+ * Column definition for the Kanban board (normalized shape: id + title).
+ */
+export interface KanbanColumnDef {
+    id: string;
+    title: string;
+}
+/**
+ * Table-compatible column shape. Use the same object as DataTable columns;
+ * KanbanColumn normalizes id + header/title internally.
+ */
+export interface KanbanColumnInput {
+    id: string;
+    title?: string;
+    header?: string | ReactNode;
+}
+/**
+ * Item (card) definition. Must have id, columnId, and title.
+ */
+export interface KanbanItem {
+    id: string;
+    columnId: string;
+    title: string;
+}
+/**
+ * Normalize a table-column-like object to KanbanColumn.
+ * Use when you need an explicit KanbanColumn; KanbanColumn component accepts
+ * KanbanColumnInput directly and normalizes internally.
+ */
+export declare function normalizeToKanbanColumn(col: KanbanColumnInput): KanbanColumnDef;
+/**
+ * Map table data rows to KanbanItem[] using a column key and optional title key.
+ * Use the same data array as your DataTable; one call gives items for the board.
+ */
+export declare function dataToKanbanItems<T>(data: T[], options: {
+    columnIdKey: keyof T;
+    titleKey?: keyof T;
+}): KanbanItem[];
+export interface KanbanBoardProps {
+    children: ReactNode;
+    onMove?: (itemId: string, fromColumnId: string, toColumnId: string) => void;
+    renderDragPreview?: (item: KanbanItem) => ReactNode;
+}
+export interface KanbanColumnProps {
+    column: KanbanColumnDef | KanbanColumnInput;
+    children: ReactNode;
+}
+export interface KanbanCardProps {
+    item: KanbanItem;
+    children: ReactNode;
+}
+/** Props for the default drag overlay. Optional children override the default title-only content. */
+export interface KanbanCardOverlayProps {
+    item: KanbanItem;
+    children?: ReactNode;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/ui/kanban/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/kanban/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC7B;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CACrC,GAAG,EAAE,iBAAiB,GACrB,eAAe,CAQjB;AAeD;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,EACjC,IAAI,EAAE,CAAC,EAAE,EACT,OAAO,EAAE;IAAE,WAAW,EAAE,MAAM,CAAC,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,CAAA;CAAE,GACpD,UAAU,EAAE,CAiBd;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5E,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,SAAS,CAAC;CACrD;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,eAAe,GAAG,iBAAiB,CAAC;IAC5C,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,qGAAqG;AACrG,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

package/dist/components/ui/select.d.ts

@@ -3,6 +3,14 @@ import * as SelectPrimitive from '@radix-ui/react-select';
 export { Select, SelectContent, SelectGroup, SelectLabel, SelectScrollUpButton, SelectScrollDownButton, SelectSeparator, SelectValue, } from '@/components/shadcn/select';
 declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement> & {
     size?: "sm" | "default";
+} & {
+    /**
+     * `ghost` renders a transparent, borderless trigger for inline/row contexts
+     * (e.g. table row controls) where the filled input chrome is too heavy.
+     * Hover/focus affordances still apply — colors come from `carbide.css` per
+     * `data-variant`, matching the Badge/Button pattern.
+     */
+    variant?: "default" | "ghost";
 }, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { SelectTrigger, SelectItem };

package/dist/components/ui/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/ui/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAM1D,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,WAAW,EACX,oBAAoB,EACpB,sBAAsB,EACtB,eAAe,EACf,WAAW,GACZ,MAAM,4BAA4B,CAAC;AASpC,QAAA,MAAM,aAAa;;mDAwBjB,CAAC;AAGH,QAAA,MAAM,UAAU,2JAsBd,CAAC;AAEH,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/ui/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAM1D,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,WAAW,EACX,oBAAoB,EACpB,sBAAsB,EACtB,eAAe,EACf,WAAW,GACZ,MAAM,4BAA4B,CAAC;AASpC,QAAA,MAAM,aAAa;;;IAGf;;;;;OAKG;cACO,SAAS,GAAG,OAAO;mDA0B/B,CAAC;AAGH,QAAA,MAAM,UAAU,2JAsBd,CAAC;AAEH,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/ui/sheet-banner.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 export interface SheetBannerProps {
-    variant: 'shared' | 'company';
+    variant: 'shared' | 'company' | 'neutral';
     icon: React.ReactNode;
     text: string;
     additionalText?: string | null;

package/dist/components/ui/sheet-banner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sheet-banner.d.ts","sourceRoot":"","sources":["../../../src/components/ui/sheet-banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC9B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,yFA2BvB,CAAC"}
+{"version":3,"file":"sheet-banner.d.ts","sourceRoot":"","sources":["../../../src/components/ui/sheet-banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;IAC1C,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,yFA6BvB,CAAC"}

package/dist/components/ui/tickets/TicketActivitySection.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { TicketDetailsLabels } from './TicketLabels';
+import type { Comment, TicketSystemEvent } from './TicketTypes';
+import type { TicketUserSelectComponent } from './TicketUserSelect';
+export interface TicketActivitySectionProps {
+    comments: Comment[];
+    systemEvents?: TicketSystemEvent[];
+    /** Resets the comment draft when the ticket id changes. */
+    ticketId: string | undefined;
+    getDisplayName: (uid: string) => string;
+    usersLoading: boolean;
+    userSelectComponent: TicketUserSelectComponent;
+    onPostComment: (payload: {
+        authorUserId: string;
+        body: string;
+    }) => void;
+    labels: Required<TicketDetailsLabels>;
+}
+export declare function TicketActivitySection({ comments, systemEvents, ticketId, getDisplayName, usersLoading, userSelectComponent: UserSelect, onPostComment, labels, }: Readonly<TicketActivitySectionProps>): React.ReactElement;
+//# sourceMappingURL=TicketActivitySection.d.ts.map

package/dist/components/ui/tickets/TicketActivitySection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TicketActivitySection.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/tickets/TicketActivitySection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAMzE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,KAAK,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AA6DpE,MAAM,WAAW,0BAA0B;IACzC,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,YAAY,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACnC,2DAA2D;IAC3D,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,YAAY,EAAE,OAAO,CAAC;IACtB,mBAAmB,EAAE,yBAAyB,CAAC;IAC/C,aAAa,EAAE,CAAC,OAAO,EAAE;QAAE,YAAY,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACzE,MAAM,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAAC;CACvC;AAED,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,mBAAmB,EAAE,UAAU,EAC/B,aAAa,EACb,MAAM,GACP,EAAE,QAAQ,CAAC,0BAA0B,CAAC,GAAG,KAAK,CAAC,YAAY,CA2J3D"}

package/dist/components/ui/tickets/TicketDates.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Parse `YYYY-MM-DD` as a local calendar date (avoids UTC shift from `Date` string parsing).
+ */
+export declare function parseTicketDateString(iso: string): Date | undefined;
+/** Format a local `Date` as `YYYY-MM-DD` for ticket field storage. */
+export declare function formatTicketDateString(d: Date): string;
+/**
+ * Format an ISO date string for display (e.g. "Mar 1, 2024, 2:00 PM").
+ */
+export declare function formatCreationDate(createdAt: string): string;
+/**
+ * Read-only display for `updatedDate` and similar: `YYYY-MM-DD` (local) or parseable ISO datetimes.
+ */
+export declare function formatTicketTimestampDisplay(raw: string): string;
+/**
+ * Format relative time from createdAt to now (e.g. "2 days ago").
+ * Accepts optional now for tests.
+ */
+export declare function formatRelativeTime(createdAt: string, now?: Date): string;
+//# sourceMappingURL=TicketDates.d.ts.map

package/dist/components/ui/tickets/TicketDates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TicketDates.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/tickets/TicketDates.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAenE;AAED,sEAAsE;AACtE,wBAAgB,sBAAsB,CAAC,CAAC,EAAE,IAAI,GAAG,MAAM,CAKtD;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAK5D;AAED;;GAEG;AACH,wBAAgB,4BAA4B,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAYhE;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,SAAS,EAAE,MAAM,EACjB,GAAG,GAAE,IAAiB,GACrB,MAAM,CAaR"}

package/dist/components/ui/tickets/TicketDetailLayout.d.ts

@@ -0,0 +1,32 @@
+import type { TicketFieldDefinition } from './TicketTypes';
+/** Converts a field key to a short display label (e.g. "submittedBy" → "Submitted By"). */
+export declare function fieldKeyToHeader(key: string): string;
+/** Merge form + ticket definitions (form wins on key), non-hidden, exclude comment, sorted by order. */
+export declare function getMergedDetailFields(form: TicketFieldDefinition[], ticket: TicketFieldDefinition[]): TicketFieldDefinition[];
+export interface PartitionDetailFieldsResult {
+    /** Status, priority, due — header metadata row. */
+    headerFields: TicketFieldDefinition[];
+    /** Description only (title is handled separately in the shell). */
+    mainColumnFields: TicketFieldDefinition[];
+    /** Owner, submitter, assignee, etc. */
+    sidebarPeopleFields: TicketFieldDefinition[];
+    /** Created, updated, age, etc. (excludes due — that lives in `headerFields`). */
+    sidebarDateFields: TicketFieldDefinition[];
+    /** Remaining fields for the right-rail “Custom fields” block. */
+    sidebarCustomFields: TicketFieldDefinition[];
+    /**
+     * Backward-compatible flat list: people, then dates, then custom (each group sorted by `order`).
+     * Does not include header fields or description/title.
+     */
+    sidebarFields: TicketFieldDefinition[];
+    /** @deprecated Use `mainColumnFields` — description fields only. */
+    mainTopFields: TicketFieldDefinition[];
+    /** @deprecated Use `sidebarCustomFields` — same entries; previously rendered in the main column. */
+    otherMainFields: TicketFieldDefinition[];
+}
+/**
+ * Partitions merged detail field definitions for the narrative + metadata ticket layout.
+ * Title and comment types are omitted from all buckets (title shell + activity are separate).
+ */
+export declare function partitionDetailFields(fields: TicketFieldDefinition[]): PartitionDetailFieldsResult;
+//# sourceMappingURL=TicketDetailLayout.d.ts.map

package/dist/components/ui/tickets/TicketDetailLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TicketDetailLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/tickets/TicketDetailLayout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAiD3D,2FAA2F;AAC3F,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAKpD;AAED,wGAAwG;AACxG,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,qBAAqB,EAAE,EAC7B,MAAM,EAAE,qBAAqB,EAAE,GAC9B,qBAAqB,EAAE,CASzB;AAED,MAAM,WAAW,2BAA2B;IAC1C,mDAAmD;IACnD,YAAY,EAAE,qBAAqB,EAAE,CAAC;IACtC,mEAAmE;IACnE,gBAAgB,EAAE,qBAAqB,EAAE,CAAC;IAC1C,uCAAuC;IACvC,mBAAmB,EAAE,qBAAqB,EAAE,CAAC;IAC7C,iFAAiF;IACjF,iBAAiB,EAAE,qBAAqB,EAAE,CAAC;IAC3C,iEAAiE;IACjE,mBAAmB,EAAE,qBAAqB,EAAE,CAAC;IAC7C;;;OAGG;IACH,aAAa,EAAE,qBAAqB,EAAE,CAAC;IACvC,oEAAoE;IACpE,aAAa,EAAE,qBAAqB,EAAE,CAAC;IACvC,oGAAoG;IACpG,eAAe,EAAE,qBAAqB,EAAE,CAAC;CAC1C;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,qBAAqB,EAAE,GAC9B,2BAA2B,CA0C7B"}

package/dist/components/ui/tickets/TicketDetails.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import { type TicketDetailsLabels } from './TicketLabels';
+import type { Comment, Ticket, TicketFieldDefinition, TicketSystemEvent } from './TicketTypes';
+import type { TicketUserSelectComponent } from './TicketUserSelect';
+export interface TicketDetailsProps {
+    ticket?: Ticket | null;
+    ticketFieldDefinitions?: TicketFieldDefinition[];
+    formFieldDefinitions?: TicketFieldDefinition[];
+    allowEditing?: boolean;
+    getDisplayName: (uid: string) => string;
+    usersLoading?: boolean;
+    /**
+     * Called whenever a field value changes; host persists (e.g. updateTicket).
+     * Receives the full next values map for all editable detail fields. Derived
+     * read-only fields (`creationDate`, `ticketAge`) are display-only and never
+     * included in the payload.
+     */
+    onValuesChange: (nextValues: Record<string, string>) => void;
+    userSelectComponent: TicketUserSelectComponent;
+    comments: Comment[];
+    /** Timeline entries shown under Activity → Updates. */
+    systemEvents?: TicketSystemEvent[];
+    onPostComment: (payload: {
+        authorUserId: string;
+        body: string;
+    }) => void;
+    /** When set, shows a back control in the header. */
+    onBack?: () => void;
+    /** When set, shows "Add field" in the custom-fields section. */
+    onAddCustomField?: () => void;
+    labels?: TicketDetailsLabels;
+}
+export declare function TicketDetails({ ticket, ticketFieldDefinitions, formFieldDefinitions, allowEditing, getDisplayName, usersLoading, onValuesChange, userSelectComponent, comments, systemEvents, onPostComment, onBack, onAddCustomField, labels: labelsProp, }: Readonly<TicketDetailsProps>): React.ReactElement;
+//# sourceMappingURL=TicketDetails.d.ts.map

package/dist/components/ui/tickets/TicketDetails.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TicketDetails.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/tickets/TicketDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAKzE,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,gBAAgB,CAAC;AAQxB,OAAO,KAAK,EACV,OAAO,EACP,MAAM,EACN,qBAAqB,EACrB,iBAAiB,EAClB,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAKpE,MAAM,WAAW,kBAAkB;IACjC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,sBAAsB,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACjD,oBAAoB,CAAC,EAAE,qBAAqB,EAAE,CAAC;IAC/C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;;OAKG;IACH,cAAc,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAC7D,mBAAmB,EAAE,yBAAyB,CAAC;IAC/C,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,uDAAuD;IACvD,YAAY,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACnC,aAAa,EAAE,CAAC,OAAO,EAAE;QAAE,YAAY,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACzE,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,gEAAgE;IAChE,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,MAAM,CAAC,EAAE,mBAAmB,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,sBAA2B,EAC3B,oBAAyB,EACzB,YAAmB,EACnB,cAAc,EACd,YAAoB,EACpB,cAAc,EACd,mBAAmB,EACnB,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,MAAM,EACN,gBAAgB,EAChB,MAAM,EAAE,UAAU,GACnB,EAAE,QAAQ,CAAC,kBAAkB,CAAC,GAAG,KAAK,CAAC,YAAY,CAgPnD"}

package/dist/components/ui/tickets/TicketDetailsSidebar.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { TicketDetailsLabels } from './TicketLabels';
+import type { TicketFieldDefinition } from './TicketTypes';
+import type { TicketUserSelectComponent } from './TicketUserSelect';
+export interface TicketDetailsSidebarProps {
+    sidebarPeopleFields: TicketFieldDefinition[];
+    sidebarDateFields: TicketFieldDefinition[];
+    sidebarCustomFields: TicketFieldDefinition[];
+    values: Record<string, string>;
+    allowEditing: boolean;
+    getDisplayName: (uid: string) => string;
+    usersLoading: boolean;
+    userSelectComponent: TicketUserSelectComponent;
+    onFieldChange: (key: string, value: string) => void;
+    onAddCustomField?: () => void;
+    labels: Required<TicketDetailsLabels>;
+    /** Resets the custom-fields expand state when the ticket changes. */
+    ticketId: string | undefined;
+}
+export declare function TicketDetailsSidebar({ sidebarPeopleFields, sidebarDateFields, sidebarCustomFields, values, allowEditing, getDisplayName, usersLoading, userSelectComponent, onFieldChange, onAddCustomField, labels, ticketId, }: Readonly<TicketDetailsSidebarProps>): React.ReactElement;
+//# sourceMappingURL=TicketDetailsSidebar.d.ts.map

package/dist/components/ui/tickets/TicketDetailsSidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TicketDetailsSidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/tickets/TicketDetailsSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAI5D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AA0CpE,MAAM,WAAW,yBAAyB;IACxC,mBAAmB,EAAE,qBAAqB,EAAE,CAAC;IAC7C,iBAAiB,EAAE,qBAAqB,EAAE,CAAC;IAC3C,mBAAmB,EAAE,qBAAqB,EAAE,CAAC;IAC7C,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,YAAY,EAAE,OAAO,CAAC;IACtB,mBAAmB,EAAE,yBAAyB,CAAC;IAC/C,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,MAAM,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAAC;IACtC,qEAAqE;IACrE,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;CAC9B;AAED,wBAAgB,oBAAoB,CAAC,EACnC,mBAAmB,EACnB,iBAAiB,EACjB,mBAAmB,EACnB,MAAM,EACN,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,mBAAmB,EACnB,aAAa,EACb,gBAAgB,EAChB,MAAM,EACN,QAAQ,GACT,EAAE,QAAQ,CAAC,yBAAyB,CAAC,GAAG,KAAK,CAAC,YAAY,CA2I1D"}