@arbidocs/blocks 0.4.26 → 0.4.28

package/dist/connect/index.js

@@ -1,23 +1,24 @@
 "use client";
+export { ConnectedAssistantDock, redlineStats, textToArtifact, toRedlineMarkdown, useConnectedAiTask, useConnectedChat, useSemanticSearch, useWorkspaceDocs } from '../chunk-KF4EC5XU.js';
 import { SettingsSection, ProfileCard, AvatarPicker, SettingsCard, SettingsActionRow, PasswordChangeDialog, EMAIL_NOTIFICATION_KEYS, EMAIL_NOTIFICATION_CATEGORIES, NotificationCategoryList, toNotificationCategories, toActiveSessionViews, SettingsRow, ActiveSessionsDialog, LogoutDialog, toLogoutSessionViews, SettingsDangerZone, DeleteAccountDialog, toDeleteBlockerViews } from '../chunk-JLOYWXRB.js';
-export { ConnectedAssistantDock, redlineStats, textToArtifact, toRedlineMarkdown, useConnectedAiTask, useConnectedChat, useSemanticSearch, useWorkspaceDocs } from '../chunk-5TRALRWN.js';
 import { StreamedArtifactFrame } from '../chunk-LOJVUGBJ.js';
 import '../chunk-VILAPTCB.js';
-import '../chunk-JLPYOPCX.js';
+import { ChatPage } from '../chunk-WSJVHSGN.js';
 import '../chunk-KZJAG7T3.js';
 import '../chunk-NPLYHR2E.js';
 import { initials } from '../chunk-OXF2IFXG.js';
 import '../chunk-TJMKFY5P.js';
-import { ConnectionProvider, useConnection } from '../chunk-ZEIOREJY.js';
-export { ConnectionProvider, SESSION_EXPIRED_MESSAGE, isAuthenticated, useConnection } from '../chunk-ZEIOREJY.js';
+import { ConnectionProvider, useConnection } from '../chunk-EHXSBH6U.js';
+export { ConnectionProvider, SESSION_EXPIRED_MESSAGE, isAuthenticated, useConnection } from '../chunk-EHXSBH6U.js';
+import '../chunk-AA3PT6KR.js';
 import '../chunk-7F6CBP3Z.js';
 import { lazy, useState, Suspense, useMemo, useEffect } from 'react';
 import { QueryClient, QueryClientProvider, useQueryClient, useQuery } from '@tanstack/react-query';
-import { ArbiProvider, ArtifactCanvas, useWorkspaces, useShellWorkspaces, useProfile, useUpdateProfile, useRequestEmailChange, useConfirmEmailChange, useNameEditor, useAvatarCrop, useEmailChange, ImageCropModal, usePasswordChange, usePasswordChangeForm, useNotificationPreferences, useSessions, useCurrentSessionId, useTerminateSession, useLogoutAllSessions, useDeleteAccount, useDeleteAccountFlow, useArbi, useArbiWebSocket, notify, ArbiWebSocketProvider } from '@arbidocs/react';
+import { ArbiProvider, useConversations, useRunConversation, useUploadSkillFiles, ArtifactCanvas, useWorkspaces, useShellWorkspaces, useProfile, useUpdateProfile, useRequestEmailChange, useConfirmEmailChange, useNameEditor, useAvatarCrop, useEmailChange, ImageCropModal, usePasswordChange, usePasswordChangeForm, useNotificationPreferences, useSessions, useCurrentSessionId, useTerminateSession, useLogoutAllSessions, useDeleteAccount, useDeleteAccountFlow, useArbi, useArbiWebSocket, notify, useWorkNotifications, useAgentSession, useStartAgentSession, useCloseAgentSession, ArbiWebSocketProvider, useArbiChat } from '@arbidocs/react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Button, Label, Input } from '@arbidocs/react/ui';
 import { useStreamedArtifact } from '@arbidocs/react/artifacts';
 import { UserCircle, KeyRound, Radio } from 'lucide-react';
-import { Button } from '@arbidocs/react/ui';
 import { useNotify } from '@arbidocs/react/shell';
 
 function ConnectionBoundWebSocket({ children }) {
@@ -36,6 +37,75 @@ function ArbiAppProvider({
   const providerUrl = config.apiUrl || config.demoApiUrl || "https://demo.arbi.local";
   return /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx(ArbiProvider, { url: providerUrl, children: /* @__PURE__ */ jsx(ConnectionProvider, { config, children: /* @__PURE__ */ jsx(ConnectionBoundWebSocket, { children }) }) }) });
 }
+function ConnectedTaskAccessRequest({ conversationId }) {
+  const { workspaceId } = useConnection();
+  const tasks = useConversations(workspaceId ?? void 0, { live: true });
+  const run = useRunConversation();
+  const task = tasks.data?.find((item) => item.external_id === conversationId);
+  if (!task?.pending_auth_request_id || !task.is_owner) return null;
+  return /* @__PURE__ */ 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__ */ jsx("p", { className: "flex-1 text-sm", children: "This task is waiting for temporary workspace access." }),
+        /* @__PURE__ */ jsx(
+          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__ */ jsx("p", { role: "alert", className: "w-full text-sm text-destructive", children: run.error.message })
+      ]
+    }
+  );
+}
+function ConnectedSkillUpload() {
+  const [name, setName] = useState("");
+  const [file, setFile] = useState(null);
+  const upload = useUploadSkillFiles();
+  const slug = name.trim().toLowerCase().replace(/[^a-z0-9_-]+/g, "-").replace(/^-+|-+$/g, "");
+  return /* @__PURE__ */ jsxs("section", { className: "space-y-3 rounded-lg border p-4", "data-testid": "skill-upload", children: [
+    /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold", children: "Add a skill" }),
+    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Upload a SKILL.md file containing the instructions your assistant should follow." }),
+    /* @__PURE__ */ jsx(Label, { htmlFor: "skill-upload-name", children: "Skill name" }),
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        id: "skill-upload-name",
+        value: name,
+        onChange: (event) => setName(event.target.value),
+        placeholder: "disclosure-review",
+        "data-testid": "skill-upload-name"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        type: "file",
+        accept: ".md",
+        "aria-label": "Skill instructions file",
+        onChange: (event) => setFile(event.target.files?.[0] ?? null),
+        "data-testid": "skill-upload-file"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      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__ */ jsx("p", { role: "status", className: "text-sm", children: "Uploaded. The skill will appear once processing finishes." }),
+    upload.error && /* @__PURE__ */ jsx("p", { role: "alert", className: "text-sm text-destructive", children: upload.error.message })
+  ] });
+}
 var StreamedArtifactEditor = lazy(() => import('../StreamedArtifactEditor-7JHF4JIY.js'));
 function StreamedArtifact({
   artifacts,
@@ -128,7 +198,7 @@ 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 } = useProfile();
   const updateProfile = useUpdateProfile();
   const requestEmailChange = useRequestEmailChange();
@@ -140,9 +210,9 @@ function ConnectedProfileCard({ notify: notify2, title = "Profile" }) {
     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;
       }
     }
@@ -151,30 +221,30 @@ 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 = 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;
       }
     }
@@ -225,7 +295,7 @@ function defaultUnmetPasswordRequirement(password) {
   return null;
 }
 function ConnectedSecuritySection({
-  notify: notify2,
+  notify: notify3,
   getUnmetRequirement = defaultUnmetPasswordRequirement,
   renderRecoveryKey,
   children
@@ -238,7 +308,7 @@ 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)
@@ -303,7 +373,7 @@ function ConnectedNotificationPreferences({
   ) }) });
 }
 function ConnectedSessionsRow({
-  notify: notify2,
+  notify: notify3,
   confirm,
   renderSessionIcon
 }) {
@@ -357,7 +427,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");
             }
           })();
         }
@@ -394,7 +464,7 @@ function ConnectedLogoutDialog({
     }
   );
 }
-function ConnectedDangerZone({ notify: notify2, renderSubscriptionLink }) {
+function ConnectedDangerZone({ notify: notify3, renderSubscriptionLink }) {
   const [zoneOpen, setZoneOpen] = useState(false);
   const [dialogOpen, setDialogOpen] = useState(false);
   const { user, logout } = useConnection();
@@ -404,7 +474,7 @@ function ConnectedDangerZone({ notify: notify2, renderSubscriptionLink }) {
     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__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
@@ -510,7 +580,175 @@ function useConnectedDocxNotifications(onOpen) {
     }
   };
 }
+function useConnectedWorkNotifications(onOpen) {
+  const { status, user, apiUrl } = useConnection();
+  const source = `work-notifications:${apiUrl}:${user?.externalId || ""}`;
+  const { data = [], markRead: persistRead } = useWorkNotifications({
+    apiUrl,
+    userId: user?.externalId,
+    enabled: status === "authenticated"
+  });
+  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) => notify.error(
+                error instanceof Error ? error.message : "Could not open this notification."
+              )
+            );
+          }
+        });
+      }
+    useNotify.getState().syncSource(source, items);
+    return () => useNotify.getState().syncSource(source, []);
+  }, [data, status, user?.externalId, source, onOpen]);
+  const markRead = async (ids) => {
+    if (!ids.length) return;
+    try {
+      await persistRead(ids);
+    } catch {
+      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 = useArbiChat({ agentId, workspaceId });
+  return /* @__PURE__ */ jsx(
+    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 = useAgentSession(agentId);
+  const start = useStartAgentSession();
+  const close = 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__ */ jsxs("section", { className: "space-y-3", "data-testid": "agent-chat-panel", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
+      /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex gap-2", children: [
+        !ready && /* @__PURE__ */ jsx(
+          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__ */ jsx(
+          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__ */ jsx("p", { role: "alert", className: "text-sm text-destructive", children: error.message }),
+    ready && /* @__PURE__ */ jsx(ActiveChat, { agentId, workspaceId }, `${agentId}:${workspaceId}`)
+  ] });
+}
 
-export { ArbiAppProvider, ConnectedDangerZone, ConnectedLogoutDialog, ConnectedNotificationPreferences, ConnectedProfileCard, ConnectedSecuritySection, ConnectedSessionsRow, StreamedArtifact, defaultUnmetPasswordRequirement, useConnectedDocxNotifications, useConnectedShellWorkspaces };
+export { ArbiAppProvider, ConnectedAgentChatPanel, ConnectedDangerZone, ConnectedLogoutDialog, ConnectedNotificationPreferences, ConnectedProfileCard, ConnectedSecuritySection, ConnectedSessionsRow, ConnectedSkillUpload, ConnectedTaskAccessRequest, StreamedArtifact, defaultUnmetPasswordRequirement, useConnectedDocxNotifications, useConnectedShellWorkspaces, useConnectedWorkNotifications };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map