@alexgorbatchev/shadcn 0.0.0-stage → 0.0.16

package/dist/chunk-xxk0akfn.js

@@ -0,0 +1,12 @@
+// src/components/assistant-ui/elements/SourceGlyph.tsx
+import { jsx } from "react/jsx-runtime";
+function SourceGlyph2({ domain }) {
+  return /* @__PURE__ */ jsx("span", {
+    "data-testid": "SourceGlyph",
+    "aria-hidden": true,
+    className: "bg-foreground/[0.06] text-muted-foreground flex size-4 shrink-0 items-center justify-center rounded text-[9px] font-medium",
+    children: domain.charAt(0).toUpperCase()
+  });
+}
+
+export { SourceGlyph2 };

package/dist/chunk-y4gbweym.js

@@ -0,0 +1,84 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  Button2
+} from "./chunk-73rkr9ct.js";
+import {
+  Progress2
+} from "./chunk-5j39rehg.js";
+import {
+  field
+} from "./chunk-fgmcbtyt.js";
+
+// src/components/assistant-ui/elements/ComposerAttachmentChip.tsx
+import {
+  CheckIcon,
+  FileArchiveIcon,
+  FileImageIcon,
+  FileTextIcon,
+  Loader2Icon,
+  XIcon
+} from "lucide-react";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+function ComposerAttachmentChip2({ attachment, onRemove, ...props }) {
+  const AttachmentGlyph = ATTACHMENT_ICONS[attachment.kind ?? "text"];
+  return /* @__PURE__ */ jsxs("div", {
+    "data-testid": "ComposerAttachmentChip",
+    "data-slot": "composer-attachment",
+    "data-state": attachment.state,
+    role: attachment.state === "error" ? "alert" : undefined,
+    className: cn2(field, "relative flex items-center gap-2.5 overflow-hidden rounded-sm py-1.5 ps-1.5 pe-2.5"),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(AttachmentGlyph, {
+        "aria-hidden": "true",
+        className: cn2("size-4", "rounded-sm bg-secondary p-1")
+      }),
+      /* @__PURE__ */ jsxs("span", {
+        className: "flex flex-col",
+        children: [
+          /* @__PURE__ */ jsx("span", {
+            className: "max-w-36 truncate text-sm font-medium",
+            children: attachment.name
+          }),
+          /* @__PURE__ */ jsx("span", {
+            className: cn2("text-xs", attachment.state === "error" ? "text-destructive" : "text-muted-foreground"),
+            children: attachment.meta
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx(Fragment, {
+        children: attachment.state === "uploading" ? /* @__PURE__ */ jsx(Loader2Icon, {
+          "aria-hidden": "true",
+          className: cn2("size-4", "animate-spin motion-reduce:animate-none")
+        }) : attachment.state === "done" && onRemove ? /* @__PURE__ */ jsx(Button2, {
+          type: "button",
+          "aria-label": `Remove ${attachment.name}`,
+          onClick: () => onRemove(attachment.name),
+          variant: "ghost",
+          size: "icon",
+          children: /* @__PURE__ */ jsx(XIcon, {
+            "aria-hidden": "true",
+            "data-icon": "inline-start"
+          })
+        }) : attachment.state === "done" ? /* @__PURE__ */ jsx(CheckIcon, {
+          "aria-hidden": "true",
+          className: cn2("size-4", "text-success")
+        }) : null
+      }),
+      attachment.state === "uploading" && /* @__PURE__ */ jsx(Progress2, {
+        "aria-label": `Uploading ${attachment.name}`,
+        value: attachment.progress ?? 0,
+        className: "absolute inset-x-0 bottom-0"
+      })
+    ]
+  });
+}
+var ATTACHMENT_ICONS = {
+  image: FileImageIcon,
+  text: FileTextIcon,
+  archive: FileArchiveIcon
+};
+
+export { ComposerAttachmentChip2 };

package/dist/chunk-yabr2qx9.js

@@ -0,0 +1,66 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  mono
+} from "./chunk-fgmcbtyt.js";
+
+// src/components/assistant-ui/elements/SpeakerIdentity.tsx
+import { BotIcon, UserIcon, WrenchIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var TONE = {
+  user: "bg-foreground/[0.06] text-muted-foreground",
+  agent: "bg-primary/12 text-primary bg-primary/15 text-primary",
+  subagent: "bg-foreground/[0.06] text-muted-foreground",
+  tool: "bg-foreground/[0.04] text-muted-foreground"
+};
+function SpeakerIdentity2({ turns, className, ...props }) {
+  return /* @__PURE__ */ jsx("div", {
+    "data-testid": "SpeakerIdentity",
+    "data-slot": "speaker-identity",
+    className: cn2(cn2("flex w-full max-w-sm flex-col gap-3.5"), className),
+    ...props,
+    children: turns.map((turn) => /* @__PURE__ */ jsxs("div", {
+      className: "flex gap-2.5",
+      children: [
+        /* @__PURE__ */ jsx("span", {
+          className: cn2("flex size-6 shrink-0 items-center justify-center rounded-lg", TONE[turn.kind], turn.kind === "subagent" && "rounded-full"),
+          children: turn.kind === "user" ? /* @__PURE__ */ jsx(UserIcon, {
+            "aria-hidden": "true",
+            className: cn2("size-4")
+          }) : turn.kind === "tool" ? /* @__PURE__ */ jsx(WrenchIcon, {
+            "aria-hidden": "true",
+            className: cn2("size-4")
+          }) : /* @__PURE__ */ jsx(BotIcon, {
+            "aria-hidden": "true",
+            className: cn2("size-4")
+          })
+        }),
+        /* @__PURE__ */ jsxs("div", {
+          className: "flex min-w-0 flex-1 flex-col gap-0.5",
+          children: [
+            /* @__PURE__ */ jsxs("span", {
+              className: "flex items-baseline gap-1.5",
+              children: [
+                /* @__PURE__ */ jsx("span", {
+                  className: "text-base font-medium",
+                  children: turn.name
+                }),
+                turn.detail && /* @__PURE__ */ jsx("span", {
+                  className: cn2(mono, "text-muted-foreground"),
+                  children: turn.detail
+                })
+              ]
+            }),
+            /* @__PURE__ */ jsx("span", {
+              className: "text-muted-foreground text-base leading-relaxed break-words",
+              children: turn.text
+            })
+          ]
+        })
+      ]
+    }, turn.id))
+  });
+}
+
+export { SpeakerIdentity2 };

package/dist/chunk-ybypybsb.js

@@ -0,0 +1,43 @@
+// src/components/assistant-ui/native/SelectionToolbar.tsx
+import { memo } from "react";
+import { SelectionToolbarPrimitive } from "@assistant-ui/react";
+import { QuoteIcon } from "lucide-react";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+function SelectionToolbarRoot2(props) {
+  return /* @__PURE__ */ jsx(SelectionToolbarPrimitive.Root, {
+    "data-slot": "selection-toolbar",
+    ...props,
+    render: /* @__PURE__ */ jsx("div", {
+      "data-testid": "SelectionToolbarRoot",
+      className: "bg-popover flex items-center gap-1 rounded-sm border border-border p-1"
+    })
+  });
+}
+function SelectionToolbarQuote2({ children, ...props }) {
+  return /* @__PURE__ */ jsx(SelectionToolbarPrimitive.Quote, {
+    "data-slot": "selection-toolbar-quote",
+    ...props,
+    render: /* @__PURE__ */ jsx("button", {
+      "data-testid": "SelectionToolbarQuote",
+      type: "button",
+      className: "text-popover-foreground hover:bg-accent flex items-center gap-1 rounded-sm px-2 py-1 text-sm transition-colors"
+    }),
+    children: children ?? /* @__PURE__ */ jsxs(Fragment, {
+      children: [
+        /* @__PURE__ */ jsx(QuoteIcon, {
+          "aria-hidden": "true",
+          className: "size-3.5 shrink-0"
+        }),
+        "Quote"
+      ]
+    })
+  });
+}
+var SelectionToolbar2 = Object.assign(memo(function SelectionToolbar(props) {
+  return /* @__PURE__ */ jsx(SelectionToolbarRoot2, {
+    ...props,
+    children: /* @__PURE__ */ jsx(SelectionToolbarQuote2, {})
+  });
+}), { Root: SelectionToolbarRoot2, Quote: SelectionToolbarQuote2 });
+
+export { SelectionToolbarRoot2, SelectionToolbarQuote2, SelectionToolbar2 };

package/dist/chunk-ydfsxbrn.js

@@ -0,0 +1,48 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  ShimmerLabel2
+} from "./chunk-s3wqwhxc.js";
+
+// src/components/assistant-ui/elements/GenerationLoader.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var CELL_SHAPES = {
+  dots: "rounded-full",
+  squares: "rounded-[1px]",
+  rounded: "rounded-[3px]"
+};
+function GenerationLoader2({
+  label,
+  tick,
+  variant = "dots",
+  className,
+  ...props
+}) {
+  const pixelOffset = Math.floor(tick / 3);
+  return /* @__PURE__ */ jsxs("div", {
+    "data-testid": "GenerationLoader",
+    role: "status",
+    "data-slot": "generation-loader",
+    className: cn2(cn2("flex flex-col items-center gap-4"), className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("div", {
+        "aria-hidden": true,
+        className: "grid grid-cols-3 gap-1",
+        children: Array.from({ length: 9 }, (_, index) => {
+          const active = (index * 2 + pixelOffset) % 9 < 3;
+          return /* @__PURE__ */ jsx("span", {
+            "data-testid": `GenerationLoader--cell-${index}`,
+            className: cn2("bg-foreground size-2 transition-opacity duration-300 motion-reduce:transition-none", CELL_SHAPES[variant], active ? "opacity-90" : "opacity-15")
+          }, index);
+        })
+      }),
+      /* @__PURE__ */ jsx(ShimmerLabel2, {
+        children: label
+      })
+    ]
+  });
+}
+
+export { GenerationLoader2 };

package/dist/chunk-ydfx8r6d.js

@@ -0,0 +1,15 @@
+import {
+  ModelSelectorContext
+} from "./chunk-kp3jgjng.js";
+
+// src/components/assistant-ui/hooks/useModelSelectorContext.ts
+import { useContext } from "react";
+function useModelSelectorContext() {
+  const ctx = useContext(ModelSelectorContext);
+  if (!ctx) {
+    throw new Error("ModelSelector sub-components must be used within ModelSelector.Root");
+  }
+  return ctx;
+}
+
+export { useModelSelectorContext };

package/dist/chunk-yn3e9w1j.js

@@ -0,0 +1,74 @@
+import {
+  Skeleton2
+} from "./chunk-d70rcwk7.js";
+import {
+  MermaidSvg,
+  MermaidZoom2
+} from "./chunk-wwfj7ga3.js";
+
+// src/components/assistant-ui/elements/MermaidDiagram.tsx
+import { useMemo } from "react";
+import { renderMermaidSVG } from "beautiful-mermaid";
+import { jsx, jsxs } from "react/jsx-runtime";
+function MermaidDiagram3({ code, streaming = false }) {
+  const svg = useMemo(() => {
+    if (streaming)
+      return;
+    try {
+      const rendered = renderMermaidSVG(code, {
+        bg: "var(--background)",
+        fg: "var(--foreground)",
+        muted: "var(--muted-foreground)",
+        border: "var(--border)",
+        accent: "var(--primary)",
+        surface: "var(--secondary)",
+        font: "JetBrains Mono Variable",
+        transparent: true
+      });
+      const lines = code.split(`
+`).map((line) => line.trim()).filter((line) => line && !line.startsWith("%%"));
+      const hasDanglingLink = /^(?:graph|flowchart)\b/i.test(lines[0] ?? "") && lines.slice(1).some((line) => /(?:--|==|-\.|~~)[-.=~]*[>ox]?\s*(?:\|[^|]*\|)?$/.test(line));
+      return /^<svg\b[^>]*\swidth="0"/.test(rendered) || hasDanglingLink ? null : rendered;
+    } catch {
+      return null;
+    }
+  }, [code, streaming]);
+  if (svg === undefined)
+    return /* @__PURE__ */ jsx("div", {
+      "data-testid": "MermaidDiagram",
+      role: "status",
+      "aria-label": "Rendering diagram",
+      children: /* @__PURE__ */ jsx(Skeleton2, {
+        className: "h-32 w-full"
+      })
+    });
+  if (svg === null)
+    return /* @__PURE__ */ jsxs("div", {
+      "data-testid": "MermaidDiagram",
+      className: "rounded-sm border border-border bg-muted",
+      children: [
+        /* @__PURE__ */ jsx("pre", {
+          className: "overflow-x-auto p-panel text-sm",
+          children: /* @__PURE__ */ jsx("code", {
+            children: code.trim()
+          })
+        }),
+        /* @__PURE__ */ jsx("p", {
+          className: "border-t border-border px-panel py-control-y text-sm text-muted-foreground",
+          children: "diagram could not be rendered"
+        })
+      ]
+    });
+  return /* @__PURE__ */ jsx("div", {
+    "data-testid": "MermaidDiagram",
+    className: "rounded-sm border border-border bg-card",
+    children: /* @__PURE__ */ jsx(MermaidZoom2, {
+      svg,
+      children: /* @__PURE__ */ jsx(MermaidSvg, {
+        svg
+      })
+    })
+  });
+}
+
+export { MermaidDiagram3 };

package/dist/chunk-yncp9nsv.js

@@ -0,0 +1,106 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  Switch2
+} from "./chunk-8ye0k6z7.js";
+import {
+  paper,
+  field,
+  mono
+} from "./chunk-fgmcbtyt.js";
+
+// src/components/assistant-ui/elements/ScheduleCard.tsx
+import { CheckIcon, ClockIcon, XIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ScheduleCard2({
+  name,
+  cadence,
+  nextRun,
+  enabled,
+  history,
+  onToggle,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs("div", {
+    "data-testid": "ScheduleCard",
+    "data-slot": "schedule-card",
+    className: cn2(cn2(paper, "flex w-full max-w-sm flex-col gap-3 rounded-md p-4"), className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxs("div", {
+        className: "flex items-center gap-2.5",
+        children: [
+          /* @__PURE__ */ jsx(ClockIcon, {
+            "aria-hidden": "true",
+            className: cn2("size-4")
+          }),
+          /* @__PURE__ */ jsxs("div", {
+            className: "flex min-w-0 flex-1 flex-col",
+            children: [
+              /* @__PURE__ */ jsx("span", {
+                className: "truncate text-base font-medium",
+                children: name
+              }),
+              /* @__PURE__ */ jsx("span", {
+                className: cn2(mono, "text-muted-foreground"),
+                children: cadence
+              })
+            ]
+          }),
+          /* @__PURE__ */ jsx(Switch2, {
+            checked: enabled,
+            disabled: !onToggle,
+            "aria-label": `${enabled ? "Pause" : "Resume"} ${name}`,
+            onCheckedChange: onToggle
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsxs("div", {
+        className: cn2(field, "flex items-baseline gap-2 rounded-md px-3 py-2", !enabled && "border-dashed"),
+        children: [
+          /* @__PURE__ */ jsx("span", {
+            className: cn2(mono, "text-muted-foreground"),
+            children: "next"
+          }),
+          /* @__PURE__ */ jsx("span", {
+            className: "text-foreground text-base",
+            children: enabled ? nextRun : "paused"
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsxs("div", {
+        className: "flex flex-col gap-1",
+        children: [
+          /* @__PURE__ */ jsx("span", {
+            className: cn2(mono, "text-muted-foreground"),
+            children: "recent runs"
+          }),
+          history.map((run) => /* @__PURE__ */ jsxs("div", {
+            className: "flex items-baseline gap-2",
+            children: [
+              run.ok ? /* @__PURE__ */ jsx(CheckIcon, {
+                "aria-hidden": "true",
+                className: cn2("size-4")
+              }) : /* @__PURE__ */ jsx(XIcon, {
+                "aria-hidden": "true",
+                className: cn2("size-4", "text-destructive")
+              }),
+              /* @__PURE__ */ jsx("span", {
+                className: "text-muted-foreground min-w-0 flex-1 truncate text-sm",
+                children: run.at
+              }),
+              /* @__PURE__ */ jsx("span", {
+                className: cn2(mono, "text-muted-foreground shrink-0"),
+                children: run.ok ? "ok" : "failed"
+              })
+            ]
+          }, run.id))
+        ]
+      })
+    ]
+  });
+}
+
+export { ScheduleCard2 };

package/dist/chunk-ynh7v8n7.js

@@ -0,0 +1,146 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  Button2
+} from "./chunk-73rkr9ct.js";
+import {
+  paper,
+  field,
+  mono
+} from "./chunk-fgmcbtyt.js";
+
+// src/components/assistant-ui/elements/CanvasSplit.tsx
+import { CheckIcon, CopyIcon, FileTextIcon, XIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CanvasSplit2({ children, ...props }) {
+  return /* @__PURE__ */ jsx("div", {
+    "data-testid": "CanvasSplit",
+    "data-slot": "canvas-split",
+    className: cn2(paper, "@container w-full max-w-3xl overflow-hidden rounded-md"),
+    ...props,
+    children: /* @__PURE__ */ jsx("div", {
+      className: "flex flex-col @xl:h-80 @xl:flex-row",
+      children
+    })
+  });
+}
+function CanvasSplitThread2({ ...props }) {
+  return /* @__PURE__ */ jsx("div", {
+    "data-testid": "CanvasSplitThread",
+    "data-slot": "canvas-split-thread",
+    className: cn2("border-foreground/[0.07] flex flex-col gap-3 border-b p-4 @xl:w-[240px] @xl:shrink-0 @xl:overflow-y-auto @xl:border-r @xl:border-b-0"),
+    ...props
+  });
+}
+function CanvasSplitMessage2({ speaker, ...props }) {
+  return /* @__PURE__ */ jsx("div", {
+    "data-testid": "CanvasSplitMessage",
+    "data-slot": "canvas-split-message",
+    "data-speaker": speaker,
+    className: cn2("fade-in animate-in fill-mode-both text-base leading-relaxed duration-300", speaker === "user" ? cn2(field, "text-foreground/80 ms-auto rounded-md px-3 py-2") : "text-foreground/60"),
+    ...props
+  });
+}
+function CanvasSplitDocument2({ ...props }) {
+  return /* @__PURE__ */ jsx("div", {
+    "data-testid": "CanvasSplitDocument",
+    "data-slot": "canvas-split-document",
+    className: cn2("flex min-w-0 flex-1 flex-col"),
+    ...props
+  });
+}
+function CanvasSplitHeader2({
+  title,
+  version,
+  saved,
+  onCopy,
+  onClose,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs("div", {
+    "data-testid": "CanvasSplitHeader",
+    "data-slot": "canvas-split-header",
+    className: cn2("border-foreground/[0.07] flex items-center gap-2 border-b px-3.5 py-2.5"),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(FileTextIcon, {
+        "aria-hidden": "true",
+        className: cn2("size-4")
+      }),
+      /* @__PURE__ */ jsx("span", {
+        className: "min-w-0 flex-1 truncate text-base font-medium",
+        children: title
+      }),
+      /* @__PURE__ */ jsxs("span", {
+        className: cn2(mono, "text-muted-foreground shrink-0"),
+        children: [
+          "v",
+          version
+        ]
+      }),
+      /* @__PURE__ */ jsx("span", {
+        className: cn2(mono, "shrink-0 transition-colors duration-300", saved ? "text-success text-success" : "text-muted-foreground"),
+        children: saved ? /* @__PURE__ */ jsxs("span", {
+          className: "flex items-center gap-1",
+          children: [
+            /* @__PURE__ */ jsx(CheckIcon, {
+              "aria-hidden": "true",
+              className: cn2("size-3.5")
+            }),
+            "saved"
+          ]
+        }) : "editing"
+      }),
+      /* @__PURE__ */ jsx(Button2, {
+        type: "button",
+        "aria-label": `Copy ${title}`,
+        onClick: onCopy,
+        disabled: !onCopy,
+        variant: "ghost",
+        size: "icon",
+        children: /* @__PURE__ */ jsx(CopyIcon, {
+          "aria-hidden": "true",
+          "data-icon": "inline-start"
+        })
+      }),
+      /* @__PURE__ */ jsx(Button2, {
+        type: "button",
+        "aria-label": "Close the canvas",
+        onClick: onClose,
+        disabled: !onClose,
+        variant: "ghost",
+        size: "icon",
+        children: /* @__PURE__ */ jsx(XIcon, {
+          "aria-hidden": "true",
+          "data-icon": "inline-start"
+        })
+      })
+    ]
+  });
+}
+function CanvasSplitBody2({ writing, children, ...props }) {
+  return /* @__PURE__ */ jsxs("div", {
+    "data-testid": "CanvasSplitBody",
+    "data-slot": "canvas-split-body",
+    className: cn2("flex min-h-[144px] flex-1 flex-col gap-1.5 overflow-y-auto p-4"),
+    ...props,
+    children: [
+      children,
+      writing && /* @__PURE__ */ jsx("span", {
+        "aria-hidden": true,
+        className: "bg-foreground/70 h-[1.05em] w-[2px] animate-pulse rounded-full motion-reduce:animate-none"
+      })
+    ]
+  });
+}
+function CanvasSplitLine2({ heading, ...props }) {
+  return /* @__PURE__ */ jsx("p", {
+    "data-testid": "CanvasSplitLine",
+    "data-slot": "canvas-split-line",
+    className: cn2("fade-in slide-in-from-bottom-1 animate-in fill-mode-both text-base leading-relaxed duration-300", heading ? "text-foreground/95 font-medium" : "text-foreground/65"),
+    ...props
+  });
+}
+
+export { CanvasSplit2, CanvasSplitThread2, CanvasSplitMessage2, CanvasSplitDocument2, CanvasSplitHeader2, CanvasSplitBody2, CanvasSplitLine2 };

package/dist/chunk-ynkpdpn0.js

@@ -0,0 +1,60 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+
+// src/components/assistant-ui/utils/diffViewer/constants.ts
+import { cva } from "class-variance-authority";
+var diffViewerVariants2 = cva("overflow-hidden rounded-md font-mono leading-relaxed [font-variant-ligatures:none]", {
+  variants: {
+    variant: {
+      default: "border border-frame-edge bg-card text-card-foreground",
+      ghost: "bg-transparent",
+      muted: "border border-frame-edge bg-muted text-foreground"
+    },
+    size: { sm: "text-xs", default: "text-sm", lg: "text-base" }
+  },
+  defaultVariants: { variant: "default", size: "default" }
+});
+var diffLineVariants2 = cva("flex", {
+  variants: {
+    type: {
+      add: "border-s-2 border-success bg-success/10 text-foreground",
+      del: "border-s-2 border-destructive bg-destructive/10 text-foreground",
+      normal: "border-s-2 border-transparent",
+      marker: "border-s-2 border-transparent text-muted-foreground",
+      empty: "border-s-2 border-transparent"
+    }
+  },
+  defaultVariants: { type: "normal" }
+});
+var diffLineTextVariants2 = cva("", {
+  variants: {
+    type: {
+      add: "text-foreground",
+      del: "text-foreground",
+      normal: "text-muted-foreground",
+      marker: "text-muted-foreground",
+      empty: ""
+    }
+  },
+  defaultVariants: { type: "normal" }
+});
+
+// src/components/assistant-ui/elements/DiffViewerText.tsx
+import { jsx } from "react/jsx-runtime";
+function DiffViewerText({ line, className, ...props }) {
+  return /* @__PURE__ */ jsx("code", {
+    "data-testid": "DiffViewerText",
+    className: cn2("min-w-0 flex-1 pe-3.5 break-all whitespace-pre-wrap", className),
+    ...props,
+    children: line?.type === "add" ? /* @__PURE__ */ jsx("ins", {
+      className: "no-underline",
+      children: line.content
+    }) : line?.type === "del" ? /* @__PURE__ */ jsx("del", {
+      className: "no-underline",
+      children: line.content
+    }) : line?.content ?? ""
+  });
+}
+
+export { diffViewerVariants2, diffLineVariants2, diffLineTextVariants2, DiffViewerText };