@arbidocs/blocks 0.4.27 → 0.4.29

package/dist/connect/index.cjs

@@ -1,28 +1,29 @@
 "use client";
 'use strict';
 
-var chunkEUOGPUMJ_cjs = require('../chunk-EUOGPUMJ.cjs');
-var chunkDCEI37AX_cjs = require('../chunk-DCEI37AX.cjs');
+var chunkEYPPB5CY_cjs = require('../chunk-EYPPB5CY.cjs');
+var chunkYVIOCITQ_cjs = require('../chunk-YVIOCITQ.cjs');
 var chunkQVBZESYQ_cjs = require('../chunk-QVBZESYQ.cjs');
 require('../chunk-ADOKTJHV.cjs');
-require('../chunk-J22DXUJY.cjs');
+var chunkZHLMDJCO_cjs = require('../chunk-ZHLMDJCO.cjs');
 require('../chunk-VGOFFCMT.cjs');
 require('../chunk-PPCATBOY.cjs');
-require('../chunk-DCDVWPMB.cjs');
 var chunkKDG6FER6_cjs = require('../chunk-KDG6FER6.cjs');
-var chunkJCVZKCXC_cjs = require('../chunk-JCVZKCXC.cjs');
+require('../chunk-DCDVWPMB.cjs');
+var chunkTLQQV7WW_cjs = require('../chunk-TLQQV7WW.cjs');
+require('../chunk-7UTB4PHM.cjs');
 require('../chunk-MHVNT4J3.cjs');
 var react = require('react');
 var reactQuery = require('@tanstack/react-query');
 var react$1 = require('@arbidocs/react');
 var jsxRuntime = require('react/jsx-runtime');
+var ui = require('@arbidocs/react/ui');
 var artifacts = require('@arbidocs/react/artifacts');
 var lucideReact = require('lucide-react');
-var ui = require('@arbidocs/react/ui');
 var shell = require('@arbidocs/react/shell');
 
 function ConnectionBoundWebSocket({ children }) {
-  const { status } = chunkJCVZKCXC_cjs.useConnection();
+  const { status } = chunkTLQQV7WW_cjs.useConnection();
   return /* @__PURE__ */ jsxRuntime.jsx(react$1.ArbiWebSocketProvider, { enabled: status === "authenticated", children });
 }
 function ArbiAppProvider({
@@ -35,7 +36,76 @@ 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, children: /* @__PURE__ */ jsxRuntime.jsx(chunkJCVZKCXC_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, children: /* @__PURE__ */ jsxRuntime.jsx(chunkTLQQV7WW_cjs.ConnectionProvider, { config, children: /* @__PURE__ */ jsxRuntime.jsx(ConnectionBoundWebSocket, { children }) }) }) });
+}
+function ConnectedTaskAccessRequest({ conversationId }) {
+  const { workspaceId } = chunkTLQQV7WW_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);
+  if (!task?.pending_auth_request_id || !task.is_owner) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "section",
+    {
+      className: "flex flex-wrap items-center gap-3 rounded-lg border bg-card p-3",
+      "data-testid": "task-chat-access-request",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "flex-1 text-sm", children: "This task is waiting for temporary workspace access." }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Button,
+          {
+            disabled: run.isPending,
+            onClick: () => run.mutate(task.external_id),
+            "data-testid": "task-chat-allow-access",
+            children: run.isPending ? "Allowing access\u2026" : "Allow access and run"
+          }
+        ),
+        run.error && /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: "w-full text-sm text-destructive", children: run.error.message })
+      ]
+    }
+  );
+}
+function ConnectedSkillUpload() {
+  const [name, setName] = react.useState("");
+  const [file, setFile] = react.useState(null);
+  const upload = react$1.useUploadSkillFiles();
+  const slug = name.trim().toLowerCase().replace(/[^a-z0-9_-]+/g, "-").replace(/^-+|-+$/g, "");
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "space-y-3 rounded-lg border p-4", "data-testid": "skill-upload", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm font-semibold", children: "Add a skill" }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Upload a SKILL.md file containing the instructions your assistant should follow." }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "skill-upload-name", children: "Skill name" }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ui.Input,
+      {
+        id: "skill-upload-name",
+        value: name,
+        onChange: (event) => setName(event.target.value),
+        placeholder: "disclosure-review",
+        "data-testid": "skill-upload-name"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ui.Input,
+      {
+        type: "file",
+        accept: ".md",
+        "aria-label": "Skill instructions file",
+        onChange: (event) => setFile(event.target.files?.[0] ?? null),
+        "data-testid": "skill-upload-file"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ui.Button,
+      {
+        disabled: !slug || !file || upload.isPending,
+        onClick: () => file && upload.mutate([{ folder: `skills/${slug}`, fileName: "SKILL.md", content: file }]),
+        "data-testid": "skill-upload-submit",
+        children: upload.isPending ? "Uploading\u2026" : "Upload skill"
+      }
+    ),
+    upload.isSuccess && /* @__PURE__ */ jsxRuntime.jsx("p", { role: "status", className: "text-sm", children: "Uploaded. The skill will appear once processing finishes." }),
+    upload.error && /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: "text-sm text-destructive", children: upload.error.message })
+  ] });
 }
 var StreamedArtifactEditor = react.lazy(() => import('../StreamedArtifactEditor-L2AZZORU.cjs'));
 function StreamedArtifact({
@@ -109,7 +179,7 @@ function StreamedArtifact({
   );
 }
 function useConnectedShellWorkspaces(options = {}) {
-  const { workspaceId, setWorkspace } = chunkJCVZKCXC_cjs.useConnection();
+  const { workspaceId, setWorkspace } = chunkTLQQV7WW_cjs.useConnection();
   const query = react$1.useWorkspaces();
   return react$1.useShellWorkspaces({
     ...options,
@@ -129,21 +199,21 @@ var AVATAR_PROBLEMS = {
   "too-large": "Image must be 5 MB or smaller",
   unreadable: "Couldn't read that image \u2014 try a different file"
 };
-function ConnectedProfileCard({ notify: notify2, title = "Profile" }) {
+function ConnectedProfileCard({ notify: notify3, title = "Profile" }) {
   const { data: profile } = react$1.useProfile();
   const updateProfile = react$1.useUpdateProfile();
   const requestEmailChange = react$1.useRequestEmailChange();
   const confirmEmailChange = react$1.useConfirmEmailChange();
-  const { user } = chunkJCVZKCXC_cjs.useConnection();
+  const { user } = chunkTLQQV7WW_cjs.useConnection();
   const name = react$1.useNameEditor({
     givenName: profile?.givenName,
     familyName: profile?.familyName,
     save: async (next) => {
       try {
         await updateProfile.mutateAsync(next);
-        notify2?.("Name updated", "success");
+        notify3?.("Name updated", "success");
       } catch (e) {
-        notify2?.("Failed to update name", "error");
+        notify3?.("Failed to update name", "error");
         throw e;
       }
     }
@@ -152,41 +222,41 @@ function ConnectedProfileCard({ notify: notify2, title = "Profile" }) {
     upload: async (picture) => {
       try {
         await updateProfile.mutateAsync({ picture });
-        notify2?.("Profile picture updated", "success");
+        notify3?.("Profile picture updated", "success");
       } catch (e) {
-        notify2?.("Failed to update picture", "error");
+        notify3?.("Failed to update picture", "error");
         throw e;
       }
     },
-    onProblem: (problem) => notify2?.(AVATAR_PROBLEMS[problem], "error")
+    onProblem: (problem) => notify3?.(AVATAR_PROBLEMS[problem], "error")
   });
   const email = react$1.useEmailChange({
     requestCode: async (address) => {
       try {
         await requestEmailChange.mutateAsync(address);
-        notify2?.("Verification code sent to your new email", "success");
+        notify3?.("Verification code sent to your new email", "success");
       } catch (e) {
-        notify2?.(errorText(e, "Failed to send verification code"), "error");
+        notify3?.(errorText(e, "Failed to send verification code"), "error");
         throw e;
       }
     },
     confirm: async (args) => {
       try {
         await confirmEmailChange.mutateAsync(args);
-        notify2?.("Email address updated", "success");
+        notify3?.("Email address updated", "success");
       } catch (e) {
-        notify2?.(errorText(e, "Invalid or expired verification code"), "error");
+        notify3?.(errorText(e, "Invalid or expired verification code"), "error");
         throw e;
       }
     }
   });
   const display = profile?.fullName || user?.name || "Unnamed";
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkDCEI37AX_cjs.SettingsSection, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserCircle, {}), title, children: /* @__PURE__ */ jsxRuntime.jsx(
-    chunkDCEI37AX_cjs.ProfileCard,
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkYVIOCITQ_cjs.SettingsSection, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserCircle, {}), title, children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunkYVIOCITQ_cjs.ProfileCard,
     {
       avatar: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkDCEI37AX_cjs.AvatarPicker,
+          chunkYVIOCITQ_cjs.AvatarPicker,
           {
             pictureUrl: profile?.picture ?? user?.picture,
             initials: chunkKDG6FER6_cjs.initials(display),
@@ -226,7 +296,7 @@ function defaultUnmetPasswordRequirement(password) {
   return null;
 }
 function ConnectedSecuritySection({
-  notify: notify2,
+  notify: notify3,
   getUnmetRequirement = defaultUnmetPasswordRequirement,
   renderRecoveryKey,
   children
@@ -239,15 +309,15 @@ function ConnectedSecuritySection({
     getUnmetRequirement,
     submit: async (vars) => {
       const result = await change.mutateAsync(vars);
-      notify2?.("Password changed successfully", "success");
+      notify3?.("Password changed successfully", "success");
       return result;
     },
     onClose: () => setOpen(false)
   });
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunkDCEI37AX_cjs.SettingsSection, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.KeyRound, {}), title: "Security", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(chunkDCEI37AX_cjs.SettingsCard, { padding: "sm", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkYVIOCITQ_cjs.SettingsSection, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.KeyRound, {}), title: "Security", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(chunkYVIOCITQ_cjs.SettingsCard, { padding: "sm", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkDCEI37AX_cjs.SettingsActionRow,
+        chunkYVIOCITQ_cjs.SettingsActionRow,
         {
           title: "Change password",
           description: "Used to sign in and to encrypt your data. Changing it re-encrypts everything in your account.",
@@ -258,7 +328,7 @@ function ConnectedSecuritySection({
       children
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkDCEI37AX_cjs.PasswordChangeDialog,
+      chunkYVIOCITQ_cjs.PasswordChangeDialog,
       {
         open,
         onClose: form.onCancel,
@@ -282,29 +352,29 @@ function ConnectedSecuritySection({
   ] });
 }
 function ConnectedNotificationPreferences({
-  categories = chunkDCEI37AX_cjs.EMAIL_NOTIFICATION_CATEGORIES,
+  categories = chunkYVIOCITQ_cjs.EMAIL_NOTIFICATION_CATEGORIES,
   title = "Notifications"
 }) {
   const keys = react.useMemo(
-    () => categories === chunkDCEI37AX_cjs.EMAIL_NOTIFICATION_CATEGORIES ? chunkDCEI37AX_cjs.EMAIL_NOTIFICATION_KEYS : categories.map((c) => c.key),
+    () => categories === chunkYVIOCITQ_cjs.EMAIL_NOTIFICATION_CATEGORIES ? chunkYVIOCITQ_cjs.EMAIL_NOTIFICATION_KEYS : categories.map((c) => c.key),
     [categories]
   );
   const prefs = react$1.useNotificationPreferences(keys);
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkDCEI37AX_cjs.SettingsSection, { title, children: /* @__PURE__ */ jsxRuntime.jsx(chunkDCEI37AX_cjs.SettingsCard, { className: "space-y-0", children: /* @__PURE__ */ jsxRuntime.jsx(
-    chunkDCEI37AX_cjs.NotificationCategoryList,
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkYVIOCITQ_cjs.SettingsSection, { title, children: /* @__PURE__ */ jsxRuntime.jsx(chunkYVIOCITQ_cjs.SettingsCard, { className: "space-y-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunkYVIOCITQ_cjs.NotificationCategoryList,
     {
       masterId: "emailNotifications",
       masterTitle: "Email Notifications",
       masterDescription: "Email me about activity when I\u2019m away",
       masterChecked: prefs.masterChecked,
       onMasterChange: prefs.setAll,
-      categories: chunkDCEI37AX_cjs.toNotificationCategories(prefs.checked, categories),
+      categories: chunkYVIOCITQ_cjs.toNotificationCategories(prefs.checked, categories),
       onCategoryChange: prefs.setCategory
     }
   ) }) });
 }
 function ConnectedSessionsRow({
-  notify: notify2,
+  notify: notify3,
   confirm,
   renderSessionIcon
 }) {
@@ -312,14 +382,14 @@ function ConnectedSessionsRow({
   const sessions = react$1.useSessions({ enabled: open });
   const currentSessionId = react$1.useCurrentSessionId();
   const terminate = react$1.useTerminateSession();
-  const views = chunkDCEI37AX_cjs.toActiveSessionViews(sessions.data ?? [], {
+  const views = chunkYVIOCITQ_cjs.toActiveSessionViews(sessions.data ?? [], {
     currentSessionId,
     terminatingId: terminate.isPending ? terminate.variables : null,
     renderIcon: renderSessionIcon
   });
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkDCEI37AX_cjs.SettingsRow,
+      chunkYVIOCITQ_cjs.SettingsRow,
       {
         label: "Active sessions",
         description: "Devices and agents currently signed in to your account.",
@@ -341,7 +411,7 @@ function ConnectedSessionsRow({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkDCEI37AX_cjs.ActiveSessionsDialog,
+      chunkYVIOCITQ_cjs.ActiveSessionsDialog,
       {
         open,
         onOpenChange: setOpen,
@@ -358,7 +428,7 @@ function ConnectedSessionsRow({
             try {
               await terminate.mutateAsync(id);
             } catch {
-              notify2?.("Failed to end session. Please try again.", "error");
+              notify3?.("Failed to end session. Please try again.", "error");
             }
           })();
         }
@@ -372,11 +442,11 @@ function ConnectedLogoutDialog({
   isOnline = true,
   renderSessionIcon
 }) {
-  const { logout } = chunkJCVZKCXC_cjs.useConnection();
+  const { logout } = chunkTLQQV7WW_cjs.useConnection();
   const sessions = react$1.useSessions({ enabled: open });
   const logoutAll = react$1.useLogoutAllSessions();
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkDCEI37AX_cjs.LogoutDialog,
+    chunkYVIOCITQ_cjs.LogoutDialog,
     {
       open,
       onClose,
@@ -390,26 +460,26 @@ function ConnectedLogoutDialog({
       },
       canLogoutAll: true,
       isOnline,
-      sessions: chunkDCEI37AX_cjs.toLogoutSessionViews(sessions.data ?? []),
+      sessions: chunkYVIOCITQ_cjs.toLogoutSessionViews(sessions.data ?? []),
       renderSessionIcon
     }
   );
 }
-function ConnectedDangerZone({ notify: notify2, renderSubscriptionLink }) {
+function ConnectedDangerZone({ notify: notify3, renderSubscriptionLink }) {
   const [zoneOpen, setZoneOpen] = react.useState(false);
   const [dialogOpen, setDialogOpen] = react.useState(false);
-  const { user, logout } = chunkJCVZKCXC_cjs.useConnection();
+  const { user, logout } = chunkTLQQV7WW_cjs.useConnection();
   const remove = react$1.useDeleteAccount();
   const flow = react$1.useDeleteAccountFlow({
     userEmail: user?.email ?? "",
     remove: () => remove.mutateAsync(),
     onClose: () => setDialogOpen(false),
     onDeleted: logout,
-    onError: () => notify2?.("Failed to delete account. Please try again.", "error")
+    onError: () => notify3?.("Failed to delete account. Please try again.", "error")
   });
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkDCEI37AX_cjs.SettingsDangerZone,
+      chunkYVIOCITQ_cjs.SettingsDangerZone,
       {
         isOpen: zoneOpen,
         onToggle: () => setZoneOpen((o) => !o),
@@ -429,12 +499,12 @@ function ConnectedDangerZone({ notify: notify2, renderSubscriptionLink }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkDCEI37AX_cjs.DeleteAccountDialog,
+      chunkYVIOCITQ_cjs.DeleteAccountDialog,
       {
         open: dialogOpen,
         onClose: flow.onClose,
         step: flow.step,
-        blockers: chunkDCEI37AX_cjs.toDeleteBlockerViews(flow.blockers, renderSubscriptionLink),
+        blockers: chunkYVIOCITQ_cjs.toDeleteBlockerViews(flow.blockers, renderSubscriptionLink),
         onContinue: flow.onContinue,
         onBack: flow.onBack,
         userEmail: user?.email ?? "",
@@ -448,7 +518,7 @@ function ConnectedDangerZone({ notify: notify2, renderSubscriptionLink }) {
 }
 function useConnectedDocxNotifications(onOpen) {
   const arbi = react$1.useArbi();
-  const { status, user, apiUrl } = chunkJCVZKCXC_cjs.useConnection();
+  const { status, user, apiUrl } = chunkTLQQV7WW_cjs.useConnection();
   const queries = reactQuery.useQueryClient();
   const source = `docx-mentions:${apiUrl}:${user?.externalId || ""}`;
   const queryKey = ["docx-mentions", apiUrl, user?.externalId];
@@ -511,65 +581,237 @@ function useConnectedDocxNotifications(onOpen) {
     }
   };
 }
+function useConnectedWorkNotifications(onOpen) {
+  const { status, user, apiUrl } = chunkTLQQV7WW_cjs.useConnection();
+  const source = `work-notifications:${apiUrl}:${user?.externalId || ""}`;
+  const { data = [], markRead: persistRead } = react$1.useWorkNotifications({
+    apiUrl,
+    userId: user?.externalId,
+    enabled: status === "authenticated"
+  });
+  react.useEffect(() => {
+    const items = [];
+    if (status === "authenticated")
+      for (const note of data) {
+        if (note.recipient.external_id !== user?.externalId) continue;
+        const mapped = mapWorkNotification(note);
+        if (!mapped) continue;
+        items.push({
+          id: `work:${note.external_id}`,
+          title: mapped.title,
+          variant: note.type === "workflow_failed" ? "error" : note.type === "conversation_done" ? "success" : "info",
+          ts: Date.parse(note.created_at),
+          read: note.read,
+          source,
+          onSelect: () => {
+            void Promise.resolve().then(() => onOpen(mapped.target)).catch(
+              (error) => react$1.notify.error(
+                error instanceof Error ? error.message : "Could not open this notification."
+              )
+            );
+          }
+        });
+      }
+    shell.useNotify.getState().syncSource(source, items);
+    return () => shell.useNotify.getState().syncSource(source, []);
+  }, [data, status, user?.externalId, source, onOpen]);
+  const markRead = async (ids) => {
+    if (!ids.length) return;
+    try {
+      await persistRead(ids);
+    } catch {
+      react$1.notify.error("Could not mark work notifications read.");
+    }
+  };
+  return {
+    onMarkRead: (id) => {
+      if (data.some(
+        (note) => `work:${note.external_id}` === id && note.recipient.external_id === user?.externalId && mapWorkNotification(note)
+      ))
+        void markRead([id.slice(5)]);
+    },
+    onMarkAllRead: () => {
+      void markRead(
+        data.filter(
+          (note) => !note.read && note.recipient.external_id === user?.externalId && mapWorkNotification(note)
+        ).map((note) => note.external_id)
+      );
+    }
+  };
+}
+function mapWorkNotification(note) {
+  const sender = [note.sender.given_name, note.sender.family_name].filter(Boolean).join(" ") || note.sender.email;
+  if (note.type === "workflow_failed") {
+    try {
+      const payload = JSON.parse(note.content || "{}");
+      if (!payload.workflow_ext_id?.match(/^wfl-[a-zA-Z0-9]+$/)) return null;
+      if (note.workspace_ext_id?.match(/^wrk-[a-zA-Z0-9]+$/) && note.conversation_ext_id?.match(/^con-[a-zA-Z0-9]+$/)) {
+        return {
+          title: "A workflow failed to run",
+          target: {
+            kind: "conversation",
+            workspaceId: note.workspace_ext_id,
+            conversationId: note.conversation_ext_id
+          }
+        };
+      }
+      return {
+        title: "A workflow failed to run",
+        target: {
+          kind: "workflow",
+          workflowId: payload.workflow_ext_id,
+          workspaceId: note.workspace_ext_id || void 0
+        }
+      };
+    } catch {
+      return null;
+    }
+  }
+  const titles = {
+    mention: `${sender} mentioned you in a conversation`,
+    workspace_access_request: `${sender} needs workspace access to run a task`,
+    conversation_ready_for_review: `${sender} has a task ready for your review`,
+    conversation_approval_request: `${sender} asked you to approve a task`,
+    conversation_done: `${sender} marked a task done`
+  };
+  const title = titles[note.type];
+  if (!title || !note.workspace_ext_id || !note.conversation_ext_id?.match(/^con-[a-zA-Z0-9]+$/))
+    return null;
+  return {
+    title,
+    target: {
+      kind: "conversation",
+      workspaceId: note.workspace_ext_id,
+      conversationId: note.conversation_ext_id,
+      ...note.message_ext_id ? { messageId: note.message_ext_id } : {}
+    }
+  };
+}
+function ActiveChat({ agentId, workspaceId }) {
+  const chat = react$1.useArbiChat({ agentId, workspaceId });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkZHLMDJCO_cjs.ChatPage,
+    {
+      chat: { ...chat, assistantMode: void 0, setAssistantMode: void 0 },
+      documentsRequired: false,
+      compactHeader: true,
+      surface: "dock",
+      emptyTitle: "What would you like me to do?",
+      emptyDescription: "This agent works through its own login. Upload files here to stage them in its sandbox.",
+      className: "h-[min(65vh,650px)] min-h-[380px]"
+    }
+  );
+}
+function ConnectedAgentChatPanel({
+  agentId,
+  workspaceId,
+  agentName = "Agent"
+}) {
+  const session = react$1.useAgentSession(agentId);
+  const start = react$1.useStartAgentSession();
+  const close = react$1.useCloseAgentSession();
+  const ready = session.data?.active && session.data.workspace_ext_id === workspaceId;
+  const busy = start.isPending || close.isPending;
+  const error = start.error ?? close.error ?? session.error;
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "space-y-3", "data-testid": "agent-chat-panel", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm", "data-testid": "agent-chat-session-status", children: [
+        agentName,
+        " \xB7",
+        " ",
+        ready ? "Signed in to this workspace" : session.data?.active ? `Signed in to ${session.data.workspace_name ?? "another workspace"}` : "Signed out"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+        !ready && /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Button,
+          {
+            type: "button",
+            disabled: busy || session.isLoading,
+            onClick: () => start.mutate({ agentId, workspaceId }),
+            "data-testid": "agent-chat-login",
+            children: start.isPending ? "Signing in\u2026" : "Sign in here"
+          }
+        ),
+        session.data?.active && /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Button,
+          {
+            type: "button",
+            variant: "outline",
+            disabled: busy,
+            onClick: () => close.mutate(agentId),
+            "data-testid": "agent-chat-logout",
+            children: close.isPending ? "Signing out\u2026" : "Sign out agent"
+          }
+        )
+      ] })
+    ] }),
+    error && /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: "text-sm text-destructive", children: error.message }),
+    ready && /* @__PURE__ */ jsxRuntime.jsx(ActiveChat, { agentId, workspaceId }, `${agentId}:${workspaceId}`)
+  ] });
+}
 
 Object.defineProperty(exports, "ConnectedAssistantDock", {
   enumerable: true,
-  get: function () { return chunkEUOGPUMJ_cjs.ConnectedAssistantDock; }
+  get: function () { return chunkEYPPB5CY_cjs.ConnectedAssistantDock; }
 });
 Object.defineProperty(exports, "redlineStats", {
   enumerable: true,
-  get: function () { return chunkEUOGPUMJ_cjs.redlineStats; }
+  get: function () { return chunkEYPPB5CY_cjs.redlineStats; }
 });
 Object.defineProperty(exports, "textToArtifact", {
   enumerable: true,
-  get: function () { return chunkEUOGPUMJ_cjs.textToArtifact; }
+  get: function () { return chunkEYPPB5CY_cjs.textToArtifact; }
 });
 Object.defineProperty(exports, "toRedlineMarkdown", {
   enumerable: true,
-  get: function () { return chunkEUOGPUMJ_cjs.toRedlineMarkdown; }
+  get: function () { return chunkEYPPB5CY_cjs.toRedlineMarkdown; }
 });
 Object.defineProperty(exports, "useConnectedAiTask", {
   enumerable: true,
-  get: function () { return chunkEUOGPUMJ_cjs.useConnectedAiTask; }
+  get: function () { return chunkEYPPB5CY_cjs.useConnectedAiTask; }
 });
 Object.defineProperty(exports, "useConnectedChat", {
   enumerable: true,
-  get: function () { return chunkEUOGPUMJ_cjs.useConnectedChat; }
+  get: function () { return chunkEYPPB5CY_cjs.useConnectedChat; }
 });
 Object.defineProperty(exports, "useSemanticSearch", {
   enumerable: true,
-  get: function () { return chunkEUOGPUMJ_cjs.useSemanticSearch; }
+  get: function () { return chunkEYPPB5CY_cjs.useSemanticSearch; }
 });
 Object.defineProperty(exports, "useWorkspaceDocs", {
   enumerable: true,
-  get: function () { return chunkEUOGPUMJ_cjs.useWorkspaceDocs; }
+  get: function () { return chunkEYPPB5CY_cjs.useWorkspaceDocs; }
 });
 Object.defineProperty(exports, "ConnectionProvider", {
   enumerable: true,
-  get: function () { return chunkJCVZKCXC_cjs.ConnectionProvider; }
+  get: function () { return chunkTLQQV7WW_cjs.ConnectionProvider; }
 });
 Object.defineProperty(exports, "SESSION_EXPIRED_MESSAGE", {
   enumerable: true,
-  get: function () { return chunkJCVZKCXC_cjs.SESSION_EXPIRED_MESSAGE; }
+  get: function () { return chunkTLQQV7WW_cjs.SESSION_EXPIRED_MESSAGE; }
 });
 Object.defineProperty(exports, "isAuthenticated", {
   enumerable: true,
-  get: function () { return chunkJCVZKCXC_cjs.isAuthenticated; }
+  get: function () { return chunkTLQQV7WW_cjs.isAuthenticated; }
 });
 Object.defineProperty(exports, "useConnection", {
   enumerable: true,
-  get: function () { return chunkJCVZKCXC_cjs.useConnection; }
+  get: function () { return chunkTLQQV7WW_cjs.useConnection; }
 });
 exports.ArbiAppProvider = ArbiAppProvider;
+exports.ConnectedAgentChatPanel = ConnectedAgentChatPanel;
 exports.ConnectedDangerZone = ConnectedDangerZone;
 exports.ConnectedLogoutDialog = ConnectedLogoutDialog;
 exports.ConnectedNotificationPreferences = ConnectedNotificationPreferences;
 exports.ConnectedProfileCard = ConnectedProfileCard;
 exports.ConnectedSecuritySection = ConnectedSecuritySection;
 exports.ConnectedSessionsRow = ConnectedSessionsRow;
+exports.ConnectedSkillUpload = ConnectedSkillUpload;
+exports.ConnectedTaskAccessRequest = ConnectedTaskAccessRequest;
 exports.StreamedArtifact = StreamedArtifact;
 exports.defaultUnmetPasswordRequirement = defaultUnmetPasswordRequirement;
 exports.useConnectedDocxNotifications = useConnectedDocxNotifications;
 exports.useConnectedShellWorkspaces = useConnectedShellWorkspaces;
+exports.useConnectedWorkNotifications = useConnectedWorkNotifications;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map