@arbidocs/blocks 0.5.120 → 0.5.122

package/dist/connection/presentation/CropClipDialog.js

@@ -0,0 +1,86 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Crop } from "lucide-react";
+import { ImageCropper } from "@arbidocs/react";
+import { Button } from "@arbidocs/react/ui";
+import { ModalScaffold } from "../../settings/ModalScaffold.js";
+import { usePresentation } from "../../presentation/store.js";
+import { useObjectUrl } from "../../presentation/useObjectUrl.js";
+function CropClipDialog({ clip, onOpenChange }) {
+  const url = useObjectUrl(clip?.source ?? EMPTY);
+  const [natural, setNatural] = useState(null);
+  const [area, setArea] = useState(null);
+  useEffect(() => {
+    setNatural(null);
+    setArea(null);
+    if (!clip) return;
+    let cancelled = false;
+    void createImageBitmap(clip.source).then((bitmap) => {
+      if (!cancelled) setNatural({ width: bitmap.width, height: bitmap.height });
+      bitmap.close();
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [clip]);
+  const original = natural ? natural.width / natural.height : 1;
+  const apply = () => {
+    if (!clip || !natural || !area || !area.width || !area.height) return;
+    const rect = {
+      x: Math.max(0, area.x / natural.width),
+      y: Math.max(0, area.y / natural.height),
+      w: Math.min(1, area.width / natural.width),
+      h: Math.min(1, area.height / natural.height)
+    };
+    usePresentation.getState().cropClip(clip.id, rect, area.width / area.height);
+    onOpenChange(false);
+  };
+  return /* @__PURE__ */ jsxs(
+    ModalScaffold,
+    {
+      open: !!clip,
+      onOpenChange,
+      title: "Crop",
+      description: "Choose the part of the image the clip shows.",
+      icon: /* @__PURE__ */ jsx(Crop, { className: "size-5" }),
+      size: "lg",
+      testId: "presentation-crop-dialog",
+      children: [
+        /* @__PURE__ */ jsx(ModalScaffold.Body, { children: url && natural && /* @__PURE__ */ jsx(
+          ImageCropper,
+          {
+            image: url,
+            aspect: original,
+            aspectOptions: [
+              { label: "Original", value: original },
+              { label: "16:9", value: 16 / 9 },
+              { label: "4:3", value: 4 / 3 },
+              { label: "1:1", value: 1 },
+              { label: "3:4", value: 3 / 4 }
+            ],
+            onCropComplete: (next) => setArea(next)
+          }
+        ) }),
+        /* @__PURE__ */ jsxs(ModalScaffold.Footer, { children: [
+          /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              onClick: apply,
+              disabled: !area,
+              "data-testid": "presentation-crop-apply",
+              children: "Crop"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+const EMPTY = new Blob();
+export {
+  CropClipDialog
+};
+//# sourceMappingURL=CropClipDialog.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/connection/presentation/CropClipDialog.tsx"],
+  "sourcesContent": ["/**\n * Crop an image clip: the app's image cropper over the whole source image, to choose the part the\n * clip shows (and its shape). The image itself is untouched: only the clip's area changes, so it\n * can be cropped again, wider or narrower, at any time.\n */\n\nimport { useEffect, useState } from 'react'\nimport { Crop } from 'lucide-react'\nimport { ImageCropper, type CropArea } from '@arbidocs/react'\nimport { Button } from '@arbidocs/react/ui'\nimport { ModalScaffold } from '../../settings/ModalScaffold'\nimport type { Clip } from '../../presentation/model'\nimport { usePresentation } from '../../presentation/store'\nimport { useObjectUrl } from '../../presentation/useObjectUrl'\n\nexport interface CropClipDialogProps {\n  clip: Clip | null\n  onOpenChange: (open: boolean) => void\n}\n\nexport function CropClipDialog({ clip, onOpenChange }: CropClipDialogProps) {\n  const url = useObjectUrl(clip?.source ?? EMPTY)\n  const [natural, setNatural] = useState<{ width: number; height: number } | null>(null)\n  const [area, setArea] = useState<CropArea | null>(null)\n\n  // The source's own size, to turn the cropper's pixels into fractions of the image.\n  useEffect(() => {\n    setNatural(null)\n    setArea(null)\n    if (!clip) return\n    let cancelled = false\n    void createImageBitmap(clip.source).then((bitmap) => {\n      if (!cancelled) setNatural({ width: bitmap.width, height: bitmap.height })\n      bitmap.close()\n    })\n    return () => {\n      cancelled = true\n    }\n  }, [clip])\n\n  const original = natural ? natural.width / natural.height : 1\n  const apply = () => {\n    if (!clip || !natural || !area || !area.width || !area.height) return\n    const rect = {\n      x: Math.max(0, area.x / natural.width),\n      y: Math.max(0, area.y / natural.height),\n      w: Math.min(1, area.width / natural.width),\n      h: Math.min(1, area.height / natural.height),\n    }\n    usePresentation.getState().cropClip(clip.id, rect, area.width / area.height)\n    onOpenChange(false)\n  }\n\n  return (\n    <ModalScaffold\n      open={!!clip}\n      onOpenChange={onOpenChange}\n      title=\"Crop\"\n      description=\"Choose the part of the image the clip shows.\"\n      icon={<Crop className=\"size-5\" />}\n      size=\"lg\"\n      testId=\"presentation-crop-dialog\"\n    >\n      <ModalScaffold.Body>\n        {url && natural && (\n          <ImageCropper\n            image={url}\n            aspect={original}\n            aspectOptions={[\n              { label: 'Original', value: original },\n              { label: '16:9', value: 16 / 9 },\n              { label: '4:3', value: 4 / 3 },\n              { label: '1:1', value: 1 },\n              { label: '3:4', value: 3 / 4 },\n            ]}\n            onCropComplete={(next) => setArea(next)}\n          />\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={apply}\n          disabled={!area}\n          data-testid=\"presentation-crop-apply\"\n        >\n          Crop\n        </Button>\n      </ModalScaffold.Footer>\n    </ModalScaffold>\n  )\n}\n\nconst EMPTY = new Blob()\n"],
+  "mappings": ";AA2DY,cAoBN,YApBM;AArDZ,SAAS,WAAW,gBAAgB;AACpC,SAAS,YAAY;AACrB,SAAS,oBAAmC;AAC5C,SAAS,cAAc;AACvB,SAAS,qBAAqB;AAE9B,SAAS,uBAAuB;AAChC,SAAS,oBAAoB;AAOtB,SAAS,eAAe,EAAE,MAAM,aAAa,GAAwB;AAC1E,QAAM,MAAM,aAAa,MAAM,UAAU,KAAK;AAC9C,QAAM,CAAC,SAAS,UAAU,IAAI,SAAmD,IAAI;AACrF,QAAM,CAAC,MAAM,OAAO,IAAI,SAA0B,IAAI;AAGtD,YAAU,MAAM;AACd,eAAW,IAAI;AACf,YAAQ,IAAI;AACZ,QAAI,CAAC,KAAM;AACX,QAAI,YAAY;AAChB,SAAK,kBAAkB,KAAK,MAAM,EAAE,KAAK,CAAC,WAAW;AACnD,UAAI,CAAC,UAAW,YAAW,EAAE,OAAO,OAAO,OAAO,QAAQ,OAAO,OAAO,CAAC;AACzE,aAAO,MAAM;AAAA,IACf,CAAC;AACD,WAAO,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,WAAW,UAAU,QAAQ,QAAQ,QAAQ,SAAS;AAC5D,QAAM,QAAQ,MAAM;AAClB,QAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,SAAS,CAAC,KAAK,OAAQ;AAC/D,UAAM,OAAO;AAAA,MACX,GAAG,KAAK,IAAI,GAAG,KAAK,IAAI,QAAQ,KAAK;AAAA,MACrC,GAAG,KAAK,IAAI,GAAG,KAAK,IAAI,QAAQ,MAAM;AAAA,MACtC,GAAG,KAAK,IAAI,GAAG,KAAK,QAAQ,QAAQ,KAAK;AAAA,MACzC,GAAG,KAAK,IAAI,GAAG,KAAK,SAAS,QAAQ,MAAM;AAAA,IAC7C;AACA,oBAAgB,SAAS,EAAE,SAAS,KAAK,IAAI,MAAM,KAAK,QAAQ,KAAK,MAAM;AAC3E,iBAAa,KAAK;AAAA,EACpB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,CAAC,CAAC;AAAA,MACR;AAAA,MACA,OAAM;AAAA,MACN,aAAY;AAAA,MACZ,MAAM,oBAAC,QAAK,WAAU,UAAS;AAAA,MAC/B,MAAK;AAAA,MACL,QAAO;AAAA,MAEP;AAAA,4BAAC,cAAc,MAAd,EACE,iBAAO,WACN;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,eAAe;AAAA,cACb,EAAE,OAAO,YAAY,OAAO,SAAS;AAAA,cACrC,EAAE,OAAO,QAAQ,OAAO,KAAK,EAAE;AAAA,cAC/B,EAAE,OAAO,OAAO,OAAO,IAAI,EAAE;AAAA,cAC7B,EAAE,OAAO,OAAO,OAAO,EAAE;AAAA,cACzB,EAAE,OAAO,OAAO,OAAO,IAAI,EAAE;AAAA,YAC/B;AAAA,YACA,gBAAgB,CAAC,SAAS,QAAQ,IAAI;AAAA;AAAA,QACxC,GAEJ;AAAA,QACA,qBAAC,cAAc,QAAd,EACC;AAAA,8BAAC,UAAO,MAAK,UAAS,SAAQ,WAAU,SAAS,MAAM,aAAa,KAAK,GAAG,oBAE5E;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS;AAAA,cACT,UAAU,CAAC;AAAA,cACX,eAAY;AAAA,cACb;AAAA;AAAA,UAED;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,MAAM,QAAQ,IAAI,KAAK;",
+  "names": []
+}

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

@@ -0,0 +1,4 @@
+/** The dashed first tile of the clip tray: Generate image. */
+export declare function GenerateTile({ onClick }: {
+    onClick: () => void;
+}): import("react").JSX.Element;

package/dist/connection/presentation/GenerateTile.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Sparkles } from "lucide-react";
+function GenerateTile({ onClick }) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick,
+      title: "Generate an image",
+      "aria-label": "Generate image",
+      className: "flex h-[72px] w-[72px] flex-col items-center justify-center gap-1 rounded-lg border border-dashed border-border text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+      "data-testid": "presentation-generate-image",
+      children: [
+        /* @__PURE__ */ jsx(Sparkles, { className: "size-4" }),
+        /* @__PURE__ */ jsx("span", { className: "text-[10px] font-medium", children: "Generate" })
+      ]
+    }
+  );
+}
+export {
+  GenerateTile
+};
+//# sourceMappingURL=GenerateTile.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/connection/presentation/GenerateTile.tsx"],
+  "sourcesContent": ["import { Sparkles } from 'lucide-react'\n\n/** The dashed first tile of the clip tray: Generate image. */\nexport function GenerateTile({ onClick }: { onClick: () => void }) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      title=\"Generate an image\"\n      aria-label=\"Generate image\"\n      className=\"flex h-[72px] w-[72px] flex-col items-center justify-center gap-1 rounded-lg border border-dashed border-border text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n      data-testid=\"presentation-generate-image\"\n    >\n      <Sparkles className=\"size-4\" />\n      <span className=\"text-[10px] font-medium\">Generate</span>\n    </button>\n  )\n}\n"],
+  "mappings": ";AAKI,SAQE,KARF;AALJ,SAAS,gBAAgB;AAGlB,SAAS,aAAa,EAAE,QAAQ,GAA4B;AACjE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL;AAAA,MACA,OAAM;AAAA,MACN,cAAW;AAAA,MACX,WAAU;AAAA,MACV,eAAY;AAAA,MAEZ;AAAA,4BAAC,YAAS,WAAU,UAAS;AAAA,QAC7B,oBAAC,UAAK,WAAU,2BAA0B,sBAAQ;AAAA;AAAA;AAAA,EACpD;AAEJ;",
+  "names": []
+}

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

@@ -0,0 +1,8 @@
+import type { LabelColumn } from './useLabelColumns';
+/**
+ * "Label clips with" in the presentation's menu: no column, or one of the workspace's annotation
+ * columns (`useLabelColumns`), whose value leads each clip's label.
+ */
+export declare function LabelColumnMenu({ columns }: {
+    columns: LabelColumn[];
+}): import("react").JSX.Element | null;

package/dist/connection/presentation/LabelColumnMenu.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger
+} from "@arbidocs/react/ui";
+import { usePresentation } from "../../presentation/store.js";
+const NONE = "none";
+function LabelColumnMenu({ columns }) {
+  const labelColumn = usePresentation((s) => s.labelColumn);
+  const setLabelColumn = usePresentation((s) => s.setLabelColumn);
+  if (!columns.length) return null;
+  const chosen = columns.find((column) => column.id === labelColumn);
+  return /* @__PURE__ */ jsxs(DropdownMenuSub, { children: [
+    /* @__PURE__ */ jsxs(DropdownMenuSubTrigger, { "data-testid": "presentation-label-column", children: [
+      "Label clips with",
+      /* @__PURE__ */ jsx("span", { className: "ml-auto pl-3 text-xs text-muted-foreground", children: chosen?.name ?? "None" })
+    ] }),
+    /* @__PURE__ */ jsx(DropdownMenuSubContent, { children: /* @__PURE__ */ jsxs(
+      DropdownMenuRadioGroup,
+      {
+        value: chosen?.id ?? NONE,
+        onValueChange: (value) => setLabelColumn(value === NONE ? null : value),
+        children: [
+          /* @__PURE__ */ jsx(DropdownMenuRadioItem, { value: NONE, children: "No column" }),
+          columns.map((column) => /* @__PURE__ */ jsx(DropdownMenuRadioItem, { value: column.id, children: column.name }, column.id))
+        ]
+      }
+    ) })
+  ] });
+}
+export {
+  LabelColumnMenu
+};
+//# sourceMappingURL=LabelColumnMenu.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/connection/presentation/LabelColumnMenu.tsx"],
+  "sourcesContent": ["import {\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n} from '@arbidocs/react/ui'\nimport { usePresentation } from '../../presentation/store'\nimport type { LabelColumn } from './useLabelColumns'\n\nconst NONE = 'none'\n\n/**\n * \"Label clips with\" in the presentation's menu: no column, or one of the workspace's annotation\n * columns (`useLabelColumns`), whose value leads each clip's label.\n */\nexport function LabelColumnMenu({ columns }: { columns: LabelColumn[] }) {\n  const labelColumn = usePresentation((s) => s.labelColumn)\n  const setLabelColumn = usePresentation((s) => s.setLabelColumn)\n  if (!columns.length) return null\n  const chosen = columns.find((column) => column.id === labelColumn)\n  return (\n    <DropdownMenuSub>\n      <DropdownMenuSubTrigger data-testid=\"presentation-label-column\">\n        Label clips with\n        <span className=\"ml-auto pl-3 text-xs text-muted-foreground\">{chosen?.name ?? 'None'}</span>\n      </DropdownMenuSubTrigger>\n      <DropdownMenuSubContent>\n        <DropdownMenuRadioGroup\n          value={chosen?.id ?? NONE}\n          onValueChange={(value) => setLabelColumn(value === NONE ? null : value)}\n        >\n          <DropdownMenuRadioItem value={NONE}>No column</DropdownMenuRadioItem>\n          {columns.map((column) => (\n            <DropdownMenuRadioItem key={column.id} value={column.id}>\n              {column.name}\n            </DropdownMenuRadioItem>\n          ))}\n        </DropdownMenuRadioGroup>\n      </DropdownMenuSubContent>\n    </DropdownMenuSub>\n  )\n}\n"],
+  "mappings": ";AAuBM,SAEE,KAFF;AAvBN;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,uBAAuB;AAGhC,MAAM,OAAO;AAMN,SAAS,gBAAgB,EAAE,QAAQ,GAA+B;AACvE,QAAM,cAAc,gBAAgB,CAAC,MAAM,EAAE,WAAW;AACxD,QAAM,iBAAiB,gBAAgB,CAAC,MAAM,EAAE,cAAc;AAC9D,MAAI,CAAC,QAAQ,OAAQ,QAAO;AAC5B,QAAM,SAAS,QAAQ,KAAK,CAAC,WAAW,OAAO,OAAO,WAAW;AACjE,SACE,qBAAC,mBACC;AAAA,yBAAC,0BAAuB,eAAY,6BAA4B;AAAA;AAAA,MAE9D,oBAAC,UAAK,WAAU,8CAA8C,kBAAQ,QAAQ,QAAO;AAAA,OACvF;AAAA,IACA,oBAAC,0BACC;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,QAAQ,MAAM;AAAA,QACrB,eAAe,CAAC,UAAU,eAAe,UAAU,OAAO,OAAO,KAAK;AAAA,QAEtE;AAAA,8BAAC,yBAAsB,OAAO,MAAM,uBAAS;AAAA,UAC5C,QAAQ,IAAI,CAAC,WACZ,oBAAC,yBAAsC,OAAO,OAAO,IAClD,iBAAO,QADkB,OAAO,EAEnC,CACD;AAAA;AAAA;AAAA,IACH,GACF;AAAA,KACF;AAEJ;",
+  "names": []
+}

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

@@ -0,0 +1,39 @@
+/**
+ * The presentation's dialogs: the app's Generate image (to create or edit an image into the clips),
+ * save under a title (or as a template), open a saved one (or start from a template), choose the
+ * theme's logo.
+ */
+interface DialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+}
+/**
+ * Generate image, from the presentation: the app's own Generate image dialog (the workflow's form),
+ * opened straight on its form, with `referenceId` as its source image when editing one. Its run
+ * adds the image to the clips instead of opening a chat.
+ */
+export declare function GenerateImageDialog({ open, onOpenChange, referenceId, }: DialogProps & {
+    referenceId?: string | null;
+}): import("react").JSX.Element | null;
+/** Save the presentation under a title (in the workspace's Presentations folder). */
+/** How the presentation is saved: again, as a new copy, as a template, or exported as a PDF. */
+export type SaveMode = 'save' | 'saveAs' | 'export' | 'template';
+/** Save under a name you type, in the workspace's Presentations folder. */
+export declare function SavePresentationDialog({ open, onOpenChange, mode, }: DialogProps & {
+    mode?: SaveMode;
+}): import("react").JSX.Element;
+/**
+ * Open a presentation saved in this workspace, in place of this one; or (`templates`) start a new
+ * one from a template.
+ */
+export declare function OpenPresentationDialog({ open, onOpenChange, onOpened, templates, }: DialogProps & {
+    /**
+     * Show the chosen presentation (the viewer's slides tab opens its document, and loads it);
+     * after a template, `null`: a new presentation, its look and slides already loaded.
+     */
+    onOpened: (documentId: string | null) => void;
+    templates?: boolean;
+}): import("react").JSX.Element;
+/** Design › Logo: one of the workspace's images, in the footer of every slide. */
+export declare function ChooseLogoDialog({ open, onOpenChange }: DialogProps): import("react").JSX.Element;
+export {};

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