@timbal-ai/timbal-react 1.6.0 → 1.7.0

package/dist/app.cjs

@@ -272,6 +272,13 @@ var HOUSE_RULES = [
     slop: `<span className="text-blue-600 bg-green-50">`,
     good: `<span className="text-primary bg-muted">`
   },
+  {
+    id: "chart-token-color",
+    rule: "Pass chart and theme color tokens directly (var(--chart-1)) \u2014 never wrap them in hsl(), rgb(), or oklch().",
+    why: "The --chart-N and theme tokens are already full OKLCH colors. Wrapping them in hsl()/rgb() is invalid CSS, so the chart renders empty/uncolored \u2014 and the build still passes, so it's a silent runtime bug.",
+    slop: `<Cell fill="hsl(var(--chart-1))" />`,
+    good: `<Cell fill="var(--chart-1)" />`
+  },
   {
     id: "no-decorative-icons",
     rule: "Icons must earn their place (action, nav, or status). Never add an icon beside a label that already says the thing.",
@@ -318,7 +325,11 @@ var HOUSE_RULES = [
   {
     id: "compose-from-blocks",
     rule: "Build from premade blocks (MetricRow, MetricChartCard, DataTable, IntegrationCard). Drop to raw primitives only when no block fits.",
-    why: "Slop appears the moment generation falls below the curated block layer."
+    why: "Slop appears the moment generation falls below the curated block layer.",
+    // "Should have used a block" is a judgement about absence, not a textual
+    // pattern — no high-precision deterministic check exists, so this stays
+    // prompt-only rather than risk false-positives blocking valid UIs.
+    enforcement: "prompt-only"
   },
   {
     id: "use-kit-controls",
@@ -399,7 +410,7 @@ The content region is a **padded scroll area** by default \u2014 great for stack
 - Give the filling child **\`min-h-0 flex-1\`** (or \`h-full\`) so its own scroll/footer resolves \u2014 e.g. \`<TimbalChat className="min-h-0 flex-1" />\`, or a two-pane row where each pane is \`min-h-0 overflow-y-auto\`.
 
 \`\`\`tsx
-<AppShell contentFill topbar={<div className="flex justify-end p-4"><ModeToggle /></div>}>
+<AppShell contentFill>                          {/* no global topbar / theme switch */}
   <Page fill>                                  {/* headerless: omit title */}
     <TimbalChat workforceId="\u2026" className="min-h-0 flex-1" />
   </Page>
@@ -503,6 +514,8 @@ The cause of slop is dropping **below** the curated block layer into raw primiti
 
 Charts run on **recharts** with shadcn \`ChartContainer\` / \`ChartTooltipContent\` chrome (see \`src/ui/chart.tsx\`). Series colors default to \`--chart-1..6\`; override those CSS tokens to rebrand every chart.
 
+> **React 19 requirement \u2014 do not hand-roll SVG charts to work around this.** recharts under React 19 crashes (\`Cannot assign to read only property 'lanes'\`, blank route) when \`immer\` resolves to **11.0.0**. The fix is a dependency override in the app's \`package.json\` \u2014 \`"overrides": { "immer": ">=11.0.1" }\` (Yarn: \`"resolutions"\`) \u2014 **not** a code change. Always keep using \`LineAreaChart\` / \`PieChart\` / \`ChartPanel\`; never replace them with raw SVG/CSS charts.
+
 | Component | Use for |
 |-----------|---------|
 | \`LineAreaChart\` | Cartesian engine (shadcn-style chrome). Bar fills use theme gradients automatically. Props: \`data\`, \`xKey\`, \`series: [{ dataKey, label?, color? }]\`, \`variant\` (\`area\`\\|\`line\`\\|\`bar\`), \`orientation\` (\`horizontal\` for horizontal bars), \`stacked\`, \`curve\`, \`dots\`, \`gridLines\`, \`tooltipIndicator\`, \`layout\` (\`flush\` \u2014 hides axes by default; category + values on hover tooltip), \`showXAxis\` / \`showYAxis\` to opt back in, \`clipTicks\` (truncates long axis labels when axes are on), \`height\`, \`showLegend\`, \`formatX\`, \`formatValue\`, \`ariaLabel\`. |
@@ -667,6 +680,7 @@ var RAW_COLOR_RE = new RegExp(
   "g"
 );
 var COLOR_LITERAL_RE = /#[0-9a-fA-F]{3,8}\b|\b(?:oklch|rgba?|hsla?)\s*\(/g;
+var COLOR_FN_WRAPPING_VAR_RE = /\b(?:hsl|hsla|rgb|rgba|oklch|oklab|lab|lch|hwb|color)\s*\(\s*var\(\s*--/i;
 var INLINE_STYLE_COLOR_RE = /style=\{\{[^}]*\b(?:color|background|backgroundColor|borderColor|fill|stroke)\b/;
 var BOLD_VALUE_RE = /text-(?:xl|2xl|3xl|4xl|5xl|6xl)[^"'`]*\bfont-(?:bold|extrabold|black|semibold)|font-(?:bold|extrabold|black|semibold)[^"'`]*text-(?:xl|2xl|3xl|4xl|5xl|6xl)/;
 var GRADIENT_RE = /\bbg-(?:gradient|linear|radial|conic)-/;
@@ -683,15 +697,32 @@ var GRADIENT_DIRECTIONS = /* @__PURE__ */ new Set([
 var ICON_IMPORT_RE = /from\s+["']lucide-react["']/;
 var RAW_CONTROL_SURFACE_RE = /\bborder-input\b/;
 var COLORED_HOVER_RE = /\bhover:(?:bg|from|to|via)-(?:primary|destructive|success|warn|danger|blue|emerald|green|amber|red|indigo|violet|purple|pink|rose|sky|cyan|teal|lime|yellow|orange|fuchsia)\b/;
+var TREND_CONTEXT_RE = /\b(?:trend|delta|TrendingUp|TrendingDown|ArrowUp|ArrowDown|ArrowUpRight|ArrowDownRight|MoveUp|MoveDown)\b|[+\-]\d+(?:\.\d+)?\s*%/;
+var TREND_COLOR_RE = /\b(?:text|bg|border)-(?:success|destructive|emerald|green|lime|teal|red|rose|orange|amber)(?:-\d{2,3})?(?:\/\d{1,3})?\b/;
 var RESERVED_GRADIENT_SET = new Set(RESERVED_GRADIENT_TOKENS);
 function stripVariants(util) {
   return util.replace(/^(?:[a-z-]+:)*/, "");
 }
+function describeArg(value) {
+  if (value === null) return "null";
+  if (Array.isArray(value)) return "an array";
+  const t = typeof value;
+  if (t === "object") {
+    const keys = Object.keys(value).slice(0, 4);
+    return keys.length ? `an object with keys { ${keys.join(", ")} }` : "an object";
+  }
+  return `a ${t}`;
+}
 function isCommentOrImport(line) {
   const t = line.trim();
   return t.startsWith("//") || t.startsWith("*") || t.startsWith("/*") || t.startsWith("import ") || t.startsWith("export ");
 }
 function lintGeneratedUi(source, options = {}) {
+  if (typeof source !== "string") {
+    throw new TypeError(
+      `lintGeneratedUi(source, options?) expects the generated code as a string, but received ${describeArg(source)}. Pass the raw .tsx source \u2014 lintGeneratedUi(code) \u2014 not an object like { filename, source } and not a previous LintResult.`
+    );
+  }
   const maxIcons = options.maxIconsPerView ?? SLOP_BUDGETS.maxIconsPerView;
   const maxRowDividers = options.maxRowDividers ?? SLOP_BUDGETS.maxRowDividers;
   const findings = [];
@@ -726,6 +757,16 @@ function lintGeneratedUi(source, options = {}) {
     if (cardMatch) {
       const isSelfClosing = /\/>/.test(line) && line.indexOf(cardMatch[0]) < line.indexOf("/>");
       if (!isSelfClosing) {
+        if (openCards.length > 0) {
+          const parentCard = openCards[openCards.length - 1];
+          findings.push({
+            rule: "no-card-in-card",
+            severity: "warn",
+            line: lineNo,
+            message: `Card inside card. A <${cardMatch[1]}> is nested inside the <${parentCard.type}> opened on L${parentCard.line}. Double borders/shadows add no information \u2014 group with spacing or a <Section> instead.`,
+            snippet: line.trim().slice(0, 120)
+          });
+        }
         openCards.push({ type: cardMatch[1], line: lineNo });
       }
     }
@@ -761,7 +802,17 @@ function lintGeneratedUi(source, options = {}) {
         });
       }
     }
-    const literals = line.match(COLOR_LITERAL_RE);
+    const wrapsTokenInColorFn = COLOR_FN_WRAPPING_VAR_RE.test(line);
+    if (wrapsTokenInColorFn) {
+      findings.push({
+        rule: "chart-token-color-fn",
+        severity: "error",
+        line: lineNo,
+        message: "Color function wrapping a token (e.g. hsl(var(--chart-1))). The --chart-N and theme tokens are already OKLCH colors \u2014 wrapping them in hsl()/rgb() is invalid CSS and renders an empty/uncolored chart (the build still passes). Pass the token directly: var(--chart-1), or let the app-kit charts use --chart-N automatically.",
+        snippet: line.trim().slice(0, 120)
+      });
+    }
+    const literals = wrapsTokenInColorFn ? null : line.match(COLOR_LITERAL_RE);
     if (literals) {
       findings.push({
         rule: "color-literal",
@@ -798,6 +849,15 @@ function lintGeneratedUi(source, options = {}) {
         snippet: line.trim().slice(0, 120)
       });
     }
+    if (TREND_CONTEXT_RE.test(line) && TREND_COLOR_RE.test(line)) {
+      findings.push({
+        rule: "neutral-trend",
+        severity: "warn",
+        line: lineNo,
+        message: "Colored trend indicator. House style: don't tint deltas green/red on every metric \u2014 show a trend only when the change is the point, and keep it muted (text-muted-foreground).",
+        snippet: line.trim().slice(0, 120)
+      });
+    }
     if (BOLD_VALUE_RE.test(line)) {
       findings.push({
         rule: "bold-metric",
@@ -903,6 +963,11 @@ function lintGeneratedUi(source, options = {}) {
   };
 }
 function formatLintReport(findings) {
+  if (!Array.isArray(findings)) {
+    throw new TypeError(
+      `formatLintReport(findings) expects the findings array, but received ${describeArg(findings)}. Pass result.findings \u2014 formatLintReport(lintGeneratedUi(code).findings) \u2014 not the whole LintResult.`
+    );
+  }
   if (findings.length === 0) return "";
   const lines = findings.slice().sort((a, b) => a.line - b.line).map((f) => {
     const tag = f.severity === "error" ? "ERROR" : "warn ";
@@ -2676,6 +2741,7 @@ var MetricTile = ({
 var import_jsx_runtime7 = require("react/jsx-runtime");
 
 // src/app/layout/AppShell.tsx
+var import_lucide_react = require("lucide-react");
 var import_react6 = require("motion/react");
 var import_react7 = require("react");
 
@@ -2722,18 +2788,25 @@ function useAppShellChat() {
   return (0, import_react4.useContext)(AppShellChatContext);
 }
 
-// src/app/layout/app-shell-nav-context.tsx
+// src/layout/shell-nav-context.tsx
 var import_react5 = require("react");
-var AppShellNavContext = (0, import_react5.createContext)(null);
-var AppShellNavProvider = AppShellNavContext.Provider;
+var ShellNavContext = (0, import_react5.createContext)(null);
+var ShellNavProvider = ShellNavContext.Provider;
+function useOptionalShellNav() {
+  return (0, import_react5.useContext)(ShellNavContext);
+}
+
+// src/app/layout/app-shell-nav-context.tsx
+var AppShellNavProvider = ShellNavProvider;
+var NAV_NOOP = {
+  open: false,
+  setOpen: () => {
+  },
+  toggle: () => {
+  }
+};
 function useAppShellNav() {
-  return (0, import_react5.useContext)(AppShellNavContext) ?? {
-    open: false,
-    setOpen: () => {
-    },
-    toggle: () => {
-    }
-  };
+  return useOptionalShellNav() ?? NAV_NOOP;
 }
 
 // src/app/layout/AppShell.tsx
@@ -2744,6 +2817,12 @@ var floatingTriggerClass = cn(
   "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
   "bottom-6 right-6 max-sm:bottom-4 max-sm:right-4"
 );
+var floatingNavTriggerClass = cn(
+  "aui-app-shell-nav-trigger-fixed fixed left-4 top-4 z-30 inline-flex size-10 items-center justify-center rounded-xl md:hidden",
+  "border border-border/60 bg-card/85 text-foreground shadow-card-elevated backdrop-blur-xl supports-backdrop-filter:bg-card/75",
+  "transition-colors hover:bg-card",
+  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background"
+);
 var floatingPanelClass = cn(
   "aui-app-shell-chat-float fixed z-50 flex flex-col overflow-hidden rounded-2xl border border-border/60 shadow-card-elevated",
   "bg-card/85 backdrop-blur-xl supports-backdrop-filter:bg-card/75",
@@ -2834,12 +2913,14 @@ var AppShell = ({
   navOpen: navOpenProp,
   defaultNavOpen = false,
   onNavOpenChange,
+  mobileSidebarTrigger = "auto",
   className,
   mainClassName,
   contentFill = false
 }) => {
   const topbarContent = topbar ?? header;
   const hasChat = Boolean(chat);
+  const showFloatingNavTrigger = Boolean(sidebar) && mobileSidebarTrigger !== "none" && !(mobileSidebarTrigger === "topbar") && !topbarContent;
   const [uncontrolledNavOpen, setUncontrolledNavOpen] = (0, import_react7.useState)(defaultNavOpen);
   const isNavControlled = navOpenProp !== void 0;
   const navOpen = isNavControlled ? navOpenProp : uncontrolledNavOpen;
@@ -2899,6 +2980,17 @@ var AppShell = ({
       style: studioChromeShellStyle,
       children: [
         sidebar,
+        showFloatingNavTrigger && !navOpen ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Open navigation",
+            "aria-expanded": false,
+            onClick: () => setNavOpen(true),
+            className: floatingNavTriggerClass,
+            children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.MenuIcon, { className: "size-5", "aria-hidden": true })
+          }
+        ) : null,
         sidebar && navOpen ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           "button",
           {
@@ -3112,7 +3204,7 @@ var AppShellChatTrigger = ({
 };
 
 // src/app/layout/AppShellSidebarTrigger.tsx
-var import_lucide_react = require("lucide-react");
+var import_lucide_react2 = require("lucide-react");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 var AppShellSidebarTrigger = ({
   label = "Open navigation",
@@ -3131,7 +3223,7 @@ var AppShellSidebarTrigger = ({
         "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-foreground/10",
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react.MenuIcon, { className: "size-5", "aria-hidden": true })
+      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react2.MenuIcon, { className: "size-5", "aria-hidden": true })
     }
   );
 };
@@ -3283,17 +3375,17 @@ function useAppCopilotContext() {
 }
 
 // src/app/chat/AppChatPanel.tsx
-var import_lucide_react10 = require("lucide-react");
+var import_lucide_react11 = require("lucide-react");
 
 // src/chat/thread.tsx
 var import_react38 = require("react");
 var import_react39 = require("@assistant-ui/react");
-var import_lucide_react9 = require("lucide-react");
+var import_lucide_react10 = require("lucide-react");
 var import_react40 = require("motion/react");
 
 // src/chat/attachment.tsx
 var import_react10 = require("react");
-var import_lucide_react3 = require("lucide-react");
+var import_lucide_react4 = require("lucide-react");
 var import_react11 = require("@assistant-ui/react");
 var import_shallow = require("zustand/shallow");
 
@@ -3348,7 +3440,7 @@ function TooltipContent({
 }
 
 // src/ui/dialog.tsx
-var import_lucide_react2 = require("lucide-react");
+var import_lucide_react3 = require("lucide-react");
 var import_radix_ui4 = require("radix-ui");
 var import_jsx_runtime18 = require("react/jsx-runtime");
 function Dialog({
@@ -3408,7 +3500,7 @@ function DialogContent({
               "data-slot": "dialog-close",
               className: "ring-offset-background focus:ring-ring data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-[opacity,background-color] hover:bg-ghost-fill-hover hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react2.XIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react3.XIcon, {}),
                 /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "sr-only", children: "Close" })
               ]
             }
@@ -3636,7 +3728,7 @@ var AttachmentThumb = () => {
         className: "aui-attachment-tile-image object-cover"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(AvatarFallback, { delayMs: isImage ? 200 : 0, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react3.FileText, { className: "aui-attachment-tile-fallback-icon size-8 text-muted-foreground" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(AvatarFallback, { delayMs: isImage ? 200 : 0, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react4.FileText, { className: "aui-attachment-tile-fallback-icon size-8 text-muted-foreground" }) })
   ] });
 };
 var AttachmentUI = () => {
@@ -3692,7 +3784,7 @@ var AttachmentRemove = () => {
       tooltip: "Remove file",
       className: "aui-attachment-tile-remove absolute top-1.5 right-1.5 size-3.5 rounded-full bg-card text-foreground opacity-100 shadow-card hover:bg-card! [&_svg]:text-foreground hover:[&_svg]:text-destructive",
       side: "top",
-      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react3.XIcon, { className: "aui-attachment-remove-icon size-3" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react4.XIcon, { className: "aui-attachment-remove-icon size-3" })
     }
   ) });
 };
@@ -3716,7 +3808,7 @@ var ComposerAddAttachment = () => {
       variant: "secondary",
       className: "aui-composer-add-attachment shrink-0 text-muted-foreground",
       "aria-label": "Add Attachment",
-      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react3.PlusIcon, { className: "aui-attachment-add-icon size-4 stroke-[1.5]" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react4.PlusIcon, { className: "aui-attachment-add-icon size-4 stroke-[1.5]" })
     }
   ) });
 };
@@ -3729,7 +3821,7 @@ var import_remark_gfm = __toESM(require("remark-gfm"), 1);
 var import_remark_math = __toESM(require("remark-math"), 1);
 var import_rehype_katex = __toESM(require("rehype-katex"), 1);
 var import_react25 = require("react");
-var import_lucide_react5 = require("lucide-react");
+var import_lucide_react6 = require("lucide-react");
 
 // src/chat/syntax-highlighter.tsx
 var import_react24 = require("react");
@@ -4963,7 +5055,7 @@ function inferDataKeys(data, xKey) {
 // src/artifacts/question-artifact.tsx
 var import_react16 = require("react");
 var import_react17 = require("@assistant-ui/react");
-var import_lucide_react4 = require("lucide-react");
+var import_lucide_react5 = require("lucide-react");
 var import_jsx_runtime32 = require("react/jsx-runtime");
 function optionKey(option, index) {
   const id = option.id?.trim();
@@ -4977,7 +5069,7 @@ var OptionRadio = ({ selected }) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx
       selected ? "border-foreground bg-foreground text-background" : "border-border bg-background"
     ),
     "aria-hidden": true,
-    children: selected ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react4.CheckIcon, { className: "size-2.5 stroke-[3]" }) : null
+    children: selected ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react5.CheckIcon, { className: "size-2.5 stroke-[3]" }) : null
   }
 );
 var QuestionArtifactView = ({
@@ -5792,8 +5884,8 @@ var CodeHeader = ({ language, code }) => {
         onClick: onCopy,
         className: "transition-colors hover:text-foreground",
         children: [
-          !isCopied && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react5.CopyIcon, { className: "h-3.5 w-3.5" }),
-          isCopied && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react5.CheckIcon, { className: "h-3.5 w-3.5 text-emerald-500" })
+          !isCopied && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react6.CopyIcon, { className: "h-3.5 w-3.5" }),
+          isCopied && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react6.CheckIcon, { className: "h-3.5 w-3.5 text-emerald-500" })
         ]
       }
     )
@@ -6013,7 +6105,7 @@ var defaultComponents = (0, import_react_markdown.unstable_memoizeMarkdownCompon
 
 // src/chat/tool-fallback.tsx
 var import_react32 = require("react");
-var import_lucide_react6 = require("lucide-react");
+var import_lucide_react7 = require("lucide-react");
 var import_react33 = require("@assistant-ui/react");
 
 // src/ui/shimmer.tsx
@@ -7054,7 +7146,7 @@ var TimelineActionLabel = ({ action, detail, shimmer = false }) => /* @__PURE__
   detail ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: studioTimelineDetailClass, children: detail }) : null
 ] });
 var TimelineHoverChevron = ({ expanded }) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-  import_lucide_react6.ChevronRightIcon,
+  import_lucide_react7.ChevronRightIcon,
   {
     className: studioTimelineChevronClass(expanded),
     "aria-hidden": true
@@ -7204,7 +7296,7 @@ var ToolArtifactFallback = (props) => {
 
 // src/chat/composer.tsx
 var import_react34 = require("@assistant-ui/react");
-var import_lucide_react7 = require("lucide-react");
+var import_lucide_react8 = require("lucide-react");
 var import_jsx_runtime48 = require("react/jsx-runtime");
 var Composer = ({
   placeholder = "Send a message...",
@@ -7296,7 +7388,7 @@ var ComposerSendOrCancel = ({ sendTooltip }) => {
         type: "submit",
         className: "aui-composer-send shrink-0 disabled:opacity-30",
         "aria-label": "Send message",
-        children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react7.ArrowUpIcon, { className: "aui-composer-send-icon size-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react8.ArrowUpIcon, { className: "aui-composer-send-icon size-4" })
       }
     ) }) }),
     /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react34.AuiIf, { condition: (s) => s.thread.isRunning, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react34.ComposerPrimitive.Cancel, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
@@ -7306,7 +7398,7 @@ var ComposerSendOrCancel = ({ sendTooltip }) => {
         variant: "primary",
         className: "aui-composer-cancel shrink-0",
         "aria-label": "Stop generating",
-        children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react7.SquareIcon, { className: "aui-composer-cancel-icon size-3 fill-current" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react8.SquareIcon, { className: "aui-composer-cancel-icon size-3 fill-current" })
       }
     ) }) })
   ] });
@@ -7315,7 +7407,7 @@ var ComposerSendOrCancel = ({ sendTooltip }) => {
 // src/chat/suggestions.tsx
 var import_react35 = require("react");
 var import_react36 = require("@assistant-ui/react");
-var import_lucide_react8 = require("lucide-react");
+var import_lucide_react9 = require("lucide-react");
 var import_jsx_runtime49 = require("react/jsx-runtime");
 var Suggestions = ({
   suggestions,
@@ -7350,7 +7442,7 @@ var SuggestionRow = ({ suggestion }) => {
       onClick,
       className: cn("aui-thread-suggestion", studioListRowButtonClass),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "aui-thread-suggestion-icon shrink-0 text-muted-foreground", children: suggestion.icon ?? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react8.ArrowUpIcon, { className: "size-4", strokeWidth: 1.75, "aria-hidden": true }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "aui-thread-suggestion-icon shrink-0 text-muted-foreground", children: suggestion.icon ?? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react9.ArrowUpIcon, { className: "size-4", strokeWidth: 1.75, "aria-hidden": true }) }),
         /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("span", { className: "aui-thread-suggestion-text min-w-0 flex-1 text-left", children: [
           /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "aui-thread-suggestion-text-1 block truncate text-sm font-normal text-foreground", children: suggestion.title }),
           suggestion.description && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "aui-thread-suggestion-text-2 mt-0.5 block truncate text-xs text-muted-foreground", children: suggestion.description })
@@ -7570,7 +7662,7 @@ var ThreadScrollToBottom = () => {
       tooltip: "Scroll to bottom",
       variant: "secondary",
       className: "aui-thread-scroll-to-bottom absolute -top-12 z-10 self-center disabled:invisible",
-      children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react9.ArrowDownIcon, { className: "size-4" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react10.ArrowDownIcon, { className: "size-4" })
     }
   ) });
 };
@@ -7711,8 +7803,8 @@ var AssistantActionBar = () => {
             variant: "ghost",
             className: ASSISTANT_ACTION_ICON_CLASS,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react39.AuiIf, { condition: (s) => s.message.isCopied, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react9.CheckIcon, { className: "size-3" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react39.AuiIf, { condition: (s) => !s.message.isCopied, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react9.CopyIcon, { className: "size-3" }) })
+              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react39.AuiIf, { condition: (s) => s.message.isCopied, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react10.CheckIcon, { className: "size-3" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react39.AuiIf, { condition: (s) => !s.message.isCopied, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react10.CopyIcon, { className: "size-3" }) })
             ]
           }
         ) }),
@@ -7722,7 +7814,7 @@ var AssistantActionBar = () => {
             tooltip: "Regenerate",
             variant: "ghost",
             className: ASSISTANT_ACTION_ICON_CLASS,
-            children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react9.RefreshCwIcon, { className: "size-3" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react10.RefreshCwIcon, { className: "size-3" })
           }
         ) }),
         /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_react39.ActionBarMorePrimitive.Root, { children: [
@@ -7735,7 +7827,7 @@ var AssistantActionBar = () => {
                 ASSISTANT_ACTION_ICON_CLASS,
                 "data-[state=open]:text-muted-foreground/80"
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react9.MoreHorizontalIcon, { className: "size-3" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react10.MoreHorizontalIcon, { className: "size-3" })
             }
           ) }),
           /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
@@ -7745,7 +7837,7 @@ var AssistantActionBar = () => {
               align: "start",
               className: "aui-action-bar-more-content z-50 min-w-36 overflow-hidden rounded-lg border border-border bg-popover p-1 text-popover-foreground shadow-card-elevated",
               children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react39.ActionBarPrimitive.ExportMarkdown, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_react39.ActionBarMorePrimitive.Item, { className: "aui-action-bar-more-item flex cursor-pointer select-none items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-none hover:bg-muted focus:bg-muted", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react9.DownloadIcon, { className: "size-4 shrink-0" }),
+                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react10.DownloadIcon, { className: "size-4 shrink-0" }),
                 "Export as Markdown"
               ] }) })
             }
@@ -7803,7 +7895,7 @@ var UserActionBar = () => {
           tooltip: "Edit",
           variant: "ghost",
           className: ASSISTANT_ACTION_ICON_CLASS,
-          children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react9.PencilIcon, { className: "size-3" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react10.PencilIcon, { className: "size-3" })
         }
       ) })
     }
@@ -7879,7 +7971,7 @@ var AppChatPanel = ({
         className: closeButtonClass,
         onClick: () => shellChat.setOpen(false),
         "aria-label": "Close assistant",
-        children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react10.XIcon, { className: "size-4", "aria-hidden": true })
+        children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react11.XIcon, { className: "size-4", "aria-hidden": true })
       }
     ) }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: bodyClass, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
@@ -8408,7 +8500,7 @@ var ResourceCard = ({
 };
 
 // src/app/surfaces/AlertCard.tsx
-var import_lucide_react11 = require("lucide-react");
+var import_lucide_react12 = require("lucide-react");
 var import_jsx_runtime62 = require("react/jsx-runtime");
 var alertCardShellClass = cn(
   "flex flex-col rounded-2xl p-4 text-left font-normal border border-border shadow-card",
@@ -8452,7 +8544,7 @@ var AlertCard = ({
   ] });
   const cardContent = /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex items-start justify-between gap-4 w-full h-full", children: [
     bodyContent,
-    showTrailing ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "shrink-0 flex items-center justify-center self-center text-muted-foreground/50", children: trailing || /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_lucide_react11.ChevronRight, { className: "size-4" }) }) : null
+    showTrailing ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "shrink-0 flex items-center justify-center self-center text-muted-foreground/50", children: trailing || /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_lucide_react12.ChevronRight, { className: "size-4" }) }) : null
   ] });
   if (onClick) {
     return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
@@ -8470,11 +8562,11 @@ var AlertCard = ({
 };
 
 // src/app/surfaces/CatalogCard.tsx
-var import_lucide_react13 = require("lucide-react");
+var import_lucide_react14 = require("lucide-react");
 
 // src/ui/copy-button.tsx
 var React4 = __toESM(require("react"), 1);
-var import_lucide_react12 = require("lucide-react");
+var import_lucide_react13 = require("lucide-react");
 var import_jsx_runtime63 = require("react/jsx-runtime");
 function CopyButton({
   value,
@@ -8500,7 +8592,7 @@ function CopyButton({
     } catch {
     }
   };
-  const Icon = copied ? import_lucide_react12.CheckIcon : import_lucide_react12.CopyIcon;
+  const Icon = copied ? import_lucide_react13.CheckIcon : import_lucide_react13.CopyIcon;
   return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
     "button",
     {
@@ -8572,7 +8664,7 @@ var CatalogCard = ({
             onClick: (e) => e.stopPropagation(),
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "truncate", children: title }),
-              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react13.ExternalLink, { className: "size-3.5 shrink-0 text-muted-foreground/60" })
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react14.ExternalLink, { className: "size-3.5 shrink-0 text-muted-foreground/60" })
             ]
           }
         ) : /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("h4", { className: "text-sm font-medium leading-snug text-foreground truncate", children: title }) }),
@@ -8599,7 +8691,7 @@ var CatalogCard = ({
         onClick: (e) => e.stopPropagation(),
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { children: link.label }),
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react13.ExternalLink, { className: "size-2.5 shrink-0 text-muted-foreground/50" })
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react14.ExternalLink, { className: "size-2.5 shrink-0 text-muted-foreground/50" })
         ]
       },
       idx
@@ -9264,7 +9356,7 @@ var FieldTextarea = ({
 
 // src/app/forms/FieldSelect.tsx
 var import_react51 = require("react");
-var import_lucide_react14 = require("lucide-react");
+var import_lucide_react15 = require("lucide-react");
 var import_jsx_runtime79 = require("react/jsx-runtime");
 var selectWrapClass = "relative";
 var selectClass = cn(
@@ -9303,7 +9395,7 @@ var FieldSelect = ({
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
-          import_lucide_react14.ChevronDownIcon,
+          import_lucide_react15.ChevronDownIcon,
           {
             className: "pointer-events-none absolute top-1/2 right-3 size-4 -translate-y-1/2 text-muted-foreground",
             "aria-hidden": true
@@ -9370,7 +9462,7 @@ var FieldSwitch = ({
 };
 
 // src/app/forms/SearchInput.tsx
-var import_lucide_react15 = require("lucide-react");
+var import_lucide_react16 = require("lucide-react");
 var import_jsx_runtime81 = require("react/jsx-runtime");
 var SearchInput = ({
   className,
@@ -9386,7 +9478,7 @@ var SearchInput = ({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react15.SearchIcon, { className: "size-4 shrink-0 text-muted-foreground", "aria-hidden": true }),
+        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react16.SearchIcon, { className: "size-4 shrink-0 text-muted-foreground", "aria-hidden": true }),
         /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
           "input",
           {
@@ -9447,11 +9539,11 @@ var FilterField = ({
 
 // src/app/data/FilterDropdown.tsx
 var import_react53 = require("react");
-var import_lucide_react18 = require("lucide-react");
+var import_lucide_react19 = require("lucide-react");
 
 // src/ui/checkbox.tsx
 var import_radix_ui6 = require("radix-ui");
-var import_lucide_react16 = require("lucide-react");
+var import_lucide_react17 = require("lucide-react");
 var import_jsx_runtime85 = require("react/jsx-runtime");
 function Checkbox({
   className,
@@ -9473,7 +9565,7 @@ function Checkbox({
         {
           "data-slot": "checkbox-indicator",
           className: "flex items-center justify-center text-current animate-checkbox-pop",
-          children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react16.CheckIcon, { className: "size-2.5 stroke-[3.5px]" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react17.CheckIcon, { className: "size-2.5 stroke-[3.5px]" })
         }
       )
     }
@@ -9482,7 +9574,7 @@ function Checkbox({
 
 // src/ui/select.tsx
 var import_radix_ui7 = require("radix-ui");
-var import_lucide_react17 = require("lucide-react");
+var import_lucide_react18 = require("lucide-react");
 var import_jsx_runtime86 = require("react/jsx-runtime");
 function Select({
   ...props
@@ -9513,7 +9605,7 @@ function SelectTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_radix_ui7.Select.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react17.ChevronDownIcon, { className: "size-4 opacity-50" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_radix_ui7.Select.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react18.ChevronDownIcon, { className: "size-4 opacity-50" }) })
       ]
     }
   );
@@ -9569,7 +9661,7 @@ function SelectItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_radix_ui7.Select.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react17.CheckIcon, { className: "size-4" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_radix_ui7.Select.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react18.CheckIcon, { className: "size-4" }) }) }),
         /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_radix_ui7.Select.ItemText, { children })
       ]
     }
@@ -9585,7 +9677,7 @@ function SelectScrollUpButton({
       "data-slot": "select-scroll-up-button",
       className: cn("flex cursor-default items-center justify-center py-1", className),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react17.ChevronUpIcon, { className: "size-4" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react18.ChevronUpIcon, { className: "size-4" })
     }
   );
 }
@@ -9599,7 +9691,7 @@ function SelectScrollDownButton({
       "data-slot": "select-scroll-down-button",
       className: cn("flex cursor-default items-center justify-center py-1", className),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react17.ChevronDownIcon, { className: "size-4" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react18.ChevronDownIcon, { className: "size-4" })
     }
   );
 }
@@ -9767,7 +9859,7 @@ function FilterDropdown({
           variant: "outline",
           size: "sm",
           className: "border-dashed font-medium text-muted-foreground hover:text-foreground",
-          iconLeading: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_lucide_react18.ListFilterIcon, { className: "size-4" }),
+          iconLeading: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_lucide_react19.ListFilterIcon, { className: "size-4" }),
           children: label
         }
       ) }),
@@ -9795,7 +9887,7 @@ function FilterDropdown({
                       field.icon,
                       /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { children: field.label })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_lucide_react18.ChevronRightIcon, { className: "size-4 text-muted-foreground/50" })
+                    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_lucide_react19.ChevronRightIcon, { className: "size-4 text-muted-foreground/50" })
                   ]
                 },
                 field.id
@@ -9843,7 +9935,7 @@ function FilterChip({ label, onRemove }) {
         onClick: onRemove,
         "aria-label": `Remove ${label}`,
         className: "flex size-5 items-center justify-center rounded-full text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground",
-        children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_lucide_react18.XIcon, { className: "size-3.5" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_lucide_react19.XIcon, { className: "size-3.5" })
       }
     )
   ] });
@@ -10106,7 +10198,7 @@ function ApplyClear({ onClear, onApply }) {
 
 // src/app/data/DataTable.tsx
 var import_react54 = require("react");
-var import_lucide_react19 = require("lucide-react");
+var import_lucide_react20 = require("lucide-react");
 
 // src/ui/skeleton.tsx
 var import_jsx_runtime89 = require("react/jsx-runtime");
@@ -10165,12 +10257,12 @@ function SortIndicator({
 }) {
   const iconClass = "size-3.5 shrink-0 opacity-60 group-hover:opacity-100";
   if (!active) {
-    return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_lucide_react19.ArrowUpDownIcon, { className: iconClass, "aria-hidden": true });
+    return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_lucide_react20.ArrowUpDownIcon, { className: iconClass, "aria-hidden": true });
   }
   if (direction === "desc") {
-    return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_lucide_react19.ArrowDownIcon, { className: iconClass, "aria-hidden": true });
+    return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_lucide_react20.ArrowDownIcon, { className: iconClass, "aria-hidden": true });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_lucide_react19.ArrowUpIcon, { className: iconClass, "aria-hidden": true });
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_lucide_react20.ArrowUpIcon, { className: iconClass, "aria-hidden": true });
 }
 function DataTable({
   columns,
@@ -10447,7 +10539,7 @@ function DataTable({
                   onClick: () => setPage(pageIndex - 1),
                   disabled: pageIndex <= 0,
                   "aria-label": "Previous page",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_lucide_react19.ChevronLeftIcon, { className: "size-4", "aria-hidden": true })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_lucide_react20.ChevronLeftIcon, { className: "size-4", "aria-hidden": true })
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
@@ -10458,7 +10550,7 @@ function DataTable({
                   onClick: () => setPage(pageIndex + 1),
                   disabled: pageIndex >= pageCount - 1,
                   "aria-label": "Next page",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_lucide_react19.ChevronRightIcon, { className: "size-4", "aria-hidden": true })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_lucide_react20.ChevronRightIcon, { className: "size-4", "aria-hidden": true })
                 }
               )
             ] })
@@ -10997,7 +11089,7 @@ function UntitledButton({
 }
 
 // src/ui/banner.tsx
-var import_lucide_react20 = require("lucide-react");
+var import_lucide_react21 = require("lucide-react");
 var import_jsx_runtime95 = require("react/jsx-runtime");
 var bannerSoftClass = {
   default: "border-border/50 bg-muted/30 text-foreground/90 dark:bg-muted/15",
@@ -11094,7 +11186,7 @@ function Banner({
               isSingleLine ? "self-center" : "-mt-0.5",
               isSolid ? "opacity-80 hover:bg-background/15 hover:opacity-100" : "text-muted-foreground hover:bg-foreground/10 hover:text-foreground"
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_lucide_react20.XIcon, { className: "size-4", "aria-hidden": true })
+            children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_lucide_react21.XIcon, { className: "size-4", "aria-hidden": true })
           }
         ) : null
       ]
@@ -11193,7 +11285,7 @@ var React5 = __toESM(require("react"), 1);
 var import_core2 = require("@dnd-kit/core");
 var import_sortable = require("@dnd-kit/sortable");
 var import_utilities = require("@dnd-kit/utilities");
-var import_lucide_react21 = require("lucide-react");
+var import_lucide_react22 = require("lucide-react");
 var import_jsx_runtime97 = require("react/jsx-runtime");
 var columnTitleToneClass = {
   default: "text-foreground",
@@ -11279,7 +11371,7 @@ function SortableCard({
             className: "absolute right-1.5 top-1.5 z-10 grid size-6 cursor-grab touch-none place-items-center rounded-md text-muted-foreground/40 opacity-0 transition hover:bg-foreground/5 hover:text-foreground focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-foreground/15 group-hover/kanban-card:opacity-100 active:cursor-grabbing",
             ...attributes,
             ...listeners,
-            children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_lucide_react21.GripVerticalIcon, { className: "size-4", "aria-hidden": true })
+            children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_lucide_react22.GripVerticalIcon, { className: "size-4", "aria-hidden": true })
           }
         ) : null,
         renderCard(card, { column, isDragging, isOverlay: false, dragHandleProps })