@arbidocs/blocks 0.5.112 → 0.5.114

package/dist/connection/report-problem/ReportProblemDialog.js

@@ -37,6 +37,7 @@ function ReportProblemDialog({
   const [natural, setNatural] = useState(null);
   const [frameSize, setFrameSize] = useState(null);
   const [cropArea, setCropArea] = useState(null);
+  const [cropping, setCropping] = useState(false);
   const [busy, setBusy] = useState(false);
   const [failure, setFailure] = useState(null);
   const [ticketReference, setTicketReference] = useState(null);
@@ -44,28 +45,33 @@ function ReportProblemDialog({
   const [submissionId] = useState(() => crypto.randomUUID());
   const imgRef = useRef(null);
   const dragStart = useRef(null);
-  const frameUrl = useMemo(() => frame ? URL.createObjectURL(frame) : null, [frame]);
-  useEffect(() => () => void (frameUrl && URL.revokeObjectURL(frameUrl)), [frameUrl]);
-  const imageUrl = useMemo(() => image ? URL.createObjectURL(image) : null, [image]);
+  const screenshot = image ?? frame;
+  const imageUrl = useMemo(
+    () => screenshot ? URL.createObjectURL(screenshot) : null,
+    [screenshot]
+  );
   useEffect(() => () => void (imageUrl && URL.revokeObjectURL(imageUrl)), [imageUrl]);
   useEffect(() => {
     setFrameSize(null);
-    if (!frameUrl) return;
+    if (!imageUrl) return;
     const img = new Image();
     img.onload = () => setFrameSize({ width: img.naturalWidth, height: img.naturalHeight });
-    img.src = frameUrl;
-  }, [frameUrl]);
+    img.src = imageUrl;
+  }, [imageUrl]);
   useEffect(() => {
     setMarks([]);
     setDraft(null);
     setNatural(null);
-  }, [image]);
+    setCropping(false);
+    setCropArea(null);
+  }, [screenshot]);
   const applyCrop = async () => {
-    if (!frameUrl || !cropArea) return;
+    if (!imageUrl || !cropArea) return;
     setBusy(true);
     try {
-      const { blob } = await cropImage(frameUrl, cropArea, { mimeType: "image/png" });
+      const { blob } = await cropImage(imageUrl, cropArea, { mimeType: "image/png" });
       onCropped(blob);
+      setCropping(false);
     } catch {
       notify("Couldn't crop the screenshot. Please try again.", "error");
     } finally {
@@ -82,8 +88,8 @@ function ReportProblemDialog({
     );
   };
   const renderImage = async () => {
-    if (!image || !natural) return null;
-    const bitmap = await createImageBitmap(image);
+    if (!screenshot || !natural) return null;
+    const bitmap = await createImageBitmap(screenshot);
     try {
       return await renderAnnotatedScreenshot(bitmap, marks, { happened: description, expected: "" });
     } finally {
@@ -95,8 +101,8 @@ function ReportProblemDialog({
     setBusy(true);
     setFailure(null);
     try {
-      const rendered = image ? await renderImage() : null;
-      if (image && !rendered) throw new Error("The screenshot is not ready. Please try again.");
+      const rendered = screenshot ? await renderImage() : null;
+      if (screenshot && !rendered) throw new Error("The screenshot is not ready. Please try again.");
       const receipt = await onSubmit({
         description: description.trim(),
         image: rendered ?? void 0,
@@ -121,16 +127,15 @@ function ReportProblemDialog({
     width: `${mark.w / natural.width * 100}%`,
     height: `${mark.h / natural.height * 100}%`
   } : void 0;
-  const cropping = !!frameUrl;
   return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (next) => !next && !busy && onClose(), children: /* @__PURE__ */ jsxs(
     DialogContent,
     {
-      className: `flex max-h-[92vh] w-[96vw] flex-col gap-3 p-4 ${ticketId === null && (cropping || image) ? "max-w-[96vw] sm:max-w-[min(96vw,64rem)]" : "max-w-lg sm:max-w-lg"}`,
+      className: `flex max-h-[92vh] w-[96vw] flex-col gap-3 p-4 ${ticketId === null && screenshot ? "max-w-[96vw] sm:max-w-[min(96vw,64rem)]" : "max-w-lg sm:max-w-lg"}`,
       "data-testid": "report-problem-dialog",
       children: [
         /* @__PURE__ */ jsxs("div", { className: "pr-8", children: [
           /* @__PURE__ */ jsx(DialogTitle, { children: ticketId === null ? "Contact support" : "Support request sent" }),
-          /* @__PURE__ */ jsx(DialogDescription, { children: ticketId !== null ? "We have received your request. Track updates in My requests." : cropping ? "Crop the screenshot to the part that shows the problem. Only the cropped part is kept." : image ? "Black out anything confidential before sending. Blacked-out areas are removed from the image." : "Tell us what you need help with. You can choose to add a screenshot." })
+          /* @__PURE__ */ jsx(DialogDescription, { children: ticketId !== null ? "We have received your request. Track updates in My requests." : cropping ? "Crop the screenshot to the part that shows the problem. Only the cropped part is kept." : screenshot ? "Black out anything confidential before sending. Blacked-out areas are removed from the image." : "Tell us what you need help with. You can choose to add a screenshot." })
         ] }),
         ticketId !== null && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4 rounded-md border border-border bg-muted p-4", children: [
           /* @__PURE__ */ jsxs("p", { className: "font-medium", "data-testid": "report-ticket-receipt", children: [
@@ -139,11 +144,11 @@ function ReportProblemDialog({
           ] }),
           /* @__PURE__ */ jsx(Button, { onClick: onClose, "data-testid": "report-receipt-close", children: "Close" })
         ] }),
-        cropping ? /* @__PURE__ */ jsxs("div", { className: "grid gap-2", hidden: ticketId !== null, children: [
+        cropping && imageUrl ? /* @__PURE__ */ jsxs("div", { className: "grid gap-2", hidden: ticketId !== null, children: [
           /* @__PURE__ */ jsx(
             ImageCropper,
             {
-              image: frameUrl,
+              image: imageUrl,
               aspect: frameSize ? frameSize.width / frameSize.height : window.innerWidth / window.innerHeight,
               maxZoom: 6,
               cropAreaClassName: "h-[50vh] min-h-64",
@@ -152,6 +157,15 @@ function ReportProblemDialog({
             frameSize ? "sized" : "unsized"
           ),
           /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap justify-end gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                onClick: () => setCropping(false),
+                "data-testid": "report-cancel-crop",
+                children: "Cancel crop"
+              }
+            ),
             /* @__PURE__ */ jsxs(
               Button,
               {
@@ -240,6 +254,24 @@ function ReportProblemDialog({
               /* @__PURE__ */ jsx(EyeOff, { className: "size-4" }),
               " Drag over anything confidential to black it out."
             ] }),
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                size: "sm",
+                variant: "ghost",
+                disabled: !!marks.length,
+                title: marks.length ? "Undo blacked-out areas before cropping" : void 0,
+                onClick: () => {
+                  setCropArea(null);
+                  setCropping(true);
+                },
+                "data-testid": "report-crop",
+                children: [
+                  /* @__PURE__ */ jsx(Crop, { className: "mr-1 size-4" }),
+                  " Crop"
+                ]
+              }
+            ),
             /* @__PURE__ */ jsxs(
               Button,
               {
@@ -322,7 +354,7 @@ function ReportProblemDialog({
           /* @__PURE__ */ jsx(
             Button,
             {
-              disabled: !onSubmit || !description.trim() || busy || cropping || !!image && !natural,
+              disabled: !onSubmit || !description.trim() || busy || cropping || !!screenshot && !natural,
               onClick: () => void submit(),
               "data-testid": "report-send",
               children: busy ? "Sending\u2026" : "Send to support"

package/dist/connection/report-problem/ReportProblemDialog.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/connection/report-problem/ReportProblemDialog.tsx"],
-  "sourcesContent": ["/** Support form with optional, explicitly chosen and redacted screenshot evidence. */\nimport React, { useEffect, useMemo, useRef, useState, type ReactNode } from 'react'\nimport { Camera, Crop, EyeOff, ImageUp, Trash2, Undo2 } from 'lucide-react'\nimport {\n  Button,\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogTitle,\n  Textarea,\n} from '@arbidocs/react/ui'\nimport { ImageCropper, cropImage, type CropArea } from '@arbidocs/react'\nimport { useBlocksEnvironment } from '../../provider/environment'\nimport { canCaptureScreen } from './screen-capture'\nimport {\n  isMeaningfulRect,\n  rectFromDrag,\n  renderAnnotatedScreenshot,\n  toImagePoint,\n  type Mark,\n} from './screenshot-annotations'\n\nexport interface ReportProblemOptions {\n  /** @deprecated No image download is created. Retained for source compatibility. */\n  fileNamePrefix?: string\n  onSubmit?: (report: {\n    description: string\n    image?: Blob\n    idempotencyKey: string\n  }) => Promise<{ ticket_id: number; reference?: string }>\n  /** A line beside the actions: where reports go (the site's own words). Default: none. */\n  footnote?: ReactNode\n}\n\nexport interface ReportProblemDialogProps extends ReportProblemOptions {\n  open: boolean\n  /** The full captured frame, to crop. Dropped once a crop is chosen. */\n  frame: Blob | null\n  /** The kept screenshot (the crop, or a picked file). */\n  image: Blob | null\n  onCropped: (crop: Blob) => void\n  onImageChange: (image: Blob | null) => void\n  onRetake: () => void\n  onClose: () => void\n}\n\nexport function ReportProblemDialog({\n  open,\n  frame,\n  image,\n  onCropped,\n  onImageChange,\n  onRetake,\n  onClose,\n  onSubmit,\n  footnote,\n}: ReportProblemDialogProps): React.ReactElement {\n  const { notify } = useBlocksEnvironment()\n  const [description, setDescription] = useState('')\n  const [marks, setMarks] = useState<Mark[]>([])\n  const [draft, setDraft] = useState<Mark | null>(null)\n  const [natural, setNatural] = useState<{ width: number; height: number } | null>(null)\n  const [frameSize, setFrameSize] = useState<{ width: number; height: number } | null>(null)\n  const [cropArea, setCropArea] = useState<CropArea | null>(null)\n  const [busy, setBusy] = useState(false)\n  const [failure, setFailure] = useState<string | null>(null)\n  const [ticketReference, setTicketReference] = useState<string | null>(null)\n  const [ticketId, setTicketId] = useState<number | null>(null)\n  const [submissionId] = useState(() => crypto.randomUUID())\n  const imgRef = useRef<HTMLImageElement>(null)\n  const dragStart = useRef<{ x: number; y: number } | null>(null)\n\n  const frameUrl = useMemo(() => (frame ? URL.createObjectURL(frame) : null), [frame])\n  useEffect(() => () => void (frameUrl && URL.revokeObjectURL(frameUrl)), [frameUrl])\n  const imageUrl = useMemo(() => (image ? URL.createObjectURL(image) : null), [image])\n  useEffect(() => () => void (imageUrl && URL.revokeObjectURL(imageUrl)), [imageUrl])\n\n  // The frame's size picks the \"Screen\" crop shape.\n  useEffect(() => {\n    setFrameSize(null)\n    if (!frameUrl) return\n    const img = new Image()\n    img.onload = () => setFrameSize({ width: img.naturalWidth, height: img.naturalHeight })\n    img.src = frameUrl\n  }, [frameUrl])\n\n  // A new screenshot starts new marks; closing starts a new report.\n  useEffect(() => {\n    setMarks([])\n    setDraft(null)\n    setNatural(null)\n  }, [image])\n\n  const applyCrop = async () => {\n    if (!frameUrl || !cropArea) return\n    setBusy(true)\n    try {\n      const { blob } = await cropImage(frameUrl, cropArea, { mimeType: 'image/png' })\n      onCropped(blob)\n    } catch {\n      notify(\"Couldn't crop the screenshot. Please try again.\", 'error')\n    } finally {\n      setBusy(false)\n    }\n  }\n\n  const pointFrom = (event: React.PointerEvent) => {\n    const img = imgRef.current\n    if (!img || !natural) return null\n    return toImagePoint(\n      { x: event.clientX, y: event.clientY },\n      img.getBoundingClientRect(),\n      natural\n    )\n  }\n\n  const renderImage = async (): Promise<Blob | null> => {\n    if (!image || !natural) return null\n    const bitmap = await createImageBitmap(image)\n    try {\n      return await renderAnnotatedScreenshot(bitmap, marks, { happened: description, expected: '' })\n    } finally {\n      bitmap.close()\n    }\n  }\n\n  const submit = async () => {\n    if (!onSubmit || !description.trim()) return\n    setBusy(true)\n    setFailure(null)\n    try {\n      const rendered = image ? await renderImage() : null\n      if (image && !rendered) throw new Error('The screenshot is not ready. Please try again.')\n      const receipt = await onSubmit({\n        description: description.trim(),\n        image: rendered ?? undefined,\n        idempotencyKey: submissionId,\n      })\n      setTicketId(receipt.ticket_id)\n      setTicketReference(\n        receipt.reference &&\n          /^[a-z0-9-]+-[0-9]+$/.test(receipt.reference) &&\n          receipt.reference.endsWith(`-${receipt.ticket_id}`)\n          ? receipt.reference\n          : null\n      )\n    } catch (error) {\n      setFailure(\n        error instanceof Error ? error.message : 'Could not send your request. Please try again.'\n      )\n    } finally {\n      setBusy(false)\n    }\n  }\n\n  const shown = draft ? [...marks, draft] : marks\n  const percent = (mark: Mark) =>\n    natural\n      ? {\n          left: `${(mark.x / natural.width) * 100}%`,\n          top: `${(mark.y / natural.height) * 100}%`,\n          width: `${(mark.w / natural.width) * 100}%`,\n          height: `${(mark.h / natural.height) * 100}%`,\n        }\n      : undefined\n  const cropping = !!frameUrl\n\n  return (\n    <Dialog open={open} onOpenChange={(next) => !next && !busy && onClose()}>\n      <DialogContent\n        className={`flex max-h-[92vh] w-[96vw] flex-col gap-3 p-4 ${ticketId === null && (cropping || image) ? 'max-w-[96vw] sm:max-w-[min(96vw,64rem)]' : 'max-w-lg sm:max-w-lg'}`}\n        data-testid=\"report-problem-dialog\"\n      >\n        <div className=\"pr-8\">\n          <DialogTitle>\n            {ticketId === null ? 'Contact support' : 'Support request sent'}\n          </DialogTitle>\n          <DialogDescription>\n            {ticketId !== null\n              ? 'We have received your request. Track updates in My requests.'\n              : cropping\n                ? 'Crop the screenshot to the part that shows the problem. Only the cropped part is kept.'\n                : image\n                  ? 'Black out anything confidential before sending. Blacked-out areas are removed from the image.'\n                  : 'Tell us what you need help with. You can choose to add a screenshot.'}\n          </DialogDescription>\n        </div>\n\n        {ticketId !== null && (\n          <div className=\"flex items-center justify-between gap-4 rounded-md border border-border bg-muted p-4\">\n            <p className=\"font-medium\" data-testid=\"report-ticket-receipt\">\n              Ticket number: {ticketReference ?? `#${ticketId}`}\n            </p>\n            <Button onClick={onClose} data-testid=\"report-receipt-close\">\n              Close\n            </Button>\n          </div>\n        )}\n\n        {cropping ? (\n          <div className=\"grid gap-2\" hidden={ticketId !== null}>\n            <ImageCropper\n              key={frameSize ? 'sized' : 'unsized'}\n              image={frameUrl}\n              aspect={\n                frameSize\n                  ? frameSize.width / frameSize.height\n                  : window.innerWidth / window.innerHeight\n              }\n              maxZoom={6}\n              cropAreaClassName=\"h-[50vh] min-h-64\"\n              onCropComplete={(area) => setCropArea(area)}\n            />\n            <div className=\"flex flex-wrap justify-end gap-2\">\n              <Button\n                variant=\"ghost\"\n                onClick={() => onImageChange(null)}\n                data-testid=\"report-remove-screenshot\"\n              >\n                <Trash2 className=\"mr-1 size-4\" /> Remove screenshot\n              </Button>\n              <Button variant=\"ghost\" onClick={onRetake} data-testid=\"report-retake\">\n                <Camera className=\"mr-1 size-4\" /> Retake\n              </Button>\n              <Button\n                disabled={!cropArea || busy}\n                onClick={() => void applyCrop()}\n                data-testid=\"report-use-crop\"\n              >\n                <Crop className=\"mr-1 size-4\" /> Use this crop\n              </Button>\n            </div>\n          </div>\n        ) : imageUrl ? (\n          <div className=\"grid gap-2\" hidden={ticketId !== null}>\n            <div className=\"flex min-h-0 justify-center overflow-hidden rounded-md bg-muted p-2\">\n              <div className=\"relative max-w-full\">\n                <img\n                  ref={imgRef}\n                  src={imageUrl}\n                  alt=\"Screenshot of the problem\"\n                  className=\"block max-h-[45vh] max-w-full select-none object-contain\"\n                  draggable={false}\n                  onLoad={(event) =>\n                    setNatural({\n                      width: event.currentTarget.naturalWidth,\n                      height: event.currentTarget.naturalHeight,\n                    })\n                  }\n                  data-testid=\"report-screenshot\"\n                />\n                <div\n                  className=\"absolute inset-0 cursor-crosshair touch-none\"\n                  onPointerDown={(event) => {\n                    const point = pointFrom(event)\n                    if (!point) return\n                    event.currentTarget.setPointerCapture?.(event.pointerId)\n                    dragStart.current = point\n                    setDraft({ kind: 'redact', ...point, w: 0, h: 0 })\n                  }}\n                  onPointerMove={(event) => {\n                    const point = pointFrom(event)\n                    if (dragStart.current && point && natural)\n                      setDraft({\n                        kind: 'redact',\n                        ...rectFromDrag(dragStart.current, point, natural),\n                      })\n                  }}\n                  onPointerUp={() => {\n                    if (draft && isMeaningfulRect(draft)) setMarks((m) => [...m, draft])\n                    dragStart.current = null\n                    setDraft(null)\n                  }}\n                  data-testid=\"report-draw-surface\"\n                >\n                  {shown.map((mark, i) => (\n                    <div\n                      key={i}\n                      className=\"pointer-events-none absolute bg-black\"\n                      style={percent(mark)}\n                      data-testid=\"report-mark-redact\"\n                    />\n                  ))}\n                </div>\n              </div>\n            </div>\n            <div className=\"flex flex-wrap items-center justify-end gap-2 text-sm\">\n              <span className=\"mr-auto flex items-center gap-1 text-muted-foreground\">\n                <EyeOff className=\"size-4\" /> Drag over anything confidential to black it out.\n              </span>\n              <Button\n                size=\"sm\"\n                variant=\"ghost\"\n                disabled={!marks.length}\n                onClick={() => setMarks((m) => m.slice(0, -1))}\n                data-testid=\"report-undo\"\n              >\n                <Undo2 className=\"mr-1 size-4\" /> Undo\n              </Button>\n              <Button\n                size=\"sm\"\n                variant=\"ghost\"\n                onClick={() => onImageChange(null)}\n                data-testid=\"report-remove-screenshot\"\n              >\n                <Trash2 className=\"mr-1 size-4\" /> Remove\n              </Button>\n              <Button size=\"sm\" variant=\"ghost\" onClick={onRetake} data-testid=\"report-retake\">\n                <Camera className=\"mr-1 size-4\" /> Retake\n              </Button>\n            </div>\n          </div>\n        ) : (\n          <div\n            className=\"flex flex-wrap items-center gap-3 rounded-md border border-dashed border-border p-3 text-sm\"\n            hidden={ticketId !== null}\n          >\n            <span className=\"text-muted-foreground\">No screenshot attached.</span>\n            {canCaptureScreen() ? (\n              <Button size=\"sm\" variant=\"outline\" onClick={onRetake} data-testid=\"report-retake\">\n                <Camera className=\"mr-1 size-4\" /> Take a screenshot\n              </Button>\n            ) : (\n              <label className=\"inline-flex cursor-pointer items-center gap-1 font-medium text-primary\">\n                <ImageUp className=\"size-4\" /> Choose a screenshot\n                <input\n                  type=\"file\"\n                  accept=\"image/*\"\n                  className=\"sr-only\"\n                  onChange={(event) => {\n                    const file = event.target.files?.[0]\n                    if (file) onImageChange(file)\n                  }}\n                  data-testid=\"report-choose-image\"\n                />\n              </label>\n            )}\n          </div>\n        )}\n\n        <label className=\"grid gap-1 text-sm\" hidden={ticketId !== null}>\n          <span className=\"font-medium\">What went wrong?</span>\n          <Textarea\n            value={description}\n            onChange={(event) => setDescription(event.target.value)}\n            rows={3}\n            placeholder=\"What did you do, and what happened instead?\"\n            data-testid=\"report-description\"\n          />\n        </label>\n\n        {failure && (\n          <p role=\"alert\" className=\"text-sm text-destructive\" hidden={ticketId !== null}>\n            {failure}\n          </p>\n        )}\n        <div className=\"flex flex-wrap items-center justify-end gap-2\" hidden={ticketId !== null}>\n          <span className=\"mr-auto text-xs text-muted-foreground\">{footnote}</span>\n          <Button variant=\"ghost\" onClick={onClose} disabled={busy}>\n            Cancel\n          </Button>\n          <Button\n            disabled={!onSubmit || !description.trim() || busy || cropping || (!!image && !natural)}\n            onClick={() => void submit()}\n            data-testid=\"report-send\"\n          >\n            {busy ? 'Sending\u2026' : 'Send to support'}\n          </Button>\n        </div>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["/** Support form with optional screenshot evidence and redaction. */\nimport React, { useEffect, useMemo, useRef, useState, type ReactNode } from 'react'\nimport { Camera, Crop, EyeOff, ImageUp, Trash2, Undo2 } from 'lucide-react'\nimport {\n  Button,\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogTitle,\n  Textarea,\n} from '@arbidocs/react/ui'\nimport { ImageCropper, cropImage, type CropArea } from '@arbidocs/react'\nimport { useBlocksEnvironment } from '../../provider/environment'\nimport { canCaptureScreen } from './screen-capture'\nimport {\n  isMeaningfulRect,\n  rectFromDrag,\n  renderAnnotatedScreenshot,\n  toImagePoint,\n  type Mark,\n} from './screenshot-annotations'\n\nexport interface ReportProblemOptions {\n  /** @deprecated No image download is created. Retained for source compatibility. */\n  fileNamePrefix?: string\n  onSubmit?: (report: {\n    description: string\n    image?: Blob\n    idempotencyKey: string\n  }) => Promise<{ ticket_id: number; reference?: string }>\n  /** A line beside the actions: where reports go (the site's own words). Default: none. */\n  footnote?: ReactNode\n}\n\nexport interface ReportProblemDialogProps extends ReportProblemOptions {\n  open: boolean\n  /** The captured frame. Dropped once a crop is chosen. */\n  frame: Blob | null\n  /** The kept screenshot (the crop, or a picked file). */\n  image: Blob | null\n  onCropped: (crop: Blob) => void\n  onImageChange: (image: Blob | null) => void\n  onRetake: () => void\n  onClose: () => void\n}\n\nexport function ReportProblemDialog({\n  open,\n  frame,\n  image,\n  onCropped,\n  onImageChange,\n  onRetake,\n  onClose,\n  onSubmit,\n  footnote,\n}: ReportProblemDialogProps): React.ReactElement {\n  const { notify } = useBlocksEnvironment()\n  const [description, setDescription] = useState('')\n  const [marks, setMarks] = useState<Mark[]>([])\n  const [draft, setDraft] = useState<Mark | null>(null)\n  const [natural, setNatural] = useState<{ width: number; height: number } | null>(null)\n  const [frameSize, setFrameSize] = useState<{ width: number; height: number } | null>(null)\n  const [cropArea, setCropArea] = useState<CropArea | null>(null)\n  const [cropping, setCropping] = useState(false)\n  const [busy, setBusy] = useState(false)\n  const [failure, setFailure] = useState<string | null>(null)\n  const [ticketReference, setTicketReference] = useState<string | null>(null)\n  const [ticketId, setTicketId] = useState<number | null>(null)\n  const [submissionId] = useState(() => crypto.randomUUID())\n  const imgRef = useRef<HTMLImageElement>(null)\n  const dragStart = useRef<{ x: number; y: number } | null>(null)\n\n  const screenshot = image ?? frame\n  const imageUrl = useMemo(\n    () => (screenshot ? URL.createObjectURL(screenshot) : null),\n    [screenshot]\n  )\n  useEffect(() => () => void (imageUrl && URL.revokeObjectURL(imageUrl)), [imageUrl])\n\n  // The frame's size picks the \"Screen\" crop shape.\n  useEffect(() => {\n    setFrameSize(null)\n    if (!imageUrl) return\n    const img = new Image()\n    img.onload = () => setFrameSize({ width: img.naturalWidth, height: img.naturalHeight })\n    img.src = imageUrl\n  }, [imageUrl])\n\n  // A new screenshot starts new marks; closing starts a new report.\n  useEffect(() => {\n    setMarks([])\n    setDraft(null)\n    setNatural(null)\n    setCropping(false)\n    setCropArea(null)\n  }, [screenshot])\n\n  const applyCrop = async () => {\n    if (!imageUrl || !cropArea) return\n    setBusy(true)\n    try {\n      const { blob } = await cropImage(imageUrl, cropArea, { mimeType: 'image/png' })\n      onCropped(blob)\n      setCropping(false)\n    } catch {\n      notify(\"Couldn't crop the screenshot. Please try again.\", 'error')\n    } finally {\n      setBusy(false)\n    }\n  }\n\n  const pointFrom = (event: React.PointerEvent) => {\n    const img = imgRef.current\n    if (!img || !natural) return null\n    return toImagePoint(\n      { x: event.clientX, y: event.clientY },\n      img.getBoundingClientRect(),\n      natural\n    )\n  }\n\n  const renderImage = async (): Promise<Blob | null> => {\n    if (!screenshot || !natural) return null\n    const bitmap = await createImageBitmap(screenshot)\n    try {\n      return await renderAnnotatedScreenshot(bitmap, marks, { happened: description, expected: '' })\n    } finally {\n      bitmap.close()\n    }\n  }\n\n  const submit = async () => {\n    if (!onSubmit || !description.trim()) return\n    setBusy(true)\n    setFailure(null)\n    try {\n      const rendered = screenshot ? await renderImage() : null\n      if (screenshot && !rendered) throw new Error('The screenshot is not ready. Please try again.')\n      const receipt = await onSubmit({\n        description: description.trim(),\n        image: rendered ?? undefined,\n        idempotencyKey: submissionId,\n      })\n      setTicketId(receipt.ticket_id)\n      setTicketReference(\n        receipt.reference &&\n          /^[a-z0-9-]+-[0-9]+$/.test(receipt.reference) &&\n          receipt.reference.endsWith(`-${receipt.ticket_id}`)\n          ? receipt.reference\n          : null\n      )\n    } catch (error) {\n      setFailure(\n        error instanceof Error ? error.message : 'Could not send your request. Please try again.'\n      )\n    } finally {\n      setBusy(false)\n    }\n  }\n\n  const shown = draft ? [...marks, draft] : marks\n  const percent = (mark: Mark) =>\n    natural\n      ? {\n          left: `${(mark.x / natural.width) * 100}%`,\n          top: `${(mark.y / natural.height) * 100}%`,\n          width: `${(mark.w / natural.width) * 100}%`,\n          height: `${(mark.h / natural.height) * 100}%`,\n        }\n      : undefined\n\n  return (\n    <Dialog open={open} onOpenChange={(next) => !next && !busy && onClose()}>\n      <DialogContent\n        className={`flex max-h-[92vh] w-[96vw] flex-col gap-3 p-4 ${ticketId === null && screenshot ? 'max-w-[96vw] sm:max-w-[min(96vw,64rem)]' : 'max-w-lg sm:max-w-lg'}`}\n        data-testid=\"report-problem-dialog\"\n      >\n        <div className=\"pr-8\">\n          <DialogTitle>\n            {ticketId === null ? 'Contact support' : 'Support request sent'}\n          </DialogTitle>\n          <DialogDescription>\n            {ticketId !== null\n              ? 'We have received your request. Track updates in My requests.'\n              : cropping\n                ? 'Crop the screenshot to the part that shows the problem. Only the cropped part is kept.'\n                : screenshot\n                  ? 'Black out anything confidential before sending. Blacked-out areas are removed from the image.'\n                  : 'Tell us what you need help with. You can choose to add a screenshot.'}\n          </DialogDescription>\n        </div>\n\n        {ticketId !== null && (\n          <div className=\"flex items-center justify-between gap-4 rounded-md border border-border bg-muted p-4\">\n            <p className=\"font-medium\" data-testid=\"report-ticket-receipt\">\n              Ticket number: {ticketReference ?? `#${ticketId}`}\n            </p>\n            <Button onClick={onClose} data-testid=\"report-receipt-close\">\n              Close\n            </Button>\n          </div>\n        )}\n\n        {cropping && imageUrl ? (\n          <div className=\"grid gap-2\" hidden={ticketId !== null}>\n            <ImageCropper\n              key={frameSize ? 'sized' : 'unsized'}\n              image={imageUrl}\n              aspect={\n                frameSize\n                  ? frameSize.width / frameSize.height\n                  : window.innerWidth / window.innerHeight\n              }\n              maxZoom={6}\n              cropAreaClassName=\"h-[50vh] min-h-64\"\n              onCropComplete={(area) => setCropArea(area)}\n            />\n            <div className=\"flex flex-wrap justify-end gap-2\">\n              <Button\n                variant=\"ghost\"\n                onClick={() => setCropping(false)}\n                data-testid=\"report-cancel-crop\"\n              >\n                Cancel crop\n              </Button>\n              <Button\n                variant=\"ghost\"\n                onClick={() => onImageChange(null)}\n                data-testid=\"report-remove-screenshot\"\n              >\n                <Trash2 className=\"mr-1 size-4\" /> Remove screenshot\n              </Button>\n              <Button variant=\"ghost\" onClick={onRetake} data-testid=\"report-retake\">\n                <Camera className=\"mr-1 size-4\" /> Retake\n              </Button>\n              <Button\n                disabled={!cropArea || busy}\n                onClick={() => void applyCrop()}\n                data-testid=\"report-use-crop\"\n              >\n                <Crop className=\"mr-1 size-4\" /> Use this crop\n              </Button>\n            </div>\n          </div>\n        ) : imageUrl ? (\n          <div className=\"grid gap-2\" hidden={ticketId !== null}>\n            <div className=\"flex min-h-0 justify-center overflow-hidden rounded-md bg-muted p-2\">\n              <div className=\"relative max-w-full\">\n                <img\n                  ref={imgRef}\n                  src={imageUrl}\n                  alt=\"Screenshot of the problem\"\n                  className=\"block max-h-[45vh] max-w-full select-none object-contain\"\n                  draggable={false}\n                  onLoad={(event) =>\n                    setNatural({\n                      width: event.currentTarget.naturalWidth,\n                      height: event.currentTarget.naturalHeight,\n                    })\n                  }\n                  data-testid=\"report-screenshot\"\n                />\n                <div\n                  className=\"absolute inset-0 cursor-crosshair touch-none\"\n                  onPointerDown={(event) => {\n                    const point = pointFrom(event)\n                    if (!point) return\n                    event.currentTarget.setPointerCapture?.(event.pointerId)\n                    dragStart.current = point\n                    setDraft({ kind: 'redact', ...point, w: 0, h: 0 })\n                  }}\n                  onPointerMove={(event) => {\n                    const point = pointFrom(event)\n                    if (dragStart.current && point && natural)\n                      setDraft({\n                        kind: 'redact',\n                        ...rectFromDrag(dragStart.current, point, natural),\n                      })\n                  }}\n                  onPointerUp={() => {\n                    if (draft && isMeaningfulRect(draft)) setMarks((m) => [...m, draft])\n                    dragStart.current = null\n                    setDraft(null)\n                  }}\n                  data-testid=\"report-draw-surface\"\n                >\n                  {shown.map((mark, i) => (\n                    <div\n                      key={i}\n                      className=\"pointer-events-none absolute bg-black\"\n                      style={percent(mark)}\n                      data-testid=\"report-mark-redact\"\n                    />\n                  ))}\n                </div>\n              </div>\n            </div>\n            <div className=\"flex flex-wrap items-center justify-end gap-2 text-sm\">\n              <span className=\"mr-auto flex items-center gap-1 text-muted-foreground\">\n                <EyeOff className=\"size-4\" /> Drag over anything confidential to black it out.\n              </span>\n              <Button\n                size=\"sm\"\n                variant=\"ghost\"\n                disabled={!!marks.length}\n                title={marks.length ? 'Undo blacked-out areas before cropping' : undefined}\n                onClick={() => {\n                  setCropArea(null)\n                  setCropping(true)\n                }}\n                data-testid=\"report-crop\"\n              >\n                <Crop className=\"mr-1 size-4\" /> Crop\n              </Button>\n              <Button\n                size=\"sm\"\n                variant=\"ghost\"\n                disabled={!marks.length}\n                onClick={() => setMarks((m) => m.slice(0, -1))}\n                data-testid=\"report-undo\"\n              >\n                <Undo2 className=\"mr-1 size-4\" /> Undo\n              </Button>\n              <Button\n                size=\"sm\"\n                variant=\"ghost\"\n                onClick={() => onImageChange(null)}\n                data-testid=\"report-remove-screenshot\"\n              >\n                <Trash2 className=\"mr-1 size-4\" /> Remove\n              </Button>\n              <Button size=\"sm\" variant=\"ghost\" onClick={onRetake} data-testid=\"report-retake\">\n                <Camera className=\"mr-1 size-4\" /> Retake\n              </Button>\n            </div>\n          </div>\n        ) : (\n          <div\n            className=\"flex flex-wrap items-center gap-3 rounded-md border border-dashed border-border p-3 text-sm\"\n            hidden={ticketId !== null}\n          >\n            <span className=\"text-muted-foreground\">No screenshot attached.</span>\n            {canCaptureScreen() ? (\n              <Button size=\"sm\" variant=\"outline\" onClick={onRetake} data-testid=\"report-retake\">\n                <Camera className=\"mr-1 size-4\" /> Take a screenshot\n              </Button>\n            ) : (\n              <label className=\"inline-flex cursor-pointer items-center gap-1 font-medium text-primary\">\n                <ImageUp className=\"size-4\" /> Choose a screenshot\n                <input\n                  type=\"file\"\n                  accept=\"image/*\"\n                  className=\"sr-only\"\n                  onChange={(event) => {\n                    const file = event.target.files?.[0]\n                    if (file) onImageChange(file)\n                  }}\n                  data-testid=\"report-choose-image\"\n                />\n              </label>\n            )}\n          </div>\n        )}\n\n        <label className=\"grid gap-1 text-sm\" hidden={ticketId !== null}>\n          <span className=\"font-medium\">What went wrong?</span>\n          <Textarea\n            value={description}\n            onChange={(event) => setDescription(event.target.value)}\n            rows={3}\n            placeholder=\"What did you do, and what happened instead?\"\n            data-testid=\"report-description\"\n          />\n        </label>\n\n        {failure && (\n          <p role=\"alert\" className=\"text-sm text-destructive\" hidden={ticketId !== null}>\n            {failure}\n          </p>\n        )}\n        <div className=\"flex flex-wrap items-center justify-end gap-2\" hidden={ticketId !== null}>\n          <span className=\"mr-auto text-xs text-muted-foreground\">{footnote}</span>\n          <Button variant=\"ghost\" onClick={onClose} disabled={busy}>\n            Cancel\n          </Button>\n          <Button\n            disabled={\n              !onSubmit || !description.trim() || busy || cropping || (!!screenshot && !natural)\n            }\n            onClick={() => void submit()}\n            data-testid=\"report-send\"\n          >\n            {busy ? 'Sending\u2026' : 'Send to support'}\n          </Button>\n        </div>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/connection/workflows/ConnectedWorkflowsPage.js

@@ -18,7 +18,8 @@ import { useOpenWorkflow } from "./useOpenWorkflow.js";
 import { useHost } from "../../provider/host.js";
 import { useIntentRequest, workflowOpenRequest } from "../../provider/requests.js";
 import {
-  ConnectedWorkflowBuilder
+  ConnectedWorkflowBuilder,
+  scheduledTaskBuilderValue
 } from "../ConnectedWorkflowBuilder.js";
 import { ConnectedWorkflowHistory } from "../ConnectedWorkflowHistory.js";
 import { ConnectedWorkflowsTable } from "../ConnectedWorkflowsTable.js";
@@ -95,7 +96,13 @@ function ConnectedWorkflowsPage({
     setHostTabId(null);
     openHistory(workflow);
   };
-  useIntentRequest(workflowOpenRequest, ({ workflowId, view }) => {
+  useIntentRequest(workflowOpenRequest, ({ workflowId, view, preset }) => {
+    if (!workflowId && preset) {
+      setRunningId(null);
+      setHostTabId(null);
+      openBuilder({ kind: "new", preset });
+      return;
+    }
     if (view === "run") {
       if (!workflowId) return;
       closeBuilder();
@@ -216,7 +223,7 @@ function ConnectedWorkflowsPage({
             ConnectedWorkflowBuilder,
             {
               workflowId: builder.kind === "saved" ? builder.id : void 0,
-              initial: template ? { workflow: template.workflow, trigger: DEFAULT_WORKFLOW_TRIGGER } : void 0,
+              initial: template ? { workflow: template.workflow, trigger: DEFAULT_WORKFLOW_TRIGGER } : builder.kind === "new" && builder.preset === "schedule" ? scheduledTaskBuilderValue() : void 0,
               workflows: config?.stepWorkflows ?? webWorkflows,
               renderIcon: config?.renderIcon,
               onSaved: (id) => builderSaved(id, builderKey),

package/dist/connection/workflows/ConnectedWorkflowsPage.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/connection/workflows/ConnectedWorkflowsPage.tsx"],
-  "sourcesContent": ["/**\n * The Workflows page, connected: one composition of the saved workflows' table\n * (`ConnectedWorkflowsTable`), the visual builder (`ConnectedWorkflowBuilder`) and a workflow's\n * history (`ConnectedWorkflowHistory`), on the shared selection lifecycle\n * (`useWorkflowsPageState`).\n *\n * - The table lists the saved workflows, with the host's catalogue (`workflows.catalogue` in the\n *   host configuration), when it has one, above them in the host's categories.\n * - A workflow opens in the builder, which takes the page (Back returns to the list). A document\n *   action (annotate or email documents), which runs without a thread, keeps its own editor.\n * - A workflow's history opens as a tab of the table, beside the host's own `tabs`.\n * - `openWorkflow(id, { view })` from anywhere opens the workflow's builder or history here; the\n *   host only shows the page. `view: 'run'` on a catalogue entry opens its run page here\n *   (`ConnectedWorkflowRunPage`, with the entry's project options).\n *\n * It navigates only through the environment: threads open with `openConversation`, an AI review's\n * result with `openFiles` (offered when the host has it), a catalogue entry runs with\n * `openWorkflow(id, { view: 'run' })`.\n */\n\nimport { useCallback, useMemo, useState, type ReactNode } from 'react'\nimport { ArrowLeft, Pencil, Play, Plus, Workflow as WorkflowIcon } from 'lucide-react'\nimport {\n  useInvalidateTagData,\n  useRefreshDocuments,\n  useTags,\n  useWorkflowRuns,\n  type WorkflowResponse,\n} from '@arbidocs/react'\nimport { Button, formatFriendlyDate } from '@arbidocs/react/ui'\nimport { PageHeader, type PageHeaderProps } from '../../components/PageHeader'\nimport { describeTrigger } from '../../agents/tasks/taskHelpers'\nimport type { TaskRunsDialogLabels } from '../../agents/tasks/TaskRunsDialog'\nimport type { WorkflowListLabels } from '../../agents/tasks/workflowTableLabels'\nimport { WEB_WORKFLOWS } from '../../agents/workflows/catalogue/registry'\nimport { useNamedWorkflows } from './useNamedWorkflows'\nimport { DEFAULT_WORKFLOW_TRIGGER } from '../../workflow-canvas/trigger'\nimport { useBlocksEnvironment } from '../../provider/environment'\nimport { useOpenWorkflow } from './useOpenWorkflow'\nimport { useHost } from '../../provider/host'\nimport { useIntentRequest, workflowOpenRequest } from '../../provider/requests'\nimport {\n  ConnectedWorkflowBuilder,\n  type ConnectedWorkflowBuilderProps,\n} from '../ConnectedWorkflowBuilder'\nimport { ConnectedWorkflowHistory } from '../ConnectedWorkflowHistory'\nimport { ConnectedWorkflowsTable } from '../ConnectedWorkflowsTable'\nimport { ConnectedWorkflowRunPage } from './ConnectedWorkflowRunPage'\nimport { ConnectedTaskComposer } from '../tasks/ConnectedTaskComposer'\nimport { useRenderTaskPerson } from '../tasks/useTaskPeople'\nimport { useAiReviewStore } from '../files/store'\nimport { useWorkflowsPageState } from './useWorkflowsPageState'\nimport {\n  DEFAULT_CONNECTED_WORKFLOWS_PAGE_LABELS,\n  DEFAULT_WORKFLOWS_PAGE_TABLE_LABELS,\n  WORKFLOWS_PAGE_TRIGGER_CHIP_LABELS,\n  type ConnectedWorkflowsPageLabels,\n} from './workflowsPageLabels'\n\ntype WorkflowRun = NonNullable<ReturnType<typeof useWorkflowRuns>['data']>[number]\n\n/** A tab of the host's beside the saved workflows (e.g. the agents that run them). */\nexport interface WorkflowsPageTab {\n  id: string\n  label: string\n  icon?: ReactNode\n  content: ReactNode\n}\n\n/** The table's own tab (the saved workflows). */\nconst LIST_TAB = 'automations'\n\nexport interface ConnectedWorkflowsPageProps {\n  /** A host deep link to a workflow's history (e.g. a `?workflow=` URL), taken once it loads. */\n  historyWorkflowId?: string | null\n  onHistoryWorkflowConsumed?: () => void\n  /** A title block over the table (eyebrow, title, description). Absent: none. */\n  pageHeader?: Omit<PageHeaderProps, 'actions' | 'tabs'>\n  /** The host's tabs beside the saved workflows, before any open history. */\n  tabs?: WorkflowsPageTab[]\n  /**\n   * One of the host's `tabs` to show instead of the saved workflows (a host deep link such as\n   * `?tab=agents`): on mount, and again whenever it changes to another tab. Unknown ids show the\n   * saved workflows.\n   */\n  initialTabId?: string | null\n  /** The builder's words and options. */\n  builderProps?: Pick<\n    ConnectedWorkflowBuilderProps,\n    | 'labels'\n    | 'canvasLabels'\n    | 'inspectorLabels'\n    | 'triggerLabels'\n    | 'connectedLabels'\n    | 'eventKinds'\n    | 'compose'\n  >\n  labels?: Partial<ConnectedWorkflowsPageLabels>\n  tableLabels?: Partial<WorkflowListLabels>\n  historyLabels?: Partial<TaskRunsDialogLabels>\n  testId?: string\n}\n\nexport function ConnectedWorkflowsPage({\n  historyWorkflowId,\n  onHistoryWorkflowConsumed,\n  pageHeader,\n  tabs,\n  initialTabId,\n  builderProps,\n  labels,\n  tableLabels,\n  historyLabels,\n  testId = 'workflows-page',\n}: ConnectedWorkflowsPageProps) {\n  // The default step catalogue in the host's assistant name.\n  const webWorkflows = useNamedWorkflows(WEB_WORKFLOWS)\n  const l = { ...DEFAULT_CONNECTED_WORKFLOWS_PAGE_LABELS, ...labels }\n  const host = useHost()\n  const config = host.workflows\n  const { openConversation, openFiles } = useBlocksEnvironment()\n  const openWorkflow = useOpenWorkflow()\n  const renderPerson = useRenderTaskPerson()\n  const refreshDocuments = useRefreshDocuments()\n  const invalidateTags = useInvalidateTagData()\n  const { data: tags = [] } = useTags()\n  const [editing, setEditing] = useState<WorkflowResponse | null>(null)\n  const [editorOpen, setEditorOpen] = useState(false)\n  const [hostTabId, setHostTabId] = useState<string | null>(initialTabId ?? null)\n  // The host's link is applied again when it names another tab (the page stays mounted when the\n  // host's address changes), never over the person's own choice of tab otherwise.\n  const [appliedTabId, setAppliedTabId] = useState(initialTabId)\n  if (initialTabId !== appliedTabId) {\n    setAppliedTabId(initialTabId)\n    if (initialTabId) setHostTabId(initialTabId)\n  }\n  // The catalogue entry being run (`openWorkflow(id, { view: 'run' })`).\n  const [runningId, setRunningId] = useState<string | null>(null)\n  // A workflow `openWorkflow(id, { view: 'runs' })` asked for, until it has loaded.\n  const [requestedHistoryId, setRequestedHistoryId] = useState<string | null>(null)\n  const consumeHistory = useCallback(() => {\n    if (requestedHistoryId) setRequestedHistoryId(null)\n    else onHistoryWorkflowConsumed?.()\n  }, [requestedHistoryId, onHistoryWorkflowConsumed])\n  const {\n    workflows,\n    builder,\n    builderKey,\n    openBuilder,\n    closeBuilder,\n    builderSaved,\n    historyFor: runsFor,\n    historyTabs,\n    activeHistoryId,\n    openHistory,\n    closeHistoryTab,\n    selectHistoryTab,\n  } = useWorkflowsPageState({\n    historyWorkflowId: requestedHistoryId ?? historyWorkflowId,\n    onHistoryWorkflowConsumed: consumeHistory,\n  })\n  const listLabels = useMemo(\n    () => ({ ...DEFAULT_WORKFLOWS_PAGE_TABLE_LABELS, ...tableLabels }),\n    [tableLabels]\n  )\n  const hostTab = tabs?.find((tab) => tab.id === hostTabId)\n  const showHistory = (workflow: WorkflowResponse | null) => {\n    setHostTabId(null)\n    openHistory(workflow)\n  }\n\n  useIntentRequest(workflowOpenRequest, ({ workflowId, view }) => {\n    if (view === 'run') {\n      if (!workflowId) return\n      closeBuilder()\n      setRunningId(workflowId)\n      return\n    }\n    setRunningId(null)\n    if (workflowId && view !== 'runs') {\n      openBuilder({ kind: 'saved', id: workflowId })\n      return\n    }\n    closeBuilder()\n    setHostTabId(null)\n    if (workflowId) setRequestedHistoryId(workflowId)\n    else selectHistoryTab(null)\n  })\n\n  const edit = (workflow: WorkflowResponse) => {\n    showHistory(workflow)\n    // Every workflow opens in the visual builder: stepped ones as their steps, a classic one (a\n    // single prompt or skill) as one agent step, a reminder with no steps yet. Only document actions\n    // (annotate / email documents), which run without a thread, keep their own editor.\n    if (!workflow.action) {\n      openBuilder({ kind: 'saved', id: workflow.external_id })\n      return\n    }\n    setEditing(workflow)\n    setEditorOpen(true)\n  }\n\n  // An AI review's result: its documents re-read, Files narrowed to its label, its fields shown.\n  const openResult = async (execution: WorkflowRun) => {\n    await refreshDocuments(execution.document_ext_ids)\n    await invalidateTags()\n    const fieldIds =\n      (execution.result?.tag_ext_ids as string[] | undefined) ?? runsFor?.action?.tag_ext_ids ?? []\n    useAiReviewStore.getState().setRun({\n      docIds: execution.document_ext_ids,\n      tags: fieldIds.map((fieldId) => ({\n        id: fieldId,\n        name: tags.find((tag) => tag.external_id === fieldId)?.name ?? 'Review',\n      })),\n    })\n    useAiReviewStore.getState().setOpen(true)\n    openFiles(\n      execution.label_ext_id ? { filters: { [execution.label_ext_id]: 'include' } } : undefined\n    )\n  }\n  const renderErrorReport = config?.renderErrorReport\n\n  const running = runningId\n    ? config?.catalogue?.find((entry) => entry.workflow.id === runningId)\n    : undefined\n  if (running && running.runnable !== false) {\n    const stepWorkflows = config?.stepWorkflows ?? webWorkflows\n    return (\n      // The page in the Workflows page's frame: padded, scrolling.\n      <div className=\"h-full min-h-0 w-full overflow-auto p-4 sm:p-6\">\n        <ConnectedWorkflowRunPage\n          key={running.workflow.id}\n          workflow={running.workflow}\n          projectFrom={running.projectFrom}\n          inputsFromProject={running.inputsFromProject}\n          onProjectCreated={running.onProjectCreated}\n          options={{ resolveWorkflow: (id) => stepWorkflows.find((w) => w.id === id) }}\n          renderIcon={config?.renderIcon}\n          onOpenConversation={(id) => openConversation(id)}\n          pageHeader={{\n            eyebrow: running.category,\n            leading: (\n              <Button\n                variant=\"ghost\"\n                size=\"icon\"\n                onClick={() => setRunningId(null)}\n                aria-label={l.back}\n                title={l.back}\n                data-testid=\"workflow-run-back\"\n              >\n                <ArrowLeft className=\"size-4\" />\n              </Button>\n            ),\n          }}\n          testIdPrefix=\"workflow-run\"\n        />\n      </div>\n    )\n  }\n\n  if (builder) {\n    const template =\n      builder.kind === 'template'\n        ? config?.catalogue?.find((entry) => entry.workflow.id === builder.id)\n        : undefined\n    return (\n      <div\n        className=\"flex h-full min-h-0 flex-col gap-3 overflow-auto p-4\"\n        data-testid=\"workflow-builder\"\n      >\n        <div className=\"flex items-center gap-2\">\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={closeBuilder}\n            data-testid=\"workflow-builder-back\"\n          >\n            <ArrowLeft className=\"size-4\" /> {l.back}\n          </Button>\n          {template && template.runnable !== false && openWorkflow && (\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => openWorkflow(template.workflow.id, { view: 'run' })}\n              data-testid=\"workflow-builder-run\"\n            >\n              <Play className=\"size-4\" /> {l.runTemplate}\n            </Button>\n          )}\n        </div>\n        <ConnectedWorkflowBuilder\n          key={builderKey}\n          workflowId={builder.kind === 'saved' ? builder.id : undefined}\n          initial={\n            template\n              ? { workflow: template.workflow, trigger: DEFAULT_WORKFLOW_TRIGGER }\n              : undefined\n          }\n          workflows={config?.stepWorkflows ?? webWorkflows}\n          renderIcon={config?.renderIcon}\n          onSaved={(id) => builderSaved(id, builderKey)}\n          testId=\"workflow-builder-canvas\"\n          {...builderProps}\n        />\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"flex h-full min-h-0 flex-col\" data-testid={testId}>\n      {pageHeader && <PageHeader {...pageHeader} />}\n      <ConnectedWorkflowsTable\n        onOpenTemplate={(id) => openBuilder({ kind: 'template', id })}\n        tabs={[\n          ...(tabs ?? []).map(({ id, label, icon }) => ({ id, label, icon })),\n          ...historyTabs.map((workflow) => ({\n            id: workflow.external_id,\n            label: workflow.name,\n            icon: <WorkflowIcon className=\"size-3.5\" />,\n            onClose: () => {\n              closeHistoryTab(workflow.external_id)\n              if (activeHistoryId === workflow.external_id) setEditorOpen(false)\n            },\n          })),\n        ]}\n        activeTabId={hostTab?.id ?? activeHistoryId ?? LIST_TAB}\n        onTabChange={(id) => {\n          if (tabs?.some((tab) => tab.id === id)) {\n            setHostTabId(id)\n            return\n          }\n          setHostTabId(null)\n          selectHistoryTab(id === LIST_TAB ? null : id)\n          if (editorOpen) {\n            const workflow = workflows.find((item) => item.external_id === id)\n            if (workflow) setEditing(workflow)\n            else setEditorOpen(false)\n          }\n        }}\n        content={\n          hostTab ? (\n            hostTab.content\n          ) : runsFor ? (\n            <ConnectedWorkflowHistory\n              inline\n              hideHeader\n              workflow={runsFor}\n              onOpenChange={(open) => !open && openHistory(null)}\n              formatDate={formatFriendlyDate}\n              labels={historyLabels}\n              renderErrorReport={\n                renderErrorReport &&\n                ((run) =>\n                  renderErrorReport(\n                    JSON.stringify(\n                      {\n                        workflow_ext_id: runsFor.external_id,\n                        run_id: run.id,\n                        status: run.status,\n                        error: run.error,\n                      },\n                      null,\n                      2\n                    )\n                  ))\n              }\n              // Offered where the host shows files (its `openFiles`).\n              onOpenResult={host.environment?.openFiles ? openResult : undefined}\n            />\n          ) : undefined\n        }\n        automationsOnly\n        gridId=\"automations-grid-v1\"\n        describeTrigger={(workflow) =>\n          workflow.on_demand ? l.manualTrigger : describeTrigger(workflow)\n        }\n        formatDate={formatFriendlyDate}\n        renderPerson={renderPerson}\n        onViewRuns={showHistory}\n        onOpenRow={edit}\n        onEdit={edit}\n        triggerChipLabels={WORKFLOWS_PAGE_TRIGGER_CHIP_LABELS}\n        labels={listLabels}\n        // A narrow row (a phone) keeps the actions' icons, so the host's tabs keep their room.\n        header={(isCompact) => (\n          <>\n            {runsFor && !hostTab && (\n              <Button\n                variant=\"ghost\"\n                onClick={() => edit(runsFor)}\n                aria-label={l.editAria}\n                title={isCompact ? l.edit : undefined}\n              >\n                <Pencil className={isCompact ? 'size-4' : 'mr-1.5 size-4'} />\n                {!isCompact && l.edit}\n              </Button>\n            )}\n            <Button\n              onClick={() => openBuilder({ kind: 'new' })}\n              aria-label={isCompact ? l.newWorkflow : undefined}\n              title={isCompact ? l.newWorkflow : undefined}\n              data-testid=\"new-workflow-button\"\n            >\n              <Plus className={isCompact ? 'size-4' : 'mr-1.5 size-4'} />\n              {!isCompact && l.newWorkflow}\n            </Button>\n          </>\n        )}\n      />\n      <ConnectedTaskComposer\n        kind=\"workflow\"\n        saveOnly\n        startLater\n        open={editorOpen}\n        onOpenChange={setEditorOpen}\n        workflow={editing}\n      />\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["/**\n * The Workflows page, connected: one composition of the saved workflows' table\n * (`ConnectedWorkflowsTable`), the visual builder (`ConnectedWorkflowBuilder`) and a workflow's\n * history (`ConnectedWorkflowHistory`), on the shared selection lifecycle\n * (`useWorkflowsPageState`).\n *\n * - The table lists the saved workflows, with the host's catalogue (`workflows.catalogue` in the\n *   host configuration), when it has one, above them in the host's categories.\n * - A workflow opens in the builder, which takes the page (Back returns to the list). A document\n *   action (annotate or email documents), which runs without a thread, keeps its own editor.\n * - A workflow's history opens as a tab of the table, beside the host's own `tabs`.\n * - `openWorkflow(id, { view })` from anywhere opens the workflow's builder or history here; the\n *   host only shows the page. `view: 'run'` on a catalogue entry opens its run page here\n *   (`ConnectedWorkflowRunPage`, with the entry's project options).\n *\n * It navigates only through the environment: threads open with `openConversation`, an AI review's\n * result with `openFiles` (offered when the host has it), a catalogue entry runs with\n * `openWorkflow(id, { view: 'run' })`.\n */\n\nimport { useCallback, useMemo, useState, type ReactNode } from 'react'\nimport { ArrowLeft, Pencil, Play, Plus, Workflow as WorkflowIcon } from 'lucide-react'\nimport {\n  useInvalidateTagData,\n  useRefreshDocuments,\n  useTags,\n  useWorkflowRuns,\n  type WorkflowResponse,\n} from '@arbidocs/react'\nimport { Button, formatFriendlyDate } from '@arbidocs/react/ui'\nimport { PageHeader, type PageHeaderProps } from '../../components/PageHeader'\nimport { describeTrigger } from '../../agents/tasks/taskHelpers'\nimport type { TaskRunsDialogLabels } from '../../agents/tasks/TaskRunsDialog'\nimport type { WorkflowListLabels } from '../../agents/tasks/workflowTableLabels'\nimport { WEB_WORKFLOWS } from '../../agents/workflows/catalogue/registry'\nimport { useNamedWorkflows } from './useNamedWorkflows'\nimport { DEFAULT_WORKFLOW_TRIGGER } from '../../workflow-canvas/trigger'\nimport { useBlocksEnvironment } from '../../provider/environment'\nimport { useOpenWorkflow } from './useOpenWorkflow'\nimport { useHost } from '../../provider/host'\nimport { useIntentRequest, workflowOpenRequest } from '../../provider/requests'\nimport {\n  ConnectedWorkflowBuilder,\n  scheduledTaskBuilderValue,\n  type ConnectedWorkflowBuilderProps,\n} from '../ConnectedWorkflowBuilder'\nimport { ConnectedWorkflowHistory } from '../ConnectedWorkflowHistory'\nimport { ConnectedWorkflowsTable } from '../ConnectedWorkflowsTable'\nimport { ConnectedWorkflowRunPage } from './ConnectedWorkflowRunPage'\nimport { ConnectedTaskComposer } from '../tasks/ConnectedTaskComposer'\nimport { useRenderTaskPerson } from '../tasks/useTaskPeople'\nimport { useAiReviewStore } from '../files/store'\nimport { useWorkflowsPageState } from './useWorkflowsPageState'\nimport {\n  DEFAULT_CONNECTED_WORKFLOWS_PAGE_LABELS,\n  DEFAULT_WORKFLOWS_PAGE_TABLE_LABELS,\n  WORKFLOWS_PAGE_TRIGGER_CHIP_LABELS,\n  type ConnectedWorkflowsPageLabels,\n} from './workflowsPageLabels'\n\ntype WorkflowRun = NonNullable<ReturnType<typeof useWorkflowRuns>['data']>[number]\n\n/** A tab of the host's beside the saved workflows (e.g. the agents that run them). */\nexport interface WorkflowsPageTab {\n  id: string\n  label: string\n  icon?: ReactNode\n  content: ReactNode\n}\n\n/** The table's own tab (the saved workflows). */\nconst LIST_TAB = 'automations'\n\nexport interface ConnectedWorkflowsPageProps {\n  /** A host deep link to a workflow's history (e.g. a `?workflow=` URL), taken once it loads. */\n  historyWorkflowId?: string | null\n  onHistoryWorkflowConsumed?: () => void\n  /** A title block over the table (eyebrow, title, description). Absent: none. */\n  pageHeader?: Omit<PageHeaderProps, 'actions' | 'tabs'>\n  /** The host's tabs beside the saved workflows, before any open history. */\n  tabs?: WorkflowsPageTab[]\n  /**\n   * One of the host's `tabs` to show instead of the saved workflows (a host deep link such as\n   * `?tab=agents`): on mount, and again whenever it changes to another tab. Unknown ids show the\n   * saved workflows.\n   */\n  initialTabId?: string | null\n  /** The builder's words and options. */\n  builderProps?: Pick<\n    ConnectedWorkflowBuilderProps,\n    | 'labels'\n    | 'canvasLabels'\n    | 'inspectorLabels'\n    | 'triggerLabels'\n    | 'connectedLabels'\n    | 'eventKinds'\n    | 'compose'\n  >\n  labels?: Partial<ConnectedWorkflowsPageLabels>\n  tableLabels?: Partial<WorkflowListLabels>\n  historyLabels?: Partial<TaskRunsDialogLabels>\n  testId?: string\n}\n\nexport function ConnectedWorkflowsPage({\n  historyWorkflowId,\n  onHistoryWorkflowConsumed,\n  pageHeader,\n  tabs,\n  initialTabId,\n  builderProps,\n  labels,\n  tableLabels,\n  historyLabels,\n  testId = 'workflows-page',\n}: ConnectedWorkflowsPageProps) {\n  // The default step catalogue in the host's assistant name.\n  const webWorkflows = useNamedWorkflows(WEB_WORKFLOWS)\n  const l = { ...DEFAULT_CONNECTED_WORKFLOWS_PAGE_LABELS, ...labels }\n  const host = useHost()\n  const config = host.workflows\n  const { openConversation, openFiles } = useBlocksEnvironment()\n  const openWorkflow = useOpenWorkflow()\n  const renderPerson = useRenderTaskPerson()\n  const refreshDocuments = useRefreshDocuments()\n  const invalidateTags = useInvalidateTagData()\n  const { data: tags = [] } = useTags()\n  const [editing, setEditing] = useState<WorkflowResponse | null>(null)\n  const [editorOpen, setEditorOpen] = useState(false)\n  const [hostTabId, setHostTabId] = useState<string | null>(initialTabId ?? null)\n  // The host's link is applied again when it names another tab (the page stays mounted when the\n  // host's address changes), never over the person's own choice of tab otherwise.\n  const [appliedTabId, setAppliedTabId] = useState(initialTabId)\n  if (initialTabId !== appliedTabId) {\n    setAppliedTabId(initialTabId)\n    if (initialTabId) setHostTabId(initialTabId)\n  }\n  // The catalogue entry being run (`openWorkflow(id, { view: 'run' })`).\n  const [runningId, setRunningId] = useState<string | null>(null)\n  // A workflow `openWorkflow(id, { view: 'runs' })` asked for, until it has loaded.\n  const [requestedHistoryId, setRequestedHistoryId] = useState<string | null>(null)\n  const consumeHistory = useCallback(() => {\n    if (requestedHistoryId) setRequestedHistoryId(null)\n    else onHistoryWorkflowConsumed?.()\n  }, [requestedHistoryId, onHistoryWorkflowConsumed])\n  const {\n    workflows,\n    builder,\n    builderKey,\n    openBuilder,\n    closeBuilder,\n    builderSaved,\n    historyFor: runsFor,\n    historyTabs,\n    activeHistoryId,\n    openHistory,\n    closeHistoryTab,\n    selectHistoryTab,\n  } = useWorkflowsPageState({\n    historyWorkflowId: requestedHistoryId ?? historyWorkflowId,\n    onHistoryWorkflowConsumed: consumeHistory,\n  })\n  const listLabels = useMemo(\n    () => ({ ...DEFAULT_WORKFLOWS_PAGE_TABLE_LABELS, ...tableLabels }),\n    [tableLabels]\n  )\n  const hostTab = tabs?.find((tab) => tab.id === hostTabId)\n  const showHistory = (workflow: WorkflowResponse | null) => {\n    setHostTabId(null)\n    openHistory(workflow)\n  }\n\n  useIntentRequest(workflowOpenRequest, ({ workflowId, view, preset }) => {\n    if (!workflowId && preset) {\n      setRunningId(null)\n      setHostTabId(null)\n      openBuilder({ kind: 'new', preset })\n      return\n    }\n    if (view === 'run') {\n      if (!workflowId) return\n      closeBuilder()\n      setRunningId(workflowId)\n      return\n    }\n    setRunningId(null)\n    if (workflowId && view !== 'runs') {\n      openBuilder({ kind: 'saved', id: workflowId })\n      return\n    }\n    closeBuilder()\n    setHostTabId(null)\n    if (workflowId) setRequestedHistoryId(workflowId)\n    else selectHistoryTab(null)\n  })\n\n  const edit = (workflow: WorkflowResponse) => {\n    showHistory(workflow)\n    // Every workflow opens in the visual builder: stepped ones as their steps, a classic one (a\n    // single prompt or skill) as one agent step, a reminder with no steps yet. Only document actions\n    // (annotate / email documents), which run without a thread, keep their own editor.\n    if (!workflow.action) {\n      openBuilder({ kind: 'saved', id: workflow.external_id })\n      return\n    }\n    setEditing(workflow)\n    setEditorOpen(true)\n  }\n\n  // An AI review's result: its documents re-read, Files narrowed to its label, its fields shown.\n  const openResult = async (execution: WorkflowRun) => {\n    await refreshDocuments(execution.document_ext_ids)\n    await invalidateTags()\n    const fieldIds =\n      (execution.result?.tag_ext_ids as string[] | undefined) ?? runsFor?.action?.tag_ext_ids ?? []\n    useAiReviewStore.getState().setRun({\n      docIds: execution.document_ext_ids,\n      tags: fieldIds.map((fieldId) => ({\n        id: fieldId,\n        name: tags.find((tag) => tag.external_id === fieldId)?.name ?? 'Review',\n      })),\n    })\n    useAiReviewStore.getState().setOpen(true)\n    openFiles(\n      execution.label_ext_id ? { filters: { [execution.label_ext_id]: 'include' } } : undefined\n    )\n  }\n  const renderErrorReport = config?.renderErrorReport\n\n  const running = runningId\n    ? config?.catalogue?.find((entry) => entry.workflow.id === runningId)\n    : undefined\n  if (running && running.runnable !== false) {\n    const stepWorkflows = config?.stepWorkflows ?? webWorkflows\n    return (\n      // The page in the Workflows page's frame: padded, scrolling.\n      <div className=\"h-full min-h-0 w-full overflow-auto p-4 sm:p-6\">\n        <ConnectedWorkflowRunPage\n          key={running.workflow.id}\n          workflow={running.workflow}\n          projectFrom={running.projectFrom}\n          inputsFromProject={running.inputsFromProject}\n          onProjectCreated={running.onProjectCreated}\n          options={{ resolveWorkflow: (id) => stepWorkflows.find((w) => w.id === id) }}\n          renderIcon={config?.renderIcon}\n          onOpenConversation={(id) => openConversation(id)}\n          pageHeader={{\n            eyebrow: running.category,\n            leading: (\n              <Button\n                variant=\"ghost\"\n                size=\"icon\"\n                onClick={() => setRunningId(null)}\n                aria-label={l.back}\n                title={l.back}\n                data-testid=\"workflow-run-back\"\n              >\n                <ArrowLeft className=\"size-4\" />\n              </Button>\n            ),\n          }}\n          testIdPrefix=\"workflow-run\"\n        />\n      </div>\n    )\n  }\n\n  if (builder) {\n    const template =\n      builder.kind === 'template'\n        ? config?.catalogue?.find((entry) => entry.workflow.id === builder.id)\n        : undefined\n    return (\n      <div\n        className=\"flex h-full min-h-0 flex-col gap-3 overflow-auto p-4\"\n        data-testid=\"workflow-builder\"\n      >\n        <div className=\"flex items-center gap-2\">\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={closeBuilder}\n            data-testid=\"workflow-builder-back\"\n          >\n            <ArrowLeft className=\"size-4\" /> {l.back}\n          </Button>\n          {template && template.runnable !== false && openWorkflow && (\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => openWorkflow(template.workflow.id, { view: 'run' })}\n              data-testid=\"workflow-builder-run\"\n            >\n              <Play className=\"size-4\" /> {l.runTemplate}\n            </Button>\n          )}\n        </div>\n        <ConnectedWorkflowBuilder\n          key={builderKey}\n          workflowId={builder.kind === 'saved' ? builder.id : undefined}\n          initial={\n            template\n              ? { workflow: template.workflow, trigger: DEFAULT_WORKFLOW_TRIGGER }\n              : builder.kind === 'new' && builder.preset === 'schedule'\n                ? scheduledTaskBuilderValue()\n                : undefined\n          }\n          workflows={config?.stepWorkflows ?? webWorkflows}\n          renderIcon={config?.renderIcon}\n          onSaved={(id) => builderSaved(id, builderKey)}\n          testId=\"workflow-builder-canvas\"\n          {...builderProps}\n        />\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"flex h-full min-h-0 flex-col\" data-testid={testId}>\n      {pageHeader && <PageHeader {...pageHeader} />}\n      <ConnectedWorkflowsTable\n        onOpenTemplate={(id) => openBuilder({ kind: 'template', id })}\n        tabs={[\n          ...(tabs ?? []).map(({ id, label, icon }) => ({ id, label, icon })),\n          ...historyTabs.map((workflow) => ({\n            id: workflow.external_id,\n            label: workflow.name,\n            icon: <WorkflowIcon className=\"size-3.5\" />,\n            onClose: () => {\n              closeHistoryTab(workflow.external_id)\n              if (activeHistoryId === workflow.external_id) setEditorOpen(false)\n            },\n          })),\n        ]}\n        activeTabId={hostTab?.id ?? activeHistoryId ?? LIST_TAB}\n        onTabChange={(id) => {\n          if (tabs?.some((tab) => tab.id === id)) {\n            setHostTabId(id)\n            return\n          }\n          setHostTabId(null)\n          selectHistoryTab(id === LIST_TAB ? null : id)\n          if (editorOpen) {\n            const workflow = workflows.find((item) => item.external_id === id)\n            if (workflow) setEditing(workflow)\n            else setEditorOpen(false)\n          }\n        }}\n        content={\n          hostTab ? (\n            hostTab.content\n          ) : runsFor ? (\n            <ConnectedWorkflowHistory\n              inline\n              hideHeader\n              workflow={runsFor}\n              onOpenChange={(open) => !open && openHistory(null)}\n              formatDate={formatFriendlyDate}\n              labels={historyLabels}\n              renderErrorReport={\n                renderErrorReport &&\n                ((run) =>\n                  renderErrorReport(\n                    JSON.stringify(\n                      {\n                        workflow_ext_id: runsFor.external_id,\n                        run_id: run.id,\n                        status: run.status,\n                        error: run.error,\n                      },\n                      null,\n                      2\n                    )\n                  ))\n              }\n              // Offered where the host shows files (its `openFiles`).\n              onOpenResult={host.environment?.openFiles ? openResult : undefined}\n            />\n          ) : undefined\n        }\n        automationsOnly\n        gridId=\"automations-grid-v1\"\n        describeTrigger={(workflow) =>\n          workflow.on_demand ? l.manualTrigger : describeTrigger(workflow)\n        }\n        formatDate={formatFriendlyDate}\n        renderPerson={renderPerson}\n        onViewRuns={showHistory}\n        onOpenRow={edit}\n        onEdit={edit}\n        triggerChipLabels={WORKFLOWS_PAGE_TRIGGER_CHIP_LABELS}\n        labels={listLabels}\n        // A narrow row (a phone) keeps the actions' icons, so the host's tabs keep their room.\n        header={(isCompact) => (\n          <>\n            {runsFor && !hostTab && (\n              <Button\n                variant=\"ghost\"\n                onClick={() => edit(runsFor)}\n                aria-label={l.editAria}\n                title={isCompact ? l.edit : undefined}\n              >\n                <Pencil className={isCompact ? 'size-4' : 'mr-1.5 size-4'} />\n                {!isCompact && l.edit}\n              </Button>\n            )}\n            <Button\n              onClick={() => openBuilder({ kind: 'new' })}\n              aria-label={isCompact ? l.newWorkflow : undefined}\n              title={isCompact ? l.newWorkflow : undefined}\n              data-testid=\"new-workflow-button\"\n            >\n              <Plus className={isCompact ? 'size-4' : 'mr-1.5 size-4'} />\n              {!isCompact && l.newWorkflow}\n            </Button>\n          </>\n        )}\n      />\n      <ConnectedTaskComposer\n        kind=\"workflow\"\n        saveOnly\n        startLater\n        open={editorOpen}\n        onOpenChange={setEditorOpen}\n        workflow={editing}\n      />\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/connection/workflows/useWorkflowsPageState.d.ts

@@ -5,6 +5,7 @@ export type WorkflowBuilderSelection = {
     id: string;
 } | {
     kind: 'new';
+    preset?: 'schedule';
 } | {
     kind: 'template';
     id: string;

package/dist/connection/workflows/useWorkflowsPageState.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/connection/workflows/useWorkflowsPageState.ts"],
-  "sourcesContent": ["import { useCallback, useEffect, useRef, useState } from 'react'\nimport { useWorkflows, type WorkflowResponse } from '@arbidocs/react'\n\n/** A saved workflow, a new one, or a host catalogue entry opened as a template. */\nexport type WorkflowBuilderSelection =\n  { kind: 'saved'; id: string } | { kind: 'new' } | { kind: 'template'; id: string }\n\nexport interface WorkflowsPageStateOptions {\n  initialBuilder?: WorkflowBuilderSelection\n  /** A host deep link to consume once the saved workflow has loaded. */\n  historyWorkflowId?: string | null\n  onHistoryWorkflowConsumed?: () => void\n}\n\n/** Shared selection lifecycle for workflow tables, builders and history views. No routing or layout. */\nexport function useWorkflowsPageState({\n  initialBuilder,\n  historyWorkflowId,\n  onHistoryWorkflowConsumed,\n}: WorkflowsPageStateOptions = {}) {\n  const { data: workflows = [] } = useWorkflows({ live: true })\n  const [builder, setBuilder] = useState<WorkflowBuilderSelection | null>(initialBuilder ?? null)\n  const [builderKey, setBuilderKey] = useState(0)\n  const [historyIds, setHistoryIds] = useState<string[]>([])\n  const [activeHistoryId, setActiveHistoryId] = useState<string | null>(null)\n  // Resolve against current query data: renaming/deleting a workflow cannot leave a stale dialog.\n  const historyFor = workflows.find((workflow) => workflow.external_id === activeHistoryId) ?? null\n  const historyTabs = historyIds.flatMap((id) => {\n    const workflow = workflows.find((item) => item.external_id === id)\n    return workflow ? [workflow] : []\n  })\n\n  const openHistory = useCallback((workflow: WorkflowResponse | null) => {\n    const id = workflow?.external_id ?? null\n    if (id) setHistoryIds((ids) => (ids.includes(id) ? ids : [...ids, id]))\n    setActiveHistoryId(id)\n  }, [])\n  const closeHistoryTab = useCallback((id: string) => {\n    setHistoryIds((ids) => ids.filter((item) => item !== id))\n    setActiveHistoryId((active) => (active === id ? null : active))\n  }, [])\n  const builderKeyRef = useRef(builderKey)\n  builderKeyRef.current = builderKey\n  const openBuilder = useCallback((selection: WorkflowBuilderSelection) => {\n    setBuilder(selection)\n    // Reopening a template/new/saved selection resets its unsaved canvas; saving does not.\n    setBuilderKey((key) => key + 1)\n  }, [])\n  /**\n   * A save finished (it lands once the workflows are re-read): the builder it came from (its\n   * `builderKey`, default the current one) now edits the saved workflow. A save the person left\n   * meanwhile (Back, or another workflow opened) changes nothing: it never reopens the builder.\n   */\n  const builderSaved = useCallback((id: string, fromKey?: number) => {\n    if (fromKey !== undefined && fromKey !== builderKeyRef.current) return\n    setBuilder((open) => (open ? { kind: 'saved', id } : null))\n  }, [])\n\n  useEffect(() => {\n    const workflow = workflows.find((item) => item.external_id === historyWorkflowId)\n    if (!workflow) return\n    openHistory(workflow)\n    onHistoryWorkflowConsumed?.()\n  }, [historyWorkflowId, onHistoryWorkflowConsumed, openHistory, workflows])\n\n  return {\n    workflows,\n    builder,\n    builderKey,\n    openBuilder,\n    closeBuilder: () => setBuilder(null),\n    builderSaved,\n    historyFor,\n    historyTabs,\n    activeHistoryId,\n    openHistory,\n    closeHistoryTab,\n    selectHistoryTab: setActiveHistoryId,\n  }\n}\n"],
-  "mappings": ";AAAA,SAAS,aAAa,WAAW,QAAQ,gBAAgB;AACzD,SAAS,oBAA2C;AAc7C,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AACF,IAA+B,CAAC,GAAG;AACjC,QAAM,EAAE,MAAM,YAAY,CAAC,EAAE,IAAI,aAAa,EAAE,MAAM,KAAK,CAAC;AAC5D,QAAM,CAAC,SAAS,UAAU,IAAI,SAA0C,kBAAkB,IAAI;AAC9F,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,CAAC;AAC9C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAmB,CAAC,CAAC;AACzD,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAwB,IAAI;AAE1E,QAAM,aAAa,UAAU,KAAK,CAAC,aAAa,SAAS,gBAAgB,eAAe,KAAK;AAC7F,QAAM,cAAc,WAAW,QAAQ,CAAC,OAAO;AAC7C,UAAM,WAAW,UAAU,KAAK,CAAC,SAAS,KAAK,gBAAgB,EAAE;AACjE,WAAO,WAAW,CAAC,QAAQ,IAAI,CAAC;AAAA,EAClC,CAAC;AAED,QAAM,cAAc,YAAY,CAAC,aAAsC;AACrE,UAAM,KAAK,UAAU,eAAe;AACpC,QAAI,GAAI,eAAc,CAAC,QAAS,IAAI,SAAS,EAAE,IAAI,MAAM,CAAC,GAAG,KAAK,EAAE,CAAE;AACtE,uBAAmB,EAAE;AAAA,EACvB,GAAG,CAAC,CAAC;AACL,QAAM,kBAAkB,YAAY,CAAC,OAAe;AAClD,kBAAc,CAAC,QAAQ,IAAI,OAAO,CAAC,SAAS,SAAS,EAAE,CAAC;AACxD,uBAAmB,CAAC,WAAY,WAAW,KAAK,OAAO,MAAO;AAAA,EAChE,GAAG,CAAC,CAAC;AACL,QAAM,gBAAgB,OAAO,UAAU;AACvC,gBAAc,UAAU;AACxB,QAAM,cAAc,YAAY,CAAC,cAAwC;AACvE,eAAW,SAAS;AAEpB,kBAAc,CAAC,QAAQ,MAAM,CAAC;AAAA,EAChC,GAAG,CAAC,CAAC;AAML,QAAM,eAAe,YAAY,CAAC,IAAY,YAAqB;AACjE,QAAI,YAAY,UAAa,YAAY,cAAc,QAAS;AAChE,eAAW,CAAC,SAAU,OAAO,EAAE,MAAM,SAAS,GAAG,IAAI,IAAK;AAAA,EAC5D,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,UAAM,WAAW,UAAU,KAAK,CAAC,SAAS,KAAK,gBAAgB,iBAAiB;AAChF,QAAI,CAAC,SAAU;AACf,gBAAY,QAAQ;AACpB,gCAA4B;AAAA,EAC9B,GAAG,CAAC,mBAAmB,2BAA2B,aAAa,SAAS,CAAC;AAEzE,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc,MAAM,WAAW,IAAI;AAAA,IACnC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,EACpB;AACF;",
+  "sourcesContent": ["import { useCallback, useEffect, useRef, useState } from 'react'\nimport { useWorkflows, type WorkflowResponse } from '@arbidocs/react'\n\n/** A saved workflow, a new one, or a host catalogue entry opened as a template. */\nexport type WorkflowBuilderSelection =\n  | { kind: 'saved'; id: string }\n  | { kind: 'new'; preset?: 'schedule' }\n  | { kind: 'template'; id: string }\n\nexport interface WorkflowsPageStateOptions {\n  initialBuilder?: WorkflowBuilderSelection\n  /** A host deep link to consume once the saved workflow has loaded. */\n  historyWorkflowId?: string | null\n  onHistoryWorkflowConsumed?: () => void\n}\n\n/** Shared selection lifecycle for workflow tables, builders and history views. No routing or layout. */\nexport function useWorkflowsPageState({\n  initialBuilder,\n  historyWorkflowId,\n  onHistoryWorkflowConsumed,\n}: WorkflowsPageStateOptions = {}) {\n  const { data: workflows = [] } = useWorkflows({ live: true })\n  const [builder, setBuilder] = useState<WorkflowBuilderSelection | null>(initialBuilder ?? null)\n  const [builderKey, setBuilderKey] = useState(0)\n  const [historyIds, setHistoryIds] = useState<string[]>([])\n  const [activeHistoryId, setActiveHistoryId] = useState<string | null>(null)\n  // Resolve against current query data: renaming/deleting a workflow cannot leave a stale dialog.\n  const historyFor = workflows.find((workflow) => workflow.external_id === activeHistoryId) ?? null\n  const historyTabs = historyIds.flatMap((id) => {\n    const workflow = workflows.find((item) => item.external_id === id)\n    return workflow ? [workflow] : []\n  })\n\n  const openHistory = useCallback((workflow: WorkflowResponse | null) => {\n    const id = workflow?.external_id ?? null\n    if (id) setHistoryIds((ids) => (ids.includes(id) ? ids : [...ids, id]))\n    setActiveHistoryId(id)\n  }, [])\n  const closeHistoryTab = useCallback((id: string) => {\n    setHistoryIds((ids) => ids.filter((item) => item !== id))\n    setActiveHistoryId((active) => (active === id ? null : active))\n  }, [])\n  const builderKeyRef = useRef(builderKey)\n  builderKeyRef.current = builderKey\n  const openBuilder = useCallback((selection: WorkflowBuilderSelection) => {\n    setBuilder(selection)\n    // Reopening a template/new/saved selection resets its unsaved canvas; saving does not.\n    setBuilderKey((key) => key + 1)\n  }, [])\n  /**\n   * A save finished (it lands once the workflows are re-read): the builder it came from (its\n   * `builderKey`, default the current one) now edits the saved workflow. A save the person left\n   * meanwhile (Back, or another workflow opened) changes nothing: it never reopens the builder.\n   */\n  const builderSaved = useCallback((id: string, fromKey?: number) => {\n    if (fromKey !== undefined && fromKey !== builderKeyRef.current) return\n    setBuilder((open) => (open ? { kind: 'saved', id } : null))\n  }, [])\n\n  useEffect(() => {\n    const workflow = workflows.find((item) => item.external_id === historyWorkflowId)\n    if (!workflow) return\n    openHistory(workflow)\n    onHistoryWorkflowConsumed?.()\n  }, [historyWorkflowId, onHistoryWorkflowConsumed, openHistory, workflows])\n\n  return {\n    workflows,\n    builder,\n    builderKey,\n    openBuilder,\n    closeBuilder: () => setBuilder(null),\n    builderSaved,\n    historyFor,\n    historyTabs,\n    activeHistoryId,\n    openHistory,\n    closeHistoryTab,\n    selectHistoryTab: setActiveHistoryId,\n  }\n}\n"],
+  "mappings": ";AAAA,SAAS,aAAa,WAAW,QAAQ,gBAAgB;AACzD,SAAS,oBAA2C;AAgB7C,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AACF,IAA+B,CAAC,GAAG;AACjC,QAAM,EAAE,MAAM,YAAY,CAAC,EAAE,IAAI,aAAa,EAAE,MAAM,KAAK,CAAC;AAC5D,QAAM,CAAC,SAAS,UAAU,IAAI,SAA0C,kBAAkB,IAAI;AAC9F,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,CAAC;AAC9C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAmB,CAAC,CAAC;AACzD,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAwB,IAAI;AAE1E,QAAM,aAAa,UAAU,KAAK,CAAC,aAAa,SAAS,gBAAgB,eAAe,KAAK;AAC7F,QAAM,cAAc,WAAW,QAAQ,CAAC,OAAO;AAC7C,UAAM,WAAW,UAAU,KAAK,CAAC,SAAS,KAAK,gBAAgB,EAAE;AACjE,WAAO,WAAW,CAAC,QAAQ,IAAI,CAAC;AAAA,EAClC,CAAC;AAED,QAAM,cAAc,YAAY,CAAC,aAAsC;AACrE,UAAM,KAAK,UAAU,eAAe;AACpC,QAAI,GAAI,eAAc,CAAC,QAAS,IAAI,SAAS,EAAE,IAAI,MAAM,CAAC,GAAG,KAAK,EAAE,CAAE;AACtE,uBAAmB,EAAE;AAAA,EACvB,GAAG,CAAC,CAAC;AACL,QAAM,kBAAkB,YAAY,CAAC,OAAe;AAClD,kBAAc,CAAC,QAAQ,IAAI,OAAO,CAAC,SAAS,SAAS,EAAE,CAAC;AACxD,uBAAmB,CAAC,WAAY,WAAW,KAAK,OAAO,MAAO;AAAA,EAChE,GAAG,CAAC,CAAC;AACL,QAAM,gBAAgB,OAAO,UAAU;AACvC,gBAAc,UAAU;AACxB,QAAM,cAAc,YAAY,CAAC,cAAwC;AACvE,eAAW,SAAS;AAEpB,kBAAc,CAAC,QAAQ,MAAM,CAAC;AAAA,EAChC,GAAG,CAAC,CAAC;AAML,QAAM,eAAe,YAAY,CAAC,IAAY,YAAqB;AACjE,QAAI,YAAY,UAAa,YAAY,cAAc,QAAS;AAChE,eAAW,CAAC,SAAU,OAAO,EAAE,MAAM,SAAS,GAAG,IAAI,IAAK;AAAA,EAC5D,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,UAAM,WAAW,UAAU,KAAK,CAAC,SAAS,KAAK,gBAAgB,iBAAiB;AAChF,QAAI,CAAC,SAAU;AACf,gBAAY,QAAQ;AACpB,gCAA4B;AAAA,EAC9B,GAAG,CAAC,mBAAmB,2BAA2B,aAAa,SAAS,CAAC;AAEzE,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc,MAAM,WAAW,IAAI;AAAA,IACnC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,EACpB;AACF;",
   "names": []
 }

package/dist/dashboards/index.cjs

@@ -1,18 +1,18 @@
 "use client";
 'use strict';
 
-var chunkJ2RXQVVF_cjs = require('../chunk-J2RXQVVF.cjs');
+var chunk4EK7TAP7_cjs = require('../chunk-4EK7TAP7.cjs');
 var chunkLVIQWRC5_cjs = require('../chunk-LVIQWRC5.cjs');
-var chunkK5MYEWD5_cjs = require('../chunk-K5MYEWD5.cjs');
+var chunkUZHWXKS6_cjs = require('../chunk-UZHWXKS6.cjs');
 var chunkPBPO54KZ_cjs = require('../chunk-PBPO54KZ.cjs');
-require('../chunk-WIAWHETB.cjs');
+require('../chunk-ULPTSXXO.cjs');
 require('../chunk-ZU2B2RZK.cjs');
 var chunkNSD37OF5_cjs = require('../chunk-NSD37OF5.cjs');
 var chunkOEJQFPWO_cjs = require('../chunk-OEJQFPWO.cjs');
-require('../chunk-ZFKWCGA5.cjs');
-var chunkZW6FPIFC_cjs = require('../chunk-ZW6FPIFC.cjs');
+require('../chunk-JV5TVUOU.cjs');
 require('../chunk-IPSHAMO2.cjs');
-var chunkU5T46QCS_cjs = require('../chunk-U5T46QCS.cjs');
+var chunkZW6FPIFC_cjs = require('../chunk-ZW6FPIFC.cjs');
+var chunkTKHCIHE2_cjs = require('../chunk-TKHCIHE2.cjs');
 require('../chunk-JDFBEGQO.cjs');
 require('../chunk-ULWRNGGE.cjs');
 require('../chunk-PLIF5CUV.cjs');
@@ -67,8 +67,8 @@ function PanelsGrid({
   editing,
   testId
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkK5MYEWD5_cjs.DashboardGrid, { testId: testId && `${testId}-grid`, children: spec.panels.map((panel, i) => /* @__PURE__ */ jsxRuntime.jsx(chunkK5MYEWD5_cjs.DashboardCell, { width: panel.width, children: /* @__PURE__ */ jsxRuntime.jsx(
-    chunkK5MYEWD5_cjs.DashboardPanel,
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkUZHWXKS6_cjs.DashboardGrid, { testId: testId && `${testId}-grid`, children: spec.panels.map((panel, i) => /* @__PURE__ */ jsxRuntime.jsx(chunkUZHWXKS6_cjs.DashboardCell, { width: panel.width, children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunkUZHWXKS6_cjs.DashboardPanel,
     {
       panel,
       labels: panelLabels,
@@ -167,7 +167,7 @@ function ConnectedDashboardsPage({
   testId = "dashboards"
 }) {
   const l = { ...DEFAULT_DASHBOARDS_PAGE_LABELS, ...labels };
-  const { confirm, notify } = chunkU5T46QCS_cjs.useBlocksEnvironment();
+  const { confirm, notify } = chunkTKHCIHE2_cjs.useBlocksEnvironment();
   const workflowsOn = react.useFeature("workflows");
   const templates = siteTemplates ?? chunkLVIQWRC5_cjs.templatesFor(chunkLVIQWRC5_cjs.DASHBOARD_TEMPLATES, { workflows: workflowsOn });
   const store = react.useDashboardStore();
@@ -365,7 +365,7 @@ function ConnectedDashboardsPage({
           /* @__PURE__ */ jsxRuntime.jsx(ui.DialogDescription, { children: l.editPanelDescription })
         ] }),
         editingPanel && /* @__PURE__ */ jsxRuntime.jsx(
-          chunkJ2RXQVVF_cjs.PanelEditor,
+          chunk4EK7TAP7_cjs.PanelEditor,
           {
             value: editingPanel.panel,
             onChange: (panel) => setEditingPanel({ ...editingPanel, panel }),
@@ -527,11 +527,11 @@ function ConnectedDashboardsPage({
 
 Object.defineProperty(exports, "DEFAULT_PANEL_EDITOR_LABELS", {
   enumerable: true,
-  get: function () { return chunkJ2RXQVVF_cjs.DEFAULT_PANEL_EDITOR_LABELS; }
+  get: function () { return chunk4EK7TAP7_cjs.DEFAULT_PANEL_EDITOR_LABELS; }
 });
 Object.defineProperty(exports, "PanelEditor", {
   enumerable: true,
-  get: function () { return chunkJ2RXQVVF_cjs.PanelEditor; }
+  get: function () { return chunk4EK7TAP7_cjs.PanelEditor; }
 });
 Object.defineProperty(exports, "DASHBOARD_TEMPLATES", {
   enumerable: true,
@@ -555,47 +555,47 @@ Object.defineProperty(exports, "usagePanels", {
 });
 Object.defineProperty(exports, "ChartRenderer", {
   enumerable: true,
-  get: function () { return chunkK5MYEWD5_cjs.ChartRenderer; }
+  get: function () { return chunkUZHWXKS6_cjs.ChartRenderer; }
 });
 Object.defineProperty(exports, "ChartTable", {
   enumerable: true,
-  get: function () { return chunkK5MYEWD5_cjs.ChartTable; }
+  get: function () { return chunkUZHWXKS6_cjs.ChartTable; }
 });
 Object.defineProperty(exports, "DEFAULT_CHART_RENDERER_LABELS", {
   enumerable: true,
-  get: function () { return chunkK5MYEWD5_cjs.DEFAULT_CHART_RENDERER_LABELS; }
+  get: function () { return chunkUZHWXKS6_cjs.DEFAULT_CHART_RENDERER_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_DASHBOARD_PANEL_LABELS", {
   enumerable: true,
-  get: function () { return chunkK5MYEWD5_cjs.DEFAULT_DASHBOARD_PANEL_LABELS; }
+  get: function () { return chunkUZHWXKS6_cjs.DEFAULT_DASHBOARD_PANEL_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_PANEL_VIEW_LABELS", {
   enumerable: true,
-  get: function () { return chunkK5MYEWD5_cjs.DEFAULT_PANEL_VIEW_LABELS; }
+  get: function () { return chunkUZHWXKS6_cjs.DEFAULT_PANEL_VIEW_LABELS; }
 });
 Object.defineProperty(exports, "DashboardCell", {
   enumerable: true,
-  get: function () { return chunkK5MYEWD5_cjs.DashboardCell; }
+  get: function () { return chunkUZHWXKS6_cjs.DashboardCell; }
 });
 Object.defineProperty(exports, "DashboardGrid", {
   enumerable: true,
-  get: function () { return chunkK5MYEWD5_cjs.DashboardGrid; }
+  get: function () { return chunkUZHWXKS6_cjs.DashboardGrid; }
 });
 Object.defineProperty(exports, "DashboardPanel", {
   enumerable: true,
-  get: function () { return chunkK5MYEWD5_cjs.DashboardPanel; }
+  get: function () { return chunkUZHWXKS6_cjs.DashboardPanel; }
 });
 Object.defineProperty(exports, "PANEL_FORMATTERS", {
   enumerable: true,
-  get: function () { return chunkK5MYEWD5_cjs.PANEL_FORMATTERS; }
+  get: function () { return chunkUZHWXKS6_cjs.PANEL_FORMATTERS; }
 });
 Object.defineProperty(exports, "PanelView", {
   enumerable: true,
-  get: function () { return chunkK5MYEWD5_cjs.PanelView; }
+  get: function () { return chunkUZHWXKS6_cjs.PanelView; }
 });
 Object.defineProperty(exports, "clampPanelWidth", {
   enumerable: true,
-  get: function () { return chunkK5MYEWD5_cjs.clampPanelWidth; }
+  get: function () { return chunkUZHWXKS6_cjs.clampPanelWidth; }
 });
 Object.defineProperty(exports, "DEFAULT_UNIT_FORMATTERS", {
   enumerable: true,