@gabvdl/ui 0.0.14

package/dist/components/rich-input/parts.d.ts

@@ -0,0 +1,53 @@
+import { ReactNode } from 'react';
+import { GuidelineTag, RichFile } from './types';
+export declare function fmtBytes(n: number): string;
+export declare function AttachmentChips({ files, onRemove, }: {
+    files: RichFile[];
+    onRemove: (id: string) => void;
+}): import("react").JSX.Element | null;
+export declare function GuidelinesSwitch({ on, onToggle }: {
+    on: boolean;
+    onToggle: () => void;
+}): import("react").JSX.Element;
+export declare function TagChips({ tags, selected, onToggle, showMax, expanded, onExpand, leading, }: {
+    tags: GuidelineTag[];
+    selected: Set<string>;
+    onToggle: (id: string) => void;
+    showMax?: number;
+    expanded: boolean;
+    onExpand: () => void;
+    /** Rendered as the first item of the row (e.g. the guidelines master switch). */
+    leading?: ReactNode;
+}): import("react").JSX.Element | null;
+export declare function TagScrollList({ tags, selected, onToggle, rows, }: {
+    tags: GuidelineTag[];
+    selected: Set<string>;
+    onToggle: (id: string) => void;
+    /** Visible height in chip rows before it scrolls. Default 3. */
+    rows?: number;
+}): import("react").JSX.Element | null;
+export declare function MentionMenu({ matches, active, prefix, onHover, onPick, }: {
+    matches: GuidelineTag[];
+    active: number;
+    prefix: string;
+    onHover: (i: number) => void;
+    onPick: (tag: GuidelineTag) => void;
+}): import("react").JSX.Element;
+export declare function ReverseSearchBar({ query, match, onQueryChange, onNext, onAccept, onClose, }: {
+    query: string;
+    match: string | null;
+    onQueryChange: (q: string) => void;
+    onNext: () => void;
+    onAccept: () => void;
+    onClose: () => void;
+}): import("react").JSX.Element;
+export declare function HistorySheet({ entries, onPick, onClose, }: {
+    entries: string[];
+    onPick: (value: string) => void;
+    onClose: () => void;
+}): import("react").JSX.Element;
+export declare function UnsendBanner({ countdown, onUndo, }: {
+    countdown: number;
+    onUndo: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=parts.d.ts.map

package/dist/components/rich-input/parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.d.ts","sourceRoot":"","sources":["../../../src/components/rich-input/parts.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlD,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEtD,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAK1C;AAGD,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,sCAgCA;AAyBD,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE;IAAE,EAAE,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,MAAM,IAAI,CAAA;CAAE,+BAuBvF;AAGD,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,OAAO,GACR,EAAE;IACD,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACtB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,iFAAiF;IACjF,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,sCAsBA;AAKD,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,IAAQ,GACT,EAAE;IACD,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACtB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,gEAAgE;IAChE,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,sCAcA;AAGD,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,MAAM,EACN,MAAM,EACN,OAAO,EACP,MAAM,GACP,EAAE;IACD,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,MAAM,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;CACrC,+BA2BA;AAGD,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,KAAK,EACL,aAAa,EACb,MAAM,EACN,QAAQ,EACR,OAAO,GACR,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,aAAa,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,+BAkCA;AAGD,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,MAAM,EACN,OAAO,GACR,EAAE;IACD,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,+BAqDA;AAGD,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,MAAM,GACP,EAAE;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,+BAYA"}

package/dist/components/rich-input/parts.js

@@ -0,0 +1,285 @@
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { useEffect as h } from "react";
+import { Undo2 as p, X as u, File as b, ListChecks as g, History as y } from "lucide-react";
+import { cn as m } from "../../lib/utils.js";
+import { tagSlug as v } from "./use-mention.js";
+import { VirtualList as N } from "../virtual-list/virtual-list.js";
+function k(e) {
+  if (!Number.isFinite(e) || e <= 0) return "0 B";
+  const n = ["B", "KB", "MB", "GB"], r = Math.min(n.length - 1, Math.floor(Math.log(e) / Math.log(1024)));
+  return `${(e / 1024 ** r).toFixed(r === 0 ? 0 : 1)} ${n[r]}`;
+}
+function E({
+  files: e,
+  onRemove: n
+}) {
+  return e.length === 0 ? null : /* @__PURE__ */ t("div", { className: "flex flex-wrap gap-1.5 px-1 pb-1.5", children: e.map((r) => {
+    const s = r.contentType.startsWith("image/") && r.url;
+    return /* @__PURE__ */ l(
+      "span",
+      {
+        className: "group inline-flex max-w-[13rem] items-center gap-1.5 rounded-md border border-input bg-background/60 py-1 pl-1.5 pr-1 text-xs",
+        children: [
+          s ? /* @__PURE__ */ t("img", { src: r.url, alt: "", className: "size-5 shrink-0 rounded object-cover" }) : /* @__PURE__ */ t(b, { className: "size-3.5 shrink-0 text-muted-foreground" }),
+          /* @__PURE__ */ t("span", { className: "min-w-0 truncate text-foreground", children: r.name }),
+          /* @__PURE__ */ t("span", { className: "shrink-0 text-[10px] text-muted-foreground", children: k(r.size) }),
+          /* @__PURE__ */ t(
+            "button",
+            {
+              type: "button",
+              "aria-label": `Remove ${r.name}`,
+              onMouseDown: (o) => o.preventDefault(),
+              onClick: () => n(r.id),
+              className: "ml-0.5 inline-flex size-4 shrink-0 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+              children: /* @__PURE__ */ t(u, { className: "size-3" })
+            }
+          )
+        ]
+      },
+      r.id
+    );
+  }) });
+}
+function f({ tag: e, on: n, onToggle: r }) {
+  const s = n ? e.label : e.labelOff ?? e.label;
+  return /* @__PURE__ */ l(
+    "button",
+    {
+      type: "button",
+      "aria-pressed": n,
+      onMouseDown: (o) => o.preventDefault(),
+      onClick: () => r(e.id),
+      className: m(
+        "inline-flex items-center gap-1 rounded-full border px-2.5 py-1 text-xs transition-colors",
+        n ? "border-primary/40 bg-primary/10 text-foreground" : "border-input text-muted-foreground hover:text-foreground"
+      ),
+      children: [
+        e.icon,
+        s
+      ]
+    }
+  );
+}
+function S({ on: e, onToggle: n }) {
+  return /* @__PURE__ */ l(
+    "button",
+    {
+      type: "button",
+      "aria-pressed": e,
+      onMouseDown: (r) => r.preventDefault(),
+      onClick: n,
+      title: e ? "Guidelines are appended to the prompt — click to send it as typed" : "Prompt is sent as typed — click to append the guidelines again",
+      className: m(
+        "inline-flex shrink-0 items-center gap-1 rounded-full border px-2 py-1 text-[11px] font-medium transition-colors",
+        e ? "border-primary/60 bg-primary/10 text-primary hover:bg-primary/20" : "border-input bg-transparent text-muted-foreground hover:text-foreground"
+      ),
+      children: [
+        /* @__PURE__ */ t(g, { className: "size-3" }),
+        "Guidelines ",
+        e ? "on" : "off"
+      ]
+    }
+  );
+}
+function L({
+  tags: e,
+  selected: n,
+  onToggle: r,
+  showMax: s,
+  expanded: o,
+  onExpand: a,
+  leading: i
+}) {
+  if (e.length === 0 && !i) return null;
+  const d = s != null && !o ? Math.max(0, e.length - s) : 0, x = d > 0 ? e.slice(0, s) : e;
+  return /* @__PURE__ */ l("div", { className: "flex flex-wrap items-center gap-1.5", children: [
+    i,
+    x.map((c) => /* @__PURE__ */ t(f, { tag: c, on: n.has(c.id), onToggle: r }, c.id)),
+    d > 0 && /* @__PURE__ */ l(
+      "button",
+      {
+        type: "button",
+        onMouseDown: (c) => c.preventDefault(),
+        onClick: a,
+        className: "rounded-full border border-dashed border-input px-2.5 py-1 text-xs text-muted-foreground transition-colors hover:text-foreground",
+        children: [
+          "+",
+          d,
+          " more"
+        ]
+      }
+    )
+  ] });
+}
+const w = 30;
+function G({
+  tags: e,
+  selected: n,
+  onToggle: r,
+  rows: s = 3
+}) {
+  return e.length === 0 ? null : /* @__PURE__ */ t(
+    "div",
+    {
+      className: "overflow-y-auto rounded-lg border border-input/60 bg-background/40 p-1.5",
+      style: { maxHeight: s * w },
+      children: /* @__PURE__ */ t("div", { className: "flex flex-wrap gap-1.5", children: e.map((o) => /* @__PURE__ */ t(f, { tag: o, on: n.has(o.id), onToggle: r }, o.id)) })
+    }
+  );
+}
+function H({
+  matches: e,
+  active: n,
+  prefix: r,
+  onHover: s,
+  onPick: o
+}) {
+  return /* @__PURE__ */ t("div", { className: "mb-1.5 max-h-56 overflow-y-auto rounded-lg border border-border bg-popover p-1 shadow-lg", children: e.map((a, i) => /* @__PURE__ */ l(
+    "button",
+    {
+      type: "button",
+      onMouseDown: (d) => d.preventDefault(),
+      onMouseEnter: () => s(i),
+      onClick: () => o(a),
+      className: m(
+        "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm transition-colors",
+        i === n ? "bg-accent text-accent-foreground" : "text-foreground hover:bg-accent/60"
+      ),
+      children: [
+        a.icon,
+        /* @__PURE__ */ l("span", { className: "font-medium", children: [
+          r,
+          v(a)
+        ] }),
+        a.description && /* @__PURE__ */ t("span", { className: "ml-auto truncate text-xs text-muted-foreground", children: a.description })
+      ]
+    },
+    a.id
+  )) });
+}
+function K({
+  query: e,
+  match: n,
+  onQueryChange: r,
+  onNext: s,
+  onAccept: o,
+  onClose: a
+}) {
+  return /* @__PURE__ */ l("div", { className: "mb-1.5 flex items-center gap-2 rounded-lg border border-border bg-popover px-2.5 py-1.5 text-sm shadow-lg", children: [
+    /* @__PURE__ */ t("span", { className: "shrink-0 font-mono text-xs text-muted-foreground", children: "(reverse-i-search)" }),
+    /* @__PURE__ */ t(
+      "input",
+      {
+        autoFocus: !0,
+        value: e,
+        placeholder: "type to search history…",
+        onChange: (i) => r(i.target.value),
+        onKeyDown: (i) => {
+          i.key === "Enter" ? (i.preventDefault(), o()) : i.key === "Escape" ? (i.preventDefault(), a()) : (i.ctrlKey && i.key.toLowerCase() === "r" || i.key === "ArrowUp") && (i.preventDefault(), s());
+        },
+        className: "w-28 shrink-0 bg-transparent text-foreground outline-none placeholder:text-muted-foreground"
+      }
+    ),
+    /* @__PURE__ */ t("span", { className: "min-w-0 flex-1 truncate text-muted-foreground", children: n ?? "no match" }),
+    /* @__PURE__ */ t(
+      "button",
+      {
+        type: "button",
+        "aria-label": "Close search",
+        onClick: a,
+        className: "inline-flex size-5 shrink-0 items-center justify-center rounded text-muted-foreground hover:text-foreground",
+        children: /* @__PURE__ */ t(u, { className: "size-3.5" })
+      }
+    )
+  ] });
+}
+function T({
+  entries: e,
+  onPick: n,
+  onClose: r
+}) {
+  h(() => {
+    const o = (a) => a.key === "Escape" && r();
+    return window.addEventListener("keydown", o), () => window.removeEventListener("keydown", o);
+  }, [r]);
+  const s = [...e].reverse();
+  return /* @__PURE__ */ t("div", { className: "fixed inset-0 z-[120] flex flex-col justify-end bg-black/40", onClick: r, children: /* @__PURE__ */ l(
+    "div",
+    {
+      className: "max-h-[70vh] rounded-t-2xl border-t border-border bg-card shadow-2xl",
+      onClick: (o) => o.stopPropagation(),
+      children: [
+        /* @__PURE__ */ l("div", { className: "flex items-center justify-between gap-3 border-b border-border px-4 py-3", children: [
+          /* @__PURE__ */ l("span", { className: "flex items-center gap-2 text-sm font-medium text-foreground", children: [
+            /* @__PURE__ */ t(y, { className: "size-4" }),
+            " History"
+          ] }),
+          /* @__PURE__ */ t(
+            "button",
+            {
+              type: "button",
+              "aria-label": "Close",
+              onClick: r,
+              className: "inline-flex size-7 items-center justify-center rounded-md border border-border text-muted-foreground hover:text-foreground",
+              children: /* @__PURE__ */ t(u, { className: "size-4" })
+            }
+          )
+        ] }),
+        s.length === 0 ? /* @__PURE__ */ t("div", { className: "px-4 py-10 text-center text-sm text-muted-foreground", children: "No history yet" }) : /* @__PURE__ */ t(
+          N,
+          {
+            items: s,
+            className: "max-h-[calc(70vh-3.25rem)] p-2",
+            estimateSize: 52,
+            getItemKey: (o, a) => a,
+            renderItem: (o) => /* @__PURE__ */ t("div", { className: "px-1 pb-1.5", children: /* @__PURE__ */ l(
+              "button",
+              {
+                type: "button",
+                onClick: () => n(o),
+                className: "flex w-full items-start gap-2 rounded-lg border border-transparent px-3 py-2 text-left text-sm text-foreground transition-colors hover:border-border hover:bg-accent/50",
+                children: [
+                  /* @__PURE__ */ t(p, { className: "mt-0.5 size-3.5 shrink-0 text-muted-foreground" }),
+                  /* @__PURE__ */ t("span", { className: "line-clamp-2 min-w-0 flex-1", children: o })
+                ]
+              }
+            ) })
+          }
+        )
+      ]
+    }
+  ) });
+}
+function F({
+  countdown: e,
+  onUndo: n
+}) {
+  return /* @__PURE__ */ l(
+    "button",
+    {
+      type: "button",
+      onClick: n,
+      className: "flex w-full items-center justify-center gap-2 rounded-xl border border-primary/40 bg-primary/10 px-3 py-2.5 text-sm text-foreground transition-colors hover:bg-primary/15",
+      children: [
+        /* @__PURE__ */ t(p, { className: "size-4" }),
+        "Sent — tap to un-send",
+        /* @__PURE__ */ l("span", { className: "font-mono tabular-nums text-muted-foreground", children: [
+          e,
+          "s"
+        ] })
+      ]
+    }
+  );
+}
+export {
+  E as AttachmentChips,
+  S as GuidelinesSwitch,
+  T as HistorySheet,
+  H as MentionMenu,
+  K as ReverseSearchBar,
+  L as TagChips,
+  G as TagScrollList,
+  F as UnsendBanner,
+  k as fmtBytes
+};
+//# sourceMappingURL=parts.js.map

package/dist/components/rich-input/parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.js","sources":["../../../src/components/rich-input/parts.tsx"],"sourcesContent":["import { useEffect, type ReactNode } from 'react';\nimport { File as FileIcon, History, ListChecks, Undo2, X } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { VirtualList } from '../virtual-list';\nimport { tagSlug } from './use-mention';\nimport type { GuidelineTag, RichFile } from './types';\n\nexport function fmtBytes(n: number): string {\n  if (!Number.isFinite(n) || n <= 0) return '0 B';\n  const u = ['B', 'KB', 'MB', 'GB'];\n  const i = Math.min(u.length - 1, Math.floor(Math.log(n) / Math.log(1024)));\n  return `${(n / 1024 ** i).toFixed(i === 0 ? 0 : 1)} ${u[i]}`;\n}\n\n/* ── Attachments ─────────────────────────────────────────────────────────── */\nexport function AttachmentChips({\n  files,\n  onRemove,\n}: {\n  files: RichFile[];\n  onRemove: (id: string) => void;\n}) {\n  if (files.length === 0) return null;\n  return (\n    <div className=\"flex flex-wrap gap-1.5 px-1 pb-1.5\">\n      {files.map((f) => {\n        const isImage = f.contentType.startsWith('image/') && f.url;\n        return (\n          <span\n            key={f.id}\n            className=\"group inline-flex max-w-[13rem] items-center gap-1.5 rounded-md border border-input bg-background/60 py-1 pl-1.5 pr-1 text-xs\"\n          >\n            {isImage ? (\n              <img src={f.url} alt=\"\" className=\"size-5 shrink-0 rounded object-cover\" />\n            ) : (\n              <FileIcon className=\"size-3.5 shrink-0 text-muted-foreground\" />\n            )}\n            <span className=\"min-w-0 truncate text-foreground\">{f.name}</span>\n            <span className=\"shrink-0 text-[10px] text-muted-foreground\">{fmtBytes(f.size)}</span>\n            <button\n              type=\"button\"\n              aria-label={`Remove ${f.name}`}\n              onMouseDown={(e) => e.preventDefault()}\n              onClick={() => onRemove(f.id)}\n              className=\"ml-0.5 inline-flex size-4 shrink-0 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\"\n            >\n              <X className=\"size-3\" />\n            </button>\n          </span>\n        );\n      })}\n    </div>\n  );\n}\n\n/* ── A single toggle chip ────────────────────────────────────────────────── */\nfunction TagChip({ tag, on, onToggle }: { tag: GuidelineTag; on: boolean; onToggle: (id: string) => void }) {\n  const label = on ? tag.label : (tag.labelOff ?? tag.label);\n  return (\n    <button\n      type=\"button\"\n      aria-pressed={on}\n      onMouseDown={(e) => e.preventDefault()}\n      onClick={() => onToggle(tag.id)}\n      className={cn(\n        'inline-flex items-center gap-1 rounded-full border px-2.5 py-1 text-xs transition-colors',\n        on\n          ? 'border-primary/40 bg-primary/10 text-foreground'\n          : 'border-input text-muted-foreground hover:text-foreground',\n      )}\n    >\n      {tag.icon}\n      {label}\n    </button>\n  );\n}\n\n/* ── Guideline master on/off switch ──────────────────────────────────────── */\nexport function GuidelinesSwitch({ on, onToggle }: { on: boolean; onToggle: () => void }) {\n  return (\n    <button\n      type=\"button\"\n      aria-pressed={on}\n      onMouseDown={(e) => e.preventDefault()}\n      onClick={onToggle}\n      title={\n        on\n          ? 'Guidelines are appended to the prompt — click to send it as typed'\n          : 'Prompt is sent as typed — click to append the guidelines again'\n      }\n      className={cn(\n        'inline-flex shrink-0 items-center gap-1 rounded-full border px-2 py-1 text-[11px] font-medium transition-colors',\n        on\n          ? 'border-primary/60 bg-primary/10 text-primary hover:bg-primary/20'\n          : 'border-input bg-transparent text-muted-foreground hover:text-foreground',\n      )}\n    >\n      <ListChecks className=\"size-3\" />\n      Guidelines {on ? 'on' : 'off'}\n    </button>\n  );\n}\n\n/* ── Guideline toggle chips (with show-more + optional leading switch) ────── */\nexport function TagChips({\n  tags,\n  selected,\n  onToggle,\n  showMax,\n  expanded,\n  onExpand,\n  leading,\n}: {\n  tags: GuidelineTag[];\n  selected: Set<string>;\n  onToggle: (id: string) => void;\n  showMax?: number;\n  expanded: boolean;\n  onExpand: () => void;\n  /** Rendered as the first item of the row (e.g. the guidelines master switch). */\n  leading?: ReactNode;\n}) {\n  if (tags.length === 0 && !leading) return null;\n  const hidden = showMax != null && !expanded ? Math.max(0, tags.length - showMax) : 0;\n  const shown = hidden > 0 ? tags.slice(0, showMax) : tags;\n  return (\n    <div className=\"flex flex-wrap items-center gap-1.5\">\n      {leading}\n      {shown.map((t) => (\n        <TagChip key={t.id} tag={t} on={selected.has(t.id)} onToggle={onToggle} />\n      ))}\n      {hidden > 0 && (\n        <button\n          type=\"button\"\n          onMouseDown={(e) => e.preventDefault()}\n          onClick={onExpand}\n          className=\"rounded-full border border-dashed border-input px-2.5 py-1 text-xs text-muted-foreground transition-colors hover:text-foreground\"\n        >\n          +{hidden} more\n        </button>\n      )}\n    </div>\n  );\n}\n\n/* ── Scrollable tag list (e.g. project/service locations), capped in height ── */\nconst TAG_ROW_H = 30; // approx chip row height (px) incl. vertical gap\n\nexport function TagScrollList({\n  tags,\n  selected,\n  onToggle,\n  rows = 3,\n}: {\n  tags: GuidelineTag[];\n  selected: Set<string>;\n  onToggle: (id: string) => void;\n  /** Visible height in chip rows before it scrolls. Default 3. */\n  rows?: number;\n}) {\n  if (tags.length === 0) return null;\n  return (\n    <div\n      className=\"overflow-y-auto rounded-lg border border-input/60 bg-background/40 p-1.5\"\n      style={{ maxHeight: rows * TAG_ROW_H }}\n    >\n      <div className=\"flex flex-wrap gap-1.5\">\n        {tags.map((t) => (\n          <TagChip key={t.id} tag={t} on={selected.has(t.id)} onToggle={onToggle} />\n        ))}\n      </div>\n    </div>\n  );\n}\n\n/* ── Mention autocomplete menu ───────────────────────────────────────────── */\nexport function MentionMenu({\n  matches,\n  active,\n  prefix,\n  onHover,\n  onPick,\n}: {\n  matches: GuidelineTag[];\n  active: number;\n  prefix: string;\n  onHover: (i: number) => void;\n  onPick: (tag: GuidelineTag) => void;\n}) {\n  return (\n    <div className=\"mb-1.5 max-h-56 overflow-y-auto rounded-lg border border-border bg-popover p-1 shadow-lg\">\n      {matches.map((t, i) => (\n        <button\n          key={t.id}\n          type=\"button\"\n          onMouseDown={(e) => e.preventDefault()}\n          onMouseEnter={() => onHover(i)}\n          onClick={() => onPick(t)}\n          className={cn(\n            'flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm transition-colors',\n            i === active ? 'bg-accent text-accent-foreground' : 'text-foreground hover:bg-accent/60',\n          )}\n        >\n          {t.icon}\n          <span className=\"font-medium\">\n            {prefix}\n            {tagSlug(t)}\n          </span>\n          {t.description && (\n            <span className=\"ml-auto truncate text-xs text-muted-foreground\">{t.description}</span>\n          )}\n        </button>\n      ))}\n    </div>\n  );\n}\n\n/* ── Reverse (Ctrl+R) search bar ─────────────────────────────────────────── */\nexport function ReverseSearchBar({\n  query,\n  match,\n  onQueryChange,\n  onNext,\n  onAccept,\n  onClose,\n}: {\n  query: string;\n  match: string | null;\n  onQueryChange: (q: string) => void;\n  onNext: () => void;\n  onAccept: () => void;\n  onClose: () => void;\n}) {\n  return (\n    <div className=\"mb-1.5 flex items-center gap-2 rounded-lg border border-border bg-popover px-2.5 py-1.5 text-sm shadow-lg\">\n      <span className=\"shrink-0 font-mono text-xs text-muted-foreground\">(reverse-i-search)</span>\n      <input\n        autoFocus\n        value={query}\n        placeholder=\"type to search history…\"\n        onChange={(e) => onQueryChange(e.target.value)}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter') {\n            e.preventDefault();\n            onAccept();\n          } else if (e.key === 'Escape') {\n            e.preventDefault();\n            onClose();\n          } else if ((e.ctrlKey && e.key.toLowerCase() === 'r') || e.key === 'ArrowUp') {\n            e.preventDefault();\n            onNext();\n          }\n        }}\n        className=\"w-28 shrink-0 bg-transparent text-foreground outline-none placeholder:text-muted-foreground\"\n      />\n      <span className=\"min-w-0 flex-1 truncate text-muted-foreground\">{match ?? 'no match'}</span>\n      <button\n        type=\"button\"\n        aria-label=\"Close search\"\n        onClick={onClose}\n        className=\"inline-flex size-5 shrink-0 items-center justify-center rounded text-muted-foreground hover:text-foreground\"\n      >\n        <X className=\"size-3.5\" />\n      </button>\n    </div>\n  );\n}\n\n/* ── Mobile history sheet ────────────────────────────────────────────────── */\nexport function HistorySheet({\n  entries,\n  onPick,\n  onClose,\n}: {\n  entries: string[];\n  onPick: (value: string) => void;\n  onClose: () => void;\n}) {\n  useEffect(() => {\n    const onKey = (e: KeyboardEvent) => e.key === 'Escape' && onClose();\n    window.addEventListener('keydown', onKey);\n    return () => window.removeEventListener('keydown', onKey);\n  }, [onClose]);\n\n  // Newest first for a history list.\n  const rows = [...entries].reverse();\n  return (\n    <div className=\"fixed inset-0 z-[120] flex flex-col justify-end bg-black/40\" onClick={onClose}>\n      <div\n        className=\"max-h-[70vh] rounded-t-2xl border-t border-border bg-card shadow-2xl\"\n        onClick={(e) => e.stopPropagation()}\n      >\n        <div className=\"flex items-center justify-between gap-3 border-b border-border px-4 py-3\">\n          <span className=\"flex items-center gap-2 text-sm font-medium text-foreground\">\n            <History className=\"size-4\" /> History\n          </span>\n          <button\n            type=\"button\"\n            aria-label=\"Close\"\n            onClick={onClose}\n            className=\"inline-flex size-7 items-center justify-center rounded-md border border-border text-muted-foreground hover:text-foreground\"\n          >\n            <X className=\"size-4\" />\n          </button>\n        </div>\n        {rows.length === 0 ? (\n          <div className=\"px-4 py-10 text-center text-sm text-muted-foreground\">No history yet</div>\n        ) : (\n          <VirtualList\n            items={rows}\n            className=\"max-h-[calc(70vh-3.25rem)] p-2\"\n            estimateSize={52}\n            getItemKey={(_, i) => i}\n            renderItem={(value) => (\n              <div className=\"px-1 pb-1.5\">\n                <button\n                  type=\"button\"\n                  onClick={() => onPick(value)}\n                  className=\"flex w-full items-start gap-2 rounded-lg border border-transparent px-3 py-2 text-left text-sm text-foreground transition-colors hover:border-border hover:bg-accent/50\"\n                >\n                  <Undo2 className=\"mt-0.5 size-3.5 shrink-0 text-muted-foreground\" />\n                  <span className=\"line-clamp-2 min-w-0 flex-1\">{value}</span>\n                </button>\n              </div>\n            )}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\n/* ── Un-send banner ──────────────────────────────────────────────────────── */\nexport function UnsendBanner({\n  countdown,\n  onUndo,\n}: {\n  countdown: number;\n  onUndo: () => void;\n}) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onUndo}\n      className=\"flex w-full items-center justify-center gap-2 rounded-xl border border-primary/40 bg-primary/10 px-3 py-2.5 text-sm text-foreground transition-colors hover:bg-primary/15\"\n    >\n      <Undo2 className=\"size-4\" />\n      Sent — tap to un-send\n      <span className=\"font-mono tabular-nums text-muted-foreground\">{countdown}s</span>\n    </button>\n  );\n}\n"],"names":["fmtBytes","n","u","i","AttachmentChips","files","onRemove","f","isImage","jsxs","jsx","FileIcon","e","X","TagChip","tag","on","onToggle","label","cn","GuidelinesSwitch","ListChecks","TagChips","tags","selected","showMax","expanded","onExpand","leading","hidden","shown","t","TAG_ROW_H","TagScrollList","rows","MentionMenu","matches","active","prefix","onHover","onPick","tagSlug","ReverseSearchBar","query","match","onQueryChange","onNext","onAccept","onClose","HistorySheet","entries","useEffect","onKey","History","VirtualList","_","value","Undo2","UnsendBanner","countdown","onUndo"],"mappings":"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"}

package/dist/components/rich-input/rich-input.d.ts

@@ -0,0 +1,64 @@
+import { ReactNode } from 'react';
+import { ComposeInput, GuidelineTag, RichFile, RichInputHandle, RichSendPayload } from './types';
+export interface RichInputProps {
+    /** Initial text (ignored when a cached draft exists). */
+    defaultValue?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+    autoFocus?: boolean;
+    minRows?: number;
+    maxRows?: number;
+    /** Fired once the un-send window elapses (or immediately when it is 0). */
+    onSubmit?: (payload: RichSendPayload) => void | Promise<void>;
+    /** ms to hold a submission so it can be un-sent. 0 disables. Default 3000. */
+    undoWindowMs?: number;
+    /** `'enter'` (default): Enter submits, Shift+Enter newline. `'mod+enter'`: ⌘/Ctrl+Enter submits. */
+    submitKey?: 'enter' | 'mod+enter';
+    /** Persist the draft under this key (localStorage). Also namespaces history. */
+    cacheKey?: string;
+    cacheLocation?: 'local' | 'session';
+    /** Upload handler. Omit to keep files client-side (object URLs). */
+    uploadFiles?: (files: File[]) => Promise<RichFile[]>;
+    accept?: string;
+    maxFiles?: number;
+    fileFilter?: (file: File) => boolean | string;
+    /**
+     * Attach files dropped anywhere on the composer. On by default whenever file
+     * support is (i.e. one of `uploadFiles` / `accept` / `maxFiles` is set); the
+     * drops go through the same `accept` / `maxFiles` / `fileFilter` checks as the
+     * paperclip. Dragged text still drops into the textarea as usual.
+     */
+    fileDrop?: boolean;
+    /** Expand dropped folders into their files (Chromium/WebKit). Default true. */
+    dropDirectories?: boolean;
+    /** Guideline / mention tags. */
+    tags?: GuidelineTag[];
+    onTagsChange?: (active: GuidelineTag[]) => void;
+    /** Show the guideline toggle chip row. Defaults to true when toggle tags exist. */
+    guidelines?: boolean;
+    /**
+     * Render a built-in on/off master switch for the guideline chips. When off,
+     * the guideline lines are dropped from the composed prompt and the guideline
+     * chip row is hidden; `group: 'tag'` chips are unaffected. Default false.
+     */
+    guidelinesToggle?: boolean;
+    /** Initial state of the guidelines master switch. Default true. */
+    defaultGuidelinesOn?: boolean;
+    /** Notified when the guidelines master switch flips. */
+    onGuidelinesToggle?: (on: boolean) => void;
+    /** Height (in chip rows) of the scrollable `group: 'tag'` list. Default 3. */
+    tagListRows?: number;
+    /** Chips shown before a "+N more" button. */
+    showMax?: number;
+    /** Mention trigger symbol. Default `#`. */
+    mentionPrefix?: string;
+    /** Enable Up-arrow / Ctrl+R history + the mobile history sheet. Default true. */
+    history?: boolean;
+    /** Override how the final prompt string is composed. */
+    composePrompt?: (input: ComposeInput) => string;
+    /** Extra buttons rendered in the toolbar's left cluster. */
+    toolbarExtra?: ReactNode;
+}
+export declare const RichInput: import('react').ForwardRefExoticComponent<RichInputProps & import('react').RefAttributes<RichInputHandle>>;
+//# sourceMappingURL=rich-input.d.ts.map

package/dist/components/rich-input/rich-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-input.d.ts","sourceRoot":"","sources":["../../../src/components/rich-input/rich-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAqBf,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAItG,MAAM,WAAW,cAAc;IAC7B,yDAAyD;IACzD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9D,8EAA8E;IAC9E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oGAAoG;IACpG,SAAS,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IAElC,gFAAgF;IAChF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAEpC,oEAAoE;IACpE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,GAAG,MAAM,CAAC;IAC9C;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+EAA+E;IAC/E,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,gCAAgC;IAChC,IAAI,CAAC,EAAE,YAAY,EAAE,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IAChD,mFAAmF;IACnF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,mEAAmE;IACnE,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,wDAAwD;IACxD,kBAAkB,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,8EAA8E;IAC9E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,iFAAiF;IACjF,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,wDAAwD;IACxD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,MAAM,CAAC;IAEhD,4DAA4D;IAC5D,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED,eAAO,MAAM,SAAS,4GA+cpB,CAAC"}