@hotmeshio/long-tail 0.10.11 → 0.10.13

package/dashboard/dist/assets/{DataTable-BTu2AaEl.js → DataTable-Bir0Xs1p.js}

@@ -1,2 +1,2 @@
-import{a as m,j as e}from"./vendor-query-B2UbickB.js";import{E}from"./EmptyState-BcsfPq9T.js";function F(){const[r,t]=m.useState(null),[d,a]=m.useState(null),s=m.useCallback(i=>t(i),[]);return m.useEffect(()=>{if(!r||typeof ResizeObserver>"u")return;const i=new ResizeObserver(p=>{const o=p[0];o&&a(o.contentRect.width)});return i.observe(r),()=>i.disconnect()},[r]),[s,d]}const v={split:"hidden @split/table:table-cell",wall:"hidden @wall/table:table-cell"};function S(r){const t=r.some(i=>i.priority!==void 0),d=[],a=[],s=[];return r.forEach((i,p)=>{const o=i.priority??(t?2:p===0?1:2);o===1?d.push(i):o===3?s.push(i):a.push(i)}),{identity:d,meta:a,dropped:s}}const A=48;function C(){if(typeof window>"u"||typeof document>"u")return 16;const r=parseFloat(getComputedStyle(document.documentElement).fontSize);return Number.isFinite(r)&&r>0?r:16}function z({active:r,direction:t}){return e.jsx("svg",{className:`w-3 h-3 shrink-0 transition-all duration-150 ${r?"text-accent opacity-100":"opacity-0 group-hover/sorthead:opacity-40 text-text-tertiary"} ${r&&t==="asc"?"rotate-180":""}`,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2.5,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19 9l-7 7-7-7"})})}function D({columns:r,sort:t,onSort:d}){const a=r.filter(s=>s.sortable);return a.length===0?null:e.jsxs("div",{className:"flex items-center gap-2 px-4 py-2 border-b",children:[e.jsx("span",{className:"text-2xs font-semibold uppercase tracking-wide text-text-tertiary",children:"Sort"}),e.jsxs("select",{className:"select text-2xs py-1",value:(t==null?void 0:t.sort_by)??"",onChange:s=>s.target.value&&d(s.target.value),children:[!(t!=null&&t.sort_by)&&e.jsx("option",{value:"",disabled:!0,children:"Choose…"}),a.map(s=>e.jsx("option",{value:s.key,children:typeof s.label=="string"?s.label:s.key},s.key))]}),(t==null?void 0:t.sort_by)&&e.jsx("button",{onClick:()=>d(t.sort_by),className:"text-2xs text-text-tertiary hover:text-accent transition-colors tabular-nums",title:"Flip sort direction",children:t.order==="asc"?"↑ asc":"↓ desc"})]})}function M({columns:r,data:t,keyFn:d,onRowClick:a,activeRowKey:s,rowClassName:i,isLoading:p,emptyMessage:o="No records found",sort:h,onSort:b,inline:g,layout:N="auto",forceCardMode:k}){const[f,y]=F(),$=k??(y!==null&&y<A*C());if(p)return e.jsx("div",{className:"animate-pulse space-y-0",children:Array.from({length:5}).map((n,c)=>e.jsx("div",{className:"h-14 border-b last:border-b-0 px-6 flex items-center",children:e.jsx("div",{className:"h-3 bg-surface-sunken rounded w-full"})},c))});if(!t.length)return o?e.jsx(E,{title:o}):null;if($){const{identity:n,meta:c}=S(r),x=Math.max(0,n.findIndex(l=>!/(^|\s)w-\d/.test(l.className??"")));return e.jsxs("div",{ref:f,className:"@container/table",children:[b&&e.jsx(D,{columns:r,sort:h,onSort:b}),e.jsx("div",{className:"divide-y divide-surface-border",children:t.map((l,j)=>{const w=s!=null&&d(l)===s;return e.jsxs("div",{onClick:a?()=>a(l):void 0,className:`py-3 px-4 transition-colors duration-100 ${a?"cursor-pointer row-hover":""} ${w?"border-l-2 border-l-accent":""} ${i?i(l):""}`,children:[e.jsx("div",{className:"flex items-center gap-2 min-w-0",children:n.map((u,_)=>e.jsx("div",{className:_===x?"flex-1 min-w-0":"shrink-0",children:u.render(l,j)},u.key))}),c.length>0&&e.jsx("dl",{className:"mt-2 grid grid-cols-1 @dict-inline/table:grid-cols-[max-content_1fr] gap-x-6 gap-y-1 items-baseline",children:c.map(u=>e.jsxs(m.Fragment,{children:[e.jsx("dt",{className:"text-2xs font-semibold uppercase tracking-wide text-text-tertiary",children:u.label}),e.jsx("dd",{className:"text-sm min-w-0 break-words",children:u.render(l,j)})]},u.key))})]},d(l))})})]})}return e.jsx("div",{ref:f,className:"@container/table",children:e.jsxs("table",{className:`w-full ${N==="fixed"?"table-fixed":""}`,children:[e.jsx("thead",{children:e.jsx("tr",{className:"border-b",children:r.map(n=>{const c=n.sortable&&b,x=(h==null?void 0:h.sort_by)===n.key;return e.jsx("th",{onClick:c?()=>b(n.key):void 0,className:`${g?"":"sticky top-[60px] z-10 "}bg-surface px-6 py-3 text-left text-2xs font-semibold uppercase tracking-widest text-text-tertiary whitespace-nowrap ${n.showFrom?v[n.showFrom]:""} ${n.className??""} ${c?"cursor-pointer select-none group/sorthead hover:text-text-secondary transition-colors":""}`,children:e.jsxs("span",{className:"inline-flex items-center gap-1",children:[n.label,c&&e.jsx(z,{active:x,direction:x?h.order:"desc"})]})},n.key)})})}),e.jsx("tbody",{children:t.map((n,c)=>{const x=s!=null&&d(n)===s;return e.jsx("tr",{onClick:a?()=>a(n):void 0,className:`group/row border-b last:border-b-0 transition-colors duration-100 ${a?"cursor-pointer row-hover":""} ${x?"border-l-2 border-l-accent":""} ${i?i(n):""}`,children:r.map(l=>e.jsx("td",{className:`px-6 py-2.5 text-sm overflow-hidden ${l.showFrom?v[l.showFrom]:""} ${l.className??""}`,children:l.render(n,c)},l.key))},d(n))})})]})})}export{M as D};
-//# sourceMappingURL=DataTable-BTu2AaEl.js.map
+import{a as m,j as e}from"./vendor-query-RUZdMvN6.js";import{E}from"./EmptyState-lpUFYfun.js";function F(){const[r,t]=m.useState(null),[d,a]=m.useState(null),s=m.useCallback(i=>t(i),[]);return m.useEffect(()=>{if(!r||typeof ResizeObserver>"u")return;const i=new ResizeObserver(p=>{const o=p[0];o&&a(o.contentRect.width)});return i.observe(r),()=>i.disconnect()},[r]),[s,d]}const v={split:"hidden @split/table:table-cell",wall:"hidden @wall/table:table-cell"};function S(r){const t=r.some(i=>i.priority!==void 0),d=[],a=[],s=[];return r.forEach((i,p)=>{const o=i.priority??(t?2:p===0?1:2);o===1?d.push(i):o===3?s.push(i):a.push(i)}),{identity:d,meta:a,dropped:s}}const A=48;function C(){if(typeof window>"u"||typeof document>"u")return 16;const r=parseFloat(getComputedStyle(document.documentElement).fontSize);return Number.isFinite(r)&&r>0?r:16}function z({active:r,direction:t}){return e.jsx("svg",{className:`w-3 h-3 shrink-0 transition-all duration-150 ${r?"text-accent opacity-100":"opacity-0 group-hover/sorthead:opacity-40 text-text-tertiary"} ${r&&t==="asc"?"rotate-180":""}`,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2.5,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19 9l-7 7-7-7"})})}function D({columns:r,sort:t,onSort:d}){const a=r.filter(s=>s.sortable);return a.length===0?null:e.jsxs("div",{className:"flex items-center gap-2 px-4 py-2 border-b",children:[e.jsx("span",{className:"text-2xs font-semibold uppercase tracking-wide text-text-tertiary",children:"Sort"}),e.jsxs("select",{className:"select text-2xs py-1",value:(t==null?void 0:t.sort_by)??"",onChange:s=>s.target.value&&d(s.target.value),children:[!(t!=null&&t.sort_by)&&e.jsx("option",{value:"",disabled:!0,children:"Choose…"}),a.map(s=>e.jsx("option",{value:s.key,children:typeof s.label=="string"?s.label:s.key},s.key))]}),(t==null?void 0:t.sort_by)&&e.jsx("button",{onClick:()=>d(t.sort_by),className:"text-2xs text-text-tertiary hover:text-accent transition-colors tabular-nums",title:"Flip sort direction",children:t.order==="asc"?"↑ asc":"↓ desc"})]})}function M({columns:r,data:t,keyFn:d,onRowClick:a,activeRowKey:s,rowClassName:i,isLoading:p,emptyMessage:o="No records found",sort:h,onSort:b,inline:g,layout:N="auto",forceCardMode:k}){const[f,y]=F(),$=k??(y!==null&&y<A*C());if(p)return e.jsx("div",{className:"animate-pulse space-y-0",children:Array.from({length:5}).map((n,c)=>e.jsx("div",{className:"h-14 border-b last:border-b-0 px-6 flex items-center",children:e.jsx("div",{className:"h-3 bg-surface-sunken rounded w-full"})},c))});if(!t.length)return o?e.jsx(E,{title:o}):null;if($){const{identity:n,meta:c}=S(r),x=Math.max(0,n.findIndex(l=>!/(^|\s)w-\d/.test(l.className??"")));return e.jsxs("div",{ref:f,className:"@container/table",children:[b&&e.jsx(D,{columns:r,sort:h,onSort:b}),e.jsx("div",{className:"divide-y divide-surface-border",children:t.map((l,j)=>{const w=s!=null&&d(l)===s;return e.jsxs("div",{onClick:a?()=>a(l):void 0,className:`py-3 px-4 transition-colors duration-100 ${a?"cursor-pointer row-hover":""} ${w?"border-l-2 border-l-accent":""} ${i?i(l):""}`,children:[e.jsx("div",{className:"flex items-center gap-2 min-w-0",children:n.map((u,_)=>e.jsx("div",{className:_===x?"flex-1 min-w-0":"shrink-0",children:u.render(l,j)},u.key))}),c.length>0&&e.jsx("dl",{className:"mt-2 grid grid-cols-1 @dict-inline/table:grid-cols-[max-content_1fr] gap-x-6 gap-y-1 items-baseline",children:c.map(u=>e.jsxs(m.Fragment,{children:[e.jsx("dt",{className:"text-2xs font-semibold uppercase tracking-wide text-text-tertiary",children:u.label}),e.jsx("dd",{className:"text-sm min-w-0 break-words",children:u.render(l,j)})]},u.key))})]},d(l))})})]})}return e.jsx("div",{ref:f,className:"@container/table",children:e.jsxs("table",{className:`w-full ${N==="fixed"?"table-fixed":""}`,children:[e.jsx("thead",{children:e.jsx("tr",{className:"border-b",children:r.map(n=>{const c=n.sortable&&b,x=(h==null?void 0:h.sort_by)===n.key;return e.jsx("th",{onClick:c?()=>b(n.key):void 0,className:`${g?"":"sticky top-[60px] z-10 "}bg-surface px-6 py-3 text-left text-2xs font-semibold uppercase tracking-widest text-text-tertiary whitespace-nowrap ${n.showFrom?v[n.showFrom]:""} ${n.className??""} ${c?"cursor-pointer select-none group/sorthead hover:text-text-secondary transition-colors":""}`,children:e.jsxs("span",{className:"inline-flex items-center gap-1",children:[n.label,c&&e.jsx(z,{active:x,direction:x?h.order:"desc"})]})},n.key)})})}),e.jsx("tbody",{children:t.map((n,c)=>{const x=s!=null&&d(n)===s;return e.jsx("tr",{onClick:a?()=>a(n):void 0,className:`group/row border-b last:border-b-0 transition-colors duration-100 ${a?"cursor-pointer row-hover":""} ${x?"border-l-2 border-l-accent":""} ${i?i(n):""}`,children:r.map(l=>e.jsx("td",{className:`px-6 py-2.5 text-sm overflow-hidden ${l.showFrom?v[l.showFrom]:""} ${l.className??""}`,children:l.render(n,c)},l.key))},d(n))})})]})})}export{M as D};
+//# sourceMappingURL=DataTable-Bir0Xs1p.js.map

package/dashboard/dist/assets/{DataTable-BTu2AaEl.js.map → DataTable-Bir0Xs1p.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DataTable-BTu2AaEl.js","sources":["../../src/hooks/useContainerWidth.ts","../../src/components/common/data/DataTable.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\n/**\n * Measures an element's content-box width via ResizeObserver — the hook form\n * of \"geometry follows the container\". Returns a CALLBACK ref (the observed\n * element can mount late, e.g. after a loading state) and the width: `null`\n * before the first measure and in environments without ResizeObserver\n * (jsdom), which callers treat as \"wide\".\n */\nexport function useContainerWidth<T extends HTMLElement>(): [(node: T | null) => void, number | null] {\n  const [el, setEl] = useState<T | null>(null);\n  const [width, setWidth] = useState<number | null>(null);\n\n  const ref = useCallback((node: T | null) => setEl(node), []);\n\n  useEffect(() => {\n    if (!el || typeof ResizeObserver === 'undefined') return;\n    const observer = new ResizeObserver((entries) => {\n      const entry = entries[0];\n      if (entry) setWidth(entry.contentRect.width);\n    });\n    observer.observe(el);\n    return () => observer.disconnect();\n  }, [el]);\n\n  return [ref, width];\n}\n","import { Fragment, type ReactNode } from 'react';\nimport { EmptyState } from '../display/EmptyState';\nimport { useContainerWidth } from '../../../hooks/useContainerWidth';\nimport type { SortState } from '../../../hooks/useFilterParams';\n\nexport interface Column<T> {\n  key: string;\n  label: string | ReactNode;\n  render: (row: T, index: number) => ReactNode;\n  className?: string;\n  /** If true, this column header is clickable and triggers onSort. */\n  sortable?: boolean;\n  /**\n   * Card-fold behavior when the container drops below the @table threshold:\n   * 1 = identity — always visible, forms the card's title line;\n   * 2 = folds into the card body as a label/value pair (default);\n   * 3 = dropped in card mode.\n   */\n  priority?: 1 | 2 | 3;\n  /**\n   * Table-mode disclosure: the column renders only when the table's\n   * container clears the named threshold. The column budget governs the\n   * floor; enrichment columns return with room.\n   */\n  showFrom?: 'split' | 'wall';\n}\n\n/* Literal class strings so Tailwind's scanner sees the container variants. */\nconst SHOW_FROM_CLASS: Record<NonNullable<Column<unknown>['showFrom']>, string> = {\n  split: 'hidden @split/table:table-cell',\n  wall: 'hidden @wall/table:table-cell',\n};\n\n/**\n * Split columns by card-fold priority. When NO column declares a priority,\n * the first column is the identity and the rest fold — the sane default for\n * every list page. When any column declares one, undeclared columns fold.\n * Exported for tests.\n */\nexport function partitionColumns<T>(columns: Column<T>[]): {\n  identity: Column<T>[];\n  meta: Column<T>[];\n  dropped: Column<T>[];\n} {\n  const anyDeclared = columns.some((c) => c.priority !== undefined);\n  const identity: Column<T>[] = [];\n  const meta: Column<T>[] = [];\n  const dropped: Column<T>[] = [];\n  columns.forEach((col, i) => {\n    const priority = col.priority ?? (anyDeclared ? 2 : i === 0 ? 1 : 2);\n    if (priority === 1) identity.push(col);\n    else if (priority === 3) dropped.push(col);\n    else meta.push(col);\n  });\n  return { identity, meta, dropped };\n}\n\ninterface DataTableProps<T> {\n  columns: Column<T>[];\n  data: T[];\n  keyFn: (row: T) => string;\n  onRowClick?: (row: T) => void;\n  /** Highlight the row whose keyFn matches this value. */\n  activeRowKey?: string | null;\n  /** Optional per-row class name for custom styling (e.g., engine vs worker tint). */\n  rowClassName?: (row: T) => string;\n  isLoading?: boolean;\n  emptyMessage?: string;\n  /** Current sort state — pass to show active sort indicator. */\n  sort?: SortState;\n  /** Called when a sortable column header is clicked. */\n  onSort?: (column: string) => void;\n  /** Disable the sticky header (useful when nested inside collapsible sections). */\n  inline?: boolean;\n  /**\n   * `fixed` locks the table to its container width: columns with width\n   * classes keep them, the rest share the remainder, and long content\n   * truncates instead of widening the table. Use beside a slide panel where\n   * the table must shrink as the panel expands.\n   */\n  layout?: 'auto' | 'fixed';\n  /** Force console-card rendering regardless of measured width (tests). */\n  forceCardMode?: boolean;\n}\n\n/** The @table threshold in rem — below this the table folds into cards. */\nconst CARD_FOLD_REM = 48;\n\nfunction rootFontPx(): number {\n  if (typeof window === 'undefined' || typeof document === 'undefined') return 16;\n  const size = parseFloat(getComputedStyle(document.documentElement).fontSize);\n  return Number.isFinite(size) && size > 0 ? size : 16;\n}\n\nfunction SortIcon({ active, direction }: { active: boolean; direction: 'asc' | 'desc' }) {\n  return (\n    <svg\n      className={`w-3 h-3 shrink-0 transition-all duration-150 ${\n        active ? 'text-accent opacity-100' : 'opacity-0 group-hover/sorthead:opacity-40 text-text-tertiary'\n      } ${active && direction === 'asc' ? 'rotate-180' : ''}`}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={2.5}\n    >\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M19 9l-7 7-7-7\" />\n    </svg>\n  );\n}\n\n/** Compact sort control for card mode, where there is no header row. */\nfunction CardSortControl<T>({ columns, sort, onSort }: {\n  columns: Column<T>[];\n  sort?: SortState;\n  onSort: (column: string) => void;\n}) {\n  const sortable = columns.filter((c) => c.sortable);\n  if (sortable.length === 0) return null;\n  return (\n    <div className=\"flex items-center gap-2 px-4 py-2 border-b\">\n      <span className=\"text-2xs font-semibold uppercase tracking-wide text-text-tertiary\">Sort</span>\n      <select\n        className=\"select text-2xs py-1\"\n        value={sort?.sort_by ?? ''}\n        onChange={(e) => e.target.value && onSort(e.target.value)}\n      >\n        {!sort?.sort_by && <option value=\"\" disabled>Choose…</option>}\n        {sortable.map((c) => (\n          <option key={c.key} value={c.key}>{typeof c.label === 'string' ? c.label : c.key}</option>\n        ))}\n      </select>\n      {sort?.sort_by && (\n        <button\n          onClick={() => onSort(sort.sort_by)}\n          className=\"text-2xs text-text-tertiary hover:text-accent transition-colors tabular-nums\"\n          title=\"Flip sort direction\"\n        >\n          {sort.order === 'asc' ? '↑ asc' : '↓ desc'}\n        </button>\n      )}\n    </div>\n  );\n}\n\nexport function DataTable<T>({\n  columns,\n  data,\n  keyFn,\n  onRowClick,\n  activeRowKey,\n  rowClassName,\n  isLoading,\n  emptyMessage = 'No records found',\n  sort,\n  onSort,\n  inline,\n  layout = 'auto',\n  forceCardMode,\n}: DataTableProps<T>) {\n  const [wrapRef, width] = useContainerWidth<HTMLDivElement>();\n  const cardMode = forceCardMode ?? (width !== null && width < CARD_FOLD_REM * rootFontPx());\n\n  if (isLoading) {\n    return (\n      <div className=\"animate-pulse space-y-0\">\n        {Array.from({ length: 5 }).map((_, i) => (\n          <div key={i} className=\"h-14 border-b last:border-b-0 px-6 flex items-center\">\n            <div className=\"h-3 bg-surface-sunken rounded w-full\" />\n          </div>\n        ))}\n      </div>\n    );\n  }\n\n  if (!data.length) {\n    return emptyMessage ? <EmptyState title={emptyMessage} /> : null;\n  }\n\n  if (cardMode) {\n    // A table row IS a dictionary: identity columns form the title line, the\n    // rest fold into dense console-style pairs. Tables never scroll\n    // horizontally — they fold.\n    const { identity, meta } = partitionColumns(columns);\n    // The title line: glyph/width-classed identity columns (status dots,\n    // checkboxes, countdowns) hold their size; the first free-width identity\n    // column (the description) flexes and truncates.\n    const flexAt = Math.max(0, identity.findIndex((c) => !/(^|\\s)w-\\d/.test(c.className ?? '')));\n    return (\n      <div ref={wrapRef} className=\"@container/table\">\n        {onSort && <CardSortControl columns={columns} sort={sort} onSort={onSort} />}\n        <div className=\"divide-y divide-surface-border\">\n          {data.map((row, index) => {\n            const isActive = activeRowKey != null && keyFn(row) === activeRowKey;\n            return (\n              <div\n                key={keyFn(row)}\n                onClick={onRowClick ? () => onRowClick(row) : undefined}\n                className={`py-3 px-4 transition-colors duration-100 ${\n                  onRowClick ? 'cursor-pointer row-hover' : ''\n                } ${isActive ? 'border-l-2 border-l-accent' : ''} ${rowClassName ? rowClassName(row) : ''}`}\n              >\n                <div className=\"flex items-center gap-2 min-w-0\">\n                  {identity.map((col, i) => (\n                    <div key={col.key} className={i === flexAt ? 'flex-1 min-w-0' : 'shrink-0'}>\n                      {col.render(row, index)}\n                    </div>\n                  ))}\n                </div>\n                {meta.length > 0 && (\n                  <dl className=\"mt-2 grid grid-cols-1 @dict-inline/table:grid-cols-[max-content_1fr] gap-x-6 gap-y-1 items-baseline\">\n                    {meta.map((col) => (\n                      <Fragment key={col.key}>\n                        <dt className=\"text-2xs font-semibold uppercase tracking-wide text-text-tertiary\">\n                          {col.label}\n                        </dt>\n                        <dd className=\"text-sm min-w-0 break-words\">{col.render(row, index)}</dd>\n                      </Fragment>\n                    ))}\n                  </dl>\n                )}\n              </div>\n            );\n          })}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div ref={wrapRef} className=\"@container/table\">\n      <table className={`w-full ${layout === 'fixed' ? 'table-fixed' : ''}`}>\n        <thead>\n          <tr className=\"border-b\">\n            {columns.map((col) => {\n              const isSortable = col.sortable && onSort;\n              const isActive = sort?.sort_by === col.key;\n\n              return (\n                <th\n                  key={col.key}\n                  onClick={isSortable ? () => onSort(col.key) : undefined}\n                  className={`${inline ? '' : 'sticky top-[60px] z-10 '}bg-surface px-6 py-3 text-left text-2xs font-semibold uppercase tracking-widest text-text-tertiary whitespace-nowrap ${col.showFrom ? SHOW_FROM_CLASS[col.showFrom] : ''} ${col.className ?? ''} ${\n                    isSortable ? 'cursor-pointer select-none group/sorthead hover:text-text-secondary transition-colors' : ''\n                  }`}\n                >\n                  <span className=\"inline-flex items-center gap-1\">\n                    {col.label}\n                    {isSortable && (\n                      <SortIcon active={isActive} direction={isActive ? sort.order : 'desc'} />\n                    )}\n                  </span>\n                </th>\n              );\n            })}\n          </tr>\n        </thead>\n        <tbody>\n          {data.map((row, index) => {\n            const isActive = activeRowKey != null && keyFn(row) === activeRowKey;\n            return (\n            <tr\n              key={keyFn(row)}\n              onClick={onRowClick ? () => onRowClick(row) : undefined}\n              className={`group/row border-b last:border-b-0 transition-colors duration-100 ${\n                onRowClick ? 'cursor-pointer row-hover' : ''\n              } ${isActive ? 'border-l-2 border-l-accent' : ''} ${rowClassName ? rowClassName(row) : ''}`}\n            >\n              {columns.map((col) => (\n                <td\n                  key={col.key}\n                  className={`px-6 py-2.5 text-sm overflow-hidden ${col.showFrom ? SHOW_FROM_CLASS[col.showFrom] : ''} ${col.className ?? ''}`}\n                >\n                  {col.render(row, index)}\n                </td>\n              ))}\n            </tr>\n            );\n          })}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n"],"names":["useContainerWidth","el","setEl","useState","width","setWidth","ref","useCallback","node","useEffect","observer","entries","entry","SHOW_FROM_CLASS","partitionColumns","columns","anyDeclared","c","identity","meta","dropped","col","i","priority","CARD_FOLD_REM","rootFontPx","size","SortIcon","active","direction","jsx","CardSortControl","sort","onSort","sortable","jsxs","e","DataTable","data","keyFn","onRowClick","activeRowKey","rowClassName","isLoading","emptyMessage","inline","layout","forceCardMode","wrapRef","cardMode","_","EmptyState","flexAt","row","index","isActive","Fragment","isSortable"],"mappings":"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"}
+{"version":3,"file":"DataTable-Bir0Xs1p.js","sources":["../../src/hooks/useContainerWidth.ts","../../src/components/common/data/DataTable.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\n/**\n * Measures an element's content-box width via ResizeObserver — the hook form\n * of \"geometry follows the container\". Returns a CALLBACK ref (the observed\n * element can mount late, e.g. after a loading state) and the width: `null`\n * before the first measure and in environments without ResizeObserver\n * (jsdom), which callers treat as \"wide\".\n */\nexport function useContainerWidth<T extends HTMLElement>(): [(node: T | null) => void, number | null] {\n  const [el, setEl] = useState<T | null>(null);\n  const [width, setWidth] = useState<number | null>(null);\n\n  const ref = useCallback((node: T | null) => setEl(node), []);\n\n  useEffect(() => {\n    if (!el || typeof ResizeObserver === 'undefined') return;\n    const observer = new ResizeObserver((entries) => {\n      const entry = entries[0];\n      if (entry) setWidth(entry.contentRect.width);\n    });\n    observer.observe(el);\n    return () => observer.disconnect();\n  }, [el]);\n\n  return [ref, width];\n}\n","import { Fragment, type ReactNode } from 'react';\nimport { EmptyState } from '../display/EmptyState';\nimport { useContainerWidth } from '../../../hooks/useContainerWidth';\nimport type { SortState } from '../../../hooks/useFilterParams';\n\nexport interface Column<T> {\n  key: string;\n  label: string | ReactNode;\n  render: (row: T, index: number) => ReactNode;\n  className?: string;\n  /** If true, this column header is clickable and triggers onSort. */\n  sortable?: boolean;\n  /**\n   * Card-fold behavior when the container drops below the @table threshold:\n   * 1 = identity — always visible, forms the card's title line;\n   * 2 = folds into the card body as a label/value pair (default);\n   * 3 = dropped in card mode.\n   */\n  priority?: 1 | 2 | 3;\n  /**\n   * Table-mode disclosure: the column renders only when the table's\n   * container clears the named threshold. The column budget governs the\n   * floor; enrichment columns return with room.\n   */\n  showFrom?: 'split' | 'wall';\n}\n\n/* Literal class strings so Tailwind's scanner sees the container variants. */\nconst SHOW_FROM_CLASS: Record<NonNullable<Column<unknown>['showFrom']>, string> = {\n  split: 'hidden @split/table:table-cell',\n  wall: 'hidden @wall/table:table-cell',\n};\n\n/**\n * Split columns by card-fold priority. When NO column declares a priority,\n * the first column is the identity and the rest fold — the sane default for\n * every list page. When any column declares one, undeclared columns fold.\n * Exported for tests.\n */\nexport function partitionColumns<T>(columns: Column<T>[]): {\n  identity: Column<T>[];\n  meta: Column<T>[];\n  dropped: Column<T>[];\n} {\n  const anyDeclared = columns.some((c) => c.priority !== undefined);\n  const identity: Column<T>[] = [];\n  const meta: Column<T>[] = [];\n  const dropped: Column<T>[] = [];\n  columns.forEach((col, i) => {\n    const priority = col.priority ?? (anyDeclared ? 2 : i === 0 ? 1 : 2);\n    if (priority === 1) identity.push(col);\n    else if (priority === 3) dropped.push(col);\n    else meta.push(col);\n  });\n  return { identity, meta, dropped };\n}\n\ninterface DataTableProps<T> {\n  columns: Column<T>[];\n  data: T[];\n  keyFn: (row: T) => string;\n  onRowClick?: (row: T) => void;\n  /** Highlight the row whose keyFn matches this value. */\n  activeRowKey?: string | null;\n  /** Optional per-row class name for custom styling (e.g., engine vs worker tint). */\n  rowClassName?: (row: T) => string;\n  isLoading?: boolean;\n  emptyMessage?: string;\n  /** Current sort state — pass to show active sort indicator. */\n  sort?: SortState;\n  /** Called when a sortable column header is clicked. */\n  onSort?: (column: string) => void;\n  /** Disable the sticky header (useful when nested inside collapsible sections). */\n  inline?: boolean;\n  /**\n   * `fixed` locks the table to its container width: columns with width\n   * classes keep them, the rest share the remainder, and long content\n   * truncates instead of widening the table. Use beside a slide panel where\n   * the table must shrink as the panel expands.\n   */\n  layout?: 'auto' | 'fixed';\n  /** Force console-card rendering regardless of measured width (tests). */\n  forceCardMode?: boolean;\n}\n\n/** The @table threshold in rem — below this the table folds into cards. */\nconst CARD_FOLD_REM = 48;\n\nfunction rootFontPx(): number {\n  if (typeof window === 'undefined' || typeof document === 'undefined') return 16;\n  const size = parseFloat(getComputedStyle(document.documentElement).fontSize);\n  return Number.isFinite(size) && size > 0 ? size : 16;\n}\n\nfunction SortIcon({ active, direction }: { active: boolean; direction: 'asc' | 'desc' }) {\n  return (\n    <svg\n      className={`w-3 h-3 shrink-0 transition-all duration-150 ${\n        active ? 'text-accent opacity-100' : 'opacity-0 group-hover/sorthead:opacity-40 text-text-tertiary'\n      } ${active && direction === 'asc' ? 'rotate-180' : ''}`}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={2.5}\n    >\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M19 9l-7 7-7-7\" />\n    </svg>\n  );\n}\n\n/** Compact sort control for card mode, where there is no header row. */\nfunction CardSortControl<T>({ columns, sort, onSort }: {\n  columns: Column<T>[];\n  sort?: SortState;\n  onSort: (column: string) => void;\n}) {\n  const sortable = columns.filter((c) => c.sortable);\n  if (sortable.length === 0) return null;\n  return (\n    <div className=\"flex items-center gap-2 px-4 py-2 border-b\">\n      <span className=\"text-2xs font-semibold uppercase tracking-wide text-text-tertiary\">Sort</span>\n      <select\n        className=\"select text-2xs py-1\"\n        value={sort?.sort_by ?? ''}\n        onChange={(e) => e.target.value && onSort(e.target.value)}\n      >\n        {!sort?.sort_by && <option value=\"\" disabled>Choose…</option>}\n        {sortable.map((c) => (\n          <option key={c.key} value={c.key}>{typeof c.label === 'string' ? c.label : c.key}</option>\n        ))}\n      </select>\n      {sort?.sort_by && (\n        <button\n          onClick={() => onSort(sort.sort_by)}\n          className=\"text-2xs text-text-tertiary hover:text-accent transition-colors tabular-nums\"\n          title=\"Flip sort direction\"\n        >\n          {sort.order === 'asc' ? '↑ asc' : '↓ desc'}\n        </button>\n      )}\n    </div>\n  );\n}\n\nexport function DataTable<T>({\n  columns,\n  data,\n  keyFn,\n  onRowClick,\n  activeRowKey,\n  rowClassName,\n  isLoading,\n  emptyMessage = 'No records found',\n  sort,\n  onSort,\n  inline,\n  layout = 'auto',\n  forceCardMode,\n}: DataTableProps<T>) {\n  const [wrapRef, width] = useContainerWidth<HTMLDivElement>();\n  const cardMode = forceCardMode ?? (width !== null && width < CARD_FOLD_REM * rootFontPx());\n\n  if (isLoading) {\n    return (\n      <div className=\"animate-pulse space-y-0\">\n        {Array.from({ length: 5 }).map((_, i) => (\n          <div key={i} className=\"h-14 border-b last:border-b-0 px-6 flex items-center\">\n            <div className=\"h-3 bg-surface-sunken rounded w-full\" />\n          </div>\n        ))}\n      </div>\n    );\n  }\n\n  if (!data.length) {\n    return emptyMessage ? <EmptyState title={emptyMessage} /> : null;\n  }\n\n  if (cardMode) {\n    // A table row IS a dictionary: identity columns form the title line, the\n    // rest fold into dense console-style pairs. Tables never scroll\n    // horizontally — they fold.\n    const { identity, meta } = partitionColumns(columns);\n    // The title line: glyph/width-classed identity columns (status dots,\n    // checkboxes, countdowns) hold their size; the first free-width identity\n    // column (the description) flexes and truncates.\n    const flexAt = Math.max(0, identity.findIndex((c) => !/(^|\\s)w-\\d/.test(c.className ?? '')));\n    return (\n      <div ref={wrapRef} className=\"@container/table\">\n        {onSort && <CardSortControl columns={columns} sort={sort} onSort={onSort} />}\n        <div className=\"divide-y divide-surface-border\">\n          {data.map((row, index) => {\n            const isActive = activeRowKey != null && keyFn(row) === activeRowKey;\n            return (\n              <div\n                key={keyFn(row)}\n                onClick={onRowClick ? () => onRowClick(row) : undefined}\n                className={`py-3 px-4 transition-colors duration-100 ${\n                  onRowClick ? 'cursor-pointer row-hover' : ''\n                } ${isActive ? 'border-l-2 border-l-accent' : ''} ${rowClassName ? rowClassName(row) : ''}`}\n              >\n                <div className=\"flex items-center gap-2 min-w-0\">\n                  {identity.map((col, i) => (\n                    <div key={col.key} className={i === flexAt ? 'flex-1 min-w-0' : 'shrink-0'}>\n                      {col.render(row, index)}\n                    </div>\n                  ))}\n                </div>\n                {meta.length > 0 && (\n                  <dl className=\"mt-2 grid grid-cols-1 @dict-inline/table:grid-cols-[max-content_1fr] gap-x-6 gap-y-1 items-baseline\">\n                    {meta.map((col) => (\n                      <Fragment key={col.key}>\n                        <dt className=\"text-2xs font-semibold uppercase tracking-wide text-text-tertiary\">\n                          {col.label}\n                        </dt>\n                        <dd className=\"text-sm min-w-0 break-words\">{col.render(row, index)}</dd>\n                      </Fragment>\n                    ))}\n                  </dl>\n                )}\n              </div>\n            );\n          })}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div ref={wrapRef} className=\"@container/table\">\n      <table className={`w-full ${layout === 'fixed' ? 'table-fixed' : ''}`}>\n        <thead>\n          <tr className=\"border-b\">\n            {columns.map((col) => {\n              const isSortable = col.sortable && onSort;\n              const isActive = sort?.sort_by === col.key;\n\n              return (\n                <th\n                  key={col.key}\n                  onClick={isSortable ? () => onSort(col.key) : undefined}\n                  className={`${inline ? '' : 'sticky top-[60px] z-10 '}bg-surface px-6 py-3 text-left text-2xs font-semibold uppercase tracking-widest text-text-tertiary whitespace-nowrap ${col.showFrom ? SHOW_FROM_CLASS[col.showFrom] : ''} ${col.className ?? ''} ${\n                    isSortable ? 'cursor-pointer select-none group/sorthead hover:text-text-secondary transition-colors' : ''\n                  }`}\n                >\n                  <span className=\"inline-flex items-center gap-1\">\n                    {col.label}\n                    {isSortable && (\n                      <SortIcon active={isActive} direction={isActive ? sort.order : 'desc'} />\n                    )}\n                  </span>\n                </th>\n              );\n            })}\n          </tr>\n        </thead>\n        <tbody>\n          {data.map((row, index) => {\n            const isActive = activeRowKey != null && keyFn(row) === activeRowKey;\n            return (\n            <tr\n              key={keyFn(row)}\n              onClick={onRowClick ? () => onRowClick(row) : undefined}\n              className={`group/row border-b last:border-b-0 transition-colors duration-100 ${\n                onRowClick ? 'cursor-pointer row-hover' : ''\n              } ${isActive ? 'border-l-2 border-l-accent' : ''} ${rowClassName ? rowClassName(row) : ''}`}\n            >\n              {columns.map((col) => (\n                <td\n                  key={col.key}\n                  className={`px-6 py-2.5 text-sm overflow-hidden ${col.showFrom ? SHOW_FROM_CLASS[col.showFrom] : ''} ${col.className ?? ''}`}\n                >\n                  {col.render(row, index)}\n                </td>\n              ))}\n            </tr>\n            );\n          })}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n"],"names":["useContainerWidth","el","setEl","useState","width","setWidth","ref","useCallback","node","useEffect","observer","entries","entry","SHOW_FROM_CLASS","partitionColumns","columns","anyDeclared","c","identity","meta","dropped","col","i","priority","CARD_FOLD_REM","rootFontPx","size","SortIcon","active","direction","jsx","CardSortControl","sort","onSort","sortable","jsxs","e","DataTable","data","keyFn","onRowClick","activeRowKey","rowClassName","isLoading","emptyMessage","inline","layout","forceCardMode","wrapRef","cardMode","_","EmptyState","flexAt","row","index","isActive","Fragment","isSortable"],"mappings":"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"}

package/dashboard/dist/assets/{DropZone-NYn6TWHz.js → DropZone-CL9gA7pu.js}

@@ -1,2 +1,2 @@
-import{a as n,j as l}from"./vendor-query-B2UbickB.js";import{a$ as D}from"./vendor-icons-D71XjkNy.js";function v(r,c){const p=c.split(",").map(e=>e.trim());for(const e of p)if(e.startsWith(".")&&r.name.toLowerCase().endsWith(e.toLowerCase())||e===r.type||e.endsWith("/*")&&r.type.startsWith(e.slice(0,-1)))return!0;return!1}function j({onDrop:r,children:c,label:p="Drop files here",accept:e,disabled:i}){const[u,f]=n.useState(!1),s=n.useRef(0),d=n.useCallback(t=>{t.preventDefault(),t.stopPropagation(),s.current++,i||f(!0)},[i]),g=n.useCallback(t=>{t.preventDefault(),t.stopPropagation(),s.current--,s.current<=0&&(s.current=0,f(!1))},[]),x=n.useCallback(t=>{t.preventDefault(),t.stopPropagation()},[]),h=n.useCallback(t=>{if(t.preventDefault(),t.stopPropagation(),s.current=0,f(!1),i)return;const o=Array.from(t.dataTransfer.files);if(console.debug("[DropZone] dropped files:",o.map(a=>({name:a.name,type:a.type,size:a.size}))),e){const a=o.filter(m=>v(m,e));console.debug("[DropZone] after accept filter:",a.length,"of",o.length),a.length?r(a):console.warn("[DropZone] no files matched accept pattern:",e)}else o.length&&r(o)},[r,e,i]);return l.jsxs("div",{className:"relative",onDragEnter:d,onDragLeave:g,onDragOver:x,onDrop:h,children:[c,u&&l.jsx("div",{className:"fixed inset-0 z-50 flex flex-col items-center justify-center transition-opacity pointer-events-none",style:{background:"rgba(var(--color-surface-rgb, 255 255 255) / 0.85)"},children:l.jsxs("div",{className:"flex flex-col items-center gap-2 px-6 py-5 rounded-xl border border-dashed border-text-quaternary/40",children:[l.jsx(D,{className:"w-8 h-8 text-text-tertiary"}),l.jsx("p",{className:"text-xs text-text-secondary",children:p})]})})]})}export{j as D};
-//# sourceMappingURL=DropZone-NYn6TWHz.js.map
+import{a as n,j as l}from"./vendor-query-RUZdMvN6.js";import{b0 as D}from"./vendor-icons-BpZiWH2f.js";function v(r,c){const p=c.split(",").map(e=>e.trim());for(const e of p)if(e.startsWith(".")&&r.name.toLowerCase().endsWith(e.toLowerCase())||e===r.type||e.endsWith("/*")&&r.type.startsWith(e.slice(0,-1)))return!0;return!1}function j({onDrop:r,children:c,label:p="Drop files here",accept:e,disabled:i}){const[u,f]=n.useState(!1),s=n.useRef(0),d=n.useCallback(t=>{t.preventDefault(),t.stopPropagation(),s.current++,i||f(!0)},[i]),g=n.useCallback(t=>{t.preventDefault(),t.stopPropagation(),s.current--,s.current<=0&&(s.current=0,f(!1))},[]),x=n.useCallback(t=>{t.preventDefault(),t.stopPropagation()},[]),h=n.useCallback(t=>{if(t.preventDefault(),t.stopPropagation(),s.current=0,f(!1),i)return;const o=Array.from(t.dataTransfer.files);if(console.debug("[DropZone] dropped files:",o.map(a=>({name:a.name,type:a.type,size:a.size}))),e){const a=o.filter(m=>v(m,e));console.debug("[DropZone] after accept filter:",a.length,"of",o.length),a.length?r(a):console.warn("[DropZone] no files matched accept pattern:",e)}else o.length&&r(o)},[r,e,i]);return l.jsxs("div",{className:"relative",onDragEnter:d,onDragLeave:g,onDragOver:x,onDrop:h,children:[c,u&&l.jsx("div",{className:"fixed inset-0 z-50 flex flex-col items-center justify-center transition-opacity pointer-events-none",style:{background:"rgba(var(--color-surface-rgb, 255 255 255) / 0.85)"},children:l.jsxs("div",{className:"flex flex-col items-center gap-2 px-6 py-5 rounded-xl border border-dashed border-text-quaternary/40",children:[l.jsx(D,{className:"w-8 h-8 text-text-tertiary"}),l.jsx("p",{className:"text-xs text-text-secondary",children:p})]})})]})}export{j as D};
+//# sourceMappingURL=DropZone-CL9gA7pu.js.map

package/dashboard/dist/assets/{DropZone-NYn6TWHz.js.map → DropZone-CL9gA7pu.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DropZone-NYn6TWHz.js","sources":["../../src/components/common/DropZone.tsx"],"sourcesContent":["import { useState, useCallback, useRef, type DragEvent, type ReactNode } from 'react';\nimport { UploadCloud } from 'lucide-react';\n\ninterface DropZoneProps {\n  onDrop: (files: File[]) => void;\n  children: ReactNode;\n  label?: string;\n  accept?: string;\n  disabled?: boolean;\n}\n\nfunction matchesAccept(file: File, accept: string): boolean {\n  const patterns = accept.split(',').map(s => s.trim());\n  for (const pattern of patterns) {\n    if (pattern.startsWith('.') && file.name.toLowerCase().endsWith(pattern.toLowerCase())) return true;\n    if (pattern === file.type) return true;\n    if (pattern.endsWith('/*') && file.type.startsWith(pattern.slice(0, -1))) return true;\n  }\n  return false;\n}\n\nexport function DropZone({ onDrop, children, label = 'Drop files here', accept, disabled }: DropZoneProps) {\n  const [dragOver, setDragOver] = useState(false);\n  const dragCounter = useRef(0);\n\n  const handleDragEnter = useCallback((e: DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    dragCounter.current++;\n    if (!disabled) setDragOver(true);\n  }, [disabled]);\n\n  const handleDragLeave = useCallback((e: DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    dragCounter.current--;\n    if (dragCounter.current <= 0) {\n      dragCounter.current = 0;\n      setDragOver(false);\n    }\n  }, []);\n\n  const handleDragOver = useCallback((e: DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n  }, []);\n\n  const handleDrop = useCallback((e: DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    dragCounter.current = 0;\n    setDragOver(false);\n    if (disabled) return;\n\n    const files = Array.from(e.dataTransfer.files);\n    console.debug('[DropZone] dropped files:', files.map(f => ({ name: f.name, type: f.type, size: f.size })));\n\n    if (accept) {\n      const filtered = files.filter(f => matchesAccept(f, accept));\n      console.debug('[DropZone] after accept filter:', filtered.length, 'of', files.length);\n      if (filtered.length) onDrop(filtered);\n      else console.warn('[DropZone] no files matched accept pattern:', accept);\n    } else {\n      if (files.length) onDrop(files);\n    }\n  }, [onDrop, accept, disabled]);\n\n  return (\n    <div\n      className=\"relative\"\n      onDragEnter={handleDragEnter}\n      onDragLeave={handleDragLeave}\n      onDragOver={handleDragOver}\n      onDrop={handleDrop}\n    >\n      {children}\n      {dragOver && (\n        <div className=\"fixed inset-0 z-50 flex flex-col items-center justify-center transition-opacity pointer-events-none\"\n          style={{ background: 'rgba(var(--color-surface-rgb, 255 255 255) / 0.85)' }}\n        >\n          <div className=\"flex flex-col items-center gap-2 px-6 py-5 rounded-xl border border-dashed border-text-quaternary/40\">\n            <UploadCloud className=\"w-8 h-8 text-text-tertiary\" />\n            <p className=\"text-xs text-text-secondary\">{label}</p>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["matchesAccept","file","accept","patterns","s","pattern","DropZone","onDrop","children","label","disabled","dragOver","setDragOver","useState","dragCounter","useRef","handleDragEnter","useCallback","e","handleDragLeave","handleDragOver","handleDrop","files","f","filtered","jsxs","jsx","UploadCloud"],"mappings":"sGAWA,SAASA,EAAcC,EAAYC,EAAyB,CAC1D,MAAMC,EAAWD,EAAO,MAAM,GAAG,EAAE,IAAIE,GAAKA,EAAE,MAAM,EACpD,UAAWC,KAAWF,EAGpB,GAFIE,EAAQ,WAAW,GAAG,GAAKJ,EAAK,KAAK,YAAA,EAAc,SAASI,EAAQ,YAAA,CAAa,GACjFA,IAAYJ,EAAK,MACjBI,EAAQ,SAAS,IAAI,GAAKJ,EAAK,KAAK,WAAWI,EAAQ,MAAM,EAAG,EAAE,CAAC,EAAG,MAAO,GAEnF,MAAO,EACT,CAEO,SAASC,EAAS,CAAE,OAAAC,EAAQ,SAAAC,EAAU,MAAAC,EAAQ,kBAAmB,OAAAP,EAAQ,SAAAQ,GAA2B,CACzG,KAAM,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAAS,EAAK,EACxCC,EAAcC,EAAAA,OAAO,CAAC,EAEtBC,EAAkBC,cAAaC,GAAiB,CACpDA,EAAE,eAAA,EACFA,EAAE,gBAAA,EACFJ,EAAY,UACPJ,GAAUE,EAAY,EAAI,CACjC,EAAG,CAACF,CAAQ,CAAC,EAEPS,EAAkBF,cAAaC,GAAiB,CACpDA,EAAE,eAAA,EACFA,EAAE,gBAAA,EACFJ,EAAY,UACRA,EAAY,SAAW,IACzBA,EAAY,QAAU,EACtBF,EAAY,EAAK,EAErB,EAAG,CAAA,CAAE,EAECQ,EAAiBH,cAAaC,GAAiB,CACnDA,EAAE,eAAA,EACFA,EAAE,gBAAA,CACJ,EAAG,CAAA,CAAE,EAECG,EAAaJ,cAAaC,GAAiB,CAK/C,GAJAA,EAAE,eAAA,EACFA,EAAE,gBAAA,EACFJ,EAAY,QAAU,EACtBF,EAAY,EAAK,EACbF,EAAU,OAEd,MAAMY,EAAQ,MAAM,KAAKJ,EAAE,aAAa,KAAK,EAG7C,GAFA,QAAQ,MAAM,4BAA6BI,EAAM,IAAIC,IAAM,CAAE,KAAMA,EAAE,KAAM,KAAMA,EAAE,KAAM,KAAMA,EAAE,IAAA,EAAO,CAAC,EAErGrB,EAAQ,CACV,MAAMsB,EAAWF,EAAM,UAAYtB,EAAcuB,EAAGrB,CAAM,CAAC,EAC3D,QAAQ,MAAM,kCAAmCsB,EAAS,OAAQ,KAAMF,EAAM,MAAM,EAChFE,EAAS,OAAQjB,EAAOiB,CAAQ,EAC/B,QAAQ,KAAK,8CAA+CtB,CAAM,CACzE,MACMoB,EAAM,QAAQf,EAAOe,CAAK,CAElC,EAAG,CAACf,EAAQL,EAAQQ,CAAQ,CAAC,EAE7B,OACEe,EAAAA,KAAC,MAAA,CACC,UAAU,WACV,YAAaT,EACb,YAAaG,EACb,WAAYC,EACZ,OAAQC,EAEP,SAAA,CAAAb,EACAG,GACCe,EAAAA,IAAC,MAAA,CAAI,UAAU,sGACb,MAAO,CAAE,WAAY,oDAAA,EAErB,SAAAD,EAAAA,KAAC,MAAA,CAAI,UAAU,uGACb,SAAA,CAAAC,EAAAA,IAACC,EAAA,CAAY,UAAU,4BAAA,CAA6B,EACpDD,EAAAA,IAAC,IAAA,CAAE,UAAU,8BAA+B,SAAAjB,CAAA,CAAM,CAAA,CAAA,CACpD,CAAA,CAAA,CACF,CAAA,CAAA,CAIR"}
+{"version":3,"file":"DropZone-CL9gA7pu.js","sources":["../../src/components/common/DropZone.tsx"],"sourcesContent":["import { useState, useCallback, useRef, type DragEvent, type ReactNode } from 'react';\nimport { UploadCloud } from 'lucide-react';\n\ninterface DropZoneProps {\n  onDrop: (files: File[]) => void;\n  children: ReactNode;\n  label?: string;\n  accept?: string;\n  disabled?: boolean;\n}\n\nfunction matchesAccept(file: File, accept: string): boolean {\n  const patterns = accept.split(',').map(s => s.trim());\n  for (const pattern of patterns) {\n    if (pattern.startsWith('.') && file.name.toLowerCase().endsWith(pattern.toLowerCase())) return true;\n    if (pattern === file.type) return true;\n    if (pattern.endsWith('/*') && file.type.startsWith(pattern.slice(0, -1))) return true;\n  }\n  return false;\n}\n\nexport function DropZone({ onDrop, children, label = 'Drop files here', accept, disabled }: DropZoneProps) {\n  const [dragOver, setDragOver] = useState(false);\n  const dragCounter = useRef(0);\n\n  const handleDragEnter = useCallback((e: DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    dragCounter.current++;\n    if (!disabled) setDragOver(true);\n  }, [disabled]);\n\n  const handleDragLeave = useCallback((e: DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    dragCounter.current--;\n    if (dragCounter.current <= 0) {\n      dragCounter.current = 0;\n      setDragOver(false);\n    }\n  }, []);\n\n  const handleDragOver = useCallback((e: DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n  }, []);\n\n  const handleDrop = useCallback((e: DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    dragCounter.current = 0;\n    setDragOver(false);\n    if (disabled) return;\n\n    const files = Array.from(e.dataTransfer.files);\n    console.debug('[DropZone] dropped files:', files.map(f => ({ name: f.name, type: f.type, size: f.size })));\n\n    if (accept) {\n      const filtered = files.filter(f => matchesAccept(f, accept));\n      console.debug('[DropZone] after accept filter:', filtered.length, 'of', files.length);\n      if (filtered.length) onDrop(filtered);\n      else console.warn('[DropZone] no files matched accept pattern:', accept);\n    } else {\n      if (files.length) onDrop(files);\n    }\n  }, [onDrop, accept, disabled]);\n\n  return (\n    <div\n      className=\"relative\"\n      onDragEnter={handleDragEnter}\n      onDragLeave={handleDragLeave}\n      onDragOver={handleDragOver}\n      onDrop={handleDrop}\n    >\n      {children}\n      {dragOver && (\n        <div className=\"fixed inset-0 z-50 flex flex-col items-center justify-center transition-opacity pointer-events-none\"\n          style={{ background: 'rgba(var(--color-surface-rgb, 255 255 255) / 0.85)' }}\n        >\n          <div className=\"flex flex-col items-center gap-2 px-6 py-5 rounded-xl border border-dashed border-text-quaternary/40\">\n            <UploadCloud className=\"w-8 h-8 text-text-tertiary\" />\n            <p className=\"text-xs text-text-secondary\">{label}</p>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["matchesAccept","file","accept","patterns","s","pattern","DropZone","onDrop","children","label","disabled","dragOver","setDragOver","useState","dragCounter","useRef","handleDragEnter","useCallback","e","handleDragLeave","handleDragOver","handleDrop","files","f","filtered","jsxs","jsx","UploadCloud"],"mappings":"sGAWA,SAASA,EAAcC,EAAYC,EAAyB,CAC1D,MAAMC,EAAWD,EAAO,MAAM,GAAG,EAAE,IAAIE,GAAKA,EAAE,MAAM,EACpD,UAAWC,KAAWF,EAGpB,GAFIE,EAAQ,WAAW,GAAG,GAAKJ,EAAK,KAAK,YAAA,EAAc,SAASI,EAAQ,YAAA,CAAa,GACjFA,IAAYJ,EAAK,MACjBI,EAAQ,SAAS,IAAI,GAAKJ,EAAK,KAAK,WAAWI,EAAQ,MAAM,EAAG,EAAE,CAAC,EAAG,MAAO,GAEnF,MAAO,EACT,CAEO,SAASC,EAAS,CAAE,OAAAC,EAAQ,SAAAC,EAAU,MAAAC,EAAQ,kBAAmB,OAAAP,EAAQ,SAAAQ,GAA2B,CACzG,KAAM,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAAS,EAAK,EACxCC,EAAcC,EAAAA,OAAO,CAAC,EAEtBC,EAAkBC,cAAaC,GAAiB,CACpDA,EAAE,eAAA,EACFA,EAAE,gBAAA,EACFJ,EAAY,UACPJ,GAAUE,EAAY,EAAI,CACjC,EAAG,CAACF,CAAQ,CAAC,EAEPS,EAAkBF,cAAaC,GAAiB,CACpDA,EAAE,eAAA,EACFA,EAAE,gBAAA,EACFJ,EAAY,UACRA,EAAY,SAAW,IACzBA,EAAY,QAAU,EACtBF,EAAY,EAAK,EAErB,EAAG,CAAA,CAAE,EAECQ,EAAiBH,cAAaC,GAAiB,CACnDA,EAAE,eAAA,EACFA,EAAE,gBAAA,CACJ,EAAG,CAAA,CAAE,EAECG,EAAaJ,cAAaC,GAAiB,CAK/C,GAJAA,EAAE,eAAA,EACFA,EAAE,gBAAA,EACFJ,EAAY,QAAU,EACtBF,EAAY,EAAK,EACbF,EAAU,OAEd,MAAMY,EAAQ,MAAM,KAAKJ,EAAE,aAAa,KAAK,EAG7C,GAFA,QAAQ,MAAM,4BAA6BI,EAAM,IAAIC,IAAM,CAAE,KAAMA,EAAE,KAAM,KAAMA,EAAE,KAAM,KAAMA,EAAE,IAAA,EAAO,CAAC,EAErGrB,EAAQ,CACV,MAAMsB,EAAWF,EAAM,UAAYtB,EAAcuB,EAAGrB,CAAM,CAAC,EAC3D,QAAQ,MAAM,kCAAmCsB,EAAS,OAAQ,KAAMF,EAAM,MAAM,EAChFE,EAAS,OAAQjB,EAAOiB,CAAQ,EAC/B,QAAQ,KAAK,8CAA+CtB,CAAM,CACzE,MACMoB,EAAM,QAAQf,EAAOe,CAAK,CAElC,EAAG,CAACf,EAAQL,EAAQQ,CAAQ,CAAC,EAE7B,OACEe,EAAAA,KAAC,MAAA,CACC,UAAU,WACV,YAAaT,EACb,YAAaG,EACb,WAAYC,EACZ,OAAQC,EAEP,SAAA,CAAAb,EACAG,GACCe,EAAAA,IAAC,MAAA,CAAI,UAAU,sGACb,MAAO,CAAE,WAAY,oDAAA,EAErB,SAAAD,EAAAA,KAAC,MAAA,CAAI,UAAU,uGACb,SAAA,CAAAC,EAAAA,IAACC,EAAA,CAAY,UAAU,4BAAA,CAA6B,EACpDD,EAAAA,IAAC,IAAA,CAAE,UAAU,8BAA+B,SAAAjB,CAAA,CAAM,CAAA,CAAA,CACpD,CAAA,CAAA,CACF,CAAA,CAAA,CAIR"}

package/dashboard/dist/assets/{ElapsedCell-karxia93.js → ElapsedCell-BZVkVxE0.js}

@@ -1,2 +1,2 @@
-import{a as s,j as n}from"./vendor-query-B2UbickB.js";import{O as p,a2 as f}from"./index-DbTD-dio.js";function D({startDate:r,endDate:o,isLive:e}){const[l,c]=s.useState(Date.now);s.useEffect(()=>{if(!e)return;const u=setInterval(()=>c(Date.now()),1e3);return()=>clearInterval(u)},[e]);const i=new Date(r).getTime(),m=o?new Date(o).getTime():l,t=Math.max(0,m-i),a=p(t),x=s.useMemo(()=>[{label:"ms",value:String(t)},{label:"sec",value:`${(t/1e3).toFixed(3)}s`},{label:"text",value:a}],[t,a]);return n.jsx(f,{options:x,children:n.jsx("span",{className:`text-xs ${e?"text-status-active":"text-text-tertiary"}`,children:a})})}export{D as E};
-//# sourceMappingURL=ElapsedCell-karxia93.js.map
+import{a as s,j as n}from"./vendor-query-RUZdMvN6.js";import{O as p,a5 as f}from"./index-CfAi1OsI.js";function D({startDate:r,endDate:o,isLive:e}){const[l,c]=s.useState(Date.now);s.useEffect(()=>{if(!e)return;const u=setInterval(()=>c(Date.now()),1e3);return()=>clearInterval(u)},[e]);const i=new Date(r).getTime(),m=o?new Date(o).getTime():l,t=Math.max(0,m-i),a=p(t),x=s.useMemo(()=>[{label:"ms",value:String(t)},{label:"sec",value:`${(t/1e3).toFixed(3)}s`},{label:"text",value:a}],[t,a]);return n.jsx(f,{options:x,children:n.jsx("span",{className:`text-xs ${e?"text-status-active":"text-text-tertiary"}`,children:a})})}export{D as E};
+//# sourceMappingURL=ElapsedCell-BZVkVxE0.js.map

package/dashboard/dist/assets/{ElapsedCell-karxia93.js.map → ElapsedCell-BZVkVxE0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ElapsedCell-karxia93.js","sources":["../../src/components/common/display/ElapsedCell.tsx"],"sourcesContent":["import { useState, useEffect, useMemo } from 'react';\nimport { formatDurationCompact } from '../../../lib/format';\nimport { DateTooltip } from './DateTooltip';\n\ninterface ElapsedCellProps {\n  startDate: string;\n  endDate?: string | null;\n  isLive?: boolean;\n}\n\n/**\n * Elapsed duration cell for data tables.\n * Shows compact duration with hover tooltip. Ticks every second when live.\n */\nexport function ElapsedCell({ startDate, endDate, isLive }: ElapsedCellProps) {\n  const [now, setNow] = useState(Date.now);\n\n  useEffect(() => {\n    if (!isLive) return;\n    const id = setInterval(() => setNow(Date.now()), 1000);\n    return () => clearInterval(id);\n  }, [isLive]);\n\n  const start = new Date(startDate).getTime();\n  const end = endDate ? new Date(endDate).getTime() : now;\n  const ms = Math.max(0, end - start);\n\n  const display = formatDurationCompact(ms);\n\n  const options = useMemo(() => [\n    { label: 'ms', value: String(ms) },\n    { label: 'sec', value: `${(ms / 1000).toFixed(3)}s` },\n    { label: 'text', value: display },\n  ], [ms, display]);\n\n  return (\n    <DateTooltip options={options}>\n      <span className={`text-xs ${isLive ? 'text-status-active' : 'text-text-tertiary'}`}>\n        {display}\n      </span>\n    </DateTooltip>\n  );\n}\n"],"names":["ElapsedCell","startDate","endDate","isLive","now","setNow","useState","useEffect","id","start","end","ms","display","formatDurationCompact","options","useMemo","jsx","DateTooltip"],"mappings":"sGAcO,SAASA,EAAY,CAAE,UAAAC,EAAW,QAAAC,EAAS,OAAAC,GAA4B,CAC5E,KAAM,CAACC,EAAKC,CAAM,EAAIC,EAAAA,SAAS,KAAK,GAAG,EAEvCC,EAAAA,UAAU,IAAM,CACd,GAAI,CAACJ,EAAQ,OACb,MAAMK,EAAK,YAAY,IAAMH,EAAO,KAAK,IAAA,CAAK,EAAG,GAAI,EACrD,MAAO,IAAM,cAAcG,CAAE,CAC/B,EAAG,CAACL,CAAM,CAAC,EAEX,MAAMM,EAAQ,IAAI,KAAKR,CAAS,EAAE,QAAA,EAC5BS,EAAMR,EAAU,IAAI,KAAKA,CAAO,EAAE,UAAYE,EAC9CO,EAAK,KAAK,IAAI,EAAGD,EAAMD,CAAK,EAE5BG,EAAUC,EAAsBF,CAAE,EAElCG,EAAUC,EAAAA,QAAQ,IAAM,CAC5B,CAAE,MAAO,KAAM,MAAO,OAAOJ,CAAE,CAAA,EAC/B,CAAE,MAAO,MAAO,MAAO,IAAIA,EAAK,KAAM,QAAQ,CAAC,CAAC,GAAA,EAChD,CAAE,MAAO,OAAQ,MAAOC,CAAA,CAAQ,EAC/B,CAACD,EAAIC,CAAO,CAAC,EAEhB,OACEI,EAAAA,IAACC,EAAA,CAAY,QAAAH,EACX,SAAAE,EAAAA,IAAC,OAAA,CAAK,UAAW,WAAWb,EAAS,qBAAuB,oBAAoB,GAC7E,SAAAS,CAAA,CACH,EACF,CAEJ"}
+{"version":3,"file":"ElapsedCell-BZVkVxE0.js","sources":["../../src/components/common/display/ElapsedCell.tsx"],"sourcesContent":["import { useState, useEffect, useMemo } from 'react';\nimport { formatDurationCompact } from '../../../lib/format';\nimport { DateTooltip } from './DateTooltip';\n\ninterface ElapsedCellProps {\n  startDate: string;\n  endDate?: string | null;\n  isLive?: boolean;\n}\n\n/**\n * Elapsed duration cell for data tables.\n * Shows compact duration with hover tooltip. Ticks every second when live.\n */\nexport function ElapsedCell({ startDate, endDate, isLive }: ElapsedCellProps) {\n  const [now, setNow] = useState(Date.now);\n\n  useEffect(() => {\n    if (!isLive) return;\n    const id = setInterval(() => setNow(Date.now()), 1000);\n    return () => clearInterval(id);\n  }, [isLive]);\n\n  const start = new Date(startDate).getTime();\n  const end = endDate ? new Date(endDate).getTime() : now;\n  const ms = Math.max(0, end - start);\n\n  const display = formatDurationCompact(ms);\n\n  const options = useMemo(() => [\n    { label: 'ms', value: String(ms) },\n    { label: 'sec', value: `${(ms / 1000).toFixed(3)}s` },\n    { label: 'text', value: display },\n  ], [ms, display]);\n\n  return (\n    <DateTooltip options={options}>\n      <span className={`text-xs ${isLive ? 'text-status-active' : 'text-text-tertiary'}`}>\n        {display}\n      </span>\n    </DateTooltip>\n  );\n}\n"],"names":["ElapsedCell","startDate","endDate","isLive","now","setNow","useState","useEffect","id","start","end","ms","display","formatDurationCompact","options","useMemo","jsx","DateTooltip"],"mappings":"sGAcO,SAASA,EAAY,CAAE,UAAAC,EAAW,QAAAC,EAAS,OAAAC,GAA4B,CAC5E,KAAM,CAACC,EAAKC,CAAM,EAAIC,EAAAA,SAAS,KAAK,GAAG,EAEvCC,EAAAA,UAAU,IAAM,CACd,GAAI,CAACJ,EAAQ,OACb,MAAMK,EAAK,YAAY,IAAMH,EAAO,KAAK,IAAA,CAAK,EAAG,GAAI,EACrD,MAAO,IAAM,cAAcG,CAAE,CAC/B,EAAG,CAACL,CAAM,CAAC,EAEX,MAAMM,EAAQ,IAAI,KAAKR,CAAS,EAAE,QAAA,EAC5BS,EAAMR,EAAU,IAAI,KAAKA,CAAO,EAAE,UAAYE,EAC9CO,EAAK,KAAK,IAAI,EAAGD,EAAMD,CAAK,EAE5BG,EAAUC,EAAsBF,CAAE,EAElCG,EAAUC,EAAAA,QAAQ,IAAM,CAC5B,CAAE,MAAO,KAAM,MAAO,OAAOJ,CAAE,CAAA,EAC/B,CAAE,MAAO,MAAO,MAAO,IAAIA,EAAK,KAAM,QAAQ,CAAC,CAAC,GAAA,EAChD,CAAE,MAAO,OAAQ,MAAOC,CAAA,CAAQ,EAC/B,CAACD,EAAIC,CAAO,CAAC,EAEhB,OACEI,EAAAA,IAACC,EAAA,CAAY,QAAAH,EACX,SAAAE,EAAAA,IAAC,OAAA,CAAK,UAAW,WAAWb,EAAS,qBAAuB,oBAAoB,GAC7E,SAAAS,CAAA,CACH,EACF,CAEJ"}

package/dashboard/dist/assets/{EmptyState-BcsfPq9T.js → EmptyState-lpUFYfun.js}

@@ -1,2 +1,2 @@
-import{j as e}from"./vendor-query-B2UbickB.js";function x({title:a="No data",description:t,icon:s}){return e.jsxs("div",{className:"flex flex-col items-center justify-center py-20",children:[s&&e.jsx("div",{className:"w-12 h-12 rounded-full bg-accent/[0.06] flex items-center justify-center mb-4",children:e.jsx(s,{className:"w-5 h-5 text-accent/50"})}),e.jsx("p",{className:"text-sm text-text-secondary",children:a}),t&&e.jsx("p",{className:"text-xs text-text-tertiary mt-1",children:t})]})}export{x as E};
-//# sourceMappingURL=EmptyState-BcsfPq9T.js.map
+import{j as e}from"./vendor-query-RUZdMvN6.js";function x({title:a="No data",description:t,icon:s}){return e.jsxs("div",{className:"flex flex-col items-center justify-center py-20",children:[s&&e.jsx("div",{className:"w-12 h-12 rounded-full bg-accent/[0.06] flex items-center justify-center mb-4",children:e.jsx(s,{className:"w-5 h-5 text-accent/50"})}),e.jsx("p",{className:"text-sm text-text-secondary",children:a}),t&&e.jsx("p",{className:"text-xs text-text-tertiary mt-1",children:t})]})}export{x as E};
+//# sourceMappingURL=EmptyState-lpUFYfun.js.map

package/dashboard/dist/assets/{EmptyState-BcsfPq9T.js.map → EmptyState-lpUFYfun.js.map}

@@ -1 +1 @@
-{"version":3,"file":"EmptyState-BcsfPq9T.js","sources":["../../src/components/common/display/EmptyState.tsx"],"sourcesContent":["import type { LucideIcon } from 'lucide-react';\n\nexport function EmptyState({\n  title = 'No data',\n  description,\n  icon: Icon,\n}: {\n  title?: string;\n  description?: string;\n  icon?: LucideIcon;\n}) {\n  return (\n    <div className=\"flex flex-col items-center justify-center py-20\">\n      {Icon && (\n        <div className=\"w-12 h-12 rounded-full bg-accent/[0.06] flex items-center justify-center mb-4\">\n          <Icon className=\"w-5 h-5 text-accent/50\" />\n        </div>\n      )}\n      <p className=\"text-sm text-text-secondary\">{title}</p>\n      {description && (\n        <p className=\"text-xs text-text-tertiary mt-1\">{description}</p>\n      )}\n    </div>\n  );\n}\n"],"names":["EmptyState","title","description","Icon","jsxs","jsx"],"mappings":"+CAEO,SAASA,EAAW,CACzB,MAAAC,EAAQ,UACR,YAAAC,EACA,KAAMC,CACR,EAIG,CACD,OACEC,EAAAA,KAAC,MAAA,CAAI,UAAU,kDACZ,SAAA,CAAAD,GACCE,EAAAA,IAAC,OAAI,UAAU,gFACb,eAACF,EAAA,CAAK,UAAU,yBAAyB,CAAA,CAC3C,EAEFE,EAAAA,IAAC,IAAA,CAAE,UAAU,8BAA+B,SAAAJ,EAAM,EACjDC,GACCG,EAAAA,IAAC,IAAA,CAAE,UAAU,kCAAmC,SAAAH,CAAA,CAAY,CAAA,EAEhE,CAEJ"}
+{"version":3,"file":"EmptyState-lpUFYfun.js","sources":["../../src/components/common/display/EmptyState.tsx"],"sourcesContent":["import type { LucideIcon } from 'lucide-react';\n\nexport function EmptyState({\n  title = 'No data',\n  description,\n  icon: Icon,\n}: {\n  title?: string;\n  description?: string;\n  icon?: LucideIcon;\n}) {\n  return (\n    <div className=\"flex flex-col items-center justify-center py-20\">\n      {Icon && (\n        <div className=\"w-12 h-12 rounded-full bg-accent/[0.06] flex items-center justify-center mb-4\">\n          <Icon className=\"w-5 h-5 text-accent/50\" />\n        </div>\n      )}\n      <p className=\"text-sm text-text-secondary\">{title}</p>\n      {description && (\n        <p className=\"text-xs text-text-tertiary mt-1\">{description}</p>\n      )}\n    </div>\n  );\n}\n"],"names":["EmptyState","title","description","Icon","jsxs","jsx"],"mappings":"+CAEO,SAASA,EAAW,CACzB,MAAAC,EAAQ,UACR,YAAAC,EACA,KAAMC,CACR,EAIG,CACD,OACEC,EAAAA,KAAC,MAAA,CAAI,UAAU,kDACZ,SAAA,CAAAD,GACCE,EAAAA,IAAC,OAAI,UAAU,gFACb,eAACF,EAAA,CAAK,UAAU,yBAAyB,CAAA,CAC3C,EAEFE,EAAAA,IAAC,IAAA,CAAE,UAAU,8BAA+B,SAAAJ,EAAM,EACjDC,GACCG,EAAAA,IAAC,IAAA,CAAE,UAAU,kCAAmC,SAAAH,CAAA,CAAY,CAAA,EAEhE,CAEJ"}

package/dashboard/dist/assets/{EscalationListSchemaPage-CDaNmbUA.js → EscalationListSchemaPage-kYLdUtZX.js}

@@ -1,4 +1,4 @@
-import{a as l,j as e}from"./vendor-query-B2UbickB.js";import{G as w,a6 as S,aj as _,M as L,J as E}from"./index-DbTD-dio.js";import{ag as v,B as C,a2 as O,aA as R}from"./vendor-icons-D71XjkNy.js";import{e as q}from"./vendor-react-C1YOyCSV.js";const V=`{
+import{a as l,j as e}from"./vendor-query-RUZdMvN6.js";import{G as w,a9 as S,am as _,M as L,J as E}from"./index-CfAi1OsI.js";import{ah as v,B as C,a3 as O,aB as R}from"./vendor-icons-BpZiWH2f.js";import{e as q}from"./vendor-react-CdqEC2zv.js";const V=`{
   "x-lt-layout": "active-history",
   "x-lt-help": "# {{escalation.type}}\\nThe live item plus its history.",
   "x-lt-active": {
@@ -16,5 +16,5 @@ import{a as l,j as e}from"./vendor-query-B2UbickB.js";import{G as w,a6 as S,aj a
     },
     "limit": 25
   }
-}`;function j(i){const t=i.trim();if(!t)return{ok:!0,value:null};try{const r=JSON.parse(t);return typeof r!="object"||Array.isArray(r)||r===null?{ok:!1}:{ok:!0,value:r}}catch{return{ok:!1}}}function B(){const{role:i}=q(),{data:t,isLoading:r}=w(),n=S(),s=((t==null?void 0:t.roles)??[]).find(a=>a.role===i),[c,o]=l.useState(""),[h,u]=l.useState(""),[y,d]=l.useState(!1),[g,x]=l.useState(!1),[p,m]=l.useState(!1),f=l.useRef(null);l.useEffect(()=>{!s||f.current===s.role||(f.current=s.role,o(s.list_schema?JSON.stringify(s.list_schema,null,2):""),u(""),d(!1),m(!1))},[s]);const N=a=>{o(a),d(!0),x(!1),m(!j(a).ok)},b=()=>{const a=j(c);if(!a.ok||!s){m(!a.ok);return}n.mutate({role:s.role,list_schema:a.value??null,change_summary:h.trim()||void 0},{onSuccess:()=>{d(!1),x(!0),u(""),window.setTimeout(()=>x(!1),2500)}})},k=a=>{o(a?JSON.stringify(a,null,2):""),d(!0),x(!1),m(!1)};return r?e.jsxs("div",{className:"animate-pulse space-y-4",children:[e.jsx("div",{className:"h-8 bg-surface-sunken rounded w-64"}),e.jsx("div",{className:"h-96 bg-surface-sunken rounded"})]}):s?e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-start justify-between mb-10",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-3 mb-1",children:[e.jsx(v,{className:"w-5 h-5 text-accent",strokeWidth:1.5}),e.jsx("h1",{className:"heading-3",children:"Escalations List Schema"}),e.jsx("button",{onClick:()=>{window.location.hash="#docs:dashboard.md:escalations-list-schema"},className:"text-text-quaternary hover:text-accent transition-colors",title:"Open docs for this page",children:e.jsx(C,{className:"w-4 h-4",strokeWidth:1.5})}),e.jsx("span",{className:"font-mono text-sm text-text-tertiary",children:s.role}),s.current_list_schema_version!=null&&e.jsxs("span",{className:"text-2xs font-mono text-text-quaternary",children:["v",s.current_list_schema_version," in use"]})]}),e.jsx("button",{onClick:()=>{window.location.hash="#docs:hitl-guide.md:escalations-list-schema"},className:"text-2xs text-accent hover:underline pl-8",children:"List authoring reference — layout modes, the active card, history, and token binding →"})]}),e.jsxs("div",{className:"flex items-center gap-2 shrink-0",children:[g&&e.jsxs("span",{className:"flex items-center gap-1 text-xs text-status-success animate-page-enter",children:[e.jsx(O,{className:"w-3 h-3"})," Saved"]}),n.error&&e.jsx("span",{className:"text-xs text-status-error max-w-[220px] truncate",children:n.error.message}),e.jsx("button",{onClick:b,disabled:!y||p||n.isPending,className:"px-3 py-1.5 text-xs rounded-md bg-accent text-text-inverse hover:bg-accent-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed",children:n.isPending?"Saving…":"Save Version"})]})]}),e.jsxs("div",{className:"grid grid-cols-3 gap-16 items-start",children:[e.jsxs("div",{className:"col-span-2 space-y-6",children:[e.jsx("textarea",{value:c,onChange:a=>N(a.target.value),rows:28,spellCheck:!1,className:"input text-xs font-mono w-full resize-y leading-relaxed",placeholder:V}),p&&e.jsx("p",{className:"text-2xs text-status-error -mt-4",children:"Invalid JSON"}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:"Change Summary"}),e.jsx("input",{type:"text",value:h,onChange:a=>u(a.target.value),placeholder:"e.g., Added the history column",className:"input text-sm w-full"}),e.jsx("p",{className:"text-2xs text-text-quaternary mt-1.5",children:"Recorded on the version this save creates. Versions independently of the resolve form schema."})]})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 mb-3 pb-2 border-b border-surface-border",children:[e.jsx(R,{className:"w-4 h-4 text-text-quaternary",strokeWidth:1.5}),e.jsx("h2",{className:"section-h2",children:"Versions"})]}),e.jsx(J,{role:s.role,onLoad:k})]})]})]}):e.jsxs("div",{className:"flex flex-col items-center justify-center py-20 text-center",children:[e.jsx(v,{className:"w-12 h-12 text-text-quaternary mb-4",strokeWidth:1}),e.jsx("h2",{className:"heading-3 mb-2",children:"Role not found"})]})}function J({role:i,onLoad:t}){const{data:r}=_(i),n=(r==null?void 0:r.versions)??[];return n.length===0?e.jsx("p",{className:"text-2xs text-text-tertiary leading-relaxed",children:"Versions appear here after the first save. Each list-schema change adds one; earlier versions stay viewable and loadable as an editing base."}):e.jsx("div",{className:"divide-y divide-surface-border/40",children:n.map(s=>e.jsx(P,{role:i,summary:s,onLoad:t},s.version))})}function P({role:i,summary:t,onLoad:r}){const[n,s]=l.useState(!1),c=L(i,t.version,n);return e.jsxs("div",{className:"py-2",children:[e.jsxs("button",{onClick:()=>s(o=>!o),className:"w-full text-left group",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("span",{className:"text-xs font-mono text-text-secondary",children:["v",t.version]}),t.is_current&&e.jsx("span",{className:"text-2xs font-bold uppercase tracking-wider text-accent",children:"current"}),e.jsx("span",{className:"flex-1"}),e.jsx("span",{className:"text-2xs text-text-quaternary shrink-0",children:new Date(t.created_at).toLocaleDateString()})]}),t.change_summary&&e.jsx("p",{className:"mt-0.5 text-2xs text-text-tertiary truncate",children:t.change_summary})]}),n&&e.jsx("div",{className:"mt-2 space-y-2",children:c.data?e.jsxs(e.Fragment,{children:[c.data.list_schema?e.jsx(E,{data:c.data.list_schema,defaultCollapsed:!0}):e.jsx("p",{className:"text-2xs text-text-quaternary",children:"This version carries no list schema."}),e.jsx("button",{onClick:()=>r(c.data.list_schema??null),className:"text-2xs text-accent hover:underline",children:"Load into editor"})]}):e.jsx("p",{className:"text-2xs text-text-quaternary",children:"Loading…"})})]})}export{B as EscalationListSchemaPage};
-//# sourceMappingURL=EscalationListSchemaPage-CDaNmbUA.js.map
+}`;function j(i){const t=i.trim();if(!t)return{ok:!0,value:null};try{const r=JSON.parse(t);return typeof r!="object"||Array.isArray(r)||r===null?{ok:!1}:{ok:!0,value:r}}catch{return{ok:!1}}}function B(){const{role:i}=q(),{data:t,isLoading:r}=w(),n=S(),s=((t==null?void 0:t.roles)??[]).find(a=>a.role===i),[c,o]=l.useState(""),[h,u]=l.useState(""),[y,d]=l.useState(!1),[N,x]=l.useState(!1),[p,m]=l.useState(!1),f=l.useRef(null);l.useEffect(()=>{!s||f.current===s.role||(f.current=s.role,o(s.list_schema?JSON.stringify(s.list_schema,null,2):""),u(""),d(!1),m(!1))},[s]);const g=a=>{o(a),d(!0),x(!1),m(!j(a).ok)},b=()=>{const a=j(c);if(!a.ok||!s){m(!a.ok);return}n.mutate({role:s.role,list_schema:a.value??null,change_summary:h.trim()||void 0},{onSuccess:()=>{d(!1),x(!0),u(""),window.setTimeout(()=>x(!1),2500)}})},k=a=>{o(a?JSON.stringify(a,null,2):""),d(!0),x(!1),m(!1)};return r?e.jsxs("div",{className:"animate-pulse space-y-4",children:[e.jsx("div",{className:"h-8 bg-surface-sunken rounded w-64"}),e.jsx("div",{className:"h-96 bg-surface-sunken rounded"})]}):s?e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-start justify-between mb-10",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-3 mb-1",children:[e.jsx(v,{className:"w-5 h-5 text-accent",strokeWidth:1.5}),e.jsx("h1",{className:"heading-3",children:"Escalations List Schema"}),e.jsx("button",{onClick:()=>{window.location.hash="#docs:dashboard.md:escalations-list-schema"},className:"text-text-quaternary hover:text-accent transition-colors",title:"Open docs for this page",children:e.jsx(C,{className:"w-4 h-4",strokeWidth:1.5})}),e.jsx("span",{className:"font-mono text-sm text-text-tertiary",children:s.role}),s.current_list_schema_version!=null&&e.jsxs("span",{className:"text-2xs font-mono text-text-quaternary",children:["v",s.current_list_schema_version," in use"]})]}),e.jsx("button",{onClick:()=>{window.location.hash="#docs:hitl-guide.md:escalations-list-schema"},className:"text-2xs text-accent hover:underline pl-8",children:"List authoring reference — layout modes, the active card, history, and token binding →"})]}),e.jsxs("div",{className:"flex items-center gap-2 shrink-0",children:[N&&e.jsxs("span",{className:"flex items-center gap-1 text-xs text-status-success animate-page-enter",children:[e.jsx(O,{className:"w-3 h-3"})," Saved"]}),n.error&&e.jsx("span",{className:"text-xs text-status-error max-w-[220px] truncate",children:n.error.message}),e.jsx("button",{onClick:b,disabled:!y||p||n.isPending,className:"px-3 py-1.5 text-xs rounded-md bg-accent text-text-inverse hover:bg-accent-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed",children:n.isPending?"Saving…":"Save Version"})]})]}),e.jsxs("div",{className:"grid grid-cols-3 gap-16 items-start",children:[e.jsxs("div",{className:"col-span-2 space-y-6",children:[e.jsx("textarea",{value:c,onChange:a=>g(a.target.value),rows:28,spellCheck:!1,className:"input text-xs font-mono w-full resize-y leading-relaxed",placeholder:V}),p&&e.jsx("p",{className:"text-2xs text-status-error -mt-4",children:"Invalid JSON"}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:"Change Summary"}),e.jsx("input",{type:"text",value:h,onChange:a=>u(a.target.value),placeholder:"e.g., Added the history column",className:"input text-sm w-full"}),e.jsx("p",{className:"text-2xs text-text-quaternary mt-1.5",children:"Recorded on the version this save creates. Versions independently of the resolve form schema."})]})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 mb-3 pb-2 border-b border-surface-border",children:[e.jsx(R,{className:"w-4 h-4 text-text-quaternary",strokeWidth:1.5}),e.jsx("h2",{className:"section-h2",children:"Versions"})]}),e.jsx(J,{role:s.role,onLoad:k})]})]})]}):e.jsxs("div",{className:"flex flex-col items-center justify-center py-20 text-center",children:[e.jsx(v,{className:"w-12 h-12 text-text-quaternary mb-4",strokeWidth:1}),e.jsx("h2",{className:"heading-3 mb-2",children:"Role not found"})]})}function J({role:i,onLoad:t}){const{data:r}=_(i),n=(r==null?void 0:r.versions)??[];return n.length===0?e.jsx("p",{className:"text-2xs text-text-tertiary leading-relaxed",children:"Versions appear here after the first save. Each list-schema change adds one; earlier versions stay viewable and loadable as an editing base."}):e.jsx("div",{className:"divide-y divide-surface-border/40",children:n.map(s=>e.jsx(P,{role:i,summary:s,onLoad:t},s.version))})}function P({role:i,summary:t,onLoad:r}){const[n,s]=l.useState(!1),c=L(i,t.version,n);return e.jsxs("div",{className:"py-2",children:[e.jsxs("button",{onClick:()=>s(o=>!o),className:"w-full text-left group",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("span",{className:"text-xs font-mono text-text-secondary",children:["v",t.version]}),t.is_current&&e.jsx("span",{className:"text-2xs font-bold uppercase tracking-wider text-accent",children:"current"}),e.jsx("span",{className:"flex-1"}),e.jsx("span",{className:"text-2xs text-text-quaternary shrink-0",children:new Date(t.created_at).toLocaleDateString()})]}),t.change_summary&&e.jsx("p",{className:"mt-0.5 text-2xs text-text-tertiary truncate",children:t.change_summary})]}),n&&e.jsx("div",{className:"mt-2 space-y-2",children:c.data?e.jsxs(e.Fragment,{children:[c.data.list_schema?e.jsx(E,{data:c.data.list_schema,defaultCollapsed:!0}):e.jsx("p",{className:"text-2xs text-text-quaternary",children:"This version carries no list schema."}),e.jsx("button",{onClick:()=>r(c.data.list_schema??null),className:"text-2xs text-accent hover:underline",children:"Load into editor"})]}):e.jsx("p",{className:"text-2xs text-text-quaternary",children:"Loading…"})})]})}export{B as EscalationListSchemaPage};
+//# sourceMappingURL=EscalationListSchemaPage-kYLdUtZX.js.map

package/dashboard/dist/assets/{EscalationListSchemaPage-CDaNmbUA.js.map → EscalationListSchemaPage-kYLdUtZX.js.map}

@@ -1 +1 @@
-{"version":3,"file":"EscalationListSchemaPage-CDaNmbUA.js","sources":["../../src/pages/admin/roles/EscalationListSchemaPage.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { LayoutList, Check, History, BookOpen } from 'lucide-react';\nimport {\n  useRoleDetails,\n  useRoleListSchema,\n  useRoleListSchemaVersions,\n  useUpdateRole,\n  type RoleListSchemaVersionSummary,\n} from '../../../api/roles';\nimport { JsonViewer } from '../../../components/common/data/JsonViewer';\n\n/**\n * The escalation LIST schema, on its own page (/admin/roles/:role/list-schema).\n * This is the rich view a role's list page renders when scoped to just this\n * role — the list-page analog of the resolve form schema. Versioned\n * INDEPENDENTLY of the form schema: saving here writes ONLY list_schema and\n * advances only current_list_schema_version, leaving the form version alone.\n */\n\nconst PLACEHOLDER = `{\n  \"x-lt-layout\": \"active-history\",\n  \"x-lt-help\": \"# {{escalation.type}}\\\\nThe live item plus its history.\",\n  \"x-lt-active\": {\n    \"title\": \"{{metadata.title}}\",\n    \"subtitle\": \"Updated {{escalation.updated_at}}\",\n    \"body\": \"{{payload.document_markdown}}\",\n    \"fields\": [\n      { \"label\": \"Owner\", \"value\": \"{{metadata.owner}}\" }\n    ]\n  },\n  \"x-lt-history\": {\n    \"row\": {\n      \"title\": \"{{metadata.title}} rev {{metadata.revision}}\",\n      \"subtitle\": \"{{escalation.status}} · {{escalation.resolved_at}}\"\n    },\n    \"limit\": 25\n  }\n}`;\n\nfunction safeParseObject(text: string): { ok: boolean; value?: Record<string, unknown> | null } {\n  const trimmed = text.trim();\n  if (!trimmed) return { ok: true, value: null };\n  try {\n    const parsed = JSON.parse(trimmed);\n    if (typeof parsed !== 'object' || Array.isArray(parsed) || parsed === null) return { ok: false };\n    return { ok: true, value: parsed };\n  } catch {\n    return { ok: false };\n  }\n}\n\nexport function EscalationListSchemaPage() {\n  const { role: roleKey } = useParams<{ role: string }>();\n  const { data, isLoading } = useRoleDetails();\n  const updateRole = useUpdateRole();\n\n  const role = (data?.roles ?? []).find((r) => r.role === roleKey);\n\n  const [text, setText] = useState('');\n  const [summary, setSummary] = useState('');\n  const [dirty, setDirty] = useState(false);\n  const [savedOk, setSavedOk] = useState(false);\n  const [jsonError, setJsonError] = useState(false);\n\n  // Seed once per role — refetches must not clobber in-progress edits.\n  const seededFor = useRef<string | null>(null);\n  useEffect(() => {\n    if (!role || seededFor.current === role.role) return;\n    seededFor.current = role.role;\n    setText(role.list_schema ? JSON.stringify(role.list_schema, null, 2) : '');\n    setSummary('');\n    setDirty(false);\n    setJsonError(false);\n  }, [role]);\n\n  const handleEdit = (value: string) => {\n    setText(value);\n    setDirty(true);\n    setSavedOk(false);\n    setJsonError(!safeParseObject(value).ok);\n  };\n\n  const handleSave = () => {\n    const parsed = safeParseObject(text);\n    if (!parsed.ok || !role) { setJsonError(!parsed.ok); return; }\n    updateRole.mutate(\n      { role: role.role, list_schema: parsed.value ?? null, change_summary: summary.trim() || undefined },\n      {\n        onSuccess: () => {\n          setDirty(false);\n          setSavedOk(true);\n          setSummary('');\n          window.setTimeout(() => setSavedOk(false), 2500);\n        },\n      },\n    );\n  };\n\n  const loadIntoEditor = (schema: Record<string, unknown> | null) => {\n    setText(schema ? JSON.stringify(schema, null, 2) : '');\n    setDirty(true);\n    setSavedOk(false);\n    setJsonError(false);\n  };\n\n  if (isLoading) {\n    return (\n      <div className=\"animate-pulse space-y-4\">\n        <div className=\"h-8 bg-surface-sunken rounded w-64\" />\n        <div className=\"h-96 bg-surface-sunken rounded\" />\n      </div>\n    );\n  }\n\n  if (!role) {\n    return (\n      <div className=\"flex flex-col items-center justify-center py-20 text-center\">\n        <LayoutList className=\"w-12 h-12 text-text-quaternary mb-4\" strokeWidth={1} />\n        <h2 className=\"heading-3 mb-2\">Role not found</h2>\n      </div>\n    );\n  }\n\n  return (\n    <div>\n      {/* ── Header ── */}\n      <div className=\"flex items-start justify-between mb-10\">\n        <div>\n          <div className=\"flex items-center gap-3 mb-1\">\n            <LayoutList className=\"w-5 h-5 text-accent\" strokeWidth={1.5} />\n            <h1 className=\"heading-3\">Escalations List Schema</h1>\n            <button\n              onClick={() => { window.location.hash = '#docs:dashboard.md:escalations-list-schema'; }}\n              className=\"text-text-quaternary hover:text-accent transition-colors\"\n              title=\"Open docs for this page\"\n            >\n              <BookOpen className=\"w-4 h-4\" strokeWidth={1.5} />\n            </button>\n            <span className=\"font-mono text-sm text-text-tertiary\">{role.role}</span>\n            {role.current_list_schema_version != null && (\n              <span className=\"text-2xs font-mono text-text-quaternary\">\n                v{role.current_list_schema_version} in use\n              </span>\n            )}\n          </div>\n          <button\n            onClick={() => { window.location.hash = '#docs:hitl-guide.md:escalations-list-schema'; }}\n            className=\"text-2xs text-accent hover:underline pl-8\"\n          >\n            List authoring reference — layout modes, the active card, history, and token binding →\n          </button>\n        </div>\n\n        <div className=\"flex items-center gap-2 shrink-0\">\n          {savedOk && (\n            <span className=\"flex items-center gap-1 text-xs text-status-success animate-page-enter\">\n              <Check className=\"w-3 h-3\" /> Saved\n            </span>\n          )}\n          {updateRole.error && (\n            <span className=\"text-xs text-status-error max-w-[220px] truncate\">\n              {(updateRole.error as Error).message}\n            </span>\n          )}\n          <button\n            onClick={handleSave}\n            disabled={!dirty || jsonError || updateRole.isPending}\n            className=\"px-3 py-1.5 text-xs rounded-md bg-accent text-text-inverse hover:bg-accent-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed\"\n          >\n            {updateRole.isPending ? 'Saving…' : 'Save Version'}\n          </button>\n        </div>\n      </div>\n\n      {/* ── Editor + version rail ── */}\n      <div className=\"grid grid-cols-3 gap-16 items-start\">\n        <div className=\"col-span-2 space-y-6\">\n          <textarea\n            value={text}\n            onChange={(e) => handleEdit(e.target.value)}\n            rows={28}\n            spellCheck={false}\n            className=\"input text-xs font-mono w-full resize-y leading-relaxed\"\n            placeholder={PLACEHOLDER}\n          />\n          {jsonError && <p className=\"text-2xs text-status-error -mt-4\">Invalid JSON</p>}\n\n          <div>\n            <label className=\"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1.5\">\n              Change Summary\n            </label>\n            <input\n              type=\"text\"\n              value={summary}\n              onChange={(e) => setSummary(e.target.value)}\n              placeholder=\"e.g., Added the history column\"\n              className=\"input text-sm w-full\"\n            />\n            <p className=\"text-2xs text-text-quaternary mt-1.5\">\n              Recorded on the version this save creates. Versions independently of the resolve form schema.\n            </p>\n          </div>\n        </div>\n\n        {/* Version history — view any snapshot, load one as the editing base */}\n        <div>\n          <div className=\"flex items-center gap-2 mb-3 pb-2 border-b border-surface-border\">\n            <History className=\"w-4 h-4 text-text-quaternary\" strokeWidth={1.5} />\n            <h2 className=\"section-h2\">Versions</h2>\n          </div>\n          <VersionRail role={role.role} onLoad={loadIntoEditor} />\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction VersionRail({\n  role,\n  onLoad,\n}: {\n  role: string;\n  onLoad: (schema: Record<string, unknown> | null) => void;\n}) {\n  const { data } = useRoleListSchemaVersions(role);\n  const versions = data?.versions ?? [];\n\n  if (versions.length === 0) {\n    return (\n      <p className=\"text-2xs text-text-tertiary leading-relaxed\">\n        Versions appear here after the first save. Each list-schema change adds one;\n        earlier versions stay viewable and loadable as an editing base.\n      </p>\n    );\n  }\n\n  return (\n    <div className=\"divide-y divide-surface-border/40\">\n      {versions.map((v) => (\n        <VersionEntry key={v.version} role={role} summary={v} onLoad={onLoad} />\n      ))}\n    </div>\n  );\n}\n\nfunction VersionEntry({\n  role,\n  summary,\n  onLoad,\n}: {\n  role: string;\n  summary: RoleListSchemaVersionSummary;\n  onLoad: (schema: Record<string, unknown> | null) => void;\n}) {\n  const [open, setOpen] = useState(false);\n  const snapshot = useRoleListSchema(role, summary.version, open);\n\n  return (\n    <div className=\"py-2\">\n      <button onClick={() => setOpen((o) => !o)} className=\"w-full text-left group\">\n        <div className=\"flex items-center gap-2\">\n          <span className=\"text-xs font-mono text-text-secondary\">v{summary.version}</span>\n          {summary.is_current && (\n            <span className=\"text-2xs font-bold uppercase tracking-wider text-accent\">current</span>\n          )}\n          <span className=\"flex-1\" />\n          <span className=\"text-2xs text-text-quaternary shrink-0\">\n            {new Date(summary.created_at).toLocaleDateString()}\n          </span>\n        </div>\n        {summary.change_summary && (\n          <p className=\"mt-0.5 text-2xs text-text-tertiary truncate\">{summary.change_summary}</p>\n        )}\n      </button>\n      {open && (\n        <div className=\"mt-2 space-y-2\">\n          {snapshot.data ? (\n            <>\n              {snapshot.data.list_schema\n                ? <JsonViewer data={snapshot.data.list_schema} defaultCollapsed />\n                : <p className=\"text-2xs text-text-quaternary\">This version carries no list schema.</p>}\n              <button\n                onClick={() => onLoad((snapshot.data!.list_schema ?? null) as Record<string, unknown> | null)}\n                className=\"text-2xs text-accent hover:underline\"\n              >\n                Load into editor\n              </button>\n            </>\n          ) : (\n            <p className=\"text-2xs text-text-quaternary\">Loading…</p>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["PLACEHOLDER","safeParseObject","text","trimmed","parsed","EscalationListSchemaPage","roleKey","useParams","data","isLoading","useRoleDetails","updateRole","useUpdateRole","role","r","setText","useState","summary","setSummary","dirty","setDirty","savedOk","setSavedOk","jsonError","setJsonError","seededFor","useRef","useEffect","handleEdit","value","handleSave","loadIntoEditor","schema","jsxs","jsx","LayoutList","BookOpen","Check","e","History","VersionRail","onLoad","useRoleListSchemaVersions","versions","v","VersionEntry","open","setOpen","snapshot","useRoleListSchema","Fragment","JsonViewer"],"mappings":"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"}
+{"version":3,"file":"EscalationListSchemaPage-kYLdUtZX.js","sources":["../../src/pages/admin/roles/EscalationListSchemaPage.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { LayoutList, Check, History, BookOpen } from 'lucide-react';\nimport {\n  useRoleDetails,\n  useRoleListSchema,\n  useRoleListSchemaVersions,\n  useUpdateRole,\n  type RoleListSchemaVersionSummary,\n} from '../../../api/roles';\nimport { JsonViewer } from '../../../components/common/data/JsonViewer';\n\n/**\n * The escalation LIST schema, on its own page (/admin/roles/:role/list-schema).\n * This is the rich view a role's list page renders when scoped to just this\n * role — the list-page analog of the resolve form schema. Versioned\n * INDEPENDENTLY of the form schema: saving here writes ONLY list_schema and\n * advances only current_list_schema_version, leaving the form version alone.\n */\n\nconst PLACEHOLDER = `{\n  \"x-lt-layout\": \"active-history\",\n  \"x-lt-help\": \"# {{escalation.type}}\\\\nThe live item plus its history.\",\n  \"x-lt-active\": {\n    \"title\": \"{{metadata.title}}\",\n    \"subtitle\": \"Updated {{escalation.updated_at}}\",\n    \"body\": \"{{payload.document_markdown}}\",\n    \"fields\": [\n      { \"label\": \"Owner\", \"value\": \"{{metadata.owner}}\" }\n    ]\n  },\n  \"x-lt-history\": {\n    \"row\": {\n      \"title\": \"{{metadata.title}} rev {{metadata.revision}}\",\n      \"subtitle\": \"{{escalation.status}} · {{escalation.resolved_at}}\"\n    },\n    \"limit\": 25\n  }\n}`;\n\nfunction safeParseObject(text: string): { ok: boolean; value?: Record<string, unknown> | null } {\n  const trimmed = text.trim();\n  if (!trimmed) return { ok: true, value: null };\n  try {\n    const parsed = JSON.parse(trimmed);\n    if (typeof parsed !== 'object' || Array.isArray(parsed) || parsed === null) return { ok: false };\n    return { ok: true, value: parsed };\n  } catch {\n    return { ok: false };\n  }\n}\n\nexport function EscalationListSchemaPage() {\n  const { role: roleKey } = useParams<{ role: string }>();\n  const { data, isLoading } = useRoleDetails();\n  const updateRole = useUpdateRole();\n\n  const role = (data?.roles ?? []).find((r) => r.role === roleKey);\n\n  const [text, setText] = useState('');\n  const [summary, setSummary] = useState('');\n  const [dirty, setDirty] = useState(false);\n  const [savedOk, setSavedOk] = useState(false);\n  const [jsonError, setJsonError] = useState(false);\n\n  // Seed once per role — refetches must not clobber in-progress edits.\n  const seededFor = useRef<string | null>(null);\n  useEffect(() => {\n    if (!role || seededFor.current === role.role) return;\n    seededFor.current = role.role;\n    setText(role.list_schema ? JSON.stringify(role.list_schema, null, 2) : '');\n    setSummary('');\n    setDirty(false);\n    setJsonError(false);\n  }, [role]);\n\n  const handleEdit = (value: string) => {\n    setText(value);\n    setDirty(true);\n    setSavedOk(false);\n    setJsonError(!safeParseObject(value).ok);\n  };\n\n  const handleSave = () => {\n    const parsed = safeParseObject(text);\n    if (!parsed.ok || !role) { setJsonError(!parsed.ok); return; }\n    updateRole.mutate(\n      { role: role.role, list_schema: parsed.value ?? null, change_summary: summary.trim() || undefined },\n      {\n        onSuccess: () => {\n          setDirty(false);\n          setSavedOk(true);\n          setSummary('');\n          window.setTimeout(() => setSavedOk(false), 2500);\n        },\n      },\n    );\n  };\n\n  const loadIntoEditor = (schema: Record<string, unknown> | null) => {\n    setText(schema ? JSON.stringify(schema, null, 2) : '');\n    setDirty(true);\n    setSavedOk(false);\n    setJsonError(false);\n  };\n\n  if (isLoading) {\n    return (\n      <div className=\"animate-pulse space-y-4\">\n        <div className=\"h-8 bg-surface-sunken rounded w-64\" />\n        <div className=\"h-96 bg-surface-sunken rounded\" />\n      </div>\n    );\n  }\n\n  if (!role) {\n    return (\n      <div className=\"flex flex-col items-center justify-center py-20 text-center\">\n        <LayoutList className=\"w-12 h-12 text-text-quaternary mb-4\" strokeWidth={1} />\n        <h2 className=\"heading-3 mb-2\">Role not found</h2>\n      </div>\n    );\n  }\n\n  return (\n    <div>\n      {/* ── Header ── */}\n      <div className=\"flex items-start justify-between mb-10\">\n        <div>\n          <div className=\"flex items-center gap-3 mb-1\">\n            <LayoutList className=\"w-5 h-5 text-accent\" strokeWidth={1.5} />\n            <h1 className=\"heading-3\">Escalations List Schema</h1>\n            <button\n              onClick={() => { window.location.hash = '#docs:dashboard.md:escalations-list-schema'; }}\n              className=\"text-text-quaternary hover:text-accent transition-colors\"\n              title=\"Open docs for this page\"\n            >\n              <BookOpen className=\"w-4 h-4\" strokeWidth={1.5} />\n            </button>\n            <span className=\"font-mono text-sm text-text-tertiary\">{role.role}</span>\n            {role.current_list_schema_version != null && (\n              <span className=\"text-2xs font-mono text-text-quaternary\">\n                v{role.current_list_schema_version} in use\n              </span>\n            )}\n          </div>\n          <button\n            onClick={() => { window.location.hash = '#docs:hitl-guide.md:escalations-list-schema'; }}\n            className=\"text-2xs text-accent hover:underline pl-8\"\n          >\n            List authoring reference — layout modes, the active card, history, and token binding →\n          </button>\n        </div>\n\n        <div className=\"flex items-center gap-2 shrink-0\">\n          {savedOk && (\n            <span className=\"flex items-center gap-1 text-xs text-status-success animate-page-enter\">\n              <Check className=\"w-3 h-3\" /> Saved\n            </span>\n          )}\n          {updateRole.error && (\n            <span className=\"text-xs text-status-error max-w-[220px] truncate\">\n              {(updateRole.error as Error).message}\n            </span>\n          )}\n          <button\n            onClick={handleSave}\n            disabled={!dirty || jsonError || updateRole.isPending}\n            className=\"px-3 py-1.5 text-xs rounded-md bg-accent text-text-inverse hover:bg-accent-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed\"\n          >\n            {updateRole.isPending ? 'Saving…' : 'Save Version'}\n          </button>\n        </div>\n      </div>\n\n      {/* ── Editor + version rail ── */}\n      <div className=\"grid grid-cols-3 gap-16 items-start\">\n        <div className=\"col-span-2 space-y-6\">\n          <textarea\n            value={text}\n            onChange={(e) => handleEdit(e.target.value)}\n            rows={28}\n            spellCheck={false}\n            className=\"input text-xs font-mono w-full resize-y leading-relaxed\"\n            placeholder={PLACEHOLDER}\n          />\n          {jsonError && <p className=\"text-2xs text-status-error -mt-4\">Invalid JSON</p>}\n\n          <div>\n            <label className=\"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1.5\">\n              Change Summary\n            </label>\n            <input\n              type=\"text\"\n              value={summary}\n              onChange={(e) => setSummary(e.target.value)}\n              placeholder=\"e.g., Added the history column\"\n              className=\"input text-sm w-full\"\n            />\n            <p className=\"text-2xs text-text-quaternary mt-1.5\">\n              Recorded on the version this save creates. Versions independently of the resolve form schema.\n            </p>\n          </div>\n        </div>\n\n        {/* Version history — view any snapshot, load one as the editing base */}\n        <div>\n          <div className=\"flex items-center gap-2 mb-3 pb-2 border-b border-surface-border\">\n            <History className=\"w-4 h-4 text-text-quaternary\" strokeWidth={1.5} />\n            <h2 className=\"section-h2\">Versions</h2>\n          </div>\n          <VersionRail role={role.role} onLoad={loadIntoEditor} />\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction VersionRail({\n  role,\n  onLoad,\n}: {\n  role: string;\n  onLoad: (schema: Record<string, unknown> | null) => void;\n}) {\n  const { data } = useRoleListSchemaVersions(role);\n  const versions = data?.versions ?? [];\n\n  if (versions.length === 0) {\n    return (\n      <p className=\"text-2xs text-text-tertiary leading-relaxed\">\n        Versions appear here after the first save. Each list-schema change adds one;\n        earlier versions stay viewable and loadable as an editing base.\n      </p>\n    );\n  }\n\n  return (\n    <div className=\"divide-y divide-surface-border/40\">\n      {versions.map((v) => (\n        <VersionEntry key={v.version} role={role} summary={v} onLoad={onLoad} />\n      ))}\n    </div>\n  );\n}\n\nfunction VersionEntry({\n  role,\n  summary,\n  onLoad,\n}: {\n  role: string;\n  summary: RoleListSchemaVersionSummary;\n  onLoad: (schema: Record<string, unknown> | null) => void;\n}) {\n  const [open, setOpen] = useState(false);\n  const snapshot = useRoleListSchema(role, summary.version, open);\n\n  return (\n    <div className=\"py-2\">\n      <button onClick={() => setOpen((o) => !o)} className=\"w-full text-left group\">\n        <div className=\"flex items-center gap-2\">\n          <span className=\"text-xs font-mono text-text-secondary\">v{summary.version}</span>\n          {summary.is_current && (\n            <span className=\"text-2xs font-bold uppercase tracking-wider text-accent\">current</span>\n          )}\n          <span className=\"flex-1\" />\n          <span className=\"text-2xs text-text-quaternary shrink-0\">\n            {new Date(summary.created_at).toLocaleDateString()}\n          </span>\n        </div>\n        {summary.change_summary && (\n          <p className=\"mt-0.5 text-2xs text-text-tertiary truncate\">{summary.change_summary}</p>\n        )}\n      </button>\n      {open && (\n        <div className=\"mt-2 space-y-2\">\n          {snapshot.data ? (\n            <>\n              {snapshot.data.list_schema\n                ? <JsonViewer data={snapshot.data.list_schema} defaultCollapsed />\n                : <p className=\"text-2xs text-text-quaternary\">This version carries no list schema.</p>}\n              <button\n                onClick={() => onLoad((snapshot.data!.list_schema ?? null) as Record<string, unknown> | null)}\n                className=\"text-2xs text-accent hover:underline\"\n              >\n                Load into editor\n              </button>\n            </>\n          ) : (\n            <p className=\"text-2xs text-text-quaternary\">Loading…</p>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["PLACEHOLDER","safeParseObject","text","trimmed","parsed","EscalationListSchemaPage","roleKey","useParams","data","isLoading","useRoleDetails","updateRole","useUpdateRole","role","r","setText","useState","summary","setSummary","dirty","setDirty","savedOk","setSavedOk","jsonError","setJsonError","seededFor","useRef","useEffect","handleEdit","value","handleSave","loadIntoEditor","schema","jsxs","jsx","LayoutList","BookOpen","Check","e","History","VersionRail","onLoad","useRoleListSchemaVersions","versions","v","VersionEntry","open","setOpen","snapshot","useRoleListSchema","Fragment","JsonViewer"],"mappings":"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"}

package/dashboard/dist/assets/{EscalationSchemaPage-k-2hFT2t.js → EscalationSchemaPage-kUmCDivo.js}

@@ -1,9 +1,9 @@
-import{a as l,j as e}from"./vendor-query-B2UbickB.js";import{G as w,a6 as S,aa as _,ab as E,J as C}from"./index-DbTD-dio.js";import{n as j,B as O,a2 as R,aA as q}from"./vendor-icons-D71XjkNy.js";import{e as J}from"./vendor-react-C1YOyCSV.js";const L=`{
+import{a as l,j as e}from"./vendor-query-RUZdMvN6.js";import{G as w,a9 as S,ad as _,ae as E,J as C}from"./index-CfAi1OsI.js";import{o as j,B as O,a3 as R,aB as q}from"./vendor-icons-BpZiWH2f.js";import{e as J}from"./vendor-react-CdqEC2zv.js";const L=`{
   "type": "object",
   "properties": {
     "approved": { "type": "boolean", "title": "Approve?" },
     "notes": { "type": "string", "title": "Notes" }
   },
   "required": ["approved"]
-}`;function v(o){const t=o.trim();if(!t)return{ok:!0,value:null};try{const r=JSON.parse(t);return typeof r!="object"||Array.isArray(r)||r===null?{ok:!1}:{ok:!0,value:r}}catch{return{ok:!1}}}function F(){const{role:o}=J(),{data:t,isLoading:r}=w(),n=S(),s=((t==null?void 0:t.roles)??[]).find(a=>a.role===o),[c,i]=l.useState(""),[h,u]=l.useState(""),[N,d]=l.useState(!1),[g,x]=l.useState(!1),[p,m]=l.useState(!1),f=l.useRef(null);l.useEffect(()=>{!s||f.current===s.role||(f.current=s.role,i(s.form_schema?JSON.stringify(s.form_schema,null,2):""),u(""),d(!1),m(!1))},[s]);const y=a=>{i(a),d(!0),x(!1),m(!v(a).ok)},b=()=>{const a=v(c);if(!a.ok||!s){m(!a.ok);return}n.mutate({role:s.role,form_schema:a.value??null,change_summary:h.trim()||void 0},{onSuccess:()=>{d(!1),x(!0),u(""),window.setTimeout(()=>x(!1),2500)}})},k=a=>{i(a?JSON.stringify(a,null,2):""),d(!0),x(!1),m(!1)};return r?e.jsxs("div",{className:"animate-pulse space-y-4",children:[e.jsx("div",{className:"h-8 bg-surface-sunken rounded w-64"}),e.jsx("div",{className:"h-96 bg-surface-sunken rounded"})]}):s?e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-start justify-between mb-10",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-3 mb-1",children:[e.jsx(j,{className:"w-5 h-5 text-accent",strokeWidth:1.5}),e.jsx("h1",{className:"heading-3",children:"Escalation Schema"}),e.jsx("button",{onClick:()=>{window.location.hash="#docs:dashboard.md:escalation-schema"},className:"text-text-quaternary hover:text-accent transition-colors",title:"Open docs for this page",children:e.jsx(O,{className:"w-4 h-4",strokeWidth:1.5})}),e.jsx("span",{className:"font-mono text-sm text-text-tertiary",children:s.role}),s.current_schema_version!=null&&e.jsxs("span",{className:"text-2xs font-mono text-text-quaternary",children:["v",s.current_schema_version," in use"]})]}),e.jsx("button",{onClick:()=>{window.location.hash="#docs:hitl-guide.md:json-schema-form-authoring"},className:"text-2xs text-accent hover:underline pl-8",children:"Form authoring reference — field types, widgets, and every x-lt-* keyword →"})]}),e.jsxs("div",{className:"flex items-center gap-2 shrink-0",children:[g&&e.jsxs("span",{className:"flex items-center gap-1 text-xs text-status-success animate-page-enter",children:[e.jsx(R,{className:"w-3 h-3"})," Saved"]}),n.error&&e.jsx("span",{className:"text-xs text-status-error max-w-[220px] truncate",children:n.error.message}),e.jsx("button",{onClick:b,disabled:!N||p||n.isPending,className:"px-3 py-1.5 text-xs rounded-md bg-accent text-text-inverse hover:bg-accent-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed",children:n.isPending?"Saving…":"Save Version"})]})]}),e.jsxs("div",{className:"grid grid-cols-3 gap-16 items-start",children:[e.jsxs("div",{className:"col-span-2 space-y-6",children:[e.jsx("textarea",{value:c,onChange:a=>y(a.target.value),rows:28,spellCheck:!1,className:"input text-xs font-mono w-full resize-y leading-relaxed",placeholder:L}),p&&e.jsx("p",{className:"text-2xs text-status-error -mt-4",children:"Invalid JSON"}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:"Change Summary"}),e.jsx("input",{type:"text",value:h,onChange:a=>u(a.target.value),placeholder:"e.g., Added lotNumber field for shoe orders",className:"input text-sm w-full"}),e.jsx("p",{className:"text-2xs text-text-quaternary mt-1.5",children:"Recorded on the version this save creates."})]})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 mb-3 pb-2 border-b border-surface-border",children:[e.jsx(q,{className:"w-4 h-4 text-text-quaternary",strokeWidth:1.5}),e.jsx("h2",{className:"section-h2",children:"Versions"})]}),e.jsx(V,{role:s.role,onLoad:k})]})]})]}):e.jsxs("div",{className:"flex flex-col items-center justify-center py-20 text-center",children:[e.jsx(j,{className:"w-12 h-12 text-text-quaternary mb-4",strokeWidth:1}),e.jsx("h2",{className:"heading-3 mb-2",children:"Role not found"})]})}function V({role:o,onLoad:t}){const{data:r}=_(o),n=(r==null?void 0:r.versions)??[];return n.length===0?e.jsx("p",{className:"text-2xs text-text-tertiary leading-relaxed",children:"Versions appear here after the first save. Each schema change adds one; earlier versions stay viewable and loadable as an editing base."}):e.jsx("div",{className:"divide-y divide-surface-border/40",children:n.map(s=>e.jsx(A,{role:o,summary:s,onLoad:t},s.version))})}function A({role:o,summary:t,onLoad:r}){const[n,s]=l.useState(!1),c=E(o,t.version,n);return e.jsxs("div",{className:"py-2",children:[e.jsxs("button",{onClick:()=>s(i=>!i),className:"w-full text-left group",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("span",{className:"text-xs font-mono text-text-secondary",children:["v",t.version]}),t.is_current&&e.jsx("span",{className:"text-2xs font-bold uppercase tracking-wider text-accent",children:"current"}),e.jsx("span",{className:"flex-1"}),e.jsx("span",{className:"text-2xs text-text-quaternary shrink-0",children:new Date(t.created_at).toLocaleDateString()})]}),t.change_summary&&e.jsx("p",{className:"mt-0.5 text-2xs text-text-tertiary truncate",children:t.change_summary})]}),n&&e.jsx("div",{className:"mt-2 space-y-2",children:c.data?e.jsxs(e.Fragment,{children:[c.data.form_schema?e.jsx(C,{data:c.data.form_schema,defaultCollapsed:!0}):e.jsx("p",{className:"text-2xs text-text-quaternary",children:"This version carries no form schema."}),e.jsx("button",{onClick:()=>r(c.data.form_schema??null),className:"text-2xs text-accent hover:underline",children:"Load into editor"})]}):e.jsx("p",{className:"text-2xs text-text-quaternary",children:"Loading…"})})]})}export{F as EscalationSchemaPage};
-//# sourceMappingURL=EscalationSchemaPage-k-2hFT2t.js.map
+}`;function v(o){const t=o.trim();if(!t)return{ok:!0,value:null};try{const r=JSON.parse(t);return typeof r!="object"||Array.isArray(r)||r===null?{ok:!1}:{ok:!0,value:r}}catch{return{ok:!1}}}function F(){const{role:o}=J(),{data:t,isLoading:r}=w(),n=S(),s=((t==null?void 0:t.roles)??[]).find(a=>a.role===o),[c,i]=l.useState(""),[h,u]=l.useState(""),[N,d]=l.useState(!1),[g,x]=l.useState(!1),[p,m]=l.useState(!1),f=l.useRef(null);l.useEffect(()=>{!s||f.current===s.role||(f.current=s.role,i(s.form_schema?JSON.stringify(s.form_schema,null,2):""),u(""),d(!1),m(!1))},[s]);const y=a=>{i(a),d(!0),x(!1),m(!v(a).ok)},b=()=>{const a=v(c);if(!a.ok||!s){m(!a.ok);return}n.mutate({role:s.role,form_schema:a.value??null,change_summary:h.trim()||void 0},{onSuccess:()=>{d(!1),x(!0),u(""),window.setTimeout(()=>x(!1),2500)}})},k=a=>{i(a?JSON.stringify(a,null,2):""),d(!0),x(!1),m(!1)};return r?e.jsxs("div",{className:"animate-pulse space-y-4",children:[e.jsx("div",{className:"h-8 bg-surface-sunken rounded w-64"}),e.jsx("div",{className:"h-96 bg-surface-sunken rounded"})]}):s?e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-start justify-between mb-10",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-3 mb-1",children:[e.jsx(j,{className:"w-5 h-5 text-accent",strokeWidth:1.5}),e.jsx("h1",{className:"heading-3",children:"Escalation Schema"}),e.jsx("button",{onClick:()=>{window.location.hash="#docs:dashboard.md:escalation-schema"},className:"text-text-quaternary hover:text-accent transition-colors",title:"Open docs for this page",children:e.jsx(O,{className:"w-4 h-4",strokeWidth:1.5})}),e.jsx("span",{className:"font-mono text-sm text-text-tertiary",children:s.role}),s.current_schema_version!=null&&e.jsxs("span",{className:"text-2xs font-mono text-text-quaternary",children:["v",s.current_schema_version," in use"]})]}),e.jsx("button",{onClick:()=>{window.location.hash="#docs:hitl-guide.md:json-schema-form-authoring"},className:"text-2xs text-accent hover:underline pl-8",children:"Form authoring reference — field types, widgets, and every x-lt-* keyword →"})]}),e.jsxs("div",{className:"flex items-center gap-2 shrink-0",children:[g&&e.jsxs("span",{className:"flex items-center gap-1 text-xs text-status-success animate-page-enter",children:[e.jsx(R,{className:"w-3 h-3"})," Saved"]}),n.error&&e.jsx("span",{className:"text-xs text-status-error max-w-[220px] truncate",children:n.error.message}),e.jsx("button",{onClick:b,disabled:!N||p||n.isPending,className:"px-3 py-1.5 text-xs rounded-md bg-accent text-text-inverse hover:bg-accent-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed",children:n.isPending?"Saving…":"Save Version"})]})]}),e.jsxs("div",{className:"grid grid-cols-3 gap-16 items-start",children:[e.jsxs("div",{className:"col-span-2 space-y-6",children:[e.jsx("textarea",{value:c,onChange:a=>y(a.target.value),rows:28,spellCheck:!1,className:"input text-xs font-mono w-full resize-y leading-relaxed",placeholder:L}),p&&e.jsx("p",{className:"text-2xs text-status-error -mt-4",children:"Invalid JSON"}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:"Change Summary"}),e.jsx("input",{type:"text",value:h,onChange:a=>u(a.target.value),placeholder:"e.g., Added lotNumber field for shoe orders",className:"input text-sm w-full"}),e.jsx("p",{className:"text-2xs text-text-quaternary mt-1.5",children:"Recorded on the version this save creates."})]})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 mb-3 pb-2 border-b border-surface-border",children:[e.jsx(q,{className:"w-4 h-4 text-text-quaternary",strokeWidth:1.5}),e.jsx("h2",{className:"section-h2",children:"Versions"})]}),e.jsx(V,{role:s.role,onLoad:k})]})]})]}):e.jsxs("div",{className:"flex flex-col items-center justify-center py-20 text-center",children:[e.jsx(j,{className:"w-12 h-12 text-text-quaternary mb-4",strokeWidth:1}),e.jsx("h2",{className:"heading-3 mb-2",children:"Role not found"})]})}function V({role:o,onLoad:t}){const{data:r}=_(o),n=(r==null?void 0:r.versions)??[];return n.length===0?e.jsx("p",{className:"text-2xs text-text-tertiary leading-relaxed",children:"Versions appear here after the first save. Each schema change adds one; earlier versions stay viewable and loadable as an editing base."}):e.jsx("div",{className:"divide-y divide-surface-border/40",children:n.map(s=>e.jsx(P,{role:o,summary:s,onLoad:t},s.version))})}function P({role:o,summary:t,onLoad:r}){const[n,s]=l.useState(!1),c=E(o,t.version,n);return e.jsxs("div",{className:"py-2",children:[e.jsxs("button",{onClick:()=>s(i=>!i),className:"w-full text-left group",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("span",{className:"text-xs font-mono text-text-secondary",children:["v",t.version]}),t.is_current&&e.jsx("span",{className:"text-2xs font-bold uppercase tracking-wider text-accent",children:"current"}),e.jsx("span",{className:"flex-1"}),e.jsx("span",{className:"text-2xs text-text-quaternary shrink-0",children:new Date(t.created_at).toLocaleDateString()})]}),t.change_summary&&e.jsx("p",{className:"mt-0.5 text-2xs text-text-tertiary truncate",children:t.change_summary})]}),n&&e.jsx("div",{className:"mt-2 space-y-2",children:c.data?e.jsxs(e.Fragment,{children:[c.data.form_schema?e.jsx(C,{data:c.data.form_schema,defaultCollapsed:!0}):e.jsx("p",{className:"text-2xs text-text-quaternary",children:"This version carries no form schema."}),e.jsx("button",{onClick:()=>r(c.data.form_schema??null),className:"text-2xs text-accent hover:underline",children:"Load into editor"})]}):e.jsx("p",{className:"text-2xs text-text-quaternary",children:"Loading…"})})]})}export{F as EscalationSchemaPage};
+//# sourceMappingURL=EscalationSchemaPage-kUmCDivo.js.map

package/dashboard/dist/assets/{EscalationSchemaPage-k-2hFT2t.js.map → EscalationSchemaPage-kUmCDivo.js.map}

@@ -1 +1 @@
-{"version":3,"file":"EscalationSchemaPage-k-2hFT2t.js","sources":["../../src/pages/admin/roles/EscalationSchemaPage.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { Braces, Check, History, BookOpen } from 'lucide-react';\nimport {\n  useRoleDetails,\n  useRoleSchema,\n  useRoleSchemaVersions,\n  useUpdateRole,\n  type RoleSchemaVersionSummary,\n} from '../../../api/roles';\nimport { JsonViewer } from '../../../components/common/data/JsonViewer';\n\n/**\n * The escalation form schema, on its own page (/admin/roles/:role/schema).\n * This is the form a person completes to resolve the role's escalations —\n * versioned, pinnable by workflows (conditionLT schemaVersion), and worth a\n * full editing surface. Saving here writes ONLY the schema: one PATCH with\n * form_schema (+ optional change summary); every actual change appends the\n * next immutable version.\n */\n\nconst PLACEHOLDER = `{\n  \"type\": \"object\",\n  \"properties\": {\n    \"approved\": { \"type\": \"boolean\", \"title\": \"Approve?\" },\n    \"notes\": { \"type\": \"string\", \"title\": \"Notes\" }\n  },\n  \"required\": [\"approved\"]\n}`;\n\nfunction safeParseObject(text: string): { ok: boolean; value?: Record<string, unknown> | null } {\n  const trimmed = text.trim();\n  if (!trimmed) return { ok: true, value: null };\n  try {\n    const parsed = JSON.parse(trimmed);\n    if (typeof parsed !== 'object' || Array.isArray(parsed) || parsed === null) return { ok: false };\n    return { ok: true, value: parsed };\n  } catch {\n    return { ok: false };\n  }\n}\n\nexport function EscalationSchemaPage() {\n  const { role: roleKey } = useParams<{ role: string }>();\n  const { data, isLoading } = useRoleDetails();\n  const updateRole = useUpdateRole();\n\n  const role = (data?.roles ?? []).find((r) => r.role === roleKey);\n\n  const [text, setText] = useState('');\n  const [summary, setSummary] = useState('');\n  const [dirty, setDirty] = useState(false);\n  const [savedOk, setSavedOk] = useState(false);\n  const [jsonError, setJsonError] = useState(false);\n\n  // Seed the editor from the live schema exactly once per role — refetches\n  // (cache invalidations, saves) must not clobber in-progress edits.\n  const seededFor = useRef<string | null>(null);\n  useEffect(() => {\n    if (!role || seededFor.current === role.role) return;\n    seededFor.current = role.role;\n    setText(role.form_schema ? JSON.stringify(role.form_schema, null, 2) : '');\n    setSummary('');\n    setDirty(false);\n    setJsonError(false);\n  }, [role]);\n\n  const handleEdit = (value: string) => {\n    setText(value);\n    setDirty(true);\n    setSavedOk(false);\n    setJsonError(!safeParseObject(value).ok);\n  };\n\n  const handleSave = () => {\n    const parsed = safeParseObject(text);\n    if (!parsed.ok || !role) { setJsonError(!parsed.ok); return; }\n    // Saving just the schema — nothing else rides this PATCH.\n    updateRole.mutate(\n      { role: role.role, form_schema: parsed.value ?? null, change_summary: summary.trim() || undefined },\n      {\n        onSuccess: () => {\n          setDirty(false);\n          setSavedOk(true);\n          setSummary('');\n          window.setTimeout(() => setSavedOk(false), 2500);\n        },\n      },\n    );\n  };\n\n  const loadIntoEditor = (schema: Record<string, unknown> | null) => {\n    setText(schema ? JSON.stringify(schema, null, 2) : '');\n    setDirty(true);\n    setSavedOk(false);\n    setJsonError(false);\n  };\n\n  if (isLoading) {\n    return (\n      <div className=\"animate-pulse space-y-4\">\n        <div className=\"h-8 bg-surface-sunken rounded w-64\" />\n        <div className=\"h-96 bg-surface-sunken rounded\" />\n      </div>\n    );\n  }\n\n  if (!role) {\n    return (\n      <div className=\"flex flex-col items-center justify-center py-20 text-center\">\n        <Braces className=\"w-12 h-12 text-text-quaternary mb-4\" strokeWidth={1} />\n        <h2 className=\"heading-3 mb-2\">Role not found</h2>\n      </div>\n    );\n  }\n\n  return (\n    <div>\n      {/* ── Header ── */}\n      <div className=\"flex items-start justify-between mb-10\">\n        <div>\n          <div className=\"flex items-center gap-3 mb-1\">\n            <Braces className=\"w-5 h-5 text-accent\" strokeWidth={1.5} />\n            <h1 className=\"heading-3\">Escalation Schema</h1>\n            <button\n              onClick={() => { window.location.hash = '#docs:dashboard.md:escalation-schema'; }}\n              className=\"text-text-quaternary hover:text-accent transition-colors\"\n              title=\"Open docs for this page\"\n            >\n              <BookOpen className=\"w-4 h-4\" strokeWidth={1.5} />\n            </button>\n            <span className=\"font-mono text-sm text-text-tertiary\">{role.role}</span>\n            {role.current_schema_version != null && (\n              <span className=\"text-2xs font-mono text-text-quaternary\">\n                v{role.current_schema_version} in use\n              </span>\n            )}\n          </div>\n          <button\n            onClick={() => { window.location.hash = '#docs:hitl-guide.md:json-schema-form-authoring'; }}\n            className=\"text-2xs text-accent hover:underline pl-8\"\n          >\n            Form authoring reference — field types, widgets, and every x-lt-* keyword →\n          </button>\n        </div>\n\n        <div className=\"flex items-center gap-2 shrink-0\">\n          {savedOk && (\n            <span className=\"flex items-center gap-1 text-xs text-status-success animate-page-enter\">\n              <Check className=\"w-3 h-3\" /> Saved\n            </span>\n          )}\n          {updateRole.error && (\n            <span className=\"text-xs text-status-error max-w-[220px] truncate\">\n              {(updateRole.error as Error).message}\n            </span>\n          )}\n          <button\n            onClick={handleSave}\n            disabled={!dirty || jsonError || updateRole.isPending}\n            className=\"px-3 py-1.5 text-xs rounded-md bg-accent text-text-inverse hover:bg-accent-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed\"\n          >\n            {updateRole.isPending ? 'Saving…' : 'Save Version'}\n          </button>\n        </div>\n      </div>\n\n      {/* ── Editor + version rail ── */}\n      <div className=\"grid grid-cols-3 gap-16 items-start\">\n        <div className=\"col-span-2 space-y-6\">\n          <textarea\n            value={text}\n            onChange={(e) => handleEdit(e.target.value)}\n            rows={28}\n            spellCheck={false}\n            className=\"input text-xs font-mono w-full resize-y leading-relaxed\"\n            placeholder={PLACEHOLDER}\n          />\n          {jsonError && <p className=\"text-2xs text-status-error -mt-4\">Invalid JSON</p>}\n\n          <div>\n            <label className=\"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1.5\">\n              Change Summary\n            </label>\n            <input\n              type=\"text\"\n              value={summary}\n              onChange={(e) => setSummary(e.target.value)}\n              placeholder=\"e.g., Added lotNumber field for shoe orders\"\n              className=\"input text-sm w-full\"\n            />\n            <p className=\"text-2xs text-text-quaternary mt-1.5\">\n              Recorded on the version this save creates.\n            </p>\n          </div>\n        </div>\n\n        {/* Version history — view any snapshot, load one as the editing base */}\n        <div>\n          <div className=\"flex items-center gap-2 mb-3 pb-2 border-b border-surface-border\">\n            <History className=\"w-4 h-4 text-text-quaternary\" strokeWidth={1.5} />\n            <h2 className=\"section-h2\">Versions</h2>\n          </div>\n          <VersionRail role={role.role} onLoad={loadIntoEditor} />\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction VersionRail({\n  role,\n  onLoad,\n}: {\n  role: string;\n  onLoad: (schema: Record<string, unknown> | null) => void;\n}) {\n  const { data } = useRoleSchemaVersions(role);\n  const versions = data?.versions ?? [];\n\n  if (versions.length === 0) {\n    return (\n      <p className=\"text-2xs text-text-tertiary leading-relaxed\">\n        Versions appear here after the first save. Each schema change adds one;\n        earlier versions stay viewable and loadable as an editing base.\n      </p>\n    );\n  }\n\n  return (\n    <div className=\"divide-y divide-surface-border/40\">\n      {versions.map((v) => (\n        <VersionEntry key={v.version} role={role} summary={v} onLoad={onLoad} />\n      ))}\n    </div>\n  );\n}\n\nfunction VersionEntry({\n  role,\n  summary,\n  onLoad,\n}: {\n  role: string;\n  summary: RoleSchemaVersionSummary;\n  onLoad: (schema: Record<string, unknown> | null) => void;\n}) {\n  const [open, setOpen] = useState(false);\n  // Snapshot fetch is lazy — only when the entry is expanded.\n  const snapshot = useRoleSchema(role, summary.version, open);\n\n  return (\n    <div className=\"py-2\">\n      <button onClick={() => setOpen((o) => !o)} className=\"w-full text-left group\">\n        <div className=\"flex items-center gap-2\">\n          <span className=\"text-xs font-mono text-text-secondary\">v{summary.version}</span>\n          {summary.is_current && (\n            <span className=\"text-2xs font-bold uppercase tracking-wider text-accent\">current</span>\n          )}\n          <span className=\"flex-1\" />\n          <span className=\"text-2xs text-text-quaternary shrink-0\">\n            {new Date(summary.created_at).toLocaleDateString()}\n          </span>\n        </div>\n        {summary.change_summary && (\n          <p className=\"mt-0.5 text-2xs text-text-tertiary truncate\">{summary.change_summary}</p>\n        )}\n      </button>\n      {open && (\n        <div className=\"mt-2 space-y-2\">\n          {snapshot.data ? (\n            <>\n              {snapshot.data.form_schema\n                ? <JsonViewer data={snapshot.data.form_schema} defaultCollapsed />\n                : <p className=\"text-2xs text-text-quaternary\">This version carries no form schema.</p>}\n              <button\n                onClick={() => onLoad((snapshot.data!.form_schema ?? null) as Record<string, unknown> | null)}\n                className=\"text-2xs text-accent hover:underline\"\n              >\n                Load into editor\n              </button>\n            </>\n          ) : (\n            <p className=\"text-2xs text-text-quaternary\">Loading…</p>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["PLACEHOLDER","safeParseObject","text","trimmed","parsed","EscalationSchemaPage","roleKey","useParams","data","isLoading","useRoleDetails","updateRole","useUpdateRole","role","r","setText","useState","summary","setSummary","dirty","setDirty","savedOk","setSavedOk","jsonError","setJsonError","seededFor","useRef","useEffect","handleEdit","value","handleSave","loadIntoEditor","schema","jsxs","jsx","Braces","BookOpen","Check","e","History","VersionRail","onLoad","useRoleSchemaVersions","versions","v","VersionEntry","open","setOpen","snapshot","useRoleSchema","o","Fragment","JsonViewer"],"mappings":"kPAqBA,MAAMA,EAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASpB,SAASC,EAAgBC,EAAuE,CAC9F,MAAMC,EAAUD,EAAK,KAAA,EACrB,GAAI,CAACC,EAAS,MAAO,CAAE,GAAI,GAAM,MAAO,IAAA,EACxC,GAAI,CACF,MAAMC,EAAS,KAAK,MAAMD,CAAO,EACjC,OAAI,OAAOC,GAAW,UAAY,MAAM,QAAQA,CAAM,GAAKA,IAAW,KAAa,CAAE,GAAI,EAAA,EAClF,CAAE,GAAI,GAAM,MAAOA,CAAA,CAC5B,MAAQ,CACN,MAAO,CAAE,GAAI,EAAA,CACf,CACF,CAEO,SAASC,GAAuB,CACrC,KAAM,CAAE,KAAMC,CAAA,EAAYC,EAAA,EACpB,CAAE,KAAAC,EAAM,UAAAC,CAAA,EAAcC,EAAA,EACtBC,EAAaC,EAAA,EAEbC,IAAQL,GAAA,YAAAA,EAAM,QAAS,CAAA,GAAI,KAAMM,GAAMA,EAAE,OAASR,CAAO,EAEzD,CAACJ,EAAMa,CAAO,EAAIC,EAAAA,SAAS,EAAE,EAC7B,CAACC,EAASC,CAAU,EAAIF,EAAAA,SAAS,EAAE,EACnC,CAACG,EAAOC,CAAQ,EAAIJ,EAAAA,SAAS,EAAK,EAClC,CAACK,EAASC,CAAU,EAAIN,EAAAA,SAAS,EAAK,EACtC,CAACO,EAAWC,CAAY,EAAIR,EAAAA,SAAS,EAAK,EAI1CS,EAAYC,EAAAA,OAAsB,IAAI,EAC5CC,EAAAA,UAAU,IAAM,CACV,CAACd,GAAQY,EAAU,UAAYZ,EAAK,OACxCY,EAAU,QAAUZ,EAAK,KACzBE,EAAQF,EAAK,YAAc,KAAK,UAAUA,EAAK,YAAa,KAAM,CAAC,EAAI,EAAE,EACzEK,EAAW,EAAE,EACbE,EAAS,EAAK,EACdI,EAAa,EAAK,EACpB,EAAG,CAACX,CAAI,CAAC,EAET,MAAMe,EAAcC,GAAkB,CACpCd,EAAQc,CAAK,EACbT,EAAS,EAAI,EACbE,EAAW,EAAK,EAChBE,EAAa,CAACvB,EAAgB4B,CAAK,EAAE,EAAE,CACzC,EAEMC,EAAa,IAAM,CACvB,MAAM1B,EAASH,EAAgBC,CAAI,EACnC,GAAI,CAACE,EAAO,IAAM,CAACS,EAAM,CAAEW,EAAa,CAACpB,EAAO,EAAE,EAAG,MAAQ,CAE7DO,EAAW,OACT,CAAE,KAAME,EAAK,KAAM,YAAaT,EAAO,OAAS,KAAM,eAAgBa,EAAQ,KAAA,GAAU,MAAA,EACxF,CACE,UAAW,IAAM,CACfG,EAAS,EAAK,EACdE,EAAW,EAAI,EACfJ,EAAW,EAAE,EACb,OAAO,WAAW,IAAMI,EAAW,EAAK,EAAG,IAAI,CACjD,CAAA,CACF,CAEJ,EAEMS,EAAkBC,GAA2C,CACjEjB,EAAQiB,EAAS,KAAK,UAAUA,EAAQ,KAAM,CAAC,EAAI,EAAE,EACrDZ,EAAS,EAAI,EACbE,EAAW,EAAK,EAChBE,EAAa,EAAK,CACpB,EAEA,OAAIf,EAEAwB,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAC,EAAAA,IAAC,MAAA,CAAI,UAAU,oCAAA,CAAqC,EACpDA,EAAAA,IAAC,MAAA,CAAI,UAAU,gCAAA,CAAiC,CAAA,EAClD,EAICrB,SAUF,MAAA,CAEC,SAAA,CAAAoB,EAAAA,KAAC,MAAA,CAAI,UAAU,yCACb,SAAA,CAAAA,OAAC,MAAA,CACC,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,+BACb,SAAA,CAAAC,EAAAA,IAACC,EAAA,CAAO,UAAU,sBAAsB,YAAa,IAAK,EAC1DD,EAAAA,IAAC,KAAA,CAAG,UAAU,YAAY,SAAA,oBAAiB,EAC3CA,EAAAA,IAAC,SAAA,CACC,QAAS,IAAM,CAAE,OAAO,SAAS,KAAO,sCAAwC,EAChF,UAAU,2DACV,MAAM,0BAEN,SAAAA,EAAAA,IAACE,EAAA,CAAS,UAAU,UAAU,YAAa,GAAA,CAAK,CAAA,CAAA,EAElDF,EAAAA,IAAC,OAAA,CAAK,UAAU,uCAAwC,WAAK,KAAK,EACjErB,EAAK,wBAA0B,MAC9BoB,EAAAA,KAAC,OAAA,CAAK,UAAU,0CAA0C,SAAA,CAAA,IACtDpB,EAAK,uBAAuB,SAAA,CAAA,CAChC,CAAA,EAEJ,EACAqB,EAAAA,IAAC,SAAA,CACC,QAAS,IAAM,CAAE,OAAO,SAAS,KAAO,gDAAkD,EAC1F,UAAU,4CACX,SAAA,6EAAA,CAAA,CAED,EACF,EAEAD,EAAAA,KAAC,MAAA,CAAI,UAAU,mCACZ,SAAA,CAAAZ,GACCY,EAAAA,KAAC,OAAA,CAAK,UAAU,yEACd,SAAA,CAAAC,EAAAA,IAACG,EAAA,CAAM,UAAU,SAAA,CAAU,EAAE,QAAA,EAC/B,EAED1B,EAAW,OACVuB,MAAC,OAAA,CAAK,UAAU,mDACZ,SAAAvB,EAAW,MAAgB,OAAA,CAC/B,EAEFuB,EAAAA,IAAC,SAAA,CACC,QAASJ,EACT,SAAU,CAACX,GAASI,GAAaZ,EAAW,UAC5C,UAAU,qJAET,SAAAA,EAAW,UAAY,UAAY,cAAA,CAAA,CACtC,CAAA,CACF,CAAA,EACF,EAGAsB,EAAAA,KAAC,MAAA,CAAI,UAAU,sCACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,uBACb,SAAA,CAAAC,EAAAA,IAAC,WAAA,CACC,MAAOhC,EACP,SAAWoC,GAAMV,EAAWU,EAAE,OAAO,KAAK,EAC1C,KAAM,GACN,WAAY,GACZ,UAAU,0DACV,YAAatC,CAAA,CAAA,EAEduB,GAAaW,EAAAA,IAAC,IAAA,CAAE,UAAU,mCAAmC,SAAA,eAAY,SAEzE,MAAA,CACC,SAAA,CAAAA,EAAAA,IAAC,QAAA,CAAM,UAAU,mFAAmF,SAAA,iBAEpG,EACAA,EAAAA,IAAC,QAAA,CACC,KAAK,OACL,MAAOjB,EACP,SAAWqB,GAAMpB,EAAWoB,EAAE,OAAO,KAAK,EAC1C,YAAY,8CACZ,UAAU,sBAAA,CAAA,EAEZJ,EAAAA,IAAC,IAAA,CAAE,UAAU,uCAAuC,SAAA,4CAAA,CAEpD,CAAA,CAAA,CACF,CAAA,EACF,SAGC,MAAA,CACC,SAAA,CAAAD,EAAAA,KAAC,MAAA,CAAI,UAAU,mEACb,SAAA,CAAAC,EAAAA,IAACK,EAAA,CAAQ,UAAU,+BAA+B,YAAa,IAAK,EACpEL,EAAAA,IAAC,KAAA,CAAG,UAAU,aAAa,SAAA,UAAA,CAAQ,CAAA,EACrC,QACCM,EAAA,CAAY,KAAM3B,EAAK,KAAM,OAAQkB,CAAA,CAAgB,CAAA,CAAA,CACxD,CAAA,CAAA,CACF,CAAA,EACF,EAjGEE,EAAAA,KAAC,MAAA,CAAI,UAAU,8DACb,SAAA,CAAAC,EAAAA,IAACC,EAAA,CAAO,UAAU,sCAAsC,YAAa,EAAG,EACxED,EAAAA,IAAC,KAAA,CAAG,UAAU,iBAAiB,SAAA,gBAAA,CAAc,CAAA,EAC/C,CAgGN,CAEA,SAASM,EAAY,CACnB,KAAA3B,EACA,OAAA4B,CACF,EAGG,CACD,KAAM,CAAE,KAAAjC,CAAA,EAASkC,EAAsB7B,CAAI,EACrC8B,GAAWnC,GAAA,YAAAA,EAAM,WAAY,CAAA,EAEnC,OAAImC,EAAS,SAAW,EAEpBT,EAAAA,IAAC,IAAA,CAAE,UAAU,8CAA8C,SAAA,0IAG3D,QAKD,MAAA,CAAI,UAAU,oCACZ,SAAAS,EAAS,IAAKC,GACbV,EAAAA,IAACW,EAAA,CAA6B,KAAAhC,EAAY,QAAS+B,EAAG,OAAAH,GAAnCG,EAAE,OAAiD,CACvE,EACH,CAEJ,CAEA,SAASC,EAAa,CACpB,KAAAhC,EACA,QAAAI,EACA,OAAAwB,CACF,EAIG,CACD,KAAM,CAACK,EAAMC,CAAO,EAAI/B,EAAAA,SAAS,EAAK,EAEhCgC,EAAWC,EAAcpC,EAAMI,EAAQ,QAAS6B,CAAI,EAE1D,OACEb,EAAAA,KAAC,MAAA,CAAI,UAAU,OACb,SAAA,CAAAA,EAAAA,KAAC,SAAA,CAAO,QAAS,IAAMc,EAASG,GAAM,CAACA,CAAC,EAAG,UAAU,yBACnD,SAAA,CAAAjB,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAA,EAAAA,KAAC,OAAA,CAAK,UAAU,wCAAwC,SAAA,CAAA,IAAEhB,EAAQ,OAAA,EAAQ,EACzEA,EAAQ,YACPiB,EAAAA,IAAC,OAAA,CAAK,UAAU,0DAA0D,SAAA,UAAO,EAEnFA,EAAAA,IAAC,OAAA,CAAK,UAAU,QAAA,CAAS,EACzBA,EAAAA,IAAC,OAAA,CAAK,UAAU,yCACb,SAAA,IAAI,KAAKjB,EAAQ,UAAU,EAAE,mBAAA,CAAmB,CACnD,CAAA,EACF,EACCA,EAAQ,gBACPiB,EAAAA,IAAC,KAAE,UAAU,8CAA+C,WAAQ,cAAA,CAAe,CAAA,EAEvF,EACCY,GACCZ,EAAAA,IAAC,MAAA,CAAI,UAAU,iBACZ,SAAAc,EAAS,KACRf,EAAAA,KAAAkB,EAAAA,SAAA,CACG,SAAA,CAAAH,EAAS,KAAK,YACXd,EAAAA,IAACkB,EAAA,CAAW,KAAMJ,EAAS,KAAK,YAAa,iBAAgB,GAAC,EAC9Dd,EAAAA,IAAC,IAAA,CAAE,UAAU,gCAAgC,SAAA,uCAAoC,EACrFA,EAAAA,IAAC,SAAA,CACC,QAAS,IAAMO,EAAQO,EAAS,KAAM,aAAe,IAAuC,EAC5F,UAAU,uCACX,SAAA,kBAAA,CAAA,CAED,EACF,EAEAd,EAAAA,IAAC,IAAA,CAAE,UAAU,gCAAgC,oBAAQ,CAAA,CAEzD,CAAA,EAEJ,CAEJ"}
+{"version":3,"file":"EscalationSchemaPage-kUmCDivo.js","sources":["../../src/pages/admin/roles/EscalationSchemaPage.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { Braces, Check, History, BookOpen } from 'lucide-react';\nimport {\n  useRoleDetails,\n  useRoleSchema,\n  useRoleSchemaVersions,\n  useUpdateRole,\n  type RoleSchemaVersionSummary,\n} from '../../../api/roles';\nimport { JsonViewer } from '../../../components/common/data/JsonViewer';\n\n/**\n * The escalation form schema, on its own page (/admin/roles/:role/schema).\n * This is the form a person completes to resolve the role's escalations —\n * versioned, pinnable by workflows (conditionLT schemaVersion), and worth a\n * full editing surface. Saving here writes ONLY the schema: one PATCH with\n * form_schema (+ optional change summary); every actual change appends the\n * next immutable version.\n */\n\nconst PLACEHOLDER = `{\n  \"type\": \"object\",\n  \"properties\": {\n    \"approved\": { \"type\": \"boolean\", \"title\": \"Approve?\" },\n    \"notes\": { \"type\": \"string\", \"title\": \"Notes\" }\n  },\n  \"required\": [\"approved\"]\n}`;\n\nfunction safeParseObject(text: string): { ok: boolean; value?: Record<string, unknown> | null } {\n  const trimmed = text.trim();\n  if (!trimmed) return { ok: true, value: null };\n  try {\n    const parsed = JSON.parse(trimmed);\n    if (typeof parsed !== 'object' || Array.isArray(parsed) || parsed === null) return { ok: false };\n    return { ok: true, value: parsed };\n  } catch {\n    return { ok: false };\n  }\n}\n\nexport function EscalationSchemaPage() {\n  const { role: roleKey } = useParams<{ role: string }>();\n  const { data, isLoading } = useRoleDetails();\n  const updateRole = useUpdateRole();\n\n  const role = (data?.roles ?? []).find((r) => r.role === roleKey);\n\n  const [text, setText] = useState('');\n  const [summary, setSummary] = useState('');\n  const [dirty, setDirty] = useState(false);\n  const [savedOk, setSavedOk] = useState(false);\n  const [jsonError, setJsonError] = useState(false);\n\n  // Seed the editor from the live schema exactly once per role — refetches\n  // (cache invalidations, saves) must not clobber in-progress edits.\n  const seededFor = useRef<string | null>(null);\n  useEffect(() => {\n    if (!role || seededFor.current === role.role) return;\n    seededFor.current = role.role;\n    setText(role.form_schema ? JSON.stringify(role.form_schema, null, 2) : '');\n    setSummary('');\n    setDirty(false);\n    setJsonError(false);\n  }, [role]);\n\n  const handleEdit = (value: string) => {\n    setText(value);\n    setDirty(true);\n    setSavedOk(false);\n    setJsonError(!safeParseObject(value).ok);\n  };\n\n  const handleSave = () => {\n    const parsed = safeParseObject(text);\n    if (!parsed.ok || !role) { setJsonError(!parsed.ok); return; }\n    // Saving just the schema — nothing else rides this PATCH.\n    updateRole.mutate(\n      { role: role.role, form_schema: parsed.value ?? null, change_summary: summary.trim() || undefined },\n      {\n        onSuccess: () => {\n          setDirty(false);\n          setSavedOk(true);\n          setSummary('');\n          window.setTimeout(() => setSavedOk(false), 2500);\n        },\n      },\n    );\n  };\n\n  const loadIntoEditor = (schema: Record<string, unknown> | null) => {\n    setText(schema ? JSON.stringify(schema, null, 2) : '');\n    setDirty(true);\n    setSavedOk(false);\n    setJsonError(false);\n  };\n\n  if (isLoading) {\n    return (\n      <div className=\"animate-pulse space-y-4\">\n        <div className=\"h-8 bg-surface-sunken rounded w-64\" />\n        <div className=\"h-96 bg-surface-sunken rounded\" />\n      </div>\n    );\n  }\n\n  if (!role) {\n    return (\n      <div className=\"flex flex-col items-center justify-center py-20 text-center\">\n        <Braces className=\"w-12 h-12 text-text-quaternary mb-4\" strokeWidth={1} />\n        <h2 className=\"heading-3 mb-2\">Role not found</h2>\n      </div>\n    );\n  }\n\n  return (\n    <div>\n      {/* ── Header ── */}\n      <div className=\"flex items-start justify-between mb-10\">\n        <div>\n          <div className=\"flex items-center gap-3 mb-1\">\n            <Braces className=\"w-5 h-5 text-accent\" strokeWidth={1.5} />\n            <h1 className=\"heading-3\">Escalation Schema</h1>\n            <button\n              onClick={() => { window.location.hash = '#docs:dashboard.md:escalation-schema'; }}\n              className=\"text-text-quaternary hover:text-accent transition-colors\"\n              title=\"Open docs for this page\"\n            >\n              <BookOpen className=\"w-4 h-4\" strokeWidth={1.5} />\n            </button>\n            <span className=\"font-mono text-sm text-text-tertiary\">{role.role}</span>\n            {role.current_schema_version != null && (\n              <span className=\"text-2xs font-mono text-text-quaternary\">\n                v{role.current_schema_version} in use\n              </span>\n            )}\n          </div>\n          <button\n            onClick={() => { window.location.hash = '#docs:hitl-guide.md:json-schema-form-authoring'; }}\n            className=\"text-2xs text-accent hover:underline pl-8\"\n          >\n            Form authoring reference — field types, widgets, and every x-lt-* keyword →\n          </button>\n        </div>\n\n        <div className=\"flex items-center gap-2 shrink-0\">\n          {savedOk && (\n            <span className=\"flex items-center gap-1 text-xs text-status-success animate-page-enter\">\n              <Check className=\"w-3 h-3\" /> Saved\n            </span>\n          )}\n          {updateRole.error && (\n            <span className=\"text-xs text-status-error max-w-[220px] truncate\">\n              {(updateRole.error as Error).message}\n            </span>\n          )}\n          <button\n            onClick={handleSave}\n            disabled={!dirty || jsonError || updateRole.isPending}\n            className=\"px-3 py-1.5 text-xs rounded-md bg-accent text-text-inverse hover:bg-accent-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed\"\n          >\n            {updateRole.isPending ? 'Saving…' : 'Save Version'}\n          </button>\n        </div>\n      </div>\n\n      {/* ── Editor + version rail ── */}\n      <div className=\"grid grid-cols-3 gap-16 items-start\">\n        <div className=\"col-span-2 space-y-6\">\n          <textarea\n            value={text}\n            onChange={(e) => handleEdit(e.target.value)}\n            rows={28}\n            spellCheck={false}\n            className=\"input text-xs font-mono w-full resize-y leading-relaxed\"\n            placeholder={PLACEHOLDER}\n          />\n          {jsonError && <p className=\"text-2xs text-status-error -mt-4\">Invalid JSON</p>}\n\n          <div>\n            <label className=\"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1.5\">\n              Change Summary\n            </label>\n            <input\n              type=\"text\"\n              value={summary}\n              onChange={(e) => setSummary(e.target.value)}\n              placeholder=\"e.g., Added lotNumber field for shoe orders\"\n              className=\"input text-sm w-full\"\n            />\n            <p className=\"text-2xs text-text-quaternary mt-1.5\">\n              Recorded on the version this save creates.\n            </p>\n          </div>\n        </div>\n\n        {/* Version history — view any snapshot, load one as the editing base */}\n        <div>\n          <div className=\"flex items-center gap-2 mb-3 pb-2 border-b border-surface-border\">\n            <History className=\"w-4 h-4 text-text-quaternary\" strokeWidth={1.5} />\n            <h2 className=\"section-h2\">Versions</h2>\n          </div>\n          <VersionRail role={role.role} onLoad={loadIntoEditor} />\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction VersionRail({\n  role,\n  onLoad,\n}: {\n  role: string;\n  onLoad: (schema: Record<string, unknown> | null) => void;\n}) {\n  const { data } = useRoleSchemaVersions(role);\n  const versions = data?.versions ?? [];\n\n  if (versions.length === 0) {\n    return (\n      <p className=\"text-2xs text-text-tertiary leading-relaxed\">\n        Versions appear here after the first save. Each schema change adds one;\n        earlier versions stay viewable and loadable as an editing base.\n      </p>\n    );\n  }\n\n  return (\n    <div className=\"divide-y divide-surface-border/40\">\n      {versions.map((v) => (\n        <VersionEntry key={v.version} role={role} summary={v} onLoad={onLoad} />\n      ))}\n    </div>\n  );\n}\n\nfunction VersionEntry({\n  role,\n  summary,\n  onLoad,\n}: {\n  role: string;\n  summary: RoleSchemaVersionSummary;\n  onLoad: (schema: Record<string, unknown> | null) => void;\n}) {\n  const [open, setOpen] = useState(false);\n  // Snapshot fetch is lazy — only when the entry is expanded.\n  const snapshot = useRoleSchema(role, summary.version, open);\n\n  return (\n    <div className=\"py-2\">\n      <button onClick={() => setOpen((o) => !o)} className=\"w-full text-left group\">\n        <div className=\"flex items-center gap-2\">\n          <span className=\"text-xs font-mono text-text-secondary\">v{summary.version}</span>\n          {summary.is_current && (\n            <span className=\"text-2xs font-bold uppercase tracking-wider text-accent\">current</span>\n          )}\n          <span className=\"flex-1\" />\n          <span className=\"text-2xs text-text-quaternary shrink-0\">\n            {new Date(summary.created_at).toLocaleDateString()}\n          </span>\n        </div>\n        {summary.change_summary && (\n          <p className=\"mt-0.5 text-2xs text-text-tertiary truncate\">{summary.change_summary}</p>\n        )}\n      </button>\n      {open && (\n        <div className=\"mt-2 space-y-2\">\n          {snapshot.data ? (\n            <>\n              {snapshot.data.form_schema\n                ? <JsonViewer data={snapshot.data.form_schema} defaultCollapsed />\n                : <p className=\"text-2xs text-text-quaternary\">This version carries no form schema.</p>}\n              <button\n                onClick={() => onLoad((snapshot.data!.form_schema ?? null) as Record<string, unknown> | null)}\n                className=\"text-2xs text-accent hover:underline\"\n              >\n                Load into editor\n              </button>\n            </>\n          ) : (\n            <p className=\"text-2xs text-text-quaternary\">Loading…</p>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["PLACEHOLDER","safeParseObject","text","trimmed","parsed","EscalationSchemaPage","roleKey","useParams","data","isLoading","useRoleDetails","updateRole","useUpdateRole","role","r","setText","useState","summary","setSummary","dirty","setDirty","savedOk","setSavedOk","jsonError","setJsonError","seededFor","useRef","useEffect","handleEdit","value","handleSave","loadIntoEditor","schema","jsxs","jsx","Braces","BookOpen","Check","e","History","VersionRail","onLoad","useRoleSchemaVersions","versions","v","VersionEntry","open","setOpen","snapshot","useRoleSchema","o","Fragment","JsonViewer"],"mappings":"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"}

package/dashboard/dist/assets/{EscalationsOverview-C1e7IPn_.js → EscalationsOverview-D17auO-m.js}

@@ -1,2 +1,2 @@
-import{a as m,j as e}from"./vendor-query-B2UbickB.js";import{i as u}from"./index-DbTD-dio.js";import{e as p}from"./useEventHooks-D2R_ckS8.js";import{P as b}from"./PageHeader-Bo9BU9pK.js";import{S as n}from"./StatCard-Ca-ngCaD.js";import{u as j}from"./vendor-react-C1YOyCSV.js";import"./vendor-icons-D71XjkNy.js";const v=[{label:"1h",value:"1h"},{label:"24h",value:"24h"},{label:"7d",value:"7d"},{label:"30d",value:"30d"}];function c({value:i,colorClass:r,onClick:o}){return i===0?e.jsx("span",{className:"text-text-tertiary",children:"0"}):e.jsx("button",{onClick:o,className:`${r} hover:underline tabular-nums font-medium`,children:i})}function $(){var d,x;p();const i=j(),[r,o]=m.useState("24h"),{data:s}=u(r),l=t=>{const h=new URLSearchParams(t).toString();i(`/escalations/available${h?`?${h}`:""}`)},a="pb-2 text-2xs font-semibold uppercase tracking-widest text-text-tertiary";return e.jsxs("div",{children:[e.jsx(b,{title:"Escalations",docsHash:"#docs:dashboard.md:escalations-overview"}),e.jsx("div",{className:"flex items-center gap-1 mb-6",children:v.map(t=>e.jsx("button",{onClick:()=>o(t.value),className:`px-3 py-1 text-xs rounded-full transition-colors ${r===t.value?"bg-accent text-text-inverse":"text-text-tertiary hover:text-text-primary hover:bg-surface-hover"}`,children:t.label},t.value))}),e.jsxs("div",{className:"grid grid-cols-4 gap-4 mb-8",children:[e.jsx(n,{label:"Open",value:(s==null?void 0:s.pending)??"—",colorClass:"text-status-pending",onClick:()=>l()}),e.jsx(n,{label:"Claimed",value:(s==null?void 0:s.claimed)??"—",colorClass:"text-status-active",onClick:()=>l()}),e.jsx(n,{label:"Created",value:(s==null?void 0:s.created)??"—",onClick:()=>l()}),e.jsx(n,{label:"Resolved",value:(s==null?void 0:s.resolved)??"—",colorClass:"text-status-success",onClick:()=>l()})]}),(((d=s==null?void 0:s.by_role)==null?void 0:d.length)??0)>0&&e.jsx("div",{className:"mb-8",children:e.jsxs("table",{className:"w-full text-left",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b border-surface-border",children:[e.jsx("th",{className:a,children:"Role"}),e.jsx("th",{className:`${a} text-right w-24`,children:"Pending"}),e.jsx("th",{className:`${a} text-right w-24`,children:"Claimed"})]})}),e.jsx("tbody",{children:s.by_role.map(t=>e.jsxs("tr",{className:"border-b border-surface-border last:border-b-0",children:[e.jsx("td",{className:"py-3 text-sm font-mono text-text-primary",children:e.jsx("button",{onClick:()=>l({role:t.role}),className:"hover:text-accent hover:underline",children:t.role})}),e.jsx("td",{className:"py-3 text-sm text-right",children:e.jsx(c,{value:t.pending,colorClass:"text-status-pending",onClick:()=>l({role:t.role})})}),e.jsx("td",{className:"py-3 text-sm text-right",children:e.jsx(c,{value:t.claimed,colorClass:"text-status-active",onClick:()=>l({role:t.role})})})]},t.role))})]})}),(((x=s==null?void 0:s.by_type)==null?void 0:x.length)??0)>0&&e.jsx("div",{children:e.jsxs("table",{className:"w-full text-left",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b border-surface-border",children:[e.jsx("th",{className:a,children:"Type"}),e.jsx("th",{className:`${a} text-right w-24`,children:"Pending"}),e.jsx("th",{className:`${a} text-right w-24`,children:"Claimed"}),e.jsx("th",{className:`${a} text-right w-24`,children:"Resolved"})]})}),e.jsx("tbody",{children:s.by_type.map(t=>e.jsxs("tr",{className:"border-b border-surface-border last:border-b-0",children:[e.jsx("td",{className:"py-3 text-sm font-mono text-text-primary",children:e.jsx("button",{onClick:()=>l({type:t.type}),className:"hover:text-accent hover:underline",children:t.type})}),e.jsx("td",{className:"py-3 text-sm text-right",children:e.jsx(c,{value:t.pending,colorClass:"text-status-pending",onClick:()=>l({type:t.type})})}),e.jsx("td",{className:"py-3 text-sm text-right",children:e.jsx(c,{value:t.claimed,colorClass:"text-status-active",onClick:()=>l({type:t.type})})}),e.jsx("td",{className:"py-3 text-sm text-right",children:e.jsx(c,{value:t.resolved,colorClass:"text-status-success",onClick:()=>l({type:t.type})})})]},t.type))})]})}),s&&s.by_role.length===0&&s.by_type.length===0&&e.jsx("div",{className:"py-16 text-center",children:e.jsxs("p",{className:"text-sm text-text-tertiary",children:["No escalation activity in the last ",r]})})]})}export{$ as EscalationsOverview};
-//# sourceMappingURL=EscalationsOverview-C1e7IPn_.js.map
+import{a as m,j as e}from"./vendor-query-RUZdMvN6.js";import{i as u}from"./index-CfAi1OsI.js";import{e as p}from"./useEventHooks-PDbuSJ12.js";import{P as b}from"./PageHeader-Ce4GcIYo.js";import{S as n}from"./StatCard-BXQ8dD9Y.js";import{u as j}from"./vendor-react-CdqEC2zv.js";import"./vendor-icons-BpZiWH2f.js";const v=[{label:"1h",value:"1h"},{label:"24h",value:"24h"},{label:"7d",value:"7d"},{label:"30d",value:"30d"}];function c({value:i,colorClass:r,onClick:o}){return i===0?e.jsx("span",{className:"text-text-tertiary",children:"0"}):e.jsx("button",{onClick:o,className:`${r} hover:underline tabular-nums font-medium`,children:i})}function $(){var d,x;p();const i=j(),[r,o]=m.useState("24h"),{data:s}=u(r),l=t=>{const h=new URLSearchParams(t).toString();i(`/escalations/available${h?`?${h}`:""}`)},a="pb-2 text-2xs font-semibold uppercase tracking-widest text-text-tertiary";return e.jsxs("div",{children:[e.jsx(b,{title:"Escalations",docsHash:"#docs:dashboard.md:escalations-overview"}),e.jsx("div",{className:"flex items-center gap-1 mb-6",children:v.map(t=>e.jsx("button",{onClick:()=>o(t.value),className:`px-3 py-1 text-xs rounded-full transition-colors ${r===t.value?"bg-accent text-text-inverse":"text-text-tertiary hover:text-text-primary hover:bg-surface-hover"}`,children:t.label},t.value))}),e.jsxs("div",{className:"grid grid-cols-4 gap-4 mb-8",children:[e.jsx(n,{label:"Open",value:(s==null?void 0:s.pending)??"—",colorClass:"text-status-pending",onClick:()=>l()}),e.jsx(n,{label:"Claimed",value:(s==null?void 0:s.claimed)??"—",colorClass:"text-status-active",onClick:()=>l()}),e.jsx(n,{label:"Created",value:(s==null?void 0:s.created)??"—",onClick:()=>l()}),e.jsx(n,{label:"Resolved",value:(s==null?void 0:s.resolved)??"—",colorClass:"text-status-success",onClick:()=>l()})]}),(((d=s==null?void 0:s.by_role)==null?void 0:d.length)??0)>0&&e.jsx("div",{className:"mb-8",children:e.jsxs("table",{className:"w-full text-left",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b border-surface-border",children:[e.jsx("th",{className:a,children:"Role"}),e.jsx("th",{className:`${a} text-right w-24`,children:"Pending"}),e.jsx("th",{className:`${a} text-right w-24`,children:"Claimed"})]})}),e.jsx("tbody",{children:s.by_role.map(t=>e.jsxs("tr",{className:"border-b border-surface-border last:border-b-0",children:[e.jsx("td",{className:"py-3 text-sm font-mono text-text-primary",children:e.jsx("button",{onClick:()=>l({role:t.role}),className:"hover:text-accent hover:underline",children:t.role})}),e.jsx("td",{className:"py-3 text-sm text-right",children:e.jsx(c,{value:t.pending,colorClass:"text-status-pending",onClick:()=>l({role:t.role})})}),e.jsx("td",{className:"py-3 text-sm text-right",children:e.jsx(c,{value:t.claimed,colorClass:"text-status-active",onClick:()=>l({role:t.role})})})]},t.role))})]})}),(((x=s==null?void 0:s.by_type)==null?void 0:x.length)??0)>0&&e.jsx("div",{children:e.jsxs("table",{className:"w-full text-left",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b border-surface-border",children:[e.jsx("th",{className:a,children:"Type"}),e.jsx("th",{className:`${a} text-right w-24`,children:"Pending"}),e.jsx("th",{className:`${a} text-right w-24`,children:"Claimed"}),e.jsx("th",{className:`${a} text-right w-24`,children:"Resolved"})]})}),e.jsx("tbody",{children:s.by_type.map(t=>e.jsxs("tr",{className:"border-b border-surface-border last:border-b-0",children:[e.jsx("td",{className:"py-3 text-sm font-mono text-text-primary",children:e.jsx("button",{onClick:()=>l({type:t.type}),className:"hover:text-accent hover:underline",children:t.type})}),e.jsx("td",{className:"py-3 text-sm text-right",children:e.jsx(c,{value:t.pending,colorClass:"text-status-pending",onClick:()=>l({type:t.type})})}),e.jsx("td",{className:"py-3 text-sm text-right",children:e.jsx(c,{value:t.claimed,colorClass:"text-status-active",onClick:()=>l({type:t.type})})}),e.jsx("td",{className:"py-3 text-sm text-right",children:e.jsx(c,{value:t.resolved,colorClass:"text-status-success",onClick:()=>l({type:t.type})})})]},t.type))})]})}),s&&s.by_role.length===0&&s.by_type.length===0&&e.jsx("div",{className:"py-16 text-center",children:e.jsxs("p",{className:"text-sm text-text-tertiary",children:["No escalation activity in the last ",r]})})]})}export{$ as EscalationsOverview};
+//# sourceMappingURL=EscalationsOverview-D17auO-m.js.map