@lalternative/assistant 0.0.0-stage → 0.2.0

package/dist/index.js

@@ -0,0 +1,663 @@
+// src/assistant-launcher.tsx
+import { useState as useState3 } from "react";
+
+// src/assistant-panel.tsx
+import {
+  useCallback as useCallback2,
+  useEffect as useEffect2,
+  useRef as useRef2,
+  useState as useState2
+} from "react";
+
+// src/attachments.ts
+import { useCallback, useEffect, useRef, useState } from "react";
+
+// src/format.ts
+function relativeTime(iso, now = Date.now()) {
+  if (!iso) return "";
+  const minutes = Math.round((now - new Date(iso).getTime()) / 6e4);
+  if (minutes < 1) return "\xE0 l'instant";
+  if (minutes < 60) return `il y a ${minutes} min`;
+  const hours = Math.round(minutes / 60);
+  if (hours < 24) return `il y a ${hours} heure${hours > 1 ? "s" : ""}`;
+  const days = Math.round(hours / 24);
+  return `il y a ${days} jour${days > 1 ? "s" : ""}`;
+}
+function formatSize(bytes) {
+  if (bytes < 1024) return `${bytes} o`;
+  if (bytes < 1024 * 1024) return `${Math.round(bytes / 1024)} Ko`;
+  return `${(bytes / (1024 * 1024)).toFixed(1).replace(/\.0$/, "")} Mo`;
+}
+var SCREEN_TEXT_LIMIT = 12e3;
+function readMainScreen() {
+  if (typeof document === "undefined") return void 0;
+  const main = document.querySelector("main");
+  const text = (main?.innerText ?? "").replace(/\n{3,}/g, "\n\n").trim().slice(0, SCREEN_TEXT_LIMIT);
+  return { path: window.location.pathname + window.location.search, title: document.title, text };
+}
+function errorMessage(error, fallback) {
+  const e = error;
+  return e?.message || fallback;
+}
+
+// src/attachments.ts
+var typesByExtension = {
+  txt: "text/plain",
+  log: "text/plain",
+  md: "text/markdown",
+  markdown: "text/markdown",
+  csv: "text/csv",
+  json: "application/json",
+  xml: "application/xml",
+  yaml: "application/yaml",
+  yml: "application/yaml",
+  html: "text/html"
+};
+function withType(file) {
+  if (file.type) return file;
+  const type = typesByExtension[file.name.split(".").pop()?.toLowerCase() ?? ""];
+  return type ? new File([file], file.name, { type }) : file;
+}
+function fileError(file, limits, labels) {
+  if (!limits) return void 0;
+  const type = file.type.toLowerCase();
+  if (limits.imageTypes.includes(type)) {
+    return file.size > limits.maxImageBytes ? labels.fileTooLarge(file.name, formatSize(limits.maxImageBytes)) : void 0;
+  }
+  if (limits.fileTypes.includes(type)) {
+    return file.size > limits.maxFileBytes ? labels.fileTooLarge(file.name, formatSize(limits.maxFileBytes)) : void 0;
+  }
+  return labels.fileTypeRefused(file.name);
+}
+function pastedFiles(data, pasteAsFileThreshold, name) {
+  if (!data) return [];
+  const files = Array.from(data.items ?? []).filter((item) => item.kind === "file").map((item) => item.getAsFile()).filter((f) => f !== null);
+  if (files.length > 0) return files;
+  const text = data.getData("text/plain");
+  if (pasteAsFileThreshold !== void 0 && text.length > pasteAsFileThreshold) {
+    return [new File([text], name, { type: "text/plain" })];
+  }
+  return [];
+}
+function previewOf(file) {
+  if (!file.type.startsWith("image/") || typeof URL.createObjectURL !== "function") return void 0;
+  return URL.createObjectURL(file);
+}
+function revoke(item) {
+  if (item.previewUrl && typeof URL.revokeObjectURL === "function") URL.revokeObjectURL(item.previewUrl);
+}
+var nextId = 0;
+function useAttachments({
+  attach,
+  scopeId,
+  limits,
+  labels
+}) {
+  const [items, setItems] = useState([]);
+  const [notice, setNotice] = useState(null);
+  const itemsRef = useRef(items);
+  itemsRef.current = items;
+  useEffect(() => () => itemsRef.current.forEach(revoke), []);
+  const update = (localId, patch) => setItems((list) => list.map((i) => i.localId === localId ? { ...i, ...patch } : i));
+  const add = useCallback(
+    (incoming) => {
+      if (!attach || incoming.length === 0) return;
+      setNotice(null);
+      const room = limits ? limits.maxCount - itemsRef.current.length : incoming.length;
+      if (incoming.length > room) setNotice(labels.tooManyFiles(limits?.maxCount ?? 0));
+      const accepted = incoming.slice(0, Math.max(0, room)).map((raw) => {
+        const file = withType(raw);
+        const error = fileError(file, limits, labels);
+        const item = {
+          localId: `a${nextId++}`,
+          file,
+          status: error ? "error" : "uploading",
+          error,
+          previewUrl: error ? void 0 : previewOf(file)
+        };
+        return item;
+      });
+      if (accepted.length === 0) return;
+      itemsRef.current = [...itemsRef.current, ...accepted];
+      setItems(itemsRef.current);
+      for (const item of accepted) {
+        if (item.status !== "uploading") continue;
+        attach(item.file, scopeId).then(
+          (attachment) => update(item.localId, { status: "done", attachment }),
+          (err) => update(item.localId, { status: "error", error: err?.message || labels.uploadFailed })
+        );
+      }
+    },
+    [attach, scopeId, limits, labels]
+  );
+  const remove = useCallback((localId) => {
+    setItems((list) => {
+      list.filter((i) => i.localId === localId).forEach(revoke);
+      return list.filter((i) => i.localId !== localId);
+    });
+    setNotice(null);
+  }, []);
+  const clear = useCallback(() => {
+    itemsRef.current.forEach(revoke);
+    itemsRef.current = [];
+    setItems([]);
+    setNotice(null);
+  }, []);
+  const done = items.filter((i) => i.status === "done" && i.attachment).map((i) => i.attachment);
+  return {
+    enabled: !!attach,
+    items,
+    notice,
+    done,
+    uploading: items.some((i) => i.status === "uploading"),
+    add,
+    remove,
+    clear
+  };
+}
+
+// src/icons.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var paths = {
+  bot: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: "M12 8V4H8" }),
+    /* @__PURE__ */ jsx("rect", { width: "16", height: "12", x: "4", y: "8", rx: "2" }),
+    /* @__PURE__ */ jsx("path", { d: "M2 14h2M20 14h2M15 13v2M9 13v2" })
+  ] }),
+  clock: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsx("path", { d: "M12 6v6l4 2" })
+  ] }),
+  chevronDown: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" }),
+  plus: /* @__PURE__ */ jsx("path", { d: "M5 12h14M12 5v14" }),
+  x: /* @__PURE__ */ jsx("path", { d: "M18 6 6 18M6 6l12 12" }),
+  maximize: /* @__PURE__ */ jsx("path", { d: "M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7" }),
+  minimize: /* @__PURE__ */ jsx("path", { d: "M4 14h6v6M20 10h-6V4M14 10l7-7M3 21l7-7" }),
+  arrowUp: /* @__PURE__ */ jsx("path", { d: "m5 12 7-7 7 7M12 19V5" }),
+  paperclip: /* @__PURE__ */ jsx("path", { d: "m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48" }),
+  file: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
+    /* @__PURE__ */ jsx("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" })
+  ] })
+};
+function Icon({ name, size = 16, className }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      className,
+      children: paths[name]
+    }
+  );
+}
+
+// src/labels.ts
+var defaultLabels = {
+  launcher: "Assistant",
+  history: "Historique",
+  newConversation: "Nouvelle conversation",
+  recent: "R\xE9centes",
+  allHistory: "Voir tout l'historique",
+  emptyTitle: "Que puis-je faire ?",
+  intro: "",
+  noConversation: "Aucune conversation pour l'instant.",
+  placeholder: "D\xE9crivez votre besoin\u2026",
+  send: "Envoyer",
+  attach: "Joindre un fichier",
+  removeAttachment: "Retirer",
+  close: "Fermer",
+  expand: "Agrandir",
+  collapse: "R\xE9duire",
+  resize: "Redimensionner l'assistant",
+  scope: "Projet",
+  loading: "Chargement\u2026",
+  thinking: "L'assistant regarde \u2014 \xE7a peut prendre un moment.",
+  dropHere: "D\xE9posez vos fichiers ici",
+  uploading: "Envoi\u2026",
+  tooManyFiles: (max) => `Au plus ${max} fichiers par message.`,
+  fileTooLarge: (name, max) => `${name} d\xE9passe ${max}.`,
+  fileTypeRefused: (name) => `${name} : type de fichier non accept\xE9.`,
+  uploadFailed: "L'envoi du fichier a \xE9chou\xE9.",
+  requestFailed: "La requ\xEAte \xE0 l'assistant a \xE9chou\xE9."
+};
+
+// src/assistant-panel.tsx
+import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var MIN_WIDTH = 360;
+var DEFAULT_WIDTH = 520;
+var PASTED_TEXT_NAME = "texte-colle.txt";
+function storedWidth(key) {
+  try {
+    const v = Number(localStorage.getItem(key));
+    return v >= MIN_WIDTH ? v : DEFAULT_WIDTH;
+  } catch {
+    return DEFAULT_WIDTH;
+  }
+}
+function usePanelWidth(key) {
+  const [width, setWidth] = useState2(() => storedWidth(key));
+  const [expanded, setExpanded] = useState2(false);
+  const startResize = (e) => {
+    e.preventDefault();
+    setExpanded(false);
+    let latest = width;
+    const move = (ev) => {
+      latest = Math.max(MIN_WIDTH, Math.min(window.innerWidth - 80, window.innerWidth - ev.clientX));
+      setWidth(latest);
+    };
+    const up = () => {
+      window.removeEventListener("pointermove", move);
+      window.removeEventListener("pointerup", up);
+      try {
+        localStorage.setItem(key, String(latest));
+      } catch {
+        return;
+      }
+    };
+    window.addEventListener("pointermove", move);
+    window.addEventListener("pointerup", up);
+  };
+  return { width, expanded, setExpanded, startResize };
+}
+function AssistantPanel({
+  api,
+  scopes,
+  scopeId,
+  onScopeChange,
+  scopeLocked = false,
+  quickActions = [],
+  attachmentLimits,
+  pasteAsFileThreshold,
+  labels: labelOverrides,
+  renderMarkdown,
+  renderScopePicker,
+  renderMessageFooter,
+  readScreen,
+  widthStorageKey = "lalt.assistant.width",
+  onClose,
+  initialHistory = false
+}) {
+  const labels = { ...defaultLabels, ...labelOverrides };
+  const scopeLabel = scopes.find((s) => s.id === scopeId)?.label ?? "";
+  const [conversationId, setConversationId] = useState2();
+  const [thread, setThread] = useState2([]);
+  const [draft, setDraft] = useState2("");
+  const [error, setError] = useState2(null);
+  const [historyOpen, setHistoryOpen] = useState2(initialHistory);
+  const [menuOpen, setMenuOpen] = useState2(false);
+  const [pending, setPending] = useState2(false);
+  const [loading, setLoading] = useState2(false);
+  const [dragging, setDragging] = useState2(false);
+  const [conversations, setConversations] = useState2([]);
+  const fileInput = useRef2(null);
+  const endRef = useRef2(null);
+  const generation = useRef2(0);
+  const attachments = useAttachments({ attach: api.attach?.bind(api), scopeId, limits: attachmentLimits, labels });
+  const refreshConversations = useCallback2(() => {
+    api.listConversations().then(setConversations, (err) => setError(errorMessage(err, labels.requestFailed)));
+  }, [api, labels.requestFailed]);
+  useEffect2(refreshConversations, [refreshConversations]);
+  useEffect2(() => {
+    endRef.current?.scrollIntoView?.({ block: "end" });
+  }, [thread.length, pending]);
+  const newConversation = () => {
+    generation.current++;
+    setThread([]);
+    setConversationId(void 0);
+    setError(null);
+    setHistoryOpen(false);
+    setMenuOpen(false);
+    setPending(false);
+    attachments.clear();
+  };
+  const openConversation = (c) => {
+    const current = ++generation.current;
+    setHistoryOpen(false);
+    setMenuOpen(false);
+    setError(null);
+    setLoading(true);
+    api.getConversation(c.id).then(
+      (detail) => {
+        if (current !== generation.current) return;
+        setThread(detail.messages);
+        setConversationId(detail.id);
+        if (detail.scopeId && detail.scopeId !== scopeId) onScopeChange?.(detail.scopeId);
+        setLoading(false);
+      },
+      (err) => {
+        if (current !== generation.current) return;
+        setError(errorMessage(err, labels.requestFailed));
+        setLoading(false);
+      }
+    );
+  };
+  const canSend = !!scopeId && !pending && !attachments.uploading;
+  const send = (message, shownAs) => {
+    const ready = attachments.done;
+    if (!canSend || !message.trim() && ready.length === 0) return false;
+    const current = generation.current;
+    setError(null);
+    setHistoryOpen(false);
+    setPending(true);
+    setThread((t) => [...t, { role: "user", content: shownAs, attachments: ready }]);
+    attachments.clear();
+    api.send({
+      scopeId,
+      conversationId,
+      message,
+      attachmentIds: ready.map((a) => a.id),
+      screen: readScreen?.()
+    }).then(
+      (res) => {
+        if (current !== generation.current) return;
+        setConversationId(res.conversationId);
+        setThread((t) => [...t, { role: "assistant", content: res.answer, meta: res.meta }]);
+        setPending(false);
+        refreshConversations();
+      },
+      (err) => {
+        if (current !== generation.current) return;
+        setError(errorMessage(err, labels.requestFailed));
+        setPending(false);
+      }
+    );
+    return true;
+  };
+  const submit = () => {
+    const text = draft.trim();
+    if (send(text, text)) setDraft("");
+  };
+  const onKeyDown = (e) => {
+    if (e.key === "Enter" && !e.shiftKey) {
+      e.preventDefault();
+      submit();
+    }
+  };
+  const onPaste = (e) => {
+    if (!attachments.enabled) return;
+    const files = pastedFiles(e.clipboardData, pasteAsFileThreshold, PASTED_TEXT_NAME);
+    if (files.length === 0) return;
+    e.preventDefault();
+    attachments.add(files);
+  };
+  const onDragOver = (e) => {
+    if (!attachments.enabled || !Array.from(e.dataTransfer?.types ?? []).includes("Files")) return;
+    e.preventDefault();
+    setDragging(true);
+  };
+  const onDrop = (e) => {
+    if (!attachments.enabled) return;
+    e.preventDefault();
+    setDragging(false);
+    attachments.add(Array.from(e.dataTransfer?.files ?? []));
+  };
+  const empty = thread.length === 0 && !pending && !loading;
+  const panel = usePanelWidth(widthStorageKey);
+  return /* @__PURE__ */ jsxs2(
+    "aside",
+    {
+      role: "dialog",
+      "aria-label": labels.launcher,
+      className: "lalt-assistant lalt-assistant-panel",
+      "data-expanded": panel.expanded || void 0,
+      style: { ["--lalt-assistant-width"]: panel.expanded ? "min(1100px, 92vw)" : `${panel.width}px` },
+      onDragOver,
+      onDragLeave: (e) => {
+        if (e.currentTarget === e.target) setDragging(false);
+      },
+      onDrop,
+      children: [
+        /* @__PURE__ */ jsx2(
+          "div",
+          {
+            onPointerDown: panel.startResize,
+            role: "separator",
+            "aria-orientation": "vertical",
+            "aria-label": labels.resize,
+            className: "lalt-assistant-resize"
+          }
+        ),
+        dragging && /* @__PURE__ */ jsx2("div", { className: "lalt-assistant-dropzone", children: labels.dropHere }),
+        /* @__PURE__ */ jsxs2("header", { className: "lalt-assistant-header", children: [
+          /* @__PURE__ */ jsxs2("div", { className: "lalt-assistant-menu", children: [
+            /* @__PURE__ */ jsxs2("button", { type: "button", className: "lalt-assistant-title", onClick: () => setMenuOpen((v) => !v), "aria-expanded": menuOpen, children: [
+              /* @__PURE__ */ jsx2(Icon, { name: "bot" }),
+              labels.launcher,
+              /* @__PURE__ */ jsx2(Icon, { name: "chevronDown", size: 14, className: "lalt-assistant-muted" })
+            ] }),
+            menuOpen && /* @__PURE__ */ jsxs2("div", { role: "menu", className: "lalt-assistant-menu-content", children: [
+              /* @__PURE__ */ jsxs2("button", { type: "button", role: "menuitem", onClick: newConversation, children: [
+                /* @__PURE__ */ jsx2(Icon, { name: "plus" }),
+                labels.newConversation
+              ] }),
+              conversations.length > 0 && /* @__PURE__ */ jsxs2(Fragment2, { children: [
+                /* @__PURE__ */ jsx2("div", { className: "lalt-assistant-menu-label", children: labels.recent }),
+                conversations.slice(0, 5).map((c) => /* @__PURE__ */ jsxs2("button", { type: "button", role: "menuitem", onClick: () => openConversation(c), children: [
+                  /* @__PURE__ */ jsx2("span", { className: "lalt-assistant-grow lalt-assistant-truncate", children: c.title }),
+                  /* @__PURE__ */ jsx2("span", { className: "lalt-assistant-muted lalt-assistant-small", children: relativeTime(c.updatedAt) })
+                ] }, c.id))
+              ] }),
+              /* @__PURE__ */ jsx2("div", { className: "lalt-assistant-menu-separator" }),
+              /* @__PURE__ */ jsxs2(
+                "button",
+                {
+                  type: "button",
+                  role: "menuitem",
+                  onClick: () => {
+                    setMenuOpen(false);
+                    setHistoryOpen(true);
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx2(Icon, { name: "clock" }),
+                    labels.allHistory
+                  ]
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx2("div", { className: "lalt-assistant-grow" }),
+          scopeLocked || scopes.length <= 1 ? /* @__PURE__ */ jsx2("span", { className: "lalt-assistant-muted lalt-assistant-small lalt-assistant-truncate lalt-assistant-scope-label", children: scopeLabel }) : renderScopePicker ? renderScopePicker({
+            scopes,
+            scopeId,
+            label: labels.scope,
+            onChange: (id) => {
+              onScopeChange?.(id);
+              newConversation();
+            }
+          }) : /* @__PURE__ */ jsx2(
+            "select",
+            {
+              value: scopeId,
+              onChange: (e) => {
+                onScopeChange?.(e.target.value);
+                newConversation();
+              },
+              "aria-label": labels.scope,
+              className: "lalt-assistant-select",
+              children: scopes.map((s) => /* @__PURE__ */ jsx2("option", { value: s.id, children: s.label }, s.id))
+            }
+          ),
+          /* @__PURE__ */ jsx2(
+            "button",
+            {
+              type: "button",
+              onClick: () => panel.setExpanded((v) => !v),
+              "aria-label": panel.expanded ? labels.collapse : labels.expand,
+              className: "lalt-assistant-icon-button lalt-assistant-wide-only",
+              children: /* @__PURE__ */ jsx2(Icon, { name: panel.expanded ? "minimize" : "maximize" })
+            }
+          ),
+          /* @__PURE__ */ jsx2("button", { type: "button", onClick: onClose, "aria-label": labels.close, className: "lalt-assistant-icon-button", children: /* @__PURE__ */ jsx2(Icon, { name: "x" }) })
+        ] }),
+        /* @__PURE__ */ jsxs2("div", { className: "lalt-assistant-body", children: [
+          historyOpen ? /* @__PURE__ */ jsx2(HistoryList, { conversations, scopes, labels, onOpen: openConversation }) : empty ? /* @__PURE__ */ jsxs2("div", { children: [
+            /* @__PURE__ */ jsx2("h2", { className: "lalt-assistant-empty-title", children: labels.emptyTitle }),
+            labels.intro && /* @__PURE__ */ jsx2("p", { className: "lalt-assistant-intro", children: labels.intro }),
+            /* @__PURE__ */ jsx2("div", { className: "lalt-assistant-actions", children: quickActions.map((a) => /* @__PURE__ */ jsxs2(
+              "button",
+              {
+                type: "button",
+                onClick: () => send(a.prompt, a.label),
+                disabled: !canSend,
+                className: "lalt-assistant-action",
+                children: [
+                  /* @__PURE__ */ jsx2("div", { className: "lalt-assistant-action-label", children: a.label }),
+                  a.hint && /* @__PURE__ */ jsx2("div", { className: "lalt-assistant-muted lalt-assistant-small", children: a.hint })
+                ]
+              },
+              a.id
+            )) })
+          ] }) : /* @__PURE__ */ jsxs2("div", { className: "lalt-assistant-thread", children: [
+            thread.map(
+              (m, i) => m.role === "user" ? /* @__PURE__ */ jsxs2("div", { className: "lalt-assistant-user", children: [
+                m.content,
+                m.attachments && m.attachments.length > 0 && /* @__PURE__ */ jsx2("div", { className: "lalt-assistant-sent-files", children: m.attachments.map((a) => /* @__PURE__ */ jsxs2("span", { className: "lalt-assistant-sent-file", children: [
+                  /* @__PURE__ */ jsx2(Icon, { name: "file", size: 12 }),
+                  a.filename
+                ] }, a.id)) })
+              ] }, i) : /* @__PURE__ */ jsxs2("div", { className: "lalt-assistant-answer", children: [
+                renderMarkdown ? renderMarkdown(m.content) : /* @__PURE__ */ jsx2("div", { className: "lalt-assistant-plain", children: m.content }),
+                renderMessageFooter?.(m)
+              ] }, i)
+            ),
+            (pending || loading) && /* @__PURE__ */ jsxs2("div", { className: "lalt-assistant-muted lalt-assistant-small lalt-assistant-status", children: [
+              /* @__PURE__ */ jsx2("span", { className: "lalt-assistant-spinner" }),
+              loading ? labels.loading : labels.thinking
+            ] })
+          ] }),
+          error && /* @__PURE__ */ jsx2("p", { role: "alert", className: "lalt-assistant-error", children: error }),
+          /* @__PURE__ */ jsx2("div", { ref: endRef })
+        ] }),
+        /* @__PURE__ */ jsx2("div", { className: "lalt-assistant-footer", children: /* @__PURE__ */ jsxs2("div", { className: "lalt-assistant-composer", children: [
+          (attachments.items.length > 0 || attachments.notice) && /* @__PURE__ */ jsxs2("div", { className: "lalt-assistant-chips", children: [
+            attachments.items.map((item) => /* @__PURE__ */ jsx2(AttachmentChip, { item, labels, onRemove: () => attachments.remove(item.localId) }, item.localId)),
+            attachments.notice && /* @__PURE__ */ jsx2("p", { className: "lalt-assistant-error", children: attachments.notice })
+          ] }),
+          /* @__PURE__ */ jsx2(
+            "textarea",
+            {
+              value: draft,
+              onChange: (e) => setDraft(e.target.value),
+              onKeyDown,
+              onPaste,
+              rows: 3,
+              placeholder: labels.placeholder,
+              "aria-label": "Message",
+              className: "lalt-assistant-textarea"
+            }
+          ),
+          /* @__PURE__ */ jsxs2("div", { className: "lalt-assistant-composer-row", children: [
+            attachments.enabled && /* @__PURE__ */ jsxs2(Fragment2, { children: [
+              /* @__PURE__ */ jsx2(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => fileInput.current?.click(),
+                  "aria-label": labels.attach,
+                  title: labels.attach,
+                  className: "lalt-assistant-icon-button",
+                  children: /* @__PURE__ */ jsx2(Icon, { name: "paperclip" })
+                }
+              ),
+              /* @__PURE__ */ jsx2(
+                "input",
+                {
+                  ref: fileInput,
+                  type: "file",
+                  multiple: true,
+                  hidden: true,
+                  "data-testid": "lalt-assistant-file-input",
+                  accept: attachmentLimits ? [...attachmentLimits.imageTypes, ...attachmentLimits.fileTypes].join(",") : void 0,
+                  onChange: (e) => {
+                    attachments.add(Array.from(e.target.files ?? []));
+                    e.target.value = "";
+                  }
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx2("div", { className: "lalt-assistant-grow" }),
+            /* @__PURE__ */ jsx2(
+              "button",
+              {
+                type: "button",
+                onClick: submit,
+                disabled: !canSend || !draft.trim() && attachments.done.length === 0,
+                "aria-label": labels.send,
+                className: "lalt-assistant-send",
+                children: /* @__PURE__ */ jsx2(Icon, { name: "arrowUp" })
+              }
+            )
+          ] })
+        ] }) })
+      ]
+    }
+  );
+}
+function AttachmentChip({ item, labels, onRemove }) {
+  return /* @__PURE__ */ jsxs2("div", { className: "lalt-assistant-chip", "data-status": item.status, title: item.error, children: [
+    item.previewUrl ? /* @__PURE__ */ jsx2("img", { src: item.previewUrl, alt: "", className: "lalt-assistant-chip-preview" }) : /* @__PURE__ */ jsx2(Icon, { name: "file", size: 14 }),
+    /* @__PURE__ */ jsxs2("span", { className: "lalt-assistant-chip-text", children: [
+      /* @__PURE__ */ jsx2("span", { className: "lalt-assistant-truncate", children: item.file.name }),
+      /* @__PURE__ */ jsx2("span", { className: "lalt-assistant-muted lalt-assistant-small", children: item.status === "error" ? item.error : item.status === "uploading" ? labels.uploading : formatSize(item.file.size) })
+    ] }),
+    item.status === "uploading" && /* @__PURE__ */ jsx2("span", { className: "lalt-assistant-spinner" }),
+    /* @__PURE__ */ jsx2("button", { type: "button", onClick: onRemove, "aria-label": `${labels.removeAttachment} ${item.file.name}`, className: "lalt-assistant-chip-remove", children: /* @__PURE__ */ jsx2(Icon, { name: "x", size: 12 }) })
+  ] });
+}
+function HistoryList({
+  conversations,
+  scopes,
+  labels,
+  onOpen
+}) {
+  if (conversations.length === 0) {
+    return /* @__PURE__ */ jsx2("p", { className: "lalt-assistant-muted lalt-assistant-history-empty", children: labels.noConversation });
+  }
+  return /* @__PURE__ */ jsx2("ul", { className: "lalt-assistant-history", children: conversations.map((c) => {
+    const scope = scopes.find((s) => s.id === c.scopeId)?.label;
+    return /* @__PURE__ */ jsx2("li", { children: /* @__PURE__ */ jsxs2("button", { type: "button", onClick: () => onOpen(c), children: [
+      /* @__PURE__ */ jsx2("div", { className: "lalt-assistant-truncate", children: c.title }),
+      /* @__PURE__ */ jsx2("div", { className: "lalt-assistant-muted lalt-assistant-small", children: [scope, relativeTime(c.updatedAt)].filter(Boolean).join(" \xB7 ") })
+    ] }) }, c.id);
+  }) });
+}
+
+// src/assistant-launcher.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function AssistantLauncher(props) {
+  const [open, setOpen] = useState3(false);
+  const [showHistory, setShowHistory] = useState3(false);
+  const labels = { ...defaultLabels, ...props.labels };
+  const openPanel = (history) => {
+    setShowHistory(history);
+    setOpen(true);
+  };
+  if (open) return /* @__PURE__ */ jsx3(AssistantPanel, { ...props, initialHistory: showHistory, onClose: () => setOpen(false) });
+  return /* @__PURE__ */ jsxs3("div", { className: "lalt-assistant lalt-assistant-launcher", children: [
+    /* @__PURE__ */ jsxs3("button", { type: "button", onClick: () => openPanel(true), className: "lalt-assistant-launch lalt-assistant-launch-secondary", children: [
+      /* @__PURE__ */ jsx3(Icon, { name: "clock" }),
+      labels.history
+    ] }),
+    /* @__PURE__ */ jsxs3("button", { type: "button", onClick: () => openPanel(false), className: "lalt-assistant-launch lalt-assistant-launch-primary", children: [
+      /* @__PURE__ */ jsx3(Icon, { name: "bot" }),
+      labels.launcher
+    ] })
+  ] });
+}
+export {
+  AssistantLauncher,
+  AssistantPanel,
+  defaultLabels,
+  formatSize,
+  readMainScreen,
+  relativeTime
+};
+//# sourceMappingURL=index.js.map