@reforma/components 0.1.1 → 0.1.3

package/dist/Composer/Composer.module.css

@@ -0,0 +1 @@
+@layer components{@property --border-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes Composer_create-composer-border-spin_e2I1Qy{to{--border-angle: 360deg}}.Composer_root_nvLX5v{display:flex;flex-direction:column;gap:var(--spacing-xl);width:100%}.Composer_shell_wSLYtf{display:flex;position:relative;flex-direction:column;z-index:1;border-radius:calc(var(--radius-xl) * var(--squircle-radius-factor));padding:var(--spacing-6);width:100%;font-weight:400;font-size:var(--text-md);line-height:var(--leading-md);font-family:Onest,sans-serif;letter-spacing:0;corner-shape:superellipse(var(--squircle-value));--composer-border-coral: rgba(250, 136, 84, .16);--composer-border-blue: rgba(91, 141, 239, .28);--composer-border-pink: rgba(255, 161, 231, .26);transition:box-shadow var(--transition-duration) var(--ease-in-out);container-type:inline-size;background-color:var(--color-chat-composer);overflow:hidden;line-height:var(--spacing-20)}.dark .Composer_shell_wSLYtf{--composer-border-coral: rgba(250, 136, 84, .15);--composer-border-blue: rgba(91, 141, 239, .2);--composer-border-pink: rgba(255, 161, 231, .18)}.Composer_shell_wSLYtf:focus-within{box-shadow:0 0 var(--spacing-20) var(--spacing-1) var(--color-chat-shadow)}.Composer_shell_wSLYtf:before{position:absolute;inset:0;border-radius:inherit;content:"";corner-shape:inherit;animation:Composer_create-composer-border-spin_e2I1Qy 6s linear infinite;background-image:conic-gradient(from var(--border-angle),var(--composer-border-coral),var(--composer-border-blue) 50%,var(--composer-border-pink),var(--composer-border-coral));padding:2px;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.Composer_attachments_yMqV5C{display:flex;flex-wrap:wrap;gap:var(--spacing-4);padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-xxs)}.Composer_main_cG4JpA{display:flex;position:relative;flex:1;flex-direction:column;z-index:0;cursor:text;padding:var(--spacing-sm);min-width:0;min-height:0}.Composer_main_cG4JpA[data-expanded] .Composer_textarea_B33BWC{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-30);padding-inline:0}.Composer_main_cG4JpA:not([data-expanded]){display:flex;align-items:center;min-height:var(--spacing-30)}.Composer_main_cG4JpA:not([data-expanded]) .Composer_textareaWrap_IFAg1U{display:flex;align-items:center;min-height:var(--spacing-30)}.Composer_main_cG4JpA:not([data-expanded]) .Composer_textarea_B33BWC{display:flex;flex:1;align-items:center;padding-right:var(--spacing-40);padding-left:var(--spacing-36);min-width:0;min-height:var(--spacing-30)!important}.Composer_main_cG4JpA:not([data-expanded]) .Composer_textarea_B33BWC [contenteditable=true]{width:100%;min-height:0!important;overflow:hidden!important}.Composer_main_cG4JpA[data-min-rows] .Composer_textarea_B33BWC [contenteditable=true]{width:100%}.Composer_main_cG4JpA:not([data-expanded]) .Composer_addButton_fa1dRf,.Composer_main_cG4JpA:not([data-expanded]) .Composer_sendButton_NrBb6Q,.Composer_main_cG4JpA:not([data-expanded]) .Composer_toolbarEnd_XqHb9b{top:0;bottom:0;margin-block:auto}.Composer_textareaWrap_IFAg1U{position:relative;flex:1;z-index:1;min-width:0}.Composer_textarea_B33BWC{position:relative;border:0;width:100%;min-height:var(--spacing-30)!important}.Composer_plainField_nIzUoy{display:block;outline:none;background:transparent;padding:0;max-height:280px;overflow:auto;resize:none;color:inherit;font:inherit;line-height:inherit}.Composer_addButton_fa1dRf,.Composer_toolbarEnd_XqHb9b,.Composer_sendButton_NrBb6Q{position:absolute;bottom:var(--spacing-xs);z-index:2}.Composer_addButton_fa1dRf{display:flex;left:var(--spacing-xs);align-items:center;gap:var(--spacing-xs)}.Composer_toolbarEnd_XqHb9b{display:flex;right:calc(var(--spacing-xs) + var(--spacing-30) + var(--spacing-xs));align-items:center;gap:0;max-width:calc(100% - var(--spacing-80))}.Composer_sendButton_NrBb6Q{right:var(--spacing-xs)}}

package/dist/Composer/Composer.module.css.js

@@ -0,0 +1,26 @@
+const t = "Composer_root_nvLX5v", o = "Composer_shell_wSLYtf", e = "Composer_attachments_yMqV5C", a = "Composer_main_cG4JpA", n = "Composer_textarea_B33BWC", s = "Composer_textareaWrap_IFAg1U", r = "Composer_addButton_fa1dRf", _ = "Composer_sendButton_NrBb6Q", p = "Composer_toolbarEnd_XqHb9b", d = "Composer_plainField_nIzUoy", l = {
+  root: t,
+  shell: o,
+  attachments: e,
+  main: a,
+  textarea: n,
+  textareaWrap: s,
+  addButton: r,
+  sendButton: _,
+  toolbarEnd: p,
+  plainField: d
+};
+export {
+  r as addButton,
+  e as attachments,
+  l as default,
+  a as main,
+  d as plainField,
+  t as root,
+  _ as sendButton,
+  o as shell,
+  n as textarea,
+  s as textareaWrap,
+  p as toolbarEnd
+};
+//# sourceMappingURL=Composer.module.css.js.map

package/dist/Composer/Composer.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Composer.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/Composer/RichField.d.ts

@@ -0,0 +1,3 @@
+/** TipTap prompt field. Import this only when the plain textarea is not enough. */
+export declare function ComposerRichField(): import("react").JSX.Element;
+//# sourceMappingURL=RichField.d.ts.map

package/dist/Composer/RichField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichField.d.ts","sourceRoot":"","sources":["../../src/Composer/RichField.tsx"],"names":[],"mappings":"AAWA,mFAAmF;AACnF,wBAAgB,iBAAiB,gCAoChC"}

package/dist/Composer/RichField.js

@@ -0,0 +1,44 @@
+import { useMemo as x } from "react";
+import { plainTextToDoc as d, docToPlainText as h } from "../RichInput/composerDoc.js";
+import { RichInput as T } from "../RichInput/RichInput.js";
+import r from "./Composer.module.css.js";
+import { useComposer as F } from "./context.js";
+import { jsx as m } from "react/jsx-runtime";
+function H() {
+  const {
+    value: o,
+    setPrompt: a,
+    submit: i,
+    placeholder: t,
+    autoFocus: s,
+    submitOnEnter: p,
+    minHeight: n,
+    focusRef: l,
+    addFiles: c,
+    pasteTextAsFile: u
+  } = F(), f = x(() => d(o.prompt), [o.prompt]);
+  return /* @__PURE__ */ m("div", {
+    className: r.textareaWrap,
+    children: /* @__PURE__ */ m(T, {
+      ref: (e) => {
+        l.current = e;
+      },
+      value: f,
+      onChange: (e) => a(h(e)),
+      autoFocus: s,
+      minHeight: n,
+      maxHeight: 280,
+      placeholder: t,
+      className: r.textarea,
+      "aria-label": t,
+      submitOnEnter: p,
+      onSubmit: () => i(),
+      onPasteFiles: (e) => c(e),
+      onPasteText: u
+    })
+  });
+}
+export {
+  H as ComposerRichField
+};
+//# sourceMappingURL=RichField.js.map

package/dist/Composer/RichField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichField.js","sources":["../../src/Composer/RichField.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\n\nimport { docToPlainText, plainTextToDoc } from '../RichInput';\nimport { RichInput } from '../RichInput/RichInput';\nimport styles from './Composer.module.css';\nimport { useComposer } from './context';\n\nimport type { RichInputHandle } from '../RichInput/types';\n\n/** TipTap prompt field. Import this only when the plain textarea is not enough. */\nexport function ComposerRichField() {\n    const {\n        value,\n        setPrompt,\n        submit,\n        placeholder,\n        autoFocus,\n        submitOnEnter,\n        minHeight,\n        focusRef,\n        addFiles,\n        pasteTextAsFile,\n    } = useComposer();\n    const doc = useMemo(() => plainTextToDoc(value.prompt), [value.prompt]);\n\n    return (\n        <div className={ styles.textareaWrap }>\n            <RichInput\n                ref={ (node: RichInputHandle | null) => {\n                    focusRef.current = node;\n                } }\n                value={ doc }\n                onChange={ (next) => setPrompt(docToPlainText(next)) }\n                autoFocus={ autoFocus }\n                minHeight={ minHeight }\n                maxHeight={ 280 }\n                placeholder={ placeholder }\n                className={ styles.textarea }\n                aria-label={ placeholder }\n                submitOnEnter={ submitOnEnter }\n                onSubmit={ () => submit() }\n                onPasteFiles={ files => addFiles(files) }\n                onPasteText={ pasteTextAsFile }\n            />\n        </div>\n    );\n}\n"],"names":["ComposerRichField","value","setPrompt","submit","placeholder","autoFocus","submitOnEnter","minHeight","focusRef","addFiles","pasteTextAsFile","useComposer","doc","useMemo","plainTextToDoc","styles","RichInput","node","next","docToPlainText","files"],"mappings":";;;;;;AASO,SAASA,IAAoB;AAClC,QAAM;AAAA,IACJ,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,eAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,iBAAAC;AAAA,EAAA,IACEC,EAAA,GACEC,IAAMC,EAAQ,MAAMC,EAAeb,EAAM,MAAM,GAAG,CAACA,EAAM,MAAM,CAAC;AACtE,2BAAyB,OAAO;AAAA,IAC9B,WAAWc,EAAO;AAAA,IAClB,4BAA4BC,GAAW;AAAA,MACrC,KAAK,CAAAC,MAAQ;AACX,QAAAT,EAAS,UAAUS;AAAA,MACrB;AAAA,MACA,OAAOL;AAAA,MACP,UAAU,CAAAM,MAAQhB,EAAUiB,EAAeD,CAAI,CAAC;AAAA,MAChD,WAAAb;AAAA,MACA,WAAAE;AAAA,MACA,WAAW;AAAA,MACX,aAAAH;AAAA,MACA,WAAWW,EAAO;AAAA,MAClB,cAAcX;AAAA,MACd,eAAAE;AAAA,MACA,UAAU,MAAMH,EAAA;AAAA,MAChB,cAAc,CAAAiB,MAASX,EAASW,CAAK;AAAA,MACrC,aAAaV;AAAA,IAAA,CACd;AAAA,EAAA,CACF;AACH;"}

package/dist/Composer/context.d.ts

@@ -0,0 +1,44 @@
+import { type ReactNode, type RefObject } from 'react';
+import { useFileDrag } from '../hooks/useFileDrag';
+import type { ComposerUploadResult, ComposerValue } from './types';
+export type ComposerFieldHandle = {
+    focus: () => void;
+};
+export type ComposerContextValue = {
+    value: ComposerValue;
+    setPrompt: (prompt: string) => void;
+    setPlanMode: (planMode: boolean) => void;
+    addFiles: (files: FileList | readonly File[]) => void;
+    removeAttachment: (clientId: string) => void;
+    retryAttachment: (clientId: string) => void;
+    submit: () => void;
+    canSubmit: boolean;
+    busy: boolean;
+    placeholder: string;
+    autoFocus: boolean;
+    submitOnEnter: boolean;
+    rows: number;
+    minHeight: number;
+    pasteTextAsFile: (text: string) => boolean;
+    openFilePicker: () => void;
+    focus: () => void;
+    focusRef: RefObject<ComposerFieldHandle | null>;
+    fileDragOver: boolean;
+    drag: ReturnType<typeof useFileDrag>;
+};
+export declare function useComposer(): ComposerContextValue;
+export type ComposerProviderProps = {
+    value: ComposerValue;
+    onChange: (value: ComposerValue) => void;
+    onSubmit: () => void;
+    uploadFile: (file: File) => Promise<ComposerUploadResult>;
+    busy?: boolean;
+    placeholder?: string;
+    autoFocus?: boolean;
+    submitHotkey?: 'enter' | 'mod+enter';
+    /** Fixed min rows for the field (create project uses 3). */
+    rows?: number;
+    children: ReactNode;
+};
+export declare function ComposerProvider({ value, onChange, onSubmit, uploadFile, busy, placeholder, autoFocus, submitHotkey, rows, children, }: ComposerProviderProps): import("react").JSX.Element;
+//# sourceMappingURL=context.d.ts.map

package/dist/Composer/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/Composer/context.tsx"],"names":[],"mappings":"AASA,OAAO,EAQH,KAAK,SAAS,EACd,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGnD,OAAO,KAAK,EAER,oBAAoB,EACpB,aAAa,EAChB,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,mBAAmB,GAAG;IAC9B,KAAK,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IAC/B,KAAK,EAAE,aAAa,CAAC;IACrB,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,WAAW,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,SAAS,IAAI,EAAE,KAAK,IAAI,CAAC;IACtD,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,eAAe,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IAC3C,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IAChD,YAAY,EAAE,OAAO,CAAC;IACtB,IAAI,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;CACxC,CAAC;AAIF,wBAAgB,WAAW,IAAI,oBAAoB,CAQlD;AAmCD,MAAM,MAAM,qBAAqB,GAAG;IAChC,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,oBAAoB,CAAC,CAAC;IAC1D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IACrC,4DAA4D;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,IAAY,EACZ,WAAkC,EAClC,SAAgB,EAChB,YAA0B,EAC1B,IAAQ,EACR,QAAQ,GACX,EAAE,qBAAqB,+BAgOvB"}

package/dist/Composer/context.js

@@ -0,0 +1,205 @@
+import { coerceUploadMimeType as z, MAX_CHAT_ATTACHMENT_BYTES_PER_FILE as y, MAX_CHAT_ATTACHMENT_BYTES_TOTAL as x, COMPOSER_PASTE_AS_FILE_MIN_CHARS as $ } from "@reforma/constants";
+import { revokeObjectURL as A, formatFileSize as F, createObjectURL as X } from "@reforma/lib";
+import { useRef as f, useState as Y, useLayoutEffect as W, useEffect as q, useCallback as R, use as G, createContext as J } from "react";
+import { useFileDrag as K } from "../hooks/useFileDrag.js";
+import { toast as T } from "../Toast/Toast.js";
+import { jsxs as Q, jsx as V } from "react/jsx-runtime";
+const M = /* @__PURE__ */ J(null);
+function it() {
+  const o = G(M);
+  if (!o)
+    throw new Error("Composer pieces must render inside ComposerProvider");
+  return o;
+}
+function Z(o) {
+  let s = 0;
+  for (const c of o)
+    typeof c.size == "number" && Number.isFinite(c.size) && (s += c.size);
+  return s;
+}
+function tt(o) {
+  return o.length === 0 ? !0 : o.every((s) => s.uploadStatus === "ready" && !!s.url);
+}
+function v(o, s, c) {
+  return {
+    ...o,
+    attachments: o.attachments.map((m) => m.clientId === s ? {
+      ...m,
+      ...c
+    } : m)
+  };
+}
+function ct({
+  value: o,
+  onChange: s,
+  onSubmit: c,
+  uploadFile: m,
+  busy: E = !1,
+  placeholder: b = "What should it do?",
+  autoFocus: O = !0,
+  submitHotkey: C = "mod+enter",
+  rows: h = 3,
+  children: P
+}) {
+  const S = f(null), _ = f(null), i = f(o), l = f(/* @__PURE__ */ new Map()), [B, D] = Y(!1);
+  W(() => {
+    i.current = o;
+  }, [o]), q(() => {
+    const t = l.current;
+    return () => {
+      for (const n of i.current.attachments)
+        A(n.preview);
+      t.clear();
+    };
+  }, []);
+  const w = !!o.prompt.trim() && tt(o.attachments) && !E, g = R(async (t, n) => {
+    const r = await m(n), a = i.current;
+    if (!a.attachments.some((u) => u.clientId === t)) {
+      l.current.delete(t);
+      return;
+    }
+    if (r.ok) {
+      const u = a.attachments.find((d) => d.clientId === t)?.preview;
+      A(u), l.current.delete(t), s(v(a, t, {
+        id: r.data.id,
+        url: r.data.url,
+        filename: r.data.name ?? n.name,
+        mediaType: r.data.mimeType ?? z(n.name, n.type),
+        size: r.data.size ?? n.size,
+        uploadStatus: "ready",
+        uploadError: void 0,
+        preview: void 0
+      }));
+      return;
+    }
+    s(v(a, t, {
+      uploadStatus: "error",
+      uploadError: r.message ?? "Upload failed"
+    }));
+  }, [s, m]), p = R((t) => {
+    const n = [...t], r = [];
+    let a = 0;
+    const u = Z(i.current.attachments);
+    for (const e of n) {
+      if (e.size > y) {
+        T.warning({
+          title: "Attachment too large",
+          message: `${e.name} is over the ${F(y, {
+            round: "up"
+          })} per-file limit.`
+        });
+        continue;
+      }
+      if (u + a + e.size > x) {
+        T.warning({
+          title: "Attachments too large",
+          message: `Adding ${e.name} would exceed the ${F(x, {
+            round: "up"
+          })} combined limit.`
+        });
+        continue;
+      }
+      r.push(e), a += e.size;
+    }
+    if (r.length === 0)
+      return;
+    const d = r.map((e) => ({
+      clientId: crypto.randomUUID(),
+      filename: e.name,
+      mediaType: z(e.name, e.type),
+      size: e.size,
+      lastModified: e.lastModified,
+      uploadStatus: "uploading",
+      preview: X(e) ?? void 0
+    }));
+    for (let e = 0; e < r.length; e++)
+      l.current.set(d[e].clientId, r[e]);
+    const N = {
+      ...i.current,
+      attachments: [...i.current.attachments, ...d]
+    };
+    s(N);
+    for (let e = 0; e < r.length; e++)
+      g(d[e].clientId, r[e]);
+  }, [s, g]), H = K({
+    onFileDragOver: D,
+    onFilesDropped: (t) => p(t)
+  }), I = (t) => {
+    const n = i.current, r = n.attachments.find((a) => a.clientId === t);
+    A(r?.preview), l.current.delete(t), s({
+      ...n,
+      attachments: n.attachments.filter((a) => a.clientId !== t)
+    });
+  }, L = (t) => {
+    const n = i.current, r = n.attachments.find((u) => u.clientId === t), a = l.current.get(t);
+    if (!(!r || r.uploadStatus !== "error")) {
+      if (!a) {
+        T.warning({
+          title: "Could not retry",
+          message: "Remove the file and attach it again."
+        });
+        return;
+      }
+      s(v(n, t, {
+        uploadStatus: "uploading",
+        uploadError: void 0
+      })), g(t, a);
+    }
+  }, U = () => {
+    w && c();
+  }, k = (t) => {
+    if (t.length < $)
+      return !1;
+    const n = new File([t], "paste.txt", {
+      type: "text/plain"
+    });
+    return n.size > y ? !1 : (p([n]), !0);
+  }, j = {
+    value: o,
+    setPrompt: (t) => s({
+      ...i.current,
+      prompt: t
+    }),
+    setPlanMode: (t) => s({
+      ...i.current,
+      planMode: t
+    }),
+    addFiles: p,
+    removeAttachment: I,
+    retryAttachment: L,
+    submit: U,
+    canSubmit: w,
+    busy: E,
+    placeholder: b,
+    autoFocus: O,
+    submitOnEnter: C === "enter",
+    rows: h,
+    minHeight: h ? h * 22 : 20,
+    pasteTextAsFile: k,
+    openFilePicker: () => S.current?.click(),
+    focus: () => _.current?.focus(),
+    focusRef: _,
+    fileDragOver: B,
+    drag: H
+  };
+  return /* @__PURE__ */ Q(M, {
+    value: j,
+    children: [P, /* @__PURE__ */ V("input", {
+      ref: S,
+      type: "file",
+      multiple: !0,
+      tabIndex: -1,
+      style: {
+        display: "none"
+      },
+      onChange: (t) => {
+        t.target.files?.length && p(t.target.files), t.target.value = "";
+      }
+    })]
+  });
+}
+export {
+  ct as ComposerProvider,
+  it as useComposer
+};
+//# sourceMappingURL=context.js.map

package/dist/Composer/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../src/Composer/context.tsx"],"sourcesContent":["'use client';\n\nimport {\n    coerceUploadMimeType,\n    COMPOSER_PASTE_AS_FILE_MIN_CHARS,\n    MAX_CHAT_ATTACHMENT_BYTES_PER_FILE,\n    MAX_CHAT_ATTACHMENT_BYTES_TOTAL,\n} from '@reforma/constants';\nimport { createObjectURL, formatFileSize, revokeObjectURL } from '@reforma/lib';\nimport {\n    createContext,\n    use,\n    useCallback,\n    useEffect,\n    useLayoutEffect,\n    useRef,\n    useState,\n    type ReactNode,\n    type RefObject,\n} from 'react';\n\nimport { useFileDrag } from '../hooks/useFileDrag';\nimport { toast } from '../Toast';\n\nimport type {\n    ComposerAttachment,\n    ComposerUploadResult,\n    ComposerValue,\n} from './types';\n\nexport type ComposerFieldHandle = {\n    focus: () => void;\n};\n\nexport type ComposerContextValue = {\n    value: ComposerValue;\n    setPrompt: (prompt: string) => void;\n    setPlanMode: (planMode: boolean) => void;\n    addFiles: (files: FileList | readonly File[]) => void;\n    removeAttachment: (clientId: string) => void;\n    retryAttachment: (clientId: string) => void;\n    submit: () => void;\n    canSubmit: boolean;\n    busy: boolean;\n    placeholder: string;\n    autoFocus: boolean;\n    submitOnEnter: boolean;\n    rows: number;\n    minHeight: number;\n    pasteTextAsFile: (text: string) => boolean;\n    openFilePicker: () => void;\n    focus: () => void;\n    focusRef: RefObject<ComposerFieldHandle | null>;\n    fileDragOver: boolean;\n    drag: ReturnType<typeof useFileDrag>;\n};\n\nconst ComposerContext = createContext<ComposerContextValue | null>(null);\n\nexport function useComposer(): ComposerContextValue {\n    const context = use(ComposerContext);\n\n    if (!context) {\n        throw new Error('Composer pieces must render inside ComposerProvider');\n    }\n\n    return context;\n}\n\nfunction sumAttachmentBytes(items: readonly ComposerAttachment[]): number {\n    let sum = 0;\n\n    for (const item of items) {\n        if (typeof item.size === 'number' && Number.isFinite(item.size)) {\n            sum += item.size;\n        }\n    }\n\n    return sum;\n}\n\nfunction attachmentsReady(items: readonly ComposerAttachment[]): boolean {\n    if (items.length === 0) {\n        return true;\n    }\n\n    return items.every(item => item.uploadStatus === 'ready' && Boolean(item.url));\n}\n\nfunction patchAttachment(\n    value: ComposerValue,\n    clientId: string,\n    patch: Partial<ComposerAttachment>\n): ComposerValue {\n    return {\n        ...value,\n        attachments: value.attachments.map(item => (\n            item.clientId === clientId ? { ...item, ...patch } : item\n        )),\n    };\n}\n\nexport type ComposerProviderProps = {\n    value: ComposerValue;\n    onChange: (value: ComposerValue) => void;\n    onSubmit: () => void;\n    uploadFile: (file: File) => Promise<ComposerUploadResult>;\n    busy?: boolean;\n    placeholder?: string;\n    autoFocus?: boolean;\n    submitHotkey?: 'enter' | 'mod+enter';\n    /** Fixed min rows for the field (create project uses 3). */\n    rows?: number;\n    children: ReactNode;\n};\n\nexport function ComposerProvider({\n    value,\n    onChange,\n    onSubmit,\n    uploadFile,\n    busy = false,\n    placeholder = 'What should it do?',\n    autoFocus = true,\n    submitHotkey = 'mod+enter',\n    rows = 3,\n    children,\n}: ComposerProviderProps) {\n    const fileInputRef = useRef<HTMLInputElement>(null);\n    const focusRef = useRef<ComposerFieldHandle | null>(null);\n    const valueRef = useRef(value);\n    const pendingFilesRef = useRef(new Map<string, File>());\n    const [fileDragOver, setFileDragOver] = useState(false);\n\n    useLayoutEffect(() => {\n        valueRef.current = value;\n    }, [value]);\n\n    useEffect(() => {\n        const pending = pendingFilesRef.current;\n\n        return () => {\n            for (const item of valueRef.current.attachments) {\n                revokeObjectURL(item.preview);\n            }\n\n            pending.clear();\n        };\n    }, []);\n\n    const canSubmit = Boolean(value.prompt.trim())\n        && attachmentsReady(value.attachments)\n        && !busy;\n\n    const uploadOne = useCallback(async(clientId: string, file: File) => {\n        const result = await uploadFile(file);\n        const current = valueRef.current;\n\n        if (!current.attachments.some(item => item.clientId === clientId)) {\n            pendingFilesRef.current.delete(clientId);\n\n            return;\n        }\n\n        if (result.ok) {\n            const preview = current.attachments.find(item => item.clientId === clientId)?.preview;\n            revokeObjectURL(preview);\n            pendingFilesRef.current.delete(clientId);\n            onChange(patchAttachment(current, clientId, {\n                id: result.data.id,\n                url: result.data.url,\n                filename: result.data.name ?? file.name,\n                mediaType: result.data.mimeType ?? coerceUploadMimeType(file.name, file.type),\n                size: result.data.size ?? file.size,\n                uploadStatus: 'ready',\n                uploadError: undefined,\n                preview: undefined,\n            }));\n\n            return;\n        }\n\n        onChange(patchAttachment(current, clientId, {\n            uploadStatus: 'error',\n            uploadError: result.message ?? 'Upload failed',\n        }));\n    }, [onChange, uploadFile]);\n\n    const addFiles = useCallback((files: FileList | readonly File[]) => {\n        const list = [...files];\n        const accepted: File[] = [];\n        let batchBytes = 0;\n        const used = sumAttachmentBytes(valueRef.current.attachments);\n\n        for (const file of list) {\n            if (file.size > MAX_CHAT_ATTACHMENT_BYTES_PER_FILE) {\n                toast.warning({\n                    title: 'Attachment too large',\n                    message: `${ file.name } is over the ${ formatFileSize(MAX_CHAT_ATTACHMENT_BYTES_PER_FILE, { round: 'up' }) } per-file limit.`,\n                });\n                continue;\n            }\n\n            if (used + batchBytes + file.size > MAX_CHAT_ATTACHMENT_BYTES_TOTAL) {\n                toast.warning({\n                    title: 'Attachments too large',\n                    message: `Adding ${ file.name } would exceed the ${ formatFileSize(MAX_CHAT_ATTACHMENT_BYTES_TOTAL, { round: 'up' }) } combined limit.`,\n                });\n                continue;\n            }\n\n            accepted.push(file);\n            batchBytes += file.size;\n        }\n\n        if (accepted.length === 0) {\n            return;\n        }\n\n        const nextItems: ComposerAttachment[] = accepted.map(file => ({\n            clientId: crypto.randomUUID(),\n            filename: file.name,\n            mediaType: coerceUploadMimeType(file.name, file.type),\n            size: file.size,\n            lastModified: file.lastModified,\n            uploadStatus: 'uploading',\n            preview: createObjectURL(file) ?? undefined,\n        }));\n\n        for (let i = 0; i < accepted.length; i++) {\n            pendingFilesRef.current.set(nextItems[i]!.clientId, accepted[i]!);\n        }\n\n        const next: ComposerValue = {\n            ...valueRef.current,\n            attachments: [...valueRef.current.attachments, ...nextItems],\n        };\n        onChange(next);\n\n        for (let i = 0; i < accepted.length; i++) {\n            void uploadOne(nextItems[i]!.clientId, accepted[i]!);\n        }\n    }, [onChange, uploadOne]);\n\n    const drag = useFileDrag({\n        onFileDragOver: setFileDragOver,\n        onFilesDropped: files => addFiles(files),\n    });\n\n    const removeAttachment = (clientId: string) => {\n        const current = valueRef.current;\n        const item = current.attachments.find(entry => entry.clientId === clientId);\n        revokeObjectURL(item?.preview);\n        pendingFilesRef.current.delete(clientId);\n        onChange({\n            ...current,\n            attachments: current.attachments.filter(entry => entry.clientId !== clientId),\n        });\n    };\n\n    const retryAttachment = (clientId: string) => {\n        const current = valueRef.current;\n        const item = current.attachments.find(entry => entry.clientId === clientId);\n        const file = pendingFilesRef.current.get(clientId);\n\n        if (!item || item.uploadStatus !== 'error') {\n            return;\n        }\n\n        if (!file) {\n            toast.warning({\n                title: 'Could not retry',\n                message: 'Remove the file and attach it again.',\n            });\n\n            return;\n        }\n\n        onChange(patchAttachment(current, clientId, {\n            uploadStatus: 'uploading',\n            uploadError: undefined,\n        }));\n        void uploadOne(clientId, file);\n    };\n\n    const submit = () => {\n        if (!canSubmit) {\n            return;\n        }\n\n        onSubmit();\n    };\n\n    const pasteTextAsFile = (text: string) => {\n        if (text.length < COMPOSER_PASTE_AS_FILE_MIN_CHARS) {\n            return false;\n        }\n\n        const file = new File([text], 'paste.txt', { type: 'text/plain' });\n\n        if (file.size > MAX_CHAT_ATTACHMENT_BYTES_PER_FILE) {\n            return false;\n        }\n\n        addFiles([file]);\n\n        return true;\n    };\n\n    const api: ComposerContextValue = {\n        value,\n        setPrompt: (prompt) => onChange({ ...valueRef.current, prompt }),\n        setPlanMode: (planMode) => onChange({ ...valueRef.current, planMode }),\n        addFiles,\n        removeAttachment,\n        retryAttachment,\n        submit,\n        canSubmit,\n        busy,\n        placeholder,\n        autoFocus,\n        submitOnEnter: submitHotkey === 'enter',\n        rows,\n        minHeight: rows ? rows * 22 : 20,\n        pasteTextAsFile,\n        openFilePicker: () => fileInputRef.current?.click(),\n        focus: () => focusRef.current?.focus(),\n        focusRef,\n        fileDragOver,\n        drag,\n    };\n\n    return (\n        <ComposerContext value={ api }>\n            { children }\n            <input\n                ref={ fileInputRef }\n                type=\"file\"\n                multiple\n                tabIndex={ -1 }\n                style={ { display: 'none' } }\n                onChange={ (event) => {\n                    if (event.target.files?.length) {\n                        addFiles(event.target.files);\n                    }\n\n                    event.target.value = '';\n                } }\n            />\n        </ComposerContext>\n    );\n}\n"],"names":["ComposerContext","useComposer","context","use","sumAttachmentBytes","items","sum","item","attachmentsReady","patchAttachment","value","clientId","patch","ComposerProvider","onChange","onSubmit","uploadFile","busy","placeholder","autoFocus","submitHotkey","rows","children","fileInputRef","useRef","focusRef","valueRef","pendingFilesRef","fileDragOver","setFileDragOver","useState","useLayoutEffect","useEffect","pending","revokeObjectURL","canSubmit","uploadOne","useCallback","file","result","current","preview","coerceUploadMimeType","addFiles","files","list","accepted","batchBytes","used","MAX_CHAT_ATTACHMENT_BYTES_PER_FILE","toast","formatFileSize","MAX_CHAT_ATTACHMENT_BYTES_TOTAL","nextItems","createObjectURL","i","next","drag","useFileDrag","removeAttachment","entry","retryAttachment","submit","pasteTextAsFile","text","COMPOSER_PASTE_AS_FILE_MIN_CHARS","api","prompt","planMode","_jsx","event"],"mappings":"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"}

package/dist/Composer/index.d.ts

@@ -0,0 +1,5 @@
+export { ComposerProvider, useComposer, type ComposerContextValue, type ComposerFieldHandle, type ComposerProviderProps, } from './context';
+export { ComposerAttachments, ComposerFileButton, ComposerFrame, ComposerPlan, ComposerSubmit, ComposerSurface, ComposerTextarea, ComposerToolbar, ComposerTools, } from './parts';
+export { ComposerRichField } from './RichField';
+export type { ComposerAttachment, ComposerUploadErr, ComposerUploadOk, ComposerUploadResult, ComposerValue, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/Composer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Composer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,gBAAgB,EAChB,WAAW,EACX,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,EACxB,KAAK,qBAAqB,GAC7B,MAAM,WAAW,CAAC;AACnB,OAAO,EACH,mBAAmB,EACnB,kBAAkB,EAClB,aAAa,EACb,YAAY,EACZ,cAAc,EACd,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,aAAa,GAChB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,YAAY,EACR,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,oBAAoB,EACpB,aAAa,GAChB,MAAM,SAAS,CAAC"}

package/dist/Composer/index.js

@@ -0,0 +1,18 @@
+import { ComposerProvider as r, useComposer as m } from "./context.js";
+import { ComposerAttachments as s, ComposerFileButton as C, ComposerFrame as t, ComposerPlan as a, ComposerSubmit as i, ComposerSurface as l, ComposerTextarea as f, ComposerToolbar as u, ComposerTools as x } from "./parts.js";
+import { ComposerRichField as n } from "./RichField.js";
+export {
+  s as ComposerAttachments,
+  C as ComposerFileButton,
+  t as ComposerFrame,
+  a as ComposerPlan,
+  r as ComposerProvider,
+  n as ComposerRichField,
+  i as ComposerSubmit,
+  l as ComposerSurface,
+  f as ComposerTextarea,
+  u as ComposerToolbar,
+  x as ComposerTools,
+  m as useComposer
+};
+//# sourceMappingURL=index.js.map

package/dist/{CreateComposer → Composer}/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/Composer/parts.d.ts

@@ -0,0 +1,22 @@
+import { type ReactNode } from 'react';
+export declare function ComposerFrame({ className, children, }: {
+    className?: string;
+    children: ReactNode;
+}): import("react").JSX.Element;
+/** Relative row that pins the tools and the submit button to the field. */
+export declare function ComposerSurface({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+/** Left cluster: file button, plan, whatever else you drop in. */
+export declare function ComposerTools({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function ComposerToolbar({ children }: {
+    children?: ReactNode;
+}): import("react").JSX.Element;
+export declare function ComposerAttachments(): import("react").JSX.Element;
+export declare function ComposerFileButton(): import("react").JSX.Element;
+export declare function ComposerPlan(): import("react").JSX.Element;
+export declare function ComposerTextarea(): import("react").JSX.Element;
+export declare function ComposerSubmit(): import("react").JSX.Element;
+//# sourceMappingURL=parts.d.ts.map

package/dist/Composer/parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.d.ts","sourceRoot":"","sources":["../../src/Composer/parts.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAW3D,wBAAgB,aAAa,CAAC,EAC1B,SAAS,EACT,QAAQ,GACX,EAAE;IACC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACvB,+BAkBA;AAED,2EAA2E;AAC3E,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAkBpE;AAED,kEAAkE;AAClE,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAMlE;AAED,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,+BAQrE;AAED,wBAAgB,mBAAmB,gCA8BlC;AAED,wBAAgB,kBAAkB,gCAiBjC;AAED,wBAAgB,YAAY,gCAsC3B;AAED,wBAAgB,gBAAgB,gCAsD/B;AAED,wBAAgB,cAAc,gCAmB7B"}