@arbidocs/blocks 0.4.72 → 0.4.73

package/dist/connect/index.cjs

@@ -2,8 +2,11 @@
 'use strict';
 
 var chunkB3WCKBJ7_cjs = require('../chunk-B3WCKBJ7.cjs');
-var chunkG5QTGKDJ_cjs = require('../chunk-G5QTGKDJ.cjs');
-var chunkTHO7DZNN_cjs = require('../chunk-THO7DZNN.cjs');
+var chunkWOYUXVVQ_cjs = require('../chunk-WOYUXVVQ.cjs');
+var chunkMUMH3Z6K_cjs = require('../chunk-MUMH3Z6K.cjs');
+var chunkGTNUQBXI_cjs = require('../chunk-GTNUQBXI.cjs');
+require('../chunk-DETZZBG2.cjs');
+require('../chunk-7D737FLE.cjs');
 var chunkQVBZESYQ_cjs = require('../chunk-QVBZESYQ.cjs');
 require('../chunk-ADOKTJHV.cjs');
 var chunkKJ3QEKOJ_cjs = require('../chunk-KJ3QEKOJ.cjs');
@@ -25,7 +28,7 @@ var lucideReact = require('lucide-react');
 var shell = require('@arbidocs/react/shell');
 
 function ConnectionBoundWebSocket({ children }) {
-  const { status } = chunkTHO7DZNN_cjs.useConnection();
+  const { status } = chunkMUMH3Z6K_cjs.useConnection();
   return /* @__PURE__ */ jsxRuntime.jsx(react$1.ArbiWebSocketProvider, { enabled: status === "authenticated", children });
 }
 function ArbiAppProvider({
@@ -38,10 +41,10 @@ function ArbiAppProvider({
     })
   );
   const providerUrl = config.apiUrl || config.demoApiUrl || "https://demo.arbi.local";
-  return /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsxRuntime.jsx(react$1.ArbiProvider, { url: providerUrl, deploymentDomain: config.deploymentDomain, children: /* @__PURE__ */ jsxRuntime.jsx(chunkTHO7DZNN_cjs.ConnectionProvider, { config, children: /* @__PURE__ */ jsxRuntime.jsx(ConnectionBoundWebSocket, { children }) }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsxRuntime.jsx(react$1.ArbiProvider, { url: providerUrl, deploymentDomain: config.deploymentDomain, children: /* @__PURE__ */ jsxRuntime.jsx(chunkMUMH3Z6K_cjs.ConnectionProvider, { config, children: /* @__PURE__ */ jsxRuntime.jsx(ConnectionBoundWebSocket, { children }) }) }) });
 }
 function ConnectedTaskAccessRequest({ conversationId }) {
-  const { workspaceId } = chunkTHO7DZNN_cjs.useConnection();
+  const { workspaceId } = chunkMUMH3Z6K_cjs.useConnection();
   const tasks = react$1.useConversations(workspaceId ?? void 0, { live: true });
   const run = react$1.useRunConversation();
   const task = tasks.data?.find((item) => item.external_id === conversationId);
@@ -180,8 +183,296 @@ function StreamedArtifact({
     }
   );
 }
+var STARTING = /* @__PURE__ */ new Set(["pending", "running"]);
+function formValues(step, inputs) {
+  if (step.kind !== "form") return void 0;
+  return Object.fromEntries(step.inputs.map((f) => [f.name, inputs[f.name] ?? ""]));
+}
+function useWorkflowThread(workflow, options = {}) {
+  const arbi = react$1.useArbi();
+  const { ensureWorkspaceOpen } = chunkMUMH3Z6K_cjs.useConnection();
+  const { wsId } = chunkWOYUXVVQ_cjs.useWorkspaceDocs();
+  const [threadId, setThreadId] = react.useState(options.conversationId);
+  const [localInputs, setLocalInputs] = react.useState(
+    () => chunkGTNUQBXI_cjs.initialRunInputs(workflow, options.initialInputs)
+  );
+  const [edits, setEdits] = react.useState({});
+  const [localStates, setLocalStates] = react.useState({});
+  const createWork = react$1.useCreateWork();
+  const actOnStep = react$1.useActOnStep();
+  const conversations = react$1.useConversations(wsId, { enabled: !!threadId, live: true });
+  const conversation = conversations.data?.find((c) => c.external_id === threadId);
+  const steps = react.useMemo(
+    () => chunkGTNUQBXI_cjs.workflowSteps(workflow).length > 0 ? chunkGTNUQBXI_cjs.workflowSteps(workflow) : chunkGTNUQBXI_cjs.fromPlanSteps(conversation?.plan?.steps ?? []),
+    [workflow, conversation?.plan?.steps]
+  );
+  const activity = react$1.useConversationActivity(threadId, { live: !!threadId });
+  const serverStates = react.useMemo(
+    () => chunkGTNUQBXI_cjs.stepStatesFromActivity(activity.data ?? []),
+    [activity.data]
+  );
+  const working = steps.some(
+    (s) => s.kind === "agent" && STARTING.has(serverStates[s.id]?.status ?? "pending")
+  );
+  const threads = react$1.useConversationThreads(wsId, threadId, { enabled: !!threadId, live: working });
+  const answers = react.useMemo(() => {
+    const byId = /* @__PURE__ */ new Map();
+    for (const t of threads.data?.threads ?? [])
+      for (const m of t.history) if (m.role === "assistant") byId.set(m.external_id, m.content);
+    return byId;
+  }, [threads.data]);
+  const answerMissing = Object.values(serverStates).some(
+    (st) => st.status === "done" && !!st.responseId && !answers.has(st.responseId)
+  );
+  const refetchThreads = threads.refetch;
+  react.useEffect(() => {
+    if (answerMissing) void refetchThreads();
+  }, [answerMissing, activity.data, refetchThreads]);
+  const states = react.useMemo(() => {
+    if (!threadId) return localStates;
+    const out = {};
+    for (const [id, s] of Object.entries(serverStates))
+      out[id] = { ...s, text: s.responseId ? answers.get(s.responseId) : void 0 };
+    return out;
+  }, [threadId, localStates, serverStates, answers]);
+  const inputs = react.useMemo(
+    () => threadId ? { ...localInputs, ...conversation?.skill_inputs ?? {}, ...edits } : { ...localInputs, ...edits },
+    [threadId, localInputs, conversation?.skill_inputs, edits]
+  );
+  const refresh = react.useCallback(async () => {
+    await Promise.all([activity.refetch(), conversations.refetch()]);
+  }, [activity, conversations]);
+  const act = react.useCallback(
+    async (id, body) => {
+      await actOnStep.mutateAsync({ conversationId: id, body });
+      await refresh();
+    },
+    [actOnStep, refresh]
+  );
+  const complete = react.useCallback(
+    async (step) => {
+      let values = inputs;
+      const commit = step.commit ? options.commit?.[step.id] : void 0;
+      if (commit && localStates[step.id]?.status !== "done") {
+        values = { ...values, ...await commit(values) ?? {} };
+        setLocalInputs(values);
+        setEdits({});
+      }
+      let id = threadId;
+      if (!id) {
+        await ensureWorkspaceOpen();
+        const created = await createWork.mutateAsync({
+          title: chunkGTNUQBXI_cjs.runThreadTitle(workflow, values).slice(0, 60),
+          description: workflow.description || null,
+          prompt: null,
+          skill_ref: null,
+          skill_inputs: values,
+          agent_ext_id: options.agentId ?? null,
+          auth_mode: "run_now_temp",
+          plan: {
+            goal: "",
+            criteria: [],
+            max_passes: 3,
+            documents: [],
+            steps: chunkGTNUQBXI_cjs.toPlanSteps(workflow, {
+              inputs: values,
+              resolveWorkflow: options.resolveWorkflow,
+              compose: options.compose
+            })
+          }
+        });
+        id = created.external_id;
+        setThreadId(id);
+        setLocalStates((s) => ({ ...s, [step.id]: { status: "done" } }));
+        options.onStarted?.(id);
+      }
+      await act(id, { step: step.id, action: "complete", inputs: formValues(step, values) });
+    },
+    [inputs, options, localStates, threadId, ensureWorkspaceOpen, createWork, workflow, act]
+  );
+  const skip = react.useCallback(
+    async (stepId) => {
+      if (!threadId) {
+        setLocalStates((s) => ({ ...s, [stepId]: { status: "skipped" } }));
+        return;
+      }
+      await act(threadId, { step: stepId, action: "skip" });
+    },
+    [threadId, act]
+  );
+  const retry = react.useCallback(
+    async (_stepId) => {
+      if (!threadId) return;
+      await arbi.conversations.runWithAuth(threadId);
+      await refresh();
+    },
+    [arbi, threadId, refresh]
+  );
+  const view = chunkGTNUQBXI_cjs.useWorkflowView({
+    steps,
+    states,
+    inputs,
+    setInput: (name, value) => setEdits((i) => ({ ...i, [name]: value })),
+    complete,
+    skip,
+    retry,
+    isLocked: (id) => states[id]?.status === "done"
+  });
+  return { view, conversationId: threadId, conversation };
+}
+var DEFAULT_CONNECTED_WORKFLOW_RUNNER_LABELS = {
+  notify: "Ask to approve",
+  notified: "Notified.",
+  openThread: "Open the thread"
+};
+function ConnectedWorkflowRunner({
+  workflow,
+  options,
+  onOpenConversation,
+  emptyHint,
+  connectedLabels,
+  testIdPrefix = "workflow-run",
+  ...runnerProps
+}) {
+  const l = { ...DEFAULT_CONNECTED_WORKFLOW_RUNNER_LABELS, ...connectedLabels };
+  const arbi = react$1.useArbi();
+  const { ensureWorkspaceOpen } = chunkMUMH3Z6K_cjs.useConnection();
+  const { wsId } = chunkWOYUXVVQ_cjs.useWorkspaceDocs();
+  const { data: docs = [], refetch } = react$1.useDocuments(wsId);
+  const [uploading, setUploading] = react.useState(false);
+  const { view, conversationId } = useWorkflowThread(workflow, options);
+  const onUpload = react.useCallback(
+    async (files) => {
+      if (!files.length) return;
+      setUploading(true);
+      try {
+        await ensureWorkspaceOpen();
+        for (const f of files) await arbi.documents.uploadFile(f, f.name);
+        await refetch();
+      } finally {
+        setUploading(false);
+      }
+    },
+    [arbi, ensureWorkspaceOpen, refetch]
+  );
+  const renderAgentOutput = (step, state) => {
+    const status = state?.status;
+    if (!state?.text && status !== "done") return null;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      react$1.AiAnswer,
+      {
+        status: status === "running" ? "running" : "done",
+        text: state?.text ?? "",
+        emptyHint: emptyHint?.(step),
+        testId: `${testIdPrefix}-${step.id}-answer`
+      }
+    );
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+    conversationId && onOpenConversation && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsxs(
+      ui.Button,
+      {
+        variant: "ghost",
+        size: "sm",
+        onClick: () => onOpenConversation(conversationId),
+        "data-testid": `${testIdPrefix}-open-thread`,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLink, { className: "size-4" }),
+          " ",
+          l.openThread
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkGTNUQBXI_cjs.WorkflowRunner,
+      {
+        ...runnerProps,
+        workflow,
+        run: view,
+        renderAgentOutput,
+        renderReview: (step) => conversationId ? /* @__PURE__ */ jsxRuntime.jsx(
+          ReviewNotify,
+          {
+            conversationId,
+            workspaceId: wsId,
+            labels: l,
+            testId: `${testIdPrefix}-${step.id}`
+          }
+        ) : null,
+        onUpload,
+        uploading,
+        files: docs.map((d) => ({ id: d.external_id, name: d.file_name ?? d.external_id })),
+        testIdPrefix
+      }
+    )
+  ] });
+}
+function ReviewNotify({
+  conversationId,
+  workspaceId,
+  labels,
+  testId
+}) {
+  const arbi = react$1.useArbi();
+  const { status, user, ensureWorkspaceOpen } = chunkMUMH3Z6K_cjs.useConnection();
+  const { data: members = [] } = react$1.useWorkspaceUsers(workspaceId, {
+    enabled: status === "authenticated" && !!workspaceId,
+    beforeFetch: ensureWorkspaceOpen
+  });
+  const people = members.filter(
+    (m) => !m.agent_ext_id && !m.user.external_id.startsWith("agt-") && m.user.external_id !== user?.externalId
+  );
+  const [picked, setPicked] = react.useState([]);
+  const [sent, setSent] = react.useState(false);
+  const [busy, setBusy] = react.useState(false);
+  if (people.length === 0) return null;
+  const toggle = (id) => setPicked((p) => p.includes(id) ? p.filter((x) => x !== id) : [...p, id]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", "data-testid": `${testId}-notify`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1.5", children: people.map((m) => {
+      const name = [m.user.given_name, m.user.family_name].filter(Boolean).join(" ") || m.user.email;
+      const on = picked.includes(m.user.external_id);
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => toggle(m.user.external_id),
+          "aria-pressed": on,
+          className: ui.cn(
+            "rounded-full border px-2.5 py-1 text-xs",
+            on ? "border-primary bg-primary/10 text-primary" : "border-border text-muted-foreground"
+          ),
+          "data-testid": `${testId}-person-${m.user.external_id}`,
+          children: name
+        },
+        m.user.external_id
+      );
+    }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
+        {
+          variant: "outline",
+          size: "sm",
+          disabled: !picked.length || busy,
+          onClick: async () => {
+            setBusy(true);
+            try {
+              await arbi.conversations.notify(conversationId, picked);
+              setSent(true);
+            } finally {
+              setBusy(false);
+            }
+          },
+          "data-testid": `${testId}-notify-send`,
+          children: labels.notify
+        }
+      ),
+      sent && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: labels.notified })
+    ] })
+  ] });
+}
 function useConnectedShellWorkspaces(options = {}) {
-  const { workspaceId, setWorkspace } = chunkTHO7DZNN_cjs.useConnection();
+  const { workspaceId, setWorkspace } = chunkMUMH3Z6K_cjs.useConnection();
   const query = react$1.useWorkspaces();
   return react$1.useShellWorkspaces({
     ...options,
@@ -206,7 +497,7 @@ function ConnectedProfileCard({ notify: notify3, title = "Profile" }) {
   const updateProfile = react$1.useUpdateProfile();
   const requestEmailChange = react$1.useRequestEmailChange();
   const confirmEmailChange = react$1.useConfirmEmailChange();
-  const { user } = chunkTHO7DZNN_cjs.useConnection();
+  const { user } = chunkMUMH3Z6K_cjs.useConnection();
   const name = react$1.useNameEditor({
     givenName: profile?.givenName,
     familyName: profile?.familyName,
@@ -471,7 +762,7 @@ function ConnectedLogoutDialog({
   isOnline = true,
   renderSessionIcon
 }) {
-  const { logout } = chunkTHO7DZNN_cjs.useConnection();
+  const { logout } = chunkMUMH3Z6K_cjs.useConnection();
   const sessions = react$1.useSessions({ enabled: open });
   const logoutAll = react$1.useLogoutAllSessions();
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -497,7 +788,7 @@ function ConnectedLogoutDialog({
 function ConnectedDangerZone({ notify: notify3, renderSubscriptionLink }) {
   const [zoneOpen, setZoneOpen] = react.useState(false);
   const [dialogOpen, setDialogOpen] = react.useState(false);
-  const { user, logout } = chunkTHO7DZNN_cjs.useConnection();
+  const { user, logout } = chunkMUMH3Z6K_cjs.useConnection();
   const remove = react$1.useDeleteAccount();
   const flow = react$1.useDeleteAccountFlow({
     userEmail: user?.email ?? "",
@@ -547,7 +838,7 @@ function ConnectedDangerZone({ notify: notify3, renderSubscriptionLink }) {
 }
 function useConnectedDocxNotifications(onOpen) {
   const arbi = react$1.useArbi();
-  const { status, user, apiUrl } = chunkTHO7DZNN_cjs.useConnection();
+  const { status, user, apiUrl } = chunkMUMH3Z6K_cjs.useConnection();
   const queries = reactQuery.useQueryClient();
   const source = `docx-mentions:${apiUrl}:${user?.externalId || ""}`;
   const queryKey = ["docx-mentions", apiUrl, user?.externalId];
@@ -611,7 +902,7 @@ function useConnectedDocxNotifications(onOpen) {
   };
 }
 function useConnectedWorkNotifications(onOpen) {
-  const { status, user, apiUrl } = chunkTHO7DZNN_cjs.useConnection();
+  const { status, user, apiUrl } = chunkMUMH3Z6K_cjs.useConnection();
   const source = `work-notifications:${apiUrl}:${user?.externalId || ""}`;
   const { data = [], markRead: persistRead } = react$1.useWorkNotifications({
     apiUrl,
@@ -780,51 +1071,51 @@ function ConnectedAgentChatPanel({
 
 Object.defineProperty(exports, "ConnectedAssistantDock", {
   enumerable: true,
-  get: function () { return chunkG5QTGKDJ_cjs.ConnectedAssistantDock; }
+  get: function () { return chunkWOYUXVVQ_cjs.ConnectedAssistantDock; }
 });
 Object.defineProperty(exports, "redlineStats", {
   enumerable: true,
-  get: function () { return chunkG5QTGKDJ_cjs.redlineStats; }
+  get: function () { return chunkWOYUXVVQ_cjs.redlineStats; }
 });
 Object.defineProperty(exports, "textToArtifact", {
   enumerable: true,
-  get: function () { return chunkG5QTGKDJ_cjs.textToArtifact; }
+  get: function () { return chunkWOYUXVVQ_cjs.textToArtifact; }
 });
 Object.defineProperty(exports, "toRedlineMarkdown", {
   enumerable: true,
-  get: function () { return chunkG5QTGKDJ_cjs.toRedlineMarkdown; }
+  get: function () { return chunkWOYUXVVQ_cjs.toRedlineMarkdown; }
 });
 Object.defineProperty(exports, "useConnectedAiTask", {
   enumerable: true,
-  get: function () { return chunkG5QTGKDJ_cjs.useConnectedAiTask; }
+  get: function () { return chunkWOYUXVVQ_cjs.useConnectedAiTask; }
 });
 Object.defineProperty(exports, "useConnectedChat", {
   enumerable: true,
-  get: function () { return chunkG5QTGKDJ_cjs.useConnectedChat; }
+  get: function () { return chunkWOYUXVVQ_cjs.useConnectedChat; }
 });
 Object.defineProperty(exports, "useSemanticSearch", {
   enumerable: true,
-  get: function () { return chunkG5QTGKDJ_cjs.useSemanticSearch; }
+  get: function () { return chunkWOYUXVVQ_cjs.useSemanticSearch; }
 });
 Object.defineProperty(exports, "useWorkspaceDocs", {
   enumerable: true,
-  get: function () { return chunkG5QTGKDJ_cjs.useWorkspaceDocs; }
+  get: function () { return chunkWOYUXVVQ_cjs.useWorkspaceDocs; }
 });
 Object.defineProperty(exports, "ConnectionProvider", {
   enumerable: true,
-  get: function () { return chunkTHO7DZNN_cjs.ConnectionProvider; }
+  get: function () { return chunkMUMH3Z6K_cjs.ConnectionProvider; }
 });
 Object.defineProperty(exports, "SESSION_EXPIRED_MESSAGE", {
   enumerable: true,
-  get: function () { return chunkTHO7DZNN_cjs.SESSION_EXPIRED_MESSAGE; }
+  get: function () { return chunkMUMH3Z6K_cjs.SESSION_EXPIRED_MESSAGE; }
 });
 Object.defineProperty(exports, "isAuthenticated", {
   enumerable: true,
-  get: function () { return chunkTHO7DZNN_cjs.isAuthenticated; }
+  get: function () { return chunkMUMH3Z6K_cjs.isAuthenticated; }
 });
 Object.defineProperty(exports, "useConnection", {
   enumerable: true,
-  get: function () { return chunkTHO7DZNN_cjs.useConnection; }
+  get: function () { return chunkMUMH3Z6K_cjs.useConnection; }
 });
 exports.ArbiAppProvider = ArbiAppProvider;
 exports.ConnectedAgentChatPanel = ConnectedAgentChatPanel;
@@ -838,6 +1129,8 @@ exports.ConnectedSecuritySection = ConnectedSecuritySection;
 exports.ConnectedSessionsRow = ConnectedSessionsRow;
 exports.ConnectedSkillUpload = ConnectedSkillUpload;
 exports.ConnectedTaskAccessRequest = ConnectedTaskAccessRequest;
+exports.ConnectedWorkflowRunner = ConnectedWorkflowRunner;
+exports.DEFAULT_CONNECTED_WORKFLOW_RUNNER_LABELS = DEFAULT_CONNECTED_WORKFLOW_RUNNER_LABELS;
 exports.StreamedArtifact = StreamedArtifact;
 exports.defaultUnmetPasswordRequirement = defaultUnmetPasswordRequirement;
 exports.useConnectedDocxNotifications = useConnectedDocxNotifications;