@flanksource/clicky-ui 0.3.21 → 0.3.23

package/dist/data/callout-tones.d.ts

@@ -0,0 +1,32 @@
+/** The five GitHub alert tones — the same set `> [!NOTE]` markdown produces. */
+export declare const CALLOUT_TONES: readonly ["note", "tip", "important", "warning", "caution"];
+/** The tones plus the untinted aside. */
+export declare const CALLOUT_VARIANTS: readonly ["note", "tip", "important", "warning", "caution", "default"];
+export type CalloutTone = (typeof CALLOUT_TONES)[number];
+export type CalloutVariant = (typeof CALLOUT_VARIANTS)[number];
+export interface CalloutVariantStyle {
+    accent: string;
+    emphasis: string;
+    subtle: string;
+    badge: string;
+    label: string;
+    source: string;
+    icon: string;
+    title: string;
+    content: string;
+}
+/** Header-row text matching what the markdown plugin writes for each tone. */
+export declare const CALLOUT_VARIANT_LABELS: Record<CalloutVariant, string>;
+/**
+ * The tone table, for other renderers that need to speak the same visual
+ * language. `ClickyAdmonition` maps its severity vocabulary onto this rather
+ * than carrying a second table.
+ */
+export declare function calloutVariantStyles(variant: CalloutVariant): CalloutVariantStyle;
+/**
+ * A misspelled tone would otherwise fall through to the untinted default and
+ * quietly downgrade a blocking gap into a grey aside. Callouts are authored in
+ * committed source, so a typo is a defect to surface, not to absorb.
+ */
+export declare function assertCalloutValue<T extends string>(allowed: readonly T[], value: string, attribute: string): T;
+//# sourceMappingURL=callout-tones.d.ts.map

package/dist/data/callout-tones.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"callout-tones.d.ts","sourceRoot":"","sources":["../../src/data/callout-tones.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,eAAO,MAAM,aAAa,6DAA8D,CAAC;AAEzF,yCAAyC;AACzC,eAAO,MAAM,gBAAgB,wEAAyC,CAAC;AAEvE,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AACzD,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE/D,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB;AAkFD,8EAA8E;AAC9E,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAOjE,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,cAAc,GAAG,mBAAmB,CAEjF;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,MAAM,EACjD,OAAO,EAAE,SAAS,CAAC,EAAE,EACrB,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,MAAM,GAChB,CAAC,CAKH"}

package/dist/data/callout-tones.js

@@ -0,0 +1,95 @@
+const CALLOUT_TONES = ["note", "tip", "important", "warning", "caution"];
+const CALLOUT_VARIANTS = [...CALLOUT_TONES, "default"];
+const VARIANT_STYLES = {
+  note: {
+    accent: "border-l-[3px] border-l-blue-500 bg-blue-500/5 rounded-r",
+    emphasis: "border-2 border-blue-500 bg-blue-500/10 rounded",
+    subtle: "border-blue-500/30 bg-blue-500/5",
+    badge: "bg-blue-600 text-white",
+    label: "text-blue-700 dark:text-blue-300",
+    source: "text-blue-600/70 dark:text-blue-300/70",
+    icon: "text-blue-600 dark:text-blue-400",
+    title: "text-blue-900 dark:text-blue-100",
+    content: "text-blue-950/90 dark:text-blue-100/90"
+  },
+  tip: {
+    accent: "border-l-[3px] border-l-emerald-500 bg-emerald-500/5 rounded-r",
+    emphasis: "border-2 border-emerald-500 bg-emerald-500/10 rounded",
+    subtle: "border-emerald-500/30 bg-emerald-500/5",
+    badge: "bg-emerald-600 text-white",
+    label: "text-emerald-700 dark:text-emerald-300",
+    source: "text-emerald-600/70 dark:text-emerald-300/70",
+    icon: "text-emerald-600 dark:text-emerald-400",
+    title: "text-emerald-900 dark:text-emerald-100",
+    content: "text-emerald-950/90 dark:text-emerald-100/90"
+  },
+  important: {
+    accent: "border-l-[3px] border-l-purple-500 bg-purple-500/5 rounded-r",
+    emphasis: "border-2 border-purple-500 bg-purple-500/10 rounded",
+    subtle: "border-purple-500/30 bg-purple-500/5",
+    badge: "bg-purple-600 text-white",
+    label: "text-purple-700 dark:text-purple-300",
+    source: "text-purple-600/70 dark:text-purple-300/70",
+    icon: "text-purple-600 dark:text-purple-400",
+    title: "text-purple-900 dark:text-purple-100",
+    content: "text-purple-950/90 dark:text-purple-100/90"
+  },
+  warning: {
+    accent: "border-l-[3px] border-l-amber-500 bg-amber-500/10 rounded-r",
+    emphasis: "border-2 border-amber-500 bg-amber-500/15 rounded",
+    subtle: "border-amber-500/40 bg-amber-500/10",
+    badge: "bg-amber-600 text-white",
+    label: "text-amber-700 dark:text-amber-300",
+    source: "text-amber-600/70 dark:text-amber-300/70",
+    icon: "text-amber-600 dark:text-amber-400",
+    title: "text-amber-900 dark:text-amber-100",
+    content: "text-amber-950/90 dark:text-amber-100/90"
+  },
+  caution: {
+    accent: "border-l-[3px] border-l-red-500 bg-red-500/5 rounded-r",
+    emphasis: "border-2 border-red-500 bg-red-500/10 rounded",
+    subtle: "border-red-500/40 bg-red-500/10",
+    badge: "bg-red-600 text-white",
+    label: "text-red-700 dark:text-red-300",
+    source: "text-red-600/70 dark:text-red-300/70",
+    icon: "text-red-600 dark:text-red-400",
+    title: "text-red-900 dark:text-red-100",
+    content: "text-red-950/90 dark:text-red-100/90"
+  },
+  default: {
+    accent: "border-l-[3px] border-l-border bg-muted/30 rounded-r",
+    emphasis: "border-2 border-border bg-muted/50 rounded",
+    subtle: "border-border bg-muted/30",
+    badge: "bg-foreground text-background",
+    label: "text-foreground",
+    source: "text-muted-foreground",
+    icon: "text-muted-foreground",
+    title: "text-foreground",
+    content: "text-muted-foreground"
+  }
+};
+const CALLOUT_VARIANT_LABELS = {
+  note: "Note",
+  tip: "Tip",
+  important: "Important",
+  warning: "Warning",
+  caution: "Caution",
+  default: ""
+};
+function calloutVariantStyles(variant) {
+  return VARIANT_STYLES[variant];
+}
+function assertCalloutValue(allowed, value, attribute) {
+  if (!allowed.includes(value)) {
+    throw new Error(`Unknown Callout ${attribute} "${value}" — expected one of: ${allowed.join(", ")}`);
+  }
+  return value;
+}
+export {
+  CALLOUT_TONES,
+  CALLOUT_VARIANTS,
+  CALLOUT_VARIANT_LABELS,
+  assertCalloutValue,
+  calloutVariantStyles
+};
+//# sourceMappingURL=callout-tones.js.map

package/dist/data/callout-tones.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"callout-tones.js","sources":["../../src/data/callout-tones.ts"],"sourcesContent":["/** The five GitHub alert tones — the same set `> [!NOTE]` markdown produces. */\nexport const CALLOUT_TONES = [\"note\", \"tip\", \"important\", \"warning\", \"caution\"] as const;\n\n/** The tones plus the untinted aside. */\nexport const CALLOUT_VARIANTS = [...CALLOUT_TONES, \"default\"] as const;\n\nexport type CalloutTone = (typeof CALLOUT_TONES)[number];\nexport type CalloutVariant = (typeof CALLOUT_VARIANTS)[number];\n\nexport interface CalloutVariantStyle {\n  accent: string;\n  emphasis: string;\n  subtle: string;\n  badge: string;\n  label: string;\n  source: string;\n  icon: string;\n  title: string;\n  content: string;\n}\n\n/**\n * Tone styles.\n *\n * Every class is a literal string. Tailwind scans source text for class names,\n * so a built name like `bg-${tone}-50` is never generated and the callout\n * renders untinted while claiming a tone.\n *\n * `accent`, `emphasis` and `subtle` are alternatives, not layers: the left rule\n * is the default treatment, a full 2px border replaces it for blocking\n * callouts, and `subtle` is the hairline card other renderers draw.\n */\nconst VARIANT_STYLES: Record<CalloutVariant, CalloutVariantStyle> = {\n  note: {\n    accent: \"border-l-[3px] border-l-blue-500 bg-blue-500/5 rounded-r\",\n    emphasis: \"border-2 border-blue-500 bg-blue-500/10 rounded\",\n    subtle: \"border-blue-500/30 bg-blue-500/5\",\n    badge: \"bg-blue-600 text-white\",\n    label: \"text-blue-700 dark:text-blue-300\",\n    source: \"text-blue-600/70 dark:text-blue-300/70\",\n    icon: \"text-blue-600 dark:text-blue-400\",\n    title: \"text-blue-900 dark:text-blue-100\",\n    content: \"text-blue-950/90 dark:text-blue-100/90\",\n  },\n  tip: {\n    accent: \"border-l-[3px] border-l-emerald-500 bg-emerald-500/5 rounded-r\",\n    emphasis: \"border-2 border-emerald-500 bg-emerald-500/10 rounded\",\n    subtle: \"border-emerald-500/30 bg-emerald-500/5\",\n    badge: \"bg-emerald-600 text-white\",\n    label: \"text-emerald-700 dark:text-emerald-300\",\n    source: \"text-emerald-600/70 dark:text-emerald-300/70\",\n    icon: \"text-emerald-600 dark:text-emerald-400\",\n    title: \"text-emerald-900 dark:text-emerald-100\",\n    content: \"text-emerald-950/90 dark:text-emerald-100/90\",\n  },\n  important: {\n    accent: \"border-l-[3px] border-l-purple-500 bg-purple-500/5 rounded-r\",\n    emphasis: \"border-2 border-purple-500 bg-purple-500/10 rounded\",\n    subtle: \"border-purple-500/30 bg-purple-500/5\",\n    badge: \"bg-purple-600 text-white\",\n    label: \"text-purple-700 dark:text-purple-300\",\n    source: \"text-purple-600/70 dark:text-purple-300/70\",\n    icon: \"text-purple-600 dark:text-purple-400\",\n    title: \"text-purple-900 dark:text-purple-100\",\n    content: \"text-purple-950/90 dark:text-purple-100/90\",\n  },\n  warning: {\n    accent: \"border-l-[3px] border-l-amber-500 bg-amber-500/10 rounded-r\",\n    emphasis: \"border-2 border-amber-500 bg-amber-500/15 rounded\",\n    subtle: \"border-amber-500/40 bg-amber-500/10\",\n    badge: \"bg-amber-600 text-white\",\n    label: \"text-amber-700 dark:text-amber-300\",\n    source: \"text-amber-600/70 dark:text-amber-300/70\",\n    icon: \"text-amber-600 dark:text-amber-400\",\n    title: \"text-amber-900 dark:text-amber-100\",\n    content: \"text-amber-950/90 dark:text-amber-100/90\",\n  },\n  caution: {\n    accent: \"border-l-[3px] border-l-red-500 bg-red-500/5 rounded-r\",\n    emphasis: \"border-2 border-red-500 bg-red-500/10 rounded\",\n    subtle: \"border-red-500/40 bg-red-500/10\",\n    badge: \"bg-red-600 text-white\",\n    label: \"text-red-700 dark:text-red-300\",\n    source: \"text-red-600/70 dark:text-red-300/70\",\n    icon: \"text-red-600 dark:text-red-400\",\n    title: \"text-red-900 dark:text-red-100\",\n    content: \"text-red-950/90 dark:text-red-100/90\",\n  },\n  default: {\n    accent: \"border-l-[3px] border-l-border bg-muted/30 rounded-r\",\n    emphasis: \"border-2 border-border bg-muted/50 rounded\",\n    subtle: \"border-border bg-muted/30\",\n    badge: \"bg-foreground text-background\",\n    label: \"text-foreground\",\n    source: \"text-muted-foreground\",\n    icon: \"text-muted-foreground\",\n    title: \"text-foreground\",\n    content: \"text-muted-foreground\",\n  },\n};\n\n/** Header-row text matching what the markdown plugin writes for each tone. */\nexport const CALLOUT_VARIANT_LABELS: Record<CalloutVariant, string> = {\n  note: \"Note\",\n  tip: \"Tip\",\n  important: \"Important\",\n  warning: \"Warning\",\n  caution: \"Caution\",\n  default: \"\",\n};\n\n/**\n * The tone table, for other renderers that need to speak the same visual\n * language. `ClickyAdmonition` maps its severity vocabulary onto this rather\n * than carrying a second table.\n */\nexport function calloutVariantStyles(variant: CalloutVariant): CalloutVariantStyle {\n  return VARIANT_STYLES[variant];\n}\n\n/**\n * A misspelled tone would otherwise fall through to the untinted default and\n * quietly downgrade a blocking gap into a grey aside. Callouts are authored in\n * committed source, so a typo is a defect to surface, not to absorb.\n */\nexport function assertCalloutValue<T extends string>(\n  allowed: readonly T[],\n  value: string,\n  attribute: string,\n): T {\n  if (!(allowed as readonly string[]).includes(value)) {\n    throw new Error(`Unknown Callout ${attribute} \"${value}\" — expected one of: ${allowed.join(\", \")}`);\n  }\n  return value as T;\n}\n"],"names":[],"mappings":"AACO,MAAM,gBAAgB,CAAC,QAAQ,OAAO,aAAa,WAAW,SAAS;AAGvE,MAAM,mBAAmB,CAAC,GAAG,eAAe,SAAS;AA4B5D,MAAM,iBAA8D;AAAA,EAClE,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,EAAA;AAAA,EAEX,KAAK;AAAA,IACH,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,EAAA;AAAA,EAEX,WAAW;AAAA,IACT,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,EAAA;AAAA,EAEX,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,EAAA;AAAA,EAEX,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,EAAA;AAAA,EAEX,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,EAAA;AAEb;AAGO,MAAM,yBAAyD;AAAA,EACpE,MAAM;AAAA,EACN,KAAK;AAAA,EACL,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX;AAOO,SAAS,qBAAqB,SAA8C;AACjF,SAAO,eAAe,OAAO;AAC/B;AAOO,SAAS,mBACd,SACA,OACA,WACG;AACH,MAAI,CAAE,QAA8B,SAAS,KAAK,GAAG;AACnD,UAAM,IAAI,MAAM,mBAAmB,SAAS,KAAK,KAAK,wBAAwB,QAAQ,KAAK,IAAI,CAAC,EAAE;AAAA,EACpG;AACA,SAAO;AACT;"}

package/dist/data/chat/PromptInput.cjs

@@ -76,7 +76,7 @@ function PromptInput({
               placeholder,
               disabled,
               rows: 1,
-              className: "max-h-48 min-h-9 flex-1 resize-none bg-transparent px-1 py-1.5 text-sm outline-none placeholder:text-muted-foreground"
+              className: "max-h-48 min-h-9 flex-1 resize-none bg-transparent px-1 py-1.5 text-sm outline-none placeholder:text-placeholder"
             }
           ),
           inputAccessory,

package/dist/data/chat/PromptInput.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PromptInput.cjs","sources":["../../../src/data/chat/PromptInput.tsx"],"sourcesContent":["import {\n  useState,\n  type FormEvent,\n  type KeyboardEvent,\n  type ReactNode,\n} from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../../components/button\";\nimport { Icon } from \"../Icon\";\nimport { UiArrowUp, UiStop } from \"../../icons\";\nimport {\n  AttachmentButton,\n  AttachmentList,\n} from \"./Attachment\";\nimport type {\n  AttachmentLimits,\n  AttachmentUploadAdapter,\n} from \"./attachment-upload\";\nimport type { ChatStatus, FileUIPart } from \"./types\";\n\nexport type PromptInputProps = {\n  /** Called with the trimmed text and any attachments when the user submits. */\n  onSubmit: (text: string, files: FileUIPart[]) => void;\n  /** Called when the user stops an in-flight generation. */\n  onStop?: (() => void) | undefined;\n  /** Current chat status; drives the submit/stop button affordance. */\n  status?: ChatStatus | undefined;\n  allowSubmitWhileStreaming?: boolean | undefined;\n  disabled?: boolean | undefined;\n  stopLabel?: string | undefined;\n  placeholder?: string | undefined;\n  /** Enables the attachment button and chips. */\n  enableAttachments?: boolean | undefined;\n  attachmentUpload?: AttachmentUploadAdapter | undefined;\n  acceptedMediaTypes?: string[] | undefined;\n  attachmentLimits?: AttachmentLimits | undefined;\n  /** Toolbar content (e.g. model/effort selectors) rendered in the footer. */\n  toolbar?: ReactNode;\n  /** Compact host control rendered beside the textarea and submit button. */\n  inputAccessory?: ReactNode;\n  className?: string | undefined;\n};\n\n/** Auto-growing prompt textarea with a submit/stop button, optional attachment\n *  controls, and a toolbar slot (model/effort selectors). Enter submits;\n *  Shift+Enter inserts a newline; while streaming the button becomes a stop\n *  control. */\nexport function PromptInput({\n  onSubmit,\n  onStop,\n  status,\n  allowSubmitWhileStreaming = false,\n  disabled = false,\n  stopLabel = \"Stop\",\n  placeholder = \"What would you like to know?\",\n  enableAttachments = false,\n  attachmentUpload,\n  acceptedMediaTypes,\n  attachmentLimits,\n  toolbar,\n  inputAccessory,\n  className,\n}: PromptInputProps) {\n  const [value, setValue] = useState(\"\");\n  const [files, setFiles] = useState<FileUIPart[]>([]);\n  const [attachmentError, setAttachmentError] = useState(\"\");\n  const isGenerating = status === \"submitted\" || status === \"streaming\";\n\n  const submit = () => {\n    const text = value.trim();\n    if (\n      (!text && files.length === 0) ||\n      disabled ||\n      (isGenerating && !allowSubmitWhileStreaming)\n    )\n      return;\n    onSubmit(text, files);\n    setValue(\"\");\n    setFiles([]);\n  };\n\n  const handleSubmit = (e: FormEvent) => {\n    e.preventDefault();\n    submit();\n  };\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n    if (e.key === \"Enter\" && !e.shiftKey && !e.nativeEvent.isComposing) {\n      e.preventDefault();\n      submit();\n    }\n  };\n\n  const canSubmit =\n    !disabled &&\n    (!isGenerating || allowSubmitWhileStreaming) &&\n    (value.trim().length > 0 || files.length > 0);\n\n  return (\n    <form\n      onSubmit={handleSubmit}\n      className={cn(\n        \"flex flex-col gap-2 rounded-lg border border-input bg-background p-2\",\n        className,\n      )}\n    >\n      {enableAttachments && (\n        <>\n          <AttachmentList\n            files={files}\n            onRemove={(i) => setFiles((f) => f.filter((_, j) => j !== i))}\n          />\n          {attachmentError && (\n            <p className=\"px-1 text-xs text-destructive\">{attachmentError}</p>\n          )}\n        </>\n      )}\n\n      <div className=\"flex items-end gap-2\">\n        <textarea\n          value={value}\n          onChange={(e) => setValue(e.target.value)}\n          onKeyDown={handleKeyDown}\n          placeholder={placeholder}\n          disabled={disabled}\n          rows={1}\n          className=\"max-h-48 min-h-9 flex-1 resize-none bg-transparent px-1 py-1.5 text-sm outline-none placeholder:text-muted-foreground\"\n        />\n        {inputAccessory}\n        {isGenerating && onStop && (\n          <Button\n            type=\"button\"\n            size=\"icon\"\n            variant=\"secondary\"\n            aria-label={stopLabel}\n            onClick={onStop}\n          >\n            <Icon icon={UiStop} className=\"size-4\" />\n          </Button>\n        )}\n        {(!isGenerating || allowSubmitWhileStreaming) && (\n          <Button\n            type=\"submit\"\n            size=\"icon\"\n            aria-label=\"Send\"\n            disabled={!canSubmit}\n          >\n            <Icon icon={UiArrowUp} className=\"size-4\" />\n          </Button>\n        )}\n      </div>\n\n      {(toolbar || enableAttachments) && (\n        <div className=\"flex items-center gap-2\">\n          {enableAttachments && (\n            <AttachmentButton\n              onAdd={(p) => setFiles((f) => [...f, ...p])}\n              disabled={disabled || isGenerating}\n              files={files}\n              onError={setAttachmentError}\n              {...(attachmentUpload ? { upload: attachmentUpload } : {})}\n              {...(acceptedMediaTypes ? { acceptedMediaTypes } : {})}\n              {...(attachmentLimits ? { limits: attachmentLimits } : {})}\n            />\n          )}\n          {toolbar}\n        </div>\n      )}\n    </form>\n  );\n}\n"],"names":["useState","jsxs","cn","Fragment","jsx","AttachmentList","Button","Icon","UiStop","UiArrowUp","AttachmentButton"],"mappings":"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"}
+{"version":3,"file":"PromptInput.cjs","sources":["../../../src/data/chat/PromptInput.tsx"],"sourcesContent":["import {\n  useState,\n  type FormEvent,\n  type KeyboardEvent,\n  type ReactNode,\n} from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../../components/button\";\nimport { Icon } from \"../Icon\";\nimport { UiArrowUp, UiStop } from \"../../icons\";\nimport {\n  AttachmentButton,\n  AttachmentList,\n} from \"./Attachment\";\nimport type {\n  AttachmentLimits,\n  AttachmentUploadAdapter,\n} from \"./attachment-upload\";\nimport type { ChatStatus, FileUIPart } from \"./types\";\n\nexport type PromptInputProps = {\n  /** Called with the trimmed text and any attachments when the user submits. */\n  onSubmit: (text: string, files: FileUIPart[]) => void;\n  /** Called when the user stops an in-flight generation. */\n  onStop?: (() => void) | undefined;\n  /** Current chat status; drives the submit/stop button affordance. */\n  status?: ChatStatus | undefined;\n  allowSubmitWhileStreaming?: boolean | undefined;\n  disabled?: boolean | undefined;\n  stopLabel?: string | undefined;\n  placeholder?: string | undefined;\n  /** Enables the attachment button and chips. */\n  enableAttachments?: boolean | undefined;\n  attachmentUpload?: AttachmentUploadAdapter | undefined;\n  acceptedMediaTypes?: string[] | undefined;\n  attachmentLimits?: AttachmentLimits | undefined;\n  /** Toolbar content (e.g. model/effort selectors) rendered in the footer. */\n  toolbar?: ReactNode;\n  /** Compact host control rendered beside the textarea and submit button. */\n  inputAccessory?: ReactNode;\n  className?: string | undefined;\n};\n\n/** Auto-growing prompt textarea with a submit/stop button, optional attachment\n *  controls, and a toolbar slot (model/effort selectors). Enter submits;\n *  Shift+Enter inserts a newline; while streaming the button becomes a stop\n *  control. */\nexport function PromptInput({\n  onSubmit,\n  onStop,\n  status,\n  allowSubmitWhileStreaming = false,\n  disabled = false,\n  stopLabel = \"Stop\",\n  placeholder = \"What would you like to know?\",\n  enableAttachments = false,\n  attachmentUpload,\n  acceptedMediaTypes,\n  attachmentLimits,\n  toolbar,\n  inputAccessory,\n  className,\n}: PromptInputProps) {\n  const [value, setValue] = useState(\"\");\n  const [files, setFiles] = useState<FileUIPart[]>([]);\n  const [attachmentError, setAttachmentError] = useState(\"\");\n  const isGenerating = status === \"submitted\" || status === \"streaming\";\n\n  const submit = () => {\n    const text = value.trim();\n    if (\n      (!text && files.length === 0) ||\n      disabled ||\n      (isGenerating && !allowSubmitWhileStreaming)\n    )\n      return;\n    onSubmit(text, files);\n    setValue(\"\");\n    setFiles([]);\n  };\n\n  const handleSubmit = (e: FormEvent) => {\n    e.preventDefault();\n    submit();\n  };\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n    if (e.key === \"Enter\" && !e.shiftKey && !e.nativeEvent.isComposing) {\n      e.preventDefault();\n      submit();\n    }\n  };\n\n  const canSubmit =\n    !disabled &&\n    (!isGenerating || allowSubmitWhileStreaming) &&\n    (value.trim().length > 0 || files.length > 0);\n\n  return (\n    <form\n      onSubmit={handleSubmit}\n      className={cn(\n        \"flex flex-col gap-2 rounded-lg border border-input bg-background p-2\",\n        className,\n      )}\n    >\n      {enableAttachments && (\n        <>\n          <AttachmentList\n            files={files}\n            onRemove={(i) => setFiles((f) => f.filter((_, j) => j !== i))}\n          />\n          {attachmentError && (\n            <p className=\"px-1 text-xs text-destructive\">{attachmentError}</p>\n          )}\n        </>\n      )}\n\n      <div className=\"flex items-end gap-2\">\n        <textarea\n          value={value}\n          onChange={(e) => setValue(e.target.value)}\n          onKeyDown={handleKeyDown}\n          placeholder={placeholder}\n          disabled={disabled}\n          rows={1}\n          className=\"max-h-48 min-h-9 flex-1 resize-none bg-transparent px-1 py-1.5 text-sm outline-none placeholder:text-placeholder\"\n        />\n        {inputAccessory}\n        {isGenerating && onStop && (\n          <Button\n            type=\"button\"\n            size=\"icon\"\n            variant=\"secondary\"\n            aria-label={stopLabel}\n            onClick={onStop}\n          >\n            <Icon icon={UiStop} className=\"size-4\" />\n          </Button>\n        )}\n        {(!isGenerating || allowSubmitWhileStreaming) && (\n          <Button\n            type=\"submit\"\n            size=\"icon\"\n            aria-label=\"Send\"\n            disabled={!canSubmit}\n          >\n            <Icon icon={UiArrowUp} className=\"size-4\" />\n          </Button>\n        )}\n      </div>\n\n      {(toolbar || enableAttachments) && (\n        <div className=\"flex items-center gap-2\">\n          {enableAttachments && (\n            <AttachmentButton\n              onAdd={(p) => setFiles((f) => [...f, ...p])}\n              disabled={disabled || isGenerating}\n              files={files}\n              onError={setAttachmentError}\n              {...(attachmentUpload ? { upload: attachmentUpload } : {})}\n              {...(acceptedMediaTypes ? { acceptedMediaTypes } : {})}\n              {...(attachmentLimits ? { limits: attachmentLimits } : {})}\n            />\n          )}\n          {toolbar}\n        </div>\n      )}\n    </form>\n  );\n}\n"],"names":["useState","jsxs","cn","Fragment","jsx","AttachmentList","Button","Icon","UiStop","UiArrowUp","AttachmentButton"],"mappings":"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"}

package/dist/data/chat/PromptInput.js

@@ -74,7 +74,7 @@ function PromptInput({
               placeholder,
               disabled,
               rows: 1,
-              className: "max-h-48 min-h-9 flex-1 resize-none bg-transparent px-1 py-1.5 text-sm outline-none placeholder:text-muted-foreground"
+              className: "max-h-48 min-h-9 flex-1 resize-none bg-transparent px-1 py-1.5 text-sm outline-none placeholder:text-placeholder"
             }
           ),
           inputAccessory,

package/dist/data/chat/PromptInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"PromptInput.js","sources":["../../../src/data/chat/PromptInput.tsx"],"sourcesContent":["import {\n  useState,\n  type FormEvent,\n  type KeyboardEvent,\n  type ReactNode,\n} from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../../components/button\";\nimport { Icon } from \"../Icon\";\nimport { UiArrowUp, UiStop } from \"../../icons\";\nimport {\n  AttachmentButton,\n  AttachmentList,\n} from \"./Attachment\";\nimport type {\n  AttachmentLimits,\n  AttachmentUploadAdapter,\n} from \"./attachment-upload\";\nimport type { ChatStatus, FileUIPart } from \"./types\";\n\nexport type PromptInputProps = {\n  /** Called with the trimmed text and any attachments when the user submits. */\n  onSubmit: (text: string, files: FileUIPart[]) => void;\n  /** Called when the user stops an in-flight generation. */\n  onStop?: (() => void) | undefined;\n  /** Current chat status; drives the submit/stop button affordance. */\n  status?: ChatStatus | undefined;\n  allowSubmitWhileStreaming?: boolean | undefined;\n  disabled?: boolean | undefined;\n  stopLabel?: string | undefined;\n  placeholder?: string | undefined;\n  /** Enables the attachment button and chips. */\n  enableAttachments?: boolean | undefined;\n  attachmentUpload?: AttachmentUploadAdapter | undefined;\n  acceptedMediaTypes?: string[] | undefined;\n  attachmentLimits?: AttachmentLimits | undefined;\n  /** Toolbar content (e.g. model/effort selectors) rendered in the footer. */\n  toolbar?: ReactNode;\n  /** Compact host control rendered beside the textarea and submit button. */\n  inputAccessory?: ReactNode;\n  className?: string | undefined;\n};\n\n/** Auto-growing prompt textarea with a submit/stop button, optional attachment\n *  controls, and a toolbar slot (model/effort selectors). Enter submits;\n *  Shift+Enter inserts a newline; while streaming the button becomes a stop\n *  control. */\nexport function PromptInput({\n  onSubmit,\n  onStop,\n  status,\n  allowSubmitWhileStreaming = false,\n  disabled = false,\n  stopLabel = \"Stop\",\n  placeholder = \"What would you like to know?\",\n  enableAttachments = false,\n  attachmentUpload,\n  acceptedMediaTypes,\n  attachmentLimits,\n  toolbar,\n  inputAccessory,\n  className,\n}: PromptInputProps) {\n  const [value, setValue] = useState(\"\");\n  const [files, setFiles] = useState<FileUIPart[]>([]);\n  const [attachmentError, setAttachmentError] = useState(\"\");\n  const isGenerating = status === \"submitted\" || status === \"streaming\";\n\n  const submit = () => {\n    const text = value.trim();\n    if (\n      (!text && files.length === 0) ||\n      disabled ||\n      (isGenerating && !allowSubmitWhileStreaming)\n    )\n      return;\n    onSubmit(text, files);\n    setValue(\"\");\n    setFiles([]);\n  };\n\n  const handleSubmit = (e: FormEvent) => {\n    e.preventDefault();\n    submit();\n  };\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n    if (e.key === \"Enter\" && !e.shiftKey && !e.nativeEvent.isComposing) {\n      e.preventDefault();\n      submit();\n    }\n  };\n\n  const canSubmit =\n    !disabled &&\n    (!isGenerating || allowSubmitWhileStreaming) &&\n    (value.trim().length > 0 || files.length > 0);\n\n  return (\n    <form\n      onSubmit={handleSubmit}\n      className={cn(\n        \"flex flex-col gap-2 rounded-lg border border-input bg-background p-2\",\n        className,\n      )}\n    >\n      {enableAttachments && (\n        <>\n          <AttachmentList\n            files={files}\n            onRemove={(i) => setFiles((f) => f.filter((_, j) => j !== i))}\n          />\n          {attachmentError && (\n            <p className=\"px-1 text-xs text-destructive\">{attachmentError}</p>\n          )}\n        </>\n      )}\n\n      <div className=\"flex items-end gap-2\">\n        <textarea\n          value={value}\n          onChange={(e) => setValue(e.target.value)}\n          onKeyDown={handleKeyDown}\n          placeholder={placeholder}\n          disabled={disabled}\n          rows={1}\n          className=\"max-h-48 min-h-9 flex-1 resize-none bg-transparent px-1 py-1.5 text-sm outline-none placeholder:text-muted-foreground\"\n        />\n        {inputAccessory}\n        {isGenerating && onStop && (\n          <Button\n            type=\"button\"\n            size=\"icon\"\n            variant=\"secondary\"\n            aria-label={stopLabel}\n            onClick={onStop}\n          >\n            <Icon icon={UiStop} className=\"size-4\" />\n          </Button>\n        )}\n        {(!isGenerating || allowSubmitWhileStreaming) && (\n          <Button\n            type=\"submit\"\n            size=\"icon\"\n            aria-label=\"Send\"\n            disabled={!canSubmit}\n          >\n            <Icon icon={UiArrowUp} className=\"size-4\" />\n          </Button>\n        )}\n      </div>\n\n      {(toolbar || enableAttachments) && (\n        <div className=\"flex items-center gap-2\">\n          {enableAttachments && (\n            <AttachmentButton\n              onAdd={(p) => setFiles((f) => [...f, ...p])}\n              disabled={disabled || isGenerating}\n              files={files}\n              onError={setAttachmentError}\n              {...(attachmentUpload ? { upload: attachmentUpload } : {})}\n              {...(acceptedMediaTypes ? { acceptedMediaTypes } : {})}\n              {...(attachmentLimits ? { limits: attachmentLimits } : {})}\n            />\n          )}\n          {toolbar}\n        </div>\n      )}\n    </form>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"PromptInput.js","sources":["../../../src/data/chat/PromptInput.tsx"],"sourcesContent":["import {\n  useState,\n  type FormEvent,\n  type KeyboardEvent,\n  type ReactNode,\n} from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../../components/button\";\nimport { Icon } from \"../Icon\";\nimport { UiArrowUp, UiStop } from \"../../icons\";\nimport {\n  AttachmentButton,\n  AttachmentList,\n} from \"./Attachment\";\nimport type {\n  AttachmentLimits,\n  AttachmentUploadAdapter,\n} from \"./attachment-upload\";\nimport type { ChatStatus, FileUIPart } from \"./types\";\n\nexport type PromptInputProps = {\n  /** Called with the trimmed text and any attachments when the user submits. */\n  onSubmit: (text: string, files: FileUIPart[]) => void;\n  /** Called when the user stops an in-flight generation. */\n  onStop?: (() => void) | undefined;\n  /** Current chat status; drives the submit/stop button affordance. */\n  status?: ChatStatus | undefined;\n  allowSubmitWhileStreaming?: boolean | undefined;\n  disabled?: boolean | undefined;\n  stopLabel?: string | undefined;\n  placeholder?: string | undefined;\n  /** Enables the attachment button and chips. */\n  enableAttachments?: boolean | undefined;\n  attachmentUpload?: AttachmentUploadAdapter | undefined;\n  acceptedMediaTypes?: string[] | undefined;\n  attachmentLimits?: AttachmentLimits | undefined;\n  /** Toolbar content (e.g. model/effort selectors) rendered in the footer. */\n  toolbar?: ReactNode;\n  /** Compact host control rendered beside the textarea and submit button. */\n  inputAccessory?: ReactNode;\n  className?: string | undefined;\n};\n\n/** Auto-growing prompt textarea with a submit/stop button, optional attachment\n *  controls, and a toolbar slot (model/effort selectors). Enter submits;\n *  Shift+Enter inserts a newline; while streaming the button becomes a stop\n *  control. */\nexport function PromptInput({\n  onSubmit,\n  onStop,\n  status,\n  allowSubmitWhileStreaming = false,\n  disabled = false,\n  stopLabel = \"Stop\",\n  placeholder = \"What would you like to know?\",\n  enableAttachments = false,\n  attachmentUpload,\n  acceptedMediaTypes,\n  attachmentLimits,\n  toolbar,\n  inputAccessory,\n  className,\n}: PromptInputProps) {\n  const [value, setValue] = useState(\"\");\n  const [files, setFiles] = useState<FileUIPart[]>([]);\n  const [attachmentError, setAttachmentError] = useState(\"\");\n  const isGenerating = status === \"submitted\" || status === \"streaming\";\n\n  const submit = () => {\n    const text = value.trim();\n    if (\n      (!text && files.length === 0) ||\n      disabled ||\n      (isGenerating && !allowSubmitWhileStreaming)\n    )\n      return;\n    onSubmit(text, files);\n    setValue(\"\");\n    setFiles([]);\n  };\n\n  const handleSubmit = (e: FormEvent) => {\n    e.preventDefault();\n    submit();\n  };\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n    if (e.key === \"Enter\" && !e.shiftKey && !e.nativeEvent.isComposing) {\n      e.preventDefault();\n      submit();\n    }\n  };\n\n  const canSubmit =\n    !disabled &&\n    (!isGenerating || allowSubmitWhileStreaming) &&\n    (value.trim().length > 0 || files.length > 0);\n\n  return (\n    <form\n      onSubmit={handleSubmit}\n      className={cn(\n        \"flex flex-col gap-2 rounded-lg border border-input bg-background p-2\",\n        className,\n      )}\n    >\n      {enableAttachments && (\n        <>\n          <AttachmentList\n            files={files}\n            onRemove={(i) => setFiles((f) => f.filter((_, j) => j !== i))}\n          />\n          {attachmentError && (\n            <p className=\"px-1 text-xs text-destructive\">{attachmentError}</p>\n          )}\n        </>\n      )}\n\n      <div className=\"flex items-end gap-2\">\n        <textarea\n          value={value}\n          onChange={(e) => setValue(e.target.value)}\n          onKeyDown={handleKeyDown}\n          placeholder={placeholder}\n          disabled={disabled}\n          rows={1}\n          className=\"max-h-48 min-h-9 flex-1 resize-none bg-transparent px-1 py-1.5 text-sm outline-none placeholder:text-placeholder\"\n        />\n        {inputAccessory}\n        {isGenerating && onStop && (\n          <Button\n            type=\"button\"\n            size=\"icon\"\n            variant=\"secondary\"\n            aria-label={stopLabel}\n            onClick={onStop}\n          >\n            <Icon icon={UiStop} className=\"size-4\" />\n          </Button>\n        )}\n        {(!isGenerating || allowSubmitWhileStreaming) && (\n          <Button\n            type=\"submit\"\n            size=\"icon\"\n            aria-label=\"Send\"\n            disabled={!canSubmit}\n          >\n            <Icon icon={UiArrowUp} className=\"size-4\" />\n          </Button>\n        )}\n      </div>\n\n      {(toolbar || enableAttachments) && (\n        <div className=\"flex items-center gap-2\">\n          {enableAttachments && (\n            <AttachmentButton\n              onAdd={(p) => setFiles((f) => [...f, ...p])}\n              disabled={disabled || isGenerating}\n              files={files}\n              onError={setAttachmentError}\n              {...(attachmentUpload ? { upload: attachmentUpload } : {})}\n              {...(acceptedMediaTypes ? { acceptedMediaTypes } : {})}\n              {...(attachmentLimits ? { limits: attachmentLimits } : {})}\n            />\n          )}\n          {toolbar}\n        </div>\n      )}\n    </form>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/data/clicky-export/ClickyExportDialog.cjs

@@ -0,0 +1,145 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const button = require("../../components/button.cjs");
+const Modal = require("../../overlay/Modal.cjs");
+const Icon = require("../Icon.cjs");
+const utils = require("../../lib/utils.cjs");
+function ClickyExportDialog({
+  open,
+  onClose,
+  title = "Export",
+  formats,
+  scopes,
+  onDownload
+}) {
+  var _a, _b, _c;
+  const [format, setFormat] = react.useState((_a = formats[0]) == null ? void 0 : _a.format);
+  const [scope, setScope] = react.useState((_b = scopes[0]) == null ? void 0 : _b.scope);
+  const [pending, setPending] = react.useState(false);
+  const [error, setError] = react.useState("");
+  react.useEffect(() => {
+    if (open) setError("");
+  }, [open]);
+  const activeScope = scopes.find((option) => option.scope === scope);
+  const download = async () => {
+    if (!format) return;
+    setPending(true);
+    setError("");
+    try {
+      await onDownload({ format, scope });
+      onClose();
+    } catch (cause) {
+      setError(cause instanceof Error ? cause.message : "The export failed");
+    } finally {
+      setPending(false);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Modal.Modal,
+    {
+      open,
+      onClose,
+      title,
+      size: "lg",
+      closeOnEsc: true,
+      footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "outline", onClick: onClose, disabled: pending, children: "Cancel" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          button.Button,
+          {
+            onClick: () => void download(),
+            loading: pending,
+            disabled: !format,
+            children: "Download"
+          }
+        )
+      ] }),
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+        error && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            role: "alert",
+            className: "rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive",
+            children: error
+          }
+        ),
+        scopes.length > 1 ? /* @__PURE__ */ jsxRuntime.jsxs("fieldset", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("legend", { className: "mb-1.5 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: "Rows" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: scopes.map((option) => /* @__PURE__ */ jsxRuntime.jsxs(
+            "label",
+            {
+              className: utils.cn(
+                "cursor-pointer rounded-md border px-3 py-1.5 text-sm transition-colors",
+                option.scope === scope ? "border-foreground/20 bg-accent text-accent-foreground" : "border-input hover:bg-accent hover:text-accent-foreground"
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    type: "radio",
+                    name: "clicky-export-scope",
+                    "aria-label": option.label,
+                    className: "sr-only",
+                    checked: option.scope === scope,
+                    onChange: () => setScope(option.scope)
+                  }
+                ),
+                option.label
+              ]
+            },
+            option.scope ?? "default"
+          )) })
+        ] }) : ((_c = scopes[0]) == null ? void 0 : _c.label) && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: scopes[0].label }),
+        /* @__PURE__ */ jsxRuntime.jsxs("fieldset", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("legend", { className: "mb-1.5 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: "Format" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-1 sm:grid-cols-2", children: formats.map((option) => {
+            var _a2;
+            const note = (_a2 = activeScope == null ? void 0 : activeScope.note) == null ? void 0 : _a2.call(activeScope, option.format);
+            return /* @__PURE__ */ jsxRuntime.jsxs(
+              "label",
+              {
+                className: utils.cn(
+                  "flex cursor-pointer items-start gap-2 rounded-md border px-3 py-2 text-left transition-colors",
+                  option.format === format ? "border-foreground/20 bg-accent text-accent-foreground" : "border-transparent hover:bg-accent hover:text-accent-foreground"
+                ),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "input",
+                    {
+                      type: "radio",
+                      name: "clicky-export-format",
+                      "aria-label": option.label,
+                      className: "sr-only",
+                      checked: option.format === format,
+                      onChange: () => setFormat(option.format)
+                    }
+                  ),
+                  option.icon && /* @__PURE__ */ jsxRuntime.jsx(
+                    Icon.Icon,
+                    {
+                      icon: option.icon,
+                      className: utils.cn(
+                        "mt-0.5 shrink-0 text-sm",
+                        option.iconClassName ?? "text-muted-foreground"
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "min-w-0", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-sm font-medium", children: option.label }),
+                    option.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-0.5 block text-xs text-muted-foreground", children: option.description }),
+                    note && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-0.5 block text-xs text-amber-700 [[data-theme=dark]_&]:text-amber-400", children: note })
+                  ] })
+                ]
+              },
+              option.format
+            );
+          }) })
+        ] })
+      ] })
+    }
+  );
+}
+exports.ClickyExportDialog = ClickyExportDialog;
+//# sourceMappingURL=ClickyExportDialog.cjs.map

package/dist/data/clicky-export/ClickyExportDialog.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClickyExportDialog.cjs","sources":["../../../src/data/clicky-export/ClickyExportDialog.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { Button } from \"../../components/button\";\nimport { Modal } from \"../../overlay/Modal\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport { cn } from \"../../lib/utils\";\n\n/** One format the endpoint advertises, already resolved for display. */\nexport type ClickyExportFormatOption = {\n  /** Value handed back to `onDownload`. */\n  format: string;\n  label: string;\n  /** What the format is for. */\n  description?: string | undefined;\n  icon?: StaticIconComponent | undefined;\n  iconClassName?: string | undefined;\n};\n\n/** One result range the endpoint advertises. */\nexport type ClickyExportScopeOption = {\n  /** Value handed back to `onDownload`; undefined for a legacy endpoint. */\n  scope: string | undefined;\n  label: string;\n  /**\n   * What this range costs or caps — \"Limited to 1,000 rows\", \"Streams rows as\n   * they are read\". Per format, because a PDF's ceiling is not a CSV's.\n   */\n  note?: ((format: string) => string | undefined) | undefined;\n};\n\nexport type ClickyExportDialogProps = {\n  open: boolean;\n  onClose: () => void;\n  title?: string;\n  formats: ClickyExportFormatOption[];\n  scopes: ClickyExportScopeOption[];\n  /** Runs the export. Rejecting shows the reason without closing the dialog. */\n  onDownload: (request: {\n    format: string;\n    scope: string | undefined;\n  }) => Promise<void> | void;\n};\n\n/**\n * ClickyExportDialog picks a format and a range, then downloads.\n *\n * It exists because the same choice as a menu was 16 rows — every format times\n * every range — which pushed everything else in that menu out of reach and\n * still truncated the one thing worth reading: what each range costs.\n */\nexport function ClickyExportDialog({\n  open,\n  onClose,\n  title = \"Export\",\n  formats,\n  scopes,\n  onDownload,\n}: ClickyExportDialogProps) {\n  const [format, setFormat] = useState(formats[0]?.format);\n  const [scope, setScope] = useState(scopes[0]?.scope);\n  const [pending, setPending] = useState(false);\n  const [error, setError] = useState(\"\");\n\n  // Reopening starts from a clean slate: the error belongs to the attempt that\n  // produced it, not to the next one.\n  useEffect(() => {\n    if (open) setError(\"\");\n  }, [open]);\n\n  const activeScope = scopes.find((option) => option.scope === scope);\n\n  const download = async () => {\n    if (!format) return;\n    setPending(true);\n    setError(\"\");\n    try {\n      await onDownload({ format, scope });\n      onClose();\n    } catch (cause) {\n      setError(cause instanceof Error ? cause.message : \"The export failed\");\n    } finally {\n      setPending(false);\n    }\n  };\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      title={title}\n      size=\"lg\"\n      closeOnEsc\n      footer={\n        <div className=\"flex items-center justify-end gap-2\">\n          <Button variant=\"outline\" onClick={onClose} disabled={pending}>\n            Cancel\n          </Button>\n          <Button\n            onClick={() => void download()}\n            loading={pending}\n            disabled={!format}\n          >\n            Download\n          </Button>\n        </div>\n      }\n    >\n      <div className=\"space-y-4\">\n        {error && (\n          <div\n            role=\"alert\"\n            className=\"rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive\"\n          >\n            {error}\n          </div>\n        )}\n\n        {scopes.length > 1 ? (\n          <fieldset>\n            <legend className=\"mb-1.5 text-[11px] font-medium uppercase tracking-wide text-muted-foreground\">\n              Rows\n            </legend>\n            <div className=\"flex flex-wrap gap-2\">\n              {scopes.map((option) => (\n                <label\n                  key={option.scope ?? \"default\"}\n                  className={cn(\n                    \"cursor-pointer rounded-md border px-3 py-1.5 text-sm transition-colors\",\n                    option.scope === scope\n                      ? \"border-foreground/20 bg-accent text-accent-foreground\"\n                      : \"border-input hover:bg-accent hover:text-accent-foreground\",\n                  )}\n                >\n                  <input\n                    type=\"radio\"\n                    name=\"clicky-export-scope\"\n                    // Named explicitly: the input is visually hidden behind its\n                    // own styled label, so nothing else gives it a name.\n                    aria-label={option.label}\n                    className=\"sr-only\"\n                    checked={option.scope === scope}\n                    onChange={() => setScope(option.scope)}\n                  />\n                  {option.label}\n                </label>\n              ))}\n            </div>\n          </fieldset>\n        ) : (\n          scopes[0]?.label && (\n            <p className=\"text-sm text-muted-foreground\">{scopes[0].label}</p>\n          )\n        )}\n\n        <fieldset>\n          <legend className=\"mb-1.5 text-[11px] font-medium uppercase tracking-wide text-muted-foreground\">\n            Format\n          </legend>\n          <div className=\"grid gap-1 sm:grid-cols-2\">\n            {formats.map((option) => {\n              const note = activeScope?.note?.(option.format);\n              return (\n                <label\n                  key={option.format}\n                  className={cn(\n                    \"flex cursor-pointer items-start gap-2 rounded-md border px-3 py-2 text-left transition-colors\",\n                    option.format === format\n                      ? \"border-foreground/20 bg-accent text-accent-foreground\"\n                      : \"border-transparent hover:bg-accent hover:text-accent-foreground\",\n                  )}\n                >\n                  <input\n                    type=\"radio\"\n                    name=\"clicky-export-format\"\n                    aria-label={option.label}\n                    className=\"sr-only\"\n                    checked={option.format === format}\n                    onChange={() => setFormat(option.format)}\n                  />\n                  {option.icon && (\n                    <Icon\n                      icon={option.icon}\n                      className={cn(\n                        \"mt-0.5 shrink-0 text-sm\",\n                        option.iconClassName ?? \"text-muted-foreground\",\n                      )}\n                    />\n                  )}\n                  <span className=\"min-w-0\">\n                    <span className=\"block text-sm font-medium\">\n                      {option.label}\n                    </span>\n                    {option.description && (\n                      <span className=\"mt-0.5 block text-xs text-muted-foreground\">\n                        {option.description}\n                      </span>\n                    )}\n                    {note && (\n                      <span className=\"mt-0.5 block text-xs text-amber-700 [[data-theme=dark]_&]:text-amber-400\">\n                        {note}\n                      </span>\n                    )}\n                  </span>\n                </label>\n              );\n            })}\n          </div>\n        </fieldset>\n\n      </div>\n    </Modal>\n  );\n}\n"],"names":["useState","useEffect","jsx","Modal","jsxs","Button","cn","_a","Icon"],"mappings":"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"}

package/dist/data/clicky-export/ClickyExportDialog.d.ts

@@ -0,0 +1,43 @@
+import { StaticIconComponent } from '../Icon';
+/** One format the endpoint advertises, already resolved for display. */
+export type ClickyExportFormatOption = {
+    /** Value handed back to `onDownload`. */
+    format: string;
+    label: string;
+    /** What the format is for. */
+    description?: string | undefined;
+    icon?: StaticIconComponent | undefined;
+    iconClassName?: string | undefined;
+};
+/** One result range the endpoint advertises. */
+export type ClickyExportScopeOption = {
+    /** Value handed back to `onDownload`; undefined for a legacy endpoint. */
+    scope: string | undefined;
+    label: string;
+    /**
+     * What this range costs or caps — "Limited to 1,000 rows", "Streams rows as
+     * they are read". Per format, because a PDF's ceiling is not a CSV's.
+     */
+    note?: ((format: string) => string | undefined) | undefined;
+};
+export type ClickyExportDialogProps = {
+    open: boolean;
+    onClose: () => void;
+    title?: string;
+    formats: ClickyExportFormatOption[];
+    scopes: ClickyExportScopeOption[];
+    /** Runs the export. Rejecting shows the reason without closing the dialog. */
+    onDownload: (request: {
+        format: string;
+        scope: string | undefined;
+    }) => Promise<void> | void;
+};
+/**
+ * ClickyExportDialog picks a format and a range, then downloads.
+ *
+ * It exists because the same choice as a menu was 16 rows — every format times
+ * every range — which pushed everything else in that menu out of reach and
+ * still truncated the one thing worth reading: what each range costs.
+ */
+export declare function ClickyExportDialog({ open, onClose, title, formats, scopes, onDownload, }: ClickyExportDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ClickyExportDialog.d.ts.map

package/dist/data/clicky-export/ClickyExportDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClickyExportDialog.d.ts","sourceRoot":"","sources":["../../../src/data/clicky-export/ClickyExportDialog.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAQ,KAAK,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAGzD,wEAAwE;AACxE,MAAM,MAAM,wBAAwB,GAAG;IACrC,yCAAyC;IACzC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,IAAI,CAAC,EAAE,mBAAmB,GAAG,SAAS,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACpC,CAAC;AAEF,gDAAgD;AAChD,MAAM,MAAM,uBAAuB,GAAG;IACpC,0EAA0E;IAC1E,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC,GAAG,SAAS,CAAC;CAC7D,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,wBAAwB,EAAE,CAAC;IACpC,MAAM,EAAE,uBAAuB,EAAE,CAAC;IAClC,8EAA8E;IAC9E,UAAU,EAAE,CAAC,OAAO,EAAE;QACpB,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;KAC3B,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;CAC5B,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,OAAO,EACP,KAAgB,EAChB,OAAO,EACP,MAAM,EACN,UAAU,GACX,EAAE,uBAAuB,2CA2JzB"}

package/dist/data/clicky-export/ClickyExportDialog.js

@@ -0,0 +1,145 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Button } from "../../components/button.js";
+import { Modal } from "../../overlay/Modal.js";
+import { Icon } from "../Icon.js";
+import { cn } from "../../lib/utils.js";
+function ClickyExportDialog({
+  open,
+  onClose,
+  title = "Export",
+  formats,
+  scopes,
+  onDownload
+}) {
+  var _a, _b, _c;
+  const [format, setFormat] = useState((_a = formats[0]) == null ? void 0 : _a.format);
+  const [scope, setScope] = useState((_b = scopes[0]) == null ? void 0 : _b.scope);
+  const [pending, setPending] = useState(false);
+  const [error, setError] = useState("");
+  useEffect(() => {
+    if (open) setError("");
+  }, [open]);
+  const activeScope = scopes.find((option) => option.scope === scope);
+  const download = async () => {
+    if (!format) return;
+    setPending(true);
+    setError("");
+    try {
+      await onDownload({ format, scope });
+      onClose();
+    } catch (cause) {
+      setError(cause instanceof Error ? cause.message : "The export failed");
+    } finally {
+      setPending(false);
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    Modal,
+    {
+      open,
+      onClose,
+      title,
+      size: "lg",
+      closeOnEsc: true,
+      footer: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: onClose, disabled: pending, children: "Cancel" }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            onClick: () => void download(),
+            loading: pending,
+            disabled: !format,
+            children: "Download"
+          }
+        )
+      ] }),
+      children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+        error && /* @__PURE__ */ jsx(
+          "div",
+          {
+            role: "alert",
+            className: "rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive",
+            children: error
+          }
+        ),
+        scopes.length > 1 ? /* @__PURE__ */ jsxs("fieldset", { children: [
+          /* @__PURE__ */ jsx("legend", { className: "mb-1.5 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: "Rows" }),
+          /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: scopes.map((option) => /* @__PURE__ */ jsxs(
+            "label",
+            {
+              className: cn(
+                "cursor-pointer rounded-md border px-3 py-1.5 text-sm transition-colors",
+                option.scope === scope ? "border-foreground/20 bg-accent text-accent-foreground" : "border-input hover:bg-accent hover:text-accent-foreground"
+              ),
+              children: [
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    type: "radio",
+                    name: "clicky-export-scope",
+                    "aria-label": option.label,
+                    className: "sr-only",
+                    checked: option.scope === scope,
+                    onChange: () => setScope(option.scope)
+                  }
+                ),
+                option.label
+              ]
+            },
+            option.scope ?? "default"
+          )) })
+        ] }) : ((_c = scopes[0]) == null ? void 0 : _c.label) && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: scopes[0].label }),
+        /* @__PURE__ */ jsxs("fieldset", { children: [
+          /* @__PURE__ */ jsx("legend", { className: "mb-1.5 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: "Format" }),
+          /* @__PURE__ */ jsx("div", { className: "grid gap-1 sm:grid-cols-2", children: formats.map((option) => {
+            var _a2;
+            const note = (_a2 = activeScope == null ? void 0 : activeScope.note) == null ? void 0 : _a2.call(activeScope, option.format);
+            return /* @__PURE__ */ jsxs(
+              "label",
+              {
+                className: cn(
+                  "flex cursor-pointer items-start gap-2 rounded-md border px-3 py-2 text-left transition-colors",
+                  option.format === format ? "border-foreground/20 bg-accent text-accent-foreground" : "border-transparent hover:bg-accent hover:text-accent-foreground"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      type: "radio",
+                      name: "clicky-export-format",
+                      "aria-label": option.label,
+                      className: "sr-only",
+                      checked: option.format === format,
+                      onChange: () => setFormat(option.format)
+                    }
+                  ),
+                  option.icon && /* @__PURE__ */ jsx(
+                    Icon,
+                    {
+                      icon: option.icon,
+                      className: cn(
+                        "mt-0.5 shrink-0 text-sm",
+                        option.iconClassName ?? "text-muted-foreground"
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
+                    /* @__PURE__ */ jsx("span", { className: "block text-sm font-medium", children: option.label }),
+                    option.description && /* @__PURE__ */ jsx("span", { className: "mt-0.5 block text-xs text-muted-foreground", children: option.description }),
+                    note && /* @__PURE__ */ jsx("span", { className: "mt-0.5 block text-xs text-amber-700 [[data-theme=dark]_&]:text-amber-400", children: note })
+                  ] })
+                ]
+              },
+              option.format
+            );
+          }) })
+        ] })
+      ] })
+    }
+  );
+}
+export {
+  ClickyExportDialog
+};
+//# sourceMappingURL=ClickyExportDialog.js.map