@arbidocs/blocks 0.4.109 → 0.4.111

package/dist/chunk-GICUGQNN.cjs

@@ -0,0 +1,76 @@
+"use client";
+'use strict';
+
+var chunkULWRNGGE_cjs = require('./chunk-ULWRNGGE.cjs');
+var chunkMHVNT4J3_cjs = require('./chunk-MHVNT4J3.cjs');
+var react = require('react');
+var lucideReact = require('lucide-react');
+var ui = require('@arbidocs/react/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+var DEFAULT_CONFIRM_DIALOG_LABELS = {
+  confirm: "Confirm",
+  cancel: "Cancel",
+  pleaseWait: "Please wait..."
+};
+function ConfirmDialog({
+  isOpen,
+  onClose,
+  onConfirm,
+  title,
+  description,
+  confirmText,
+  cancelText,
+  variant = "destructive",
+  isLoading = false,
+  labels,
+  testId,
+  testIds
+}) {
+  const l = react.useMemo(() => ({ ...DEFAULT_CONFIRM_DIALOG_LABELS, ...labels }), [labels]);
+  const cancelRef = react.useRef(null);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkULWRNGGE_cjs.ModalScaffold,
+    {
+      open: isOpen,
+      onOpenChange: (next) => {
+        if (!next) onClose();
+      },
+      role: "alertdialog",
+      initialFocusRef: cancelRef,
+      title,
+      description,
+      showDescription: true,
+      icon: variant === "destructive" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangle, { className: "h-5 w-5 text-red-text", "aria-hidden": "true" }) : null,
+      testId: chunkMHVNT4J3_cjs.testIdOr(testId, { testId: "confirmation-modal" }),
+      children: /* @__PURE__ */ jsxRuntime.jsxs(chunkULWRNGGE_cjs.ModalScaffold.Footer, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Button,
+          {
+            ref: cancelRef,
+            variant: "outline",
+            onClick: () => onClose(),
+            disabled: isLoading,
+            "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.cancel, { testId: "confirmation-modal-cancel-button" }),
+            children: cancelText ?? l.cancel
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Button,
+          {
+            variant,
+            onClick: onConfirm,
+            disabled: isLoading,
+            "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.confirm, { testId: "confirmation-modal-confirm-button" }),
+            children: isLoading ? l.pleaseWait : confirmText ?? l.confirm
+          }
+        )
+      ] })
+    }
+  );
+}
+
+exports.ConfirmDialog = ConfirmDialog;
+exports.DEFAULT_CONFIRM_DIALOG_LABELS = DEFAULT_CONFIRM_DIALOG_LABELS;
+//# sourceMappingURL=chunk-GICUGQNN.cjs.map
+//# sourceMappingURL=chunk-GICUGQNN.cjs.map

package/dist/chunk-GICUGQNN.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/settings/ConfirmDialog.tsx"],"names":["useMemo","useRef","jsx","ModalScaffold","AlertTriangle","testIdOr","jsxs","Button"],"mappings":";;;;;;;;;AAaO,IAAM,6BAAA,GAAqD;AAAA,EAChE,OAAA,EAAS,SAAA;AAAA,EACT,MAAA,EAAQ,QAAA;AAAA,EACR,UAAA,EAAY;AACd;AAuBO,SAAS,aAAA,CAAc;AAAA,EAC5B,MAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA,GAAU,aAAA;AAAA,EACV,SAAA,GAAY,KAAA;AAAA,EACZ,MAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,EAAuB;AACrB,EAAA,MAAM,CAAA,GAAIA,aAAA,CAAQ,OAAO,EAAE,GAAG,6BAAA,EAA+B,GAAG,MAAA,EAAO,CAAA,EAAI,CAAC,MAAM,CAAC,CAAA;AACnF,EAAA,MAAM,SAAA,GAAYC,aAA0B,IAAI,CAAA;AAChD,EAAA,uBACEC,cAAA;AAAA,IAACC,+BAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,MAAA;AAAA,MACN,YAAA,EAAc,CAAC,IAAA,KAAS;AACtB,QAAA,IAAI,CAAC,MAAM,OAAA,EAAQ;AAAA,MACrB,CAAA;AAAA,MACA,IAAA,EAAK,aAAA;AAAA,MACL,eAAA,EAAiB,SAAA;AAAA,MACjB,KAAA;AAAA,MACA,WAAA;AAAA,MACA,eAAA,EAAe,IAAA;AAAA,MACf,IAAA,EACE,YAAY,aAAA,mBACVD,cAAA,CAACE,6BAAc,SAAA,EAAU,uBAAA,EAAwB,aAAA,EAAY,MAAA,EAAO,CAAA,GAClE,IAAA;AAAA,MAEN,QAAQC,0BAAA,CAAS,MAAA,EAAQ,EAAE,MAAA,EAAQ,sBAAsB,CAAA;AAAA,MAEzD,QAAA,kBAAAC,eAAA,CAACH,+BAAA,CAAc,MAAA,EAAd,EACC,QAAA,EAAA;AAAA,wBAAAD,cAAA;AAAA,UAACK,SAAA;AAAA,UAAA;AAAA,YACC,GAAA,EAAK,SAAA;AAAA,YACL,OAAA,EAAQ,SAAA;AAAA,YACR,OAAA,EAAS,MAAM,OAAA,EAAQ;AAAA,YACvB,QAAA,EAAU,SAAA;AAAA,YACV,eAAaF,0BAAA,CAAS,OAAA,EAAS,QAAQ,EAAE,MAAA,EAAQ,oCAAoC,CAAA;AAAA,YAEpF,wBAAc,CAAA,CAAE;AAAA;AAAA,SACnB;AAAA,wBACAH,cAAA;AAAA,UAACK,SAAA;AAAA,UAAA;AAAA,YACC,OAAA;AAAA,YACA,OAAA,EAAS,SAAA;AAAA,YACT,QAAA,EAAU,SAAA;AAAA,YACV,eAAaF,0BAAA,CAAS,OAAA,EAAS,SAAS,EAAE,MAAA,EAAQ,qCAAqC,CAAA;AAAA,YAEtF,QAAA,EAAA,SAAA,GAAY,CAAA,CAAE,UAAA,GAAc,WAAA,IAAe,CAAA,CAAE;AAAA;AAAA;AAChD,OAAA,EACF;AAAA;AAAA,GACF;AAEJ","file":"chunk-GICUGQNN.cjs","sourcesContent":["import { useMemo, useRef } from 'react'\nimport { AlertTriangle } from 'lucide-react'\nimport { Button } from '@arbidocs/react/ui'\nimport { testIdOr } from '../chat/test-id'\nimport { ModalScaffold } from './ModalScaffold'\n\n/** Every fixed string of the confirm dialog. `confirmText` / `cancelText` props win. */\nexport interface ConfirmDialogLabels {\n  confirm: string\n  cancel: string\n  pleaseWait: string\n}\n\nexport const DEFAULT_CONFIRM_DIALOG_LABELS: ConfirmDialogLabels = {\n  confirm: 'Confirm',\n  cancel: 'Cancel',\n  pleaseWait: 'Please wait...',\n}\n\nexport interface ConfirmDialogProps {\n  labels?: Partial<ConfirmDialogLabels>\n  isOpen: boolean\n  onClose: () => void\n  onConfirm: () => void\n  title: string\n  description: string\n  confirmText?: string\n  cancelText?: string\n  variant?: 'destructive' | 'default'\n  isLoading?: boolean\n  /** Dialog test id (default `confirmation-modal`). */\n  testId?: string\n  /** Button ids; defaults are the current ids. */\n  testIds?: Partial<Record<'cancel' | 'confirm', string>>\n}\n\n/**\n * Declarative yes/no confirmation with a loading state. An `alertdialog`: initial focus is on\n * Cancel (the safe action) and clicking outside does not dismiss it; Escape and Cancel do.\n */\nexport function ConfirmDialog({\n  isOpen,\n  onClose,\n  onConfirm,\n  title,\n  description,\n  confirmText,\n  cancelText,\n  variant = 'destructive',\n  isLoading = false,\n  labels,\n  testId,\n  testIds,\n}: ConfirmDialogProps) {\n  const l = useMemo(() => ({ ...DEFAULT_CONFIRM_DIALOG_LABELS, ...labels }), [labels])\n  const cancelRef = useRef<HTMLButtonElement>(null)\n  return (\n    <ModalScaffold\n      open={isOpen}\n      onOpenChange={(next) => {\n        if (!next) onClose()\n      }}\n      role=\"alertdialog\"\n      initialFocusRef={cancelRef}\n      title={title}\n      description={description}\n      showDescription\n      icon={\n        variant === 'destructive' ? (\n          <AlertTriangle className=\"h-5 w-5 text-red-text\" aria-hidden=\"true\" />\n        ) : null\n      }\n      testId={testIdOr(testId, { testId: 'confirmation-modal' })}\n    >\n      <ModalScaffold.Footer>\n        <Button\n          ref={cancelRef}\n          variant=\"outline\"\n          onClick={() => onClose()}\n          disabled={isLoading}\n          data-testid={testIdOr(testIds?.cancel, { testId: 'confirmation-modal-cancel-button' })}\n        >\n          {cancelText ?? l.cancel}\n        </Button>\n        <Button\n          variant={variant}\n          onClick={onConfirm}\n          disabled={isLoading}\n          data-testid={testIdOr(testIds?.confirm, { testId: 'confirmation-modal-confirm-button' })}\n        >\n          {isLoading ? l.pleaseWait : (confirmText ?? l.confirm)}\n        </Button>\n      </ModalScaffold.Footer>\n    </ModalScaffold>\n  )\n}\n"]}

package/dist/{chunk-I4XQCE6U.cjs → chunk-HBBJYRGI.cjs}

@@ -2,9 +2,10 @@
 'use strict';
 
 var chunkXKSFJYOD_cjs = require('./chunk-XKSFJYOD.cjs');
-var chunkPDRYGPZB_cjs = require('./chunk-PDRYGPZB.cjs');
+var chunkVP4KJ4LK_cjs = require('./chunk-VP4KJ4LK.cjs');
 var chunkVGOFFCMT_cjs = require('./chunk-VGOFFCMT.cjs');
 var chunk7UTB4PHM_cjs = require('./chunk-7UTB4PHM.cjs');
+var chunkMWDW5UBW_cjs = require('./chunk-MWDW5UBW.cjs');
 var chunkMHVNT4J3_cjs = require('./chunk-MHVNT4J3.cjs');
 var react = require('react');
 var lucideReact = require('lucide-react');
@@ -1598,8 +1599,8 @@ function LabelPinRow({
   );
 }
 function AssistantToaster(props) {
-  const dock = chunkPDRYGPZB_cjs.useAssistantDock();
-  const { isDockAvailable } = chunkPDRYGPZB_cjs.useChatSurface();
+  const dock = chunkVP4KJ4LK_cjs.useAssistantDock();
+  const { isDockAvailable } = chunkVP4KJ4LK_cjs.useChatSurface();
   return /* @__PURE__ */ jsxRuntime.jsx(chunkXKSFJYOD_cjs.Toaster, { ...props, dockOpen: dock.isOpen && isDockAvailable });
 }
 function hasMessageBody(value, recipientLabel = "ARBI") {
@@ -1644,6 +1645,158 @@ function useRecipientDraft({
     }
   };
 }
+function TranscriptLine({
+  speakerId,
+  speakerName,
+  speaker,
+  time,
+  text,
+  continued = false,
+  live = false,
+  liveLabel = "speaking",
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: ui.cn(
+        "mx-auto flex w-full max-w-[36rem] flex-col items-center px-3 pb-1 text-center text-sm",
+        continued ? "pt-0.5" : "pt-3",
+        className
+      ),
+      "data-testid": "transcript-entry",
+      "data-speaker": speakerId,
+      "data-continued": continued || void 0,
+      "data-live": live || void 0,
+      children: [
+        !continued && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-0.5 flex items-center justify-center gap-1.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AudioLines, { className: "size-3.5 text-muted-foreground", "aria-label": "Transcript" }),
+          speaker ?? /* @__PURE__ */ jsxRuntime.jsx("span", { className: ui.cn("font-medium", chunkMWDW5UBW_cjs.speakerAccent(speakerId)), children: speakerName }),
+          time && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: time })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "p",
+          {
+            className: ui.cn(
+              "w-full whitespace-pre-wrap break-words rounded-md px-3 py-1 text-muted-foreground transition-colors motion-reduce:transition-none",
+              live && "bg-muted text-foreground"
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: continued ? `${speakerName}: ` : "" }),
+              text,
+              live && /* @__PURE__ */ jsxRuntime.jsxs(
+                "span",
+                {
+                  className: ui.cn(
+                    "ml-1.5 inline-flex items-center gap-1 align-middle text-xs font-medium",
+                    chunkMWDW5UBW_cjs.speakerAccent(speakerId)
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "span",
+                      {
+                        className: "size-1.5 rounded-full bg-current motion-safe:animate-pulse",
+                        "aria-hidden": true
+                      }
+                    ),
+                    liveLabel
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function ConversationFilter({
+  value,
+  options,
+  onChange,
+  label = "Show",
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: ui.cn(
+        "inline-flex items-center gap-0.5 rounded-md border border-border bg-background p-0.5 text-xs shadow-xs",
+        className
+      ),
+      role: "group",
+      "aria-label": label,
+      "data-testid": "conversation-filter",
+      children: options.map((o) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          className: ui.cn(
+            "rounded-sm px-2.5 py-1 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11",
+            value === o.value ? "bg-muted font-medium text-foreground" : "text-muted-foreground hover:bg-muted hover:text-foreground"
+          ),
+          "aria-pressed": value === o.value,
+          onClick: () => onChange(o.value),
+          "data-testid": o.testId,
+          children: [
+            o.label,
+            o.count != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1 tabular-nums opacity-70", children: o.count })
+          ]
+        },
+        o.value
+      ))
+    }
+  );
+}
+function ProvisionalTranscriptLine({
+  speakerId,
+  speakerName,
+  speaker,
+  label = "is speaking",
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: ui.cn(
+        "mx-auto flex w-full max-w-[36rem] items-center justify-center gap-1.5 px-3 pt-3 text-sm text-muted-foreground",
+        className
+      ),
+      "data-testid": "transcript-provisional",
+      "data-speaker": speakerId,
+      role: "status",
+      "aria-live": "polite",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AudioLines, { className: "size-3.5", "aria-hidden": true }),
+        speaker ?? /* @__PURE__ */ jsxRuntime.jsx("span", { className: ui.cn("font-medium", chunkMWDW5UBW_cjs.speakerAccent(speakerId)), children: speakerName }),
+        speaker && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: speakerName }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "italic", children: label }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex gap-0.5", "aria-hidden": true, children: [0, 1, 2].map((i) => /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: ui.cn("size-1 rounded-full motion-safe:animate-pulse", chunkMWDW5UBW_cjs.speakerDot(speakerId)),
+            style: { animationDelay: `${i * 200}ms` }
+          },
+          i
+        )) })
+      ]
+    }
+  );
+}
+
+// src/chat/transcript-runs.ts
+function transcriptRuns(items, speakerOf, timeOf, gapMs = 2 * 6e4) {
+  const continued = /* @__PURE__ */ new Set();
+  let prev = null;
+  for (const item of items) {
+    const speaker = speakerOf(item);
+    if (speaker && prev && speakerOf(prev) === speaker && Math.abs(timeOf(item) - timeOf(prev)) <= gapMs) {
+      continued.add(item);
+    }
+    prev = speaker ? item : null;
+  }
+  return continued;
+}
 
 exports.AssistantToaster = AssistantToaster;
 exports.BranchControls = BranchControls;
@@ -1661,6 +1814,7 @@ exports.ContextSelectList = ContextSelectList;
 exports.ContextSelectRow = ContextSelectRow;
 exports.Conversation = Conversation;
 exports.ConversationBody = ConversationBody;
+exports.ConversationFilter = ConversationFilter;
 exports.ConversationHeader = ConversationHeader;
 exports.ConversationHeaderActions = ConversationHeaderActions;
 exports.ConversationHistoryPane = ConversationHistoryPane;
@@ -1698,16 +1852,19 @@ exports.NewPaChatButton = NewPaChatButton;
 exports.PaModeBadge = PaModeBadge;
 exports.PendingAnswerBar = PendingAnswerBar;
 exports.PinnedDocChip = PinnedDocChip;
+exports.ProvisionalTranscriptLine = ProvisionalTranscriptLine;
 exports.SlashMenu = SlashMenu;
 exports.ThreadMap = ThreadMap;
 exports.ThreadMapDiagram = ThreadMapDiagram;
 exports.ThreadMapError = ThreadMapError;
 exports.ThreadMapLoading = ThreadMapLoading;
+exports.TranscriptLine = TranscriptLine;
 exports.getParticipantTints = getParticipantTints;
 exports.hasMessageBody = hasMessageBody;
 exports.isLongPastedText = isLongPastedText;
+exports.transcriptRuns = transcriptRuns;
 exports.useDismissibleCard = useDismissibleCard;
 exports.useLongPaste = useLongPaste;
 exports.useRecipientDraft = useRecipientDraft;
-//# sourceMappingURL=chunk-I4XQCE6U.cjs.map
-//# sourceMappingURL=chunk-I4XQCE6U.cjs.map
+//# sourceMappingURL=chunk-HBBJYRGI.cjs.map
+//# sourceMappingURL=chunk-HBBJYRGI.cjs.map