@arbidocs/blocks 0.5.120 → 0.5.121

package/dist/connection/presentation/PresentationDialogs.js

@@ -0,0 +1,295 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import {
+  FileDown,
+  FolderOpen,
+  ImageIcon,
+  LayoutTemplate,
+  Loader2,
+  Presentation,
+  Save
+} from "lucide-react";
+import { useDocuments } from "@arbidocs/react";
+import { Button, Input, getDocumentTitle } from "@arbidocs/react/ui";
+import { DocumentPicker } from "../../settings/DocumentPicker.js";
+import { ModalScaffold } from "../../settings/ModalScaffold.js";
+import { useBlocksEnvironment } from "../../provider/environment.js";
+import { GENERATE_IMAGE_ID } from "../../agents/workflows/catalogue/seed.js";
+import { ConnectedWorkflowStart } from "../workflows/ConnectedWorkflowStart.js";
+import { useWorkflowDefinitions } from "../workflows/useWorkflowDefinitions.js";
+import { usePresentation } from "../../presentation/store.js";
+import { useGenerateImageLaunch } from "./useImageGeneration.js";
+import { usePresentationFiles } from "./usePresentationFiles.js";
+function GenerateImageDialog({
+  open,
+  onOpenChange,
+  referenceId
+}) {
+  const notify = usePresentation((s) => s.notify);
+  const { skills } = useWorkflowDefinitions();
+  const run = useGenerateImageLaunch();
+  const workflows = useMemo(
+    () => skills.filter((w) => w.id === GENERATE_IMAGE_ID).map((w) => ({ ...w, options: { ...w.options, agent: false } })),
+    [skills]
+  );
+  const onLaunch = useCallback(
+    async (launch) => {
+      try {
+        await run(launch);
+        notify("The image is in your clips", "success");
+      } catch (error) {
+        notify(error instanceof Error ? error.message : "The image could not be generated", "error");
+        throw error;
+      }
+    },
+    [run, notify]
+  );
+  if (!open || !workflows.length) return null;
+  return /* @__PURE__ */ jsx(
+    ConnectedWorkflowStart,
+    {
+      workflows,
+      showTiles: false,
+      activeId: GENERATE_IMAGE_ID,
+      onActiveIdChange: (id) => id === null && onOpenChange(false),
+      initialInputsFor: () => referenceId ? { references: { folders: [], labels: [], documents: [referenceId] } } : {},
+      onLaunch,
+      uploadInPlace: true
+    }
+  );
+}
+const SAVE_TEXT = {
+  save: {
+    title: "Save presentation",
+    description: "Saved in Files \u203A Presentations as a PowerPoint file: searchable, it opens again here for editing, and in PowerPoint.",
+    action: "Save"
+  },
+  saveAs: {
+    title: "Save as",
+    description: "A new copy under this name in Files \u203A Presentations.",
+    action: "Save"
+  },
+  template: {
+    title: "Save as template",
+    description: "Its look and slides, without clips, in Files \u203A Presentations \u203A Templates: New from template starts from it.",
+    action: "Save template"
+  },
+  export: {
+    title: "Export PDF",
+    description: "A PDF of the slides in Files \u203A Presentations \u203A Exports: to send or file. Redactions are burnt in.",
+    action: "Export"
+  }
+};
+function SavePresentationDialog({
+  open,
+  onOpenChange,
+  mode = "save"
+}) {
+  const notify = usePresentation((s) => s.notify);
+  const { save, exportPdf } = usePresentationFiles();
+  const current = usePresentation((s) => s.title);
+  const [title, setTitle] = useState(current);
+  const [busy, setBusy] = useState(false);
+  const text = SAVE_TEXT[mode];
+  useEffect(() => {
+    if (!open) return;
+    const named = current === "Untitled presentation" ? "" : current;
+    setTitle(mode === "saveAs" && named ? `${named} (copy)` : mode === "template" ? "" : named);
+  }, [open, current, mode]);
+  const submit = async () => {
+    const name = title.trim();
+    if (!name || busy) return;
+    setBusy(true);
+    try {
+      if (mode === "export") {
+        await exportPdf(name);
+        notify(`"${name}.pdf" saved in Presentations`, "success");
+      } else {
+        await save(name, { asNew: mode === "saveAs", template: mode === "template" });
+        notify(`"${name}" saved in Presentations`, "success");
+      }
+      onOpenChange(false);
+    } catch (error) {
+      notify(error instanceof Error ? error.message : "Could not save", "error");
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    ModalScaffold,
+    {
+      open,
+      onOpenChange,
+      title: text.title,
+      description: text.description,
+      showDescription: true,
+      icon: mode === "export" ? /* @__PURE__ */ jsx(FileDown, { className: "size-5" }) : /* @__PURE__ */ jsx(Save, { className: "size-5" }),
+      size: "sm",
+      testId: "presentation-save-dialog",
+      children: [
+        /* @__PURE__ */ jsx(ModalScaffold.Body, { children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            autoFocus: true,
+            value: title,
+            onChange: (event) => setTitle(event.target.value),
+            onKeyDown: (event) => event.key === "Enter" && void submit(),
+            placeholder: "Name, e.g. Opening statement",
+            "aria-label": "Name",
+            disabled: busy
+          }
+        ) }),
+        /* @__PURE__ */ jsxs(ModalScaffold.Footer, { children: [
+          /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" }),
+          /* @__PURE__ */ jsxs(Button, { type: "button", onClick: () => void submit(), disabled: !title.trim() || busy, children: [
+            busy && /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin" }),
+            text.action
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function OpenPresentationDialog({
+  open,
+  onOpenChange,
+  onOpened,
+  templates = false
+}) {
+  const { confirm } = useBlocksEnvironment();
+  const notify = usePresentation((s) => s.notify);
+  const { list, startFromTemplate } = usePresentationFiles();
+  const [entries, setEntries] = useState(null);
+  const [opening, setOpening] = useState(null);
+  useEffect(() => {
+    if (!open) return;
+    setEntries(null);
+    list(templates ? "templates" : "presentations").then(setEntries).catch(() => setEntries([]));
+  }, [open, list, templates]);
+  const choose = async (entry) => {
+    if (!templates) {
+      onOpenChange(false);
+      onOpened(entry.id);
+      return;
+    }
+    if (usePresentation.getState().clips.length) {
+      const ok = await confirm({
+        title: "New from template",
+        message: "Replace the presentation that is open? Save it first to keep it.",
+        kind: "confirm"
+      });
+      if (!ok) return;
+    }
+    setOpening(entry.id);
+    try {
+      await startFromTemplate(entry.id);
+      onOpenChange(false);
+      onOpened(null);
+    } catch (error) {
+      notify(error instanceof Error ? error.message : "The template could not be opened", "error");
+    } finally {
+      setOpening(null);
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    ModalScaffold,
+    {
+      open,
+      onOpenChange,
+      title: templates ? "New from template" : "Open presentation",
+      description: templates ? "A new presentation with the template\u2019s look and slides." : "Presentations saved in this workspace.",
+      showDescription: true,
+      icon: templates ? /* @__PURE__ */ jsx(LayoutTemplate, { className: "size-5" }) : /* @__PURE__ */ jsx(FolderOpen, { className: "size-5" }),
+      testId: templates ? "presentation-template-dialog" : "presentation-open-dialog",
+      children: /* @__PURE__ */ jsx(ModalScaffold.Body, { children: entries === null ? /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin" }),
+        " Loading\u2026"
+      ] }) : entries.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: templates ? "No templates yet. Save as template\u2026 keeps one in Files \u203A Presentations \u203A Templates." : "No saved presentations yet." }) : /* @__PURE__ */ jsx("ul", { className: "divide-y divide-border rounded-lg border border-border", children: entries.map((entry) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          disabled: !!opening,
+          onClick: () => void choose(entry),
+          className: "flex w-full items-center gap-3 px-3 py-2.5 text-left hover:bg-muted focus-visible:bg-muted focus-visible:outline-none disabled:opacity-60 pointer-coarse:min-h-11",
+          children: [
+            opening === entry.id ? /* @__PURE__ */ jsx(Loader2, { className: "size-4 shrink-0 animate-spin text-muted-foreground" }) : /* @__PURE__ */ jsx(Presentation, { className: "size-4 shrink-0 text-muted-foreground" }),
+            /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-sm font-medium", children: entry.title }),
+            entry.updatedAt && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs text-muted-foreground", children: new Date(entry.updatedAt).toLocaleDateString() })
+          ]
+        }
+      ) }, entry.id)) }) })
+    }
+  );
+}
+const IMAGE_FILE = /\.(png|jpe?g|gif|webp|svg)$/i;
+function ChooseLogoDialog({ open, onOpenChange }) {
+  const setTheme = usePresentation((s) => s.setTheme);
+  const corner = usePresentation((s) => s.theme.logo?.corner ?? "br");
+  const { data: documents } = useDocuments(void 0, { enabled: open });
+  const [picked, setPicked] = useState("");
+  const groups = useMemo(
+    () => [
+      {
+        id: "images",
+        docs: (documents ?? []).filter((doc) => IMAGE_FILE.test(doc.file_name ?? "")).map((doc) => ({
+          id: doc.external_id,
+          title: getDocumentTitle(doc, "Untitled"),
+          fileName: doc.file_name
+        })).sort((a, b) => a.title.localeCompare(b.title))
+      }
+    ],
+    [documents]
+  );
+  const selected = groups[0].docs.find((doc) => doc.id === picked);
+  const use = () => {
+    if (!selected) return;
+    setTheme({ logo: { documentId: selected.id, fileName: selected.fileName ?? "", corner } });
+    setPicked("");
+    onOpenChange(false);
+  };
+  return /* @__PURE__ */ jsxs(
+    ModalScaffold,
+    {
+      open,
+      onOpenChange,
+      title: "Logo",
+      description: "An image of this workspace (a PNG with a transparent background looks best), small in the footer of every slide.",
+      showDescription: true,
+      icon: /* @__PURE__ */ jsx(ImageIcon, { className: "size-5" }),
+      size: "sm",
+      testId: "presentation-logo-dialog",
+      children: [
+        /* @__PURE__ */ jsx(ModalScaffold.Body, { children: /* @__PURE__ */ jsx(
+          DocumentPicker,
+          {
+            groups,
+            value: picked,
+            onValueChange: setPicked,
+            labels: { placeholder: "Choose an image", noDocuments: "No images in this workspace." }
+          }
+        ) }),
+        /* @__PURE__ */ jsxs(ModalScaffold.Footer, { children: [
+          /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              onClick: use,
+              disabled: !selected,
+              "data-testid": "presentation-logo-use",
+              children: "Use as logo"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+export {
+  ChooseLogoDialog,
+  GenerateImageDialog,
+  OpenPresentationDialog,
+  SavePresentationDialog
+};
+//# sourceMappingURL=PresentationDialogs.js.map

package/dist/connection/presentation/PresentationDialogs.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/connection/presentation/PresentationDialogs.tsx"],
+  "sourcesContent": ["/**\n * The presentation's dialogs: the app's Generate image (to create or edit an image into the clips),\n * save under a title (or as a template), open a saved one (or start from a template), choose the\n * theme's logo.\n */\n\nimport { useCallback, useEffect, useMemo, useState } from 'react'\nimport {\n  FileDown,\n  FolderOpen,\n  ImageIcon,\n  LayoutTemplate,\n  Loader2,\n  Presentation,\n  Save,\n} from 'lucide-react'\nimport { useDocuments } from '@arbidocs/react'\nimport { Button, Input, getDocumentTitle } from '@arbidocs/react/ui'\nimport { DocumentPicker, type PickerGroup } from '../../settings/DocumentPicker'\nimport { ModalScaffold } from '../../settings/ModalScaffold'\nimport { useBlocksEnvironment } from '../../provider/environment'\nimport { GENERATE_IMAGE_ID } from '../../agents/workflows/catalogue/seed'\nimport type { OnWorkflowLaunch } from '../../agents/workflows/types'\nimport { ConnectedWorkflowStart } from '../workflows/ConnectedWorkflowStart'\nimport { useWorkflowDefinitions } from '../workflows/useWorkflowDefinitions'\nimport { usePresentation } from '../../presentation/store'\nimport { useGenerateImageLaunch } from './useImageGeneration'\nimport { usePresentationFiles, type SavedPresentationEntry } from './usePresentationFiles'\n\ninterface DialogProps {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n}\n\n/**\n * Generate image, from the presentation: the app's own Generate image dialog (the workflow's form),\n * opened straight on its form, with `referenceId` as its source image when editing one. Its run\n * adds the image to the clips instead of opening a chat.\n */\nexport function GenerateImageDialog({\n  open,\n  onOpenChange,\n  referenceId,\n}: DialogProps & { referenceId?: string | null }) {\n  const notify = usePresentation((s) => s.notify)\n  const { skills } = useWorkflowDefinitions()\n  const run = useGenerateImageLaunch()\n  // The run makes an image for the presentation, so it is always the user's own (no agent choice).\n  const workflows = useMemo(\n    () =>\n      skills\n        .filter((w) => w.id === GENERATE_IMAGE_ID)\n        .map((w) => ({ ...w, options: { ...w.options, agent: false } })),\n    [skills]\n  )\n  const onLaunch = useCallback<OnWorkflowLaunch>(\n    async (launch) => {\n      try {\n        await run(launch)\n        notify('The image is in your clips', 'success')\n      } catch (error) {\n        notify(error instanceof Error ? error.message : 'The image could not be generated', 'error')\n        throw error\n      }\n    },\n    [run, notify]\n  )\n  if (!open || !workflows.length) return null\n  return (\n    <ConnectedWorkflowStart\n      workflows={workflows}\n      showTiles={false}\n      activeId={GENERATE_IMAGE_ID}\n      onActiveIdChange={(id) => id === null && onOpenChange(false)}\n      initialInputsFor={() =>\n        referenceId ? { references: { folders: [], labels: [], documents: [referenceId] } } : {}\n      }\n      onLaunch={onLaunch}\n      // In the presentation's (popped-out) window: uploads happen here, not in the app's window.\n      uploadInPlace\n    />\n  )\n}\n\n/** Save the presentation under a title (in the workspace's Presentations folder). */\n/** How the presentation is saved: again, as a new copy, as a template, or exported as a PDF. */\nexport type SaveMode = 'save' | 'saveAs' | 'export' | 'template'\n\nconst SAVE_TEXT: Record<SaveMode, { title: string; description: string; action: string }> = {\n  save: {\n    title: 'Save presentation',\n    description:\n      'Saved in Files \u203A Presentations as a PowerPoint file: searchable, it opens again here for editing, and in PowerPoint.',\n    action: 'Save',\n  },\n  saveAs: {\n    title: 'Save as',\n    description: 'A new copy under this name in Files \u203A Presentations.',\n    action: 'Save',\n  },\n  template: {\n    title: 'Save as template',\n    description:\n      'Its look and slides, without clips, in Files \u203A Presentations \u203A Templates: New from template starts from it.',\n    action: 'Save template',\n  },\n  export: {\n    title: 'Export PDF',\n    description:\n      'A PDF of the slides in Files \u203A Presentations \u203A Exports: to send or file. Redactions are burnt in.',\n    action: 'Export',\n  },\n}\n\n/** Save under a name you type, in the workspace's Presentations folder. */\nexport function SavePresentationDialog({\n  open,\n  onOpenChange,\n  mode = 'save',\n}: DialogProps & { mode?: SaveMode }) {\n  const notify = usePresentation((s) => s.notify)\n  const { save, exportPdf } = usePresentationFiles()\n  const current = usePresentation((s) => s.title)\n  const [title, setTitle] = useState(current)\n  const [busy, setBusy] = useState(false)\n  const text = SAVE_TEXT[mode]\n  useEffect(() => {\n    if (!open) return\n    const named = current === 'Untitled presentation' ? '' : current\n    setTitle(mode === 'saveAs' && named ? `${named} (copy)` : mode === 'template' ? '' : named)\n  }, [open, current, mode])\n\n  const submit = async () => {\n    const name = title.trim()\n    if (!name || busy) return\n    setBusy(true)\n    try {\n      if (mode === 'export') {\n        await exportPdf(name)\n        notify(`\"${name}.pdf\" saved in Presentations`, 'success')\n      } else {\n        await save(name, { asNew: mode === 'saveAs', template: mode === 'template' })\n        notify(`\"${name}\" saved in Presentations`, 'success')\n      }\n      onOpenChange(false)\n    } catch (error) {\n      notify(error instanceof Error ? error.message : 'Could not save', 'error')\n    } finally {\n      setBusy(false)\n    }\n  }\n\n  return (\n    <ModalScaffold\n      open={open}\n      onOpenChange={onOpenChange}\n      title={text.title}\n      description={text.description}\n      showDescription\n      icon={mode === 'export' ? <FileDown className=\"size-5\" /> : <Save className=\"size-5\" />}\n      size=\"sm\"\n      testId=\"presentation-save-dialog\"\n    >\n      <ModalScaffold.Body>\n        <Input\n          autoFocus\n          value={title}\n          onChange={(event) => setTitle(event.target.value)}\n          onKeyDown={(event) => event.key === 'Enter' && void submit()}\n          placeholder=\"Name, e.g. Opening statement\"\n          aria-label=\"Name\"\n          disabled={busy}\n        />\n      </ModalScaffold.Body>\n      <ModalScaffold.Footer>\n        <Button type=\"button\" variant=\"outline\" onClick={() => onOpenChange(false)}>\n          Cancel\n        </Button>\n        <Button type=\"button\" onClick={() => void submit()} disabled={!title.trim() || busy}>\n          {busy && <Loader2 className=\"size-4 animate-spin\" />}\n          {text.action}\n        </Button>\n      </ModalScaffold.Footer>\n    </ModalScaffold>\n  )\n}\n\n/**\n * Open a presentation saved in this workspace, in place of this one; or (`templates`) start a new\n * one from a template.\n */\nexport function OpenPresentationDialog({\n  open,\n  onOpenChange,\n  onOpened,\n  templates = false,\n}: DialogProps & {\n  /**\n   * Show the chosen presentation (the viewer's slides tab opens its document, and loads it);\n   * after a template, `null`: a new presentation, its look and slides already loaded.\n   */\n  onOpened: (documentId: string | null) => void\n  templates?: boolean\n}) {\n  const { confirm } = useBlocksEnvironment()\n  const notify = usePresentation((s) => s.notify)\n  const { list, startFromTemplate } = usePresentationFiles()\n  const [entries, setEntries] = useState<SavedPresentationEntry[] | null>(null)\n  const [opening, setOpening] = useState<string | null>(null)\n\n  useEffect(() => {\n    if (!open) return\n    setEntries(null)\n    list(templates ? 'templates' : 'presentations')\n      .then(setEntries)\n      .catch(() => setEntries([]))\n  }, [open, list, templates])\n\n  const choose = async (entry: SavedPresentationEntry) => {\n    if (!templates) {\n      onOpenChange(false)\n      onOpened(entry.id)\n      return\n    }\n    if (usePresentation.getState().clips.length) {\n      const ok = await confirm({\n        title: 'New from template',\n        message: 'Replace the presentation that is open? Save it first to keep it.',\n        kind: 'confirm',\n      })\n      if (!ok) return\n    }\n    setOpening(entry.id)\n    try {\n      await startFromTemplate(entry.id)\n      onOpenChange(false)\n      onOpened(null)\n    } catch (error) {\n      notify(error instanceof Error ? error.message : 'The template could not be opened', 'error')\n    } finally {\n      setOpening(null)\n    }\n  }\n\n  return (\n    <ModalScaffold\n      open={open}\n      onOpenChange={onOpenChange}\n      title={templates ? 'New from template' : 'Open presentation'}\n      description={\n        templates\n          ? 'A new presentation with the template\u2019s look and slides.'\n          : 'Presentations saved in this workspace.'\n      }\n      showDescription\n      icon={templates ? <LayoutTemplate className=\"size-5\" /> : <FolderOpen className=\"size-5\" />}\n      testId={templates ? 'presentation-template-dialog' : 'presentation-open-dialog'}\n    >\n      <ModalScaffold.Body>\n        {entries === null ? (\n          <p className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n            <Loader2 className=\"size-4 animate-spin\" /> Loading\u2026\n          </p>\n        ) : entries.length === 0 ? (\n          <p className=\"text-sm text-muted-foreground\">\n            {templates\n              ? 'No templates yet. Save as template\u2026 keeps one in Files \u203A Presentations \u203A Templates.'\n              : 'No saved presentations yet.'}\n          </p>\n        ) : (\n          <ul className=\"divide-y divide-border rounded-lg border border-border\">\n            {entries.map((entry) => (\n              <li key={entry.id}>\n                <button\n                  type=\"button\"\n                  disabled={!!opening}\n                  onClick={() => void choose(entry)}\n                  className=\"flex w-full items-center gap-3 px-3 py-2.5 text-left hover:bg-muted focus-visible:bg-muted focus-visible:outline-none disabled:opacity-60 pointer-coarse:min-h-11\"\n                >\n                  {opening === entry.id ? (\n                    <Loader2 className=\"size-4 shrink-0 animate-spin text-muted-foreground\" />\n                  ) : (\n                    <Presentation className=\"size-4 shrink-0 text-muted-foreground\" />\n                  )}\n                  <span className=\"min-w-0 flex-1 truncate text-sm font-medium\">{entry.title}</span>\n                  {entry.updatedAt && (\n                    <span className=\"shrink-0 text-xs text-muted-foreground\">\n                      {new Date(entry.updatedAt).toLocaleDateString()}\n                    </span>\n                  )}\n                </button>\n              </li>\n            ))}\n          </ul>\n        )}\n      </ModalScaffold.Body>\n    </ModalScaffold>\n  )\n}\n\nconst IMAGE_FILE = /\\.(png|jpe?g|gif|webp|svg)$/i\n\n/** Design \u203A Logo: one of the workspace's images, in the footer of every slide. */\nexport function ChooseLogoDialog({ open, onOpenChange }: DialogProps) {\n  const setTheme = usePresentation((s) => s.setTheme)\n  const corner = usePresentation((s) => s.theme.logo?.corner ?? 'br')\n  const { data: documents } = useDocuments(undefined, { enabled: open })\n  const [picked, setPicked] = useState('')\n  const groups = useMemo<PickerGroup[]>(\n    () => [\n      {\n        id: 'images',\n        docs: (documents ?? [])\n          .filter((doc) => IMAGE_FILE.test(doc.file_name ?? ''))\n          .map((doc) => ({\n            id: doc.external_id,\n            title: getDocumentTitle(doc, 'Untitled'),\n            fileName: doc.file_name,\n          }))\n          .sort((a, b) => a.title.localeCompare(b.title)),\n      },\n    ],\n    [documents]\n  )\n  const selected = groups[0].docs.find((doc) => doc.id === picked)\n  const use = () => {\n    if (!selected) return\n    setTheme({ logo: { documentId: selected.id, fileName: selected.fileName ?? '', corner } })\n    setPicked('')\n    onOpenChange(false)\n  }\n  return (\n    <ModalScaffold\n      open={open}\n      onOpenChange={onOpenChange}\n      title=\"Logo\"\n      description=\"An image of this workspace (a PNG with a transparent background looks best), small in the footer of every slide.\"\n      showDescription\n      icon={<ImageIcon className=\"size-5\" />}\n      size=\"sm\"\n      testId=\"presentation-logo-dialog\"\n    >\n      <ModalScaffold.Body>\n        <DocumentPicker\n          groups={groups}\n          value={picked}\n          onValueChange={setPicked}\n          labels={{ placeholder: 'Choose an image', noDocuments: 'No images in this workspace.' }}\n        />\n      </ModalScaffold.Body>\n      <ModalScaffold.Footer>\n        <Button type=\"button\" variant=\"outline\" onClick={() => onOpenChange(false)}>\n          Cancel\n        </Button>\n        <Button\n          type=\"button\"\n          onClick={use}\n          disabled={!selected}\n          data-testid=\"presentation-logo-use\"\n        >\n          Use as logo\n        </Button>\n      </ModalScaffold.Footer>\n    </ModalScaffold>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/connection/presentation/PresentationFileCard.d.ts

@@ -0,0 +1,10 @@
+/**
+ * A presentation saved before presentations were PDFs (the editable data alone), in the viewer's
+ * PDF tab: it has no slides to show there, so the card says what it is and opens its slides.
+ */
+export interface PresentationFileCardProps {
+    documentId: string;
+    fileName: string;
+}
+/** A presentation saved in the older format: opening it and saving makes it a presentation PDF. */
+export declare function PresentationFileCard({ documentId, fileName }: PresentationFileCardProps): import("react").JSX.Element;

package/dist/connection/presentation/PresentationFileCard.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Pencil, Presentation } from "lucide-react";
+import { useArbiSessionStore } from "@arbidocs/react";
+import { Button } from "@arbidocs/react/ui";
+import { EmptyState } from "../../components/EmptyState.js";
+import { presentationTitle } from "../../presentation/persistence.js";
+import { editPresentation } from "./requests.js";
+function PresentationFileCard({ documentId, fileName }) {
+  const session = useArbiSessionStore();
+  return /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center p-6", "data-testid": "presentation-file", children: /* @__PURE__ */ jsx(
+    EmptyState,
+    {
+      icon: Presentation,
+      title: presentationTitle(fileName),
+      description: "A presentation saved in an earlier format, without its slides. Open it and save it to keep it as a presentation PDF; this file can then be deleted.",
+      action: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          onClick: () => editPresentation(session, { kind: "open", documentId }),
+          "data-testid": "presentation-file-edit",
+          children: [
+            /* @__PURE__ */ jsx(Pencil, { className: "size-4" }),
+            "Open the slides"
+          ]
+        }
+      )
+    }
+  ) });
+}
+export {
+  PresentationFileCard
+};
+//# sourceMappingURL=PresentationFileCard.js.map

package/dist/connection/presentation/PresentationFileCard.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/connection/presentation/PresentationFileCard.tsx"],
+  "sourcesContent": ["/**\n * A presentation saved before presentations were PDFs (the editable data alone), in the viewer's\n * PDF tab: it has no slides to show there, so the card says what it is and opens its slides.\n */\n\nimport { Pencil, Presentation } from 'lucide-react'\nimport { useArbiSessionStore } from '@arbidocs/react'\nimport { Button } from '@arbidocs/react/ui'\nimport { EmptyState } from '../../components/EmptyState'\nimport { presentationTitle } from '../../presentation/persistence'\nimport { editPresentation } from './requests'\n\nexport interface PresentationFileCardProps {\n  documentId: string\n  fileName: string\n}\n\n/** A presentation saved in the older format: opening it and saving makes it a presentation PDF. */\nexport function PresentationFileCard({ documentId, fileName }: PresentationFileCardProps) {\n  const session = useArbiSessionStore()\n  return (\n    <div className=\"flex h-full items-center justify-center p-6\" data-testid=\"presentation-file\">\n      <EmptyState\n        icon={Presentation}\n        title={presentationTitle(fileName)}\n        description=\"A presentation saved in an earlier format, without its slides. Open it and save it to keep it as a presentation PDF; this file can then be deleted.\"\n        action={\n          <Button\n            type=\"button\"\n            onClick={() => editPresentation(session, { kind: 'open', documentId })}\n            data-testid=\"presentation-file-edit\"\n          >\n            <Pencil className=\"size-4\" />\n            Open the slides\n          </Button>\n        }\n      />\n    </div>\n  )\n}\n"],
+  "mappings": ";AA2BU,SAKE,KALF;AAtBV,SAAS,QAAQ,oBAAoB;AACrC,SAAS,2BAA2B;AACpC,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AAQ1B,SAAS,qBAAqB,EAAE,YAAY,SAAS,GAA8B;AACxF,QAAM,UAAU,oBAAoB;AACpC,SACE,oBAAC,SAAI,WAAU,+CAA8C,eAAY,qBACvE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,OAAO,kBAAkB,QAAQ;AAAA,MACjC,aAAY;AAAA,MACZ,QACE;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,MAAM,iBAAiB,SAAS,EAAE,MAAM,QAAQ,WAAW,CAAC;AAAA,UACrE,eAAY;AAAA,UAEZ;AAAA,gCAAC,UAAO,WAAU,UAAS;AAAA,YAAE;AAAA;AAAA;AAAA,MAE/B;AAAA;AAAA,EAEJ,GACF;AAEJ;",
+  "names": []
+}

package/dist/connection/presentation/PresentationPill.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Back to the presentation, from any document the viewer shows (clips are gathered while reading,
+ * then arranged): its title and how many clips wait in its tray. Shown while a presentation is
+ * being made and the viewer is elsewhere.
+ */
+export declare function PresentationPill({ compact }: {
+    compact: boolean;
+}): import("react").JSX.Element | null;

package/dist/connection/presentation/PresentationPill.js

@@ -0,0 +1,44 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Presentation } from "lucide-react";
+import { DOCUMENT_VIEWER_PANEL, useArbiSessionState, useArbiSessionStore } from "@arbidocs/react";
+import { Button } from "@arbidocs/react/ui";
+import { usePresentation } from "../../presentation/store.js";
+import { editPresentation } from "./requests.js";
+function PresentationPill({ compact }) {
+  const session = useArbiSessionStore();
+  const boundTo = usePresentation((s) => s.boundTo);
+  const clips = usePresentation((s) => s.clips.length);
+  const title = usePresentation((s) => s.title);
+  const onIt = useArbiSessionState(
+    (s) => s.viewingDocument?.id === boundTo && s.documentViewer.tab === "slides"
+  );
+  if (onIt || boundTo === null && clips === 0) return null;
+  const back = () => {
+    if (boundTo === null) return editPresentation(session, { kind: "new" });
+    session.setViewingDocument({ id: boundTo, page: null });
+    session.setDocumentViewer({ tab: "slides" });
+    session.openPanel(DOCUMENT_VIEWER_PANEL, "docked");
+  };
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      type: "button",
+      variant: "outline",
+      size: "sm",
+      className: "h-7 max-w-56 gap-1.5 rounded-full px-2.5 text-xs",
+      onClick: back,
+      title: `Back to the presentation "${title}": ${clips} clip${clips === 1 ? "" : "s"} to arrange`,
+      "data-testid": "presentation-pill",
+      children: [
+        /* @__PURE__ */ jsx(Presentation, { className: "size-3.5 shrink-0" }),
+        !compact && /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: title }),
+        clips > 0 && /* @__PURE__ */ jsx("span", { className: "rounded-full bg-primary px-1.5 text-[10px] font-semibold leading-4 text-primary-foreground", children: clips })
+      ]
+    }
+  );
+}
+export {
+  PresentationPill
+};
+//# sourceMappingURL=PresentationPill.js.map

package/dist/connection/presentation/PresentationPill.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/connection/presentation/PresentationPill.tsx"],
+  "sourcesContent": ["import { Presentation } from 'lucide-react'\nimport { DOCUMENT_VIEWER_PANEL, useArbiSessionState, useArbiSessionStore } from '@arbidocs/react'\nimport { Button } from '@arbidocs/react/ui'\nimport { usePresentation } from '../../presentation/store'\nimport { editPresentation } from './requests'\n\n/**\n * Back to the presentation, from any document the viewer shows (clips are gathered while reading,\n * then arranged): its title and how many clips wait in its tray. Shown while a presentation is\n * being made and the viewer is elsewhere.\n */\nexport function PresentationPill({ compact }: { compact: boolean }) {\n  const session = useArbiSessionStore()\n  const boundTo = usePresentation((s) => s.boundTo)\n  const clips = usePresentation((s) => s.clips.length)\n  const title = usePresentation((s) => s.title)\n  const onIt = useArbiSessionState(\n    (s) => s.viewingDocument?.id === boundTo && s.documentViewer.tab === 'slides'\n  )\n  if (onIt || (boundTo === null && clips === 0)) return null\n  const back = () => {\n    if (boundTo === null) return editPresentation(session, { kind: 'new' })\n    session.setViewingDocument({ id: boundTo, page: null })\n    session.setDocumentViewer({ tab: 'slides' })\n    session.openPanel(DOCUMENT_VIEWER_PANEL, 'docked')\n  }\n  return (\n    <Button\n      type=\"button\"\n      variant=\"outline\"\n      size=\"sm\"\n      className=\"h-7 max-w-56 gap-1.5 rounded-full px-2.5 text-xs\"\n      onClick={back}\n      title={`Back to the presentation \"${title}\": ${clips} clip${clips === 1 ? '' : 's'} to arrange`}\n      data-testid=\"presentation-pill\"\n    >\n      <Presentation className=\"size-3.5 shrink-0\" />\n      {!compact && <span className=\"min-w-0 truncate\">{title}</span>}\n      {clips > 0 && (\n        <span className=\"rounded-full bg-primary px-1.5 text-[10px] font-semibold leading-4 text-primary-foreground\">\n          {clips}\n        </span>\n      )}\n    </Button>\n  )\n}\n"],
+  "mappings": ";AA2BI,SASE,KATF;AA3BJ,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB,qBAAqB,2BAA2B;AAChF,SAAS,cAAc;AACvB,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AAO1B,SAAS,iBAAiB,EAAE,QAAQ,GAAyB;AAClE,QAAM,UAAU,oBAAoB;AACpC,QAAM,UAAU,gBAAgB,CAAC,MAAM,EAAE,OAAO;AAChD,QAAM,QAAQ,gBAAgB,CAAC,MAAM,EAAE,MAAM,MAAM;AACnD,QAAM,QAAQ,gBAAgB,CAAC,MAAM,EAAE,KAAK;AAC5C,QAAM,OAAO;AAAA,IACX,CAAC,MAAM,EAAE,iBAAiB,OAAO,WAAW,EAAE,eAAe,QAAQ;AAAA,EACvE;AACA,MAAI,QAAS,YAAY,QAAQ,UAAU,EAAI,QAAO;AACtD,QAAM,OAAO,MAAM;AACjB,QAAI,YAAY,KAAM,QAAO,iBAAiB,SAAS,EAAE,MAAM,MAAM,CAAC;AACtE,YAAQ,mBAAmB,EAAE,IAAI,SAAS,MAAM,KAAK,CAAC;AACtD,YAAQ,kBAAkB,EAAE,KAAK,SAAS,CAAC;AAC3C,YAAQ,UAAU,uBAAuB,QAAQ;AAAA,EACnD;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,WAAU;AAAA,MACV,SAAS;AAAA,MACT,OAAO,6BAA6B,KAAK,MAAM,KAAK,QAAQ,UAAU,IAAI,KAAK,GAAG;AAAA,MAClF,eAAY;AAAA,MAEZ;AAAA,4BAAC,gBAAa,WAAU,qBAAoB;AAAA,QAC3C,CAAC,WAAW,oBAAC,UAAK,WAAU,oBAAoB,iBAAM;AAAA,QACtD,QAAQ,KACP,oBAAC,UAAK,WAAU,8FACb,iBACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;",
+  "names": []
+}

package/dist/connection/presentation/PresentationSlot.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Where the app shell mounts the presentation module: nothing (and none of the PDF engine) until
+ * the presentation is first opened, then `ConnectedPresentation` for the rest of the page's life,
+ * so the clips survive the presentation window being closed. A failure inside it is contained
+ * here: the presentation goes, the rest of the app stays.
+ */
+export declare function PresentationSlot(): import("react").JSX.Element | null;

package/dist/connection/presentation/PresentationSlot.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { lazy, Suspense, useEffect, useState } from "react";
+import { isPanelOpen, useArbiSessionState, useArbiSessionStore } from "@arbidocs/react";
+import { logger } from "@arbidocs/client";
+import { ErrorBoundary } from "../../components/ErrorBoundary.js";
+import { PRESENTATION_PANEL, presentationOpenedInThisPage } from "../../presentation/panel-id.js";
+const ConnectedPresentation = lazy(
+  () => import("./ConnectedPresentation.js").then((m) => ({ default: m.ConnectedPresentation }))
+);
+function PresentationSlot() {
+  const session = useArbiSessionStore();
+  const isOpen = useArbiSessionState((state) => isPanelOpen(state, PRESENTATION_PANEL));
+  const [mounted, setMounted] = useState(false);
+  const opened = isOpen && presentationOpenedInThisPage();
+  useEffect(() => {
+    if (opened) setMounted(true);
+    else if (isOpen) session.closePanel(PRESENTATION_PANEL);
+  }, [opened, isOpen, session]);
+  return mounted ? /* @__PURE__ */ jsx(
+    ErrorBoundary,
+    {
+      fallback: () => null,
+      onError: (error) => {
+        logger.error("The presentation failed", error);
+        session.closePanel(PRESENTATION_PANEL);
+      },
+      children: /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(ConnectedPresentation, {}) })
+    }
+  ) : null;
+}
+export {
+  PresentationSlot
+};
+//# sourceMappingURL=PresentationSlot.js.map

package/dist/connection/presentation/PresentationSlot.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/connection/presentation/PresentationSlot.tsx"],
+  "sourcesContent": ["/**\n * Where the app shell mounts the presentation module: nothing (and none of the PDF engine) until\n * the presentation is first opened, then `ConnectedPresentation` for the rest of the page's life,\n * so the clips survive the presentation window being closed. A failure inside it is contained\n * here: the presentation goes, the rest of the app stays.\n */\n\nimport { lazy, Suspense, useEffect, useState } from 'react'\nimport { isPanelOpen, useArbiSessionState, useArbiSessionStore } from '@arbidocs/react'\nimport { logger } from '@arbidocs/client'\nimport { ErrorBoundary } from '../../components/ErrorBoundary'\nimport { PRESENTATION_PANEL, presentationOpenedInThisPage } from '../../presentation/panel-id'\n\nconst ConnectedPresentation = lazy(() =>\n  import('./ConnectedPresentation').then((m) => ({ default: m.ConnectedPresentation }))\n)\n\nexport function PresentationSlot() {\n  const session = useArbiSessionStore()\n  const isOpen = useArbiSessionState((state) => isPanelOpen(state, PRESENTATION_PANEL))\n  const [mounted, setMounted] = useState(false)\n  const opened = isOpen && presentationOpenedInThisPage()\n\n  useEffect(() => {\n    if (opened) setMounted(true)\n    // Restored open from an earlier page: there is nothing to present.\n    else if (isOpen) session.closePanel(PRESENTATION_PANEL)\n  }, [opened, isOpen, session])\n\n  return mounted ? (\n    <ErrorBoundary\n      fallback={() => null}\n      onError={(error) => {\n        logger.error('The presentation failed', error)\n        session.closePanel(PRESENTATION_PANEL)\n      }}\n    >\n      <Suspense fallback={null}>\n        <ConnectedPresentation />\n      </Suspense>\n    </ErrorBoundary>\n  ) : null\n}\n"],
+  "mappings": ";AAsCQ;AA/BR,SAAS,MAAM,UAAU,WAAW,gBAAgB;AACpD,SAAS,aAAa,qBAAqB,2BAA2B;AACtE,SAAS,cAAc;AACvB,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB,oCAAoC;AAEjE,MAAM,wBAAwB;AAAA,EAAK,MACjC,OAAO,yBAAyB,EAAE,KAAK,CAAC,OAAO,EAAE,SAAS,EAAE,sBAAsB,EAAE;AACtF;AAEO,SAAS,mBAAmB;AACjC,QAAM,UAAU,oBAAoB;AACpC,QAAM,SAAS,oBAAoB,CAAC,UAAU,YAAY,OAAO,kBAAkB,CAAC;AACpF,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,SAAS,UAAU,6BAA6B;AAEtD,YAAU,MAAM;AACd,QAAI,OAAQ,YAAW,IAAI;AAAA,aAElB,OAAQ,SAAQ,WAAW,kBAAkB;AAAA,EACxD,GAAG,CAAC,QAAQ,QAAQ,OAAO,CAAC;AAE5B,SAAO,UACL;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,MAAM;AAAA,MAChB,SAAS,CAAC,UAAU;AAClB,eAAO,MAAM,2BAA2B,KAAK;AAC7C,gBAAQ,WAAW,kBAAkB;AAAA,MACvC;AAAA,MAEA,8BAAC,YAAS,UAAU,MAClB,8BAAC,yBAAsB,GACzB;AAAA;AAAA,EACF,IACE;AACN;",
+  "names": []
+}

package/dist/connection/presentation/requests.d.ts

@@ -0,0 +1,16 @@
+import { type ArbiSessionStore } from '@arbidocs/react';
+type Session = Pick<ArbiSessionStore, 'setViewingDocument' | 'setDocumentViewer' | 'openPanel' | 'startDraftDocument'>;
+/** A presentation to edit: a new one, or a saved one (as of `version`; default its current one). */
+export type PresentationRequest = {
+    kind: 'new';
+} | {
+    kind: 'open';
+    documentId: string;
+    version?: number;
+};
+/**
+ * Edit a presentation in the viewer's slides tab: a saved one (its document, on that tab), or a
+ * new one (a presentation draft, saved into Files › Presentations when it is first saved).
+ */
+export declare function editPresentation(session: Session, request: PresentationRequest): void;
+export {};

package/dist/connection/presentation/requests.js

@@ -0,0 +1,20 @@
+"use client";
+import { DOCUMENT_VIEWER_PANEL } from "@arbidocs/react";
+import { versionRef } from "@arbidocs/react/artifacts";
+function editPresentation(session, request) {
+  if (request.kind === "new") {
+    session.startDraftDocument("presentation");
+    return;
+  }
+  const { documentId, version } = request;
+  session.setViewingDocument({
+    id: version ? versionRef(documentId, version) : documentId,
+    page: null
+  });
+  session.setDocumentViewer({ tab: "slides" });
+  session.openPanel(DOCUMENT_VIEWER_PANEL, "docked");
+}
+export {
+  editPresentation
+};
+//# sourceMappingURL=requests.js.map

package/dist/connection/presentation/requests.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/connection/presentation/requests.ts"],
+  "sourcesContent": ["import { DOCUMENT_VIEWER_PANEL, type ArbiSessionStore } from '@arbidocs/react'\nimport { versionRef } from '@arbidocs/react/artifacts'\n\ntype Session = Pick<\n  ArbiSessionStore,\n  'setViewingDocument' | 'setDocumentViewer' | 'openPanel' | 'startDraftDocument'\n>\n\n/** A presentation to edit: a new one, or a saved one (as of `version`; default its current one). */\nexport type PresentationRequest =\n  { kind: 'new' } | { kind: 'open'; documentId: string; version?: number }\n\n/**\n * Edit a presentation in the viewer's slides tab: a saved one (its document, on that tab), or a\n * new one (a presentation draft, saved into Files \u203A Presentations when it is first saved).\n */\nexport function editPresentation(session: Session, request: PresentationRequest): void {\n  if (request.kind === 'new') {\n    session.startDraftDocument('presentation')\n    return\n  }\n  const { documentId, version } = request\n  session.setViewingDocument({\n    id: version ? versionRef(documentId, version) : documentId,\n    page: null,\n  })\n  session.setDocumentViewer({ tab: 'slides' })\n  session.openPanel(DOCUMENT_VIEWER_PANEL, 'docked')\n}\n"],
+  "mappings": ";AAAA,SAAS,6BAAoD;AAC7D,SAAS,kBAAkB;AAepB,SAAS,iBAAiB,SAAkB,SAAoC;AACrF,MAAI,QAAQ,SAAS,OAAO;AAC1B,YAAQ,mBAAmB,cAAc;AACzC;AAAA,EACF;AACA,QAAM,EAAE,YAAY,QAAQ,IAAI;AAChC,UAAQ,mBAAmB;AAAA,IACzB,IAAI,UAAU,WAAW,YAAY,OAAO,IAAI;AAAA,IAChD,MAAM;AAAA,EACR,CAAC;AACD,UAAQ,kBAAkB,EAAE,KAAK,SAAS,CAAC;AAC3C,UAAQ,UAAU,uBAAuB,QAAQ;AACnD;",
+  "names": []
+}

package/dist/connection/presentation/useImageGeneration.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Generate image, for a presentation: the app's own Generate image dialog (the workflow's form:
+ * prompt, source images to edit or combine, shape) launched here instead of into a chat. The run is
+ * the platform's `/image` command sent exactly as that workflow sends it (`PROMPT_BINDINGS`: the
+ * shape and source images ride structured tool arguments); like the workflow it leaves a thread
+ * and the image as a document in the workspace. The image is then added to the presentation as a
+ * clip of the whole picture.
+ */
+import type { OnWorkflowLaunch } from '../../agents/workflows/types';
+/** The Generate image dialog's launch, run for the presentation: the image becomes a clip. */
+export declare function useGenerateImageLaunch(): OnWorkflowLaunch;