@arbidocs/blocks 0.4.135 → 0.4.137

package/dist/connect/index.d.ts

@@ -3,12 +3,15 @@
  * hooks, React Query + ARBI provider). Kept off the root barrel because it needs React Query.
  */
 export { type ArbiMode, type ConnectionStatus, type ArbiUser, type AssistantStep, type AssistantCitation, type AssistantMessage, type ArbiConnectionConfig, } from '../connection/types';
-export { ConnectionProvider, SESSION_EXPIRED_MESSAGE, useConnection, isAuthenticated, } from '../connection/ConnectionProvider';
+export { ConnectionProvider, SESSION_EXPIRED_MESSAGE, useConnection, useConnectedWorkspace, type ConnectedWorkspace, isAuthenticated, } from '../connection/ConnectionProvider';
 export { ArbiAppProvider } from '../connection/ArbiAppProvider';
 export { ConnectedTaskAccessRequest } from '../connection/ConnectedTaskAccessRequest';
 export { ConnectedWorkspaceActivity, type ConnectedWorkspaceActivityProps, } from '../connection/ConnectedWorkspaceActivity';
 export { ConnectedWorkspaceNotificationMenu, ConnectedThreadFollow, type ConnectedWorkspaceNotificationMenuProps, type ConnectedThreadFollowProps, } from '../connection/ConnectedNotificationRelevance';
-export { ConnectedSkillUpload } from '../connection/ConnectedSkillUpload';
+export { ConnectedWorkspaceDataProvider, useConnectedDocuments, useConnectedTags, useConnectedConversations, type ConnectedConversation, type ConnectedWorkspaceData, type ConnectedList, type ConnectedListResult, type ConnectedDocument, type ConnectedTag, } from '../connection/workspaceData';
+export { ConnectedWorkflowsTable, DEFAULT_CONNECTED_WORKFLOWS_TABLE_LABELS, useConnectedWorkspaceRole, type ConnectedWorkflowsTableProps, type ConnectedWorkflowsTableLabels, } from '../connection/ConnectedWorkflowsTable';
+export { ConnectedWorkflowLauncher, ConnectedWorkflowDocumentsField, useConnectedWorkflowScopeSource, useConnectedAgentOptions, toWorkflowFieldDocument, type ConnectedWorkflowLauncherProps, type ConnectedWorkflowDocumentsFieldProps, } from '../connection/ConnectedWorkflowLauncher';
+export { ConnectedSkillUpload, DEFAULT_CONNECTED_SKILL_UPLOAD_LABELS, type ConnectedSkillUploadProps, type ConnectedSkillUploadLabels, } from '../connection/ConnectedSkillUpload';
 export { useConnectedAiTask, useConnectedChat, ConnectedAssistantDock, useWorkspaceDocs, useSemanticSearch, toRedlineMarkdown, redlineStats, textToArtifact, type AiTaskStatus, type AiRunOptions, type SearchChunk, type ArtifactEvent, } from '../connection/ai';
 export { StreamedArtifact, type StreamedArtifactProps } from '../connection/StreamedArtifact';
 export { ConnectedWorkflowRunner, DEFAULT_CONNECTED_WORKFLOW_RUNNER_LABELS, type ConnectedWorkflowRunnerProps, type ConnectedWorkflowRunnerLabels, type WorkflowRunnerDocument, } from '../connection/ConnectedWorkflowRunner';

package/dist/connect/index.js

@@ -1,33 +1,38 @@
 "use client";
 import { FilesFilterBar, FolderFilterButton, FolderPickerRow } from '../chunk-7RJTEWYM.js';
 import { SettingsSection, ProfileCard, AvatarPicker, IdentityVerificationCard, IdentityVerificationDialog, RequireVerified, PasswordChangeDialog, SettingsCard, SettingsActionRow, EMAIL_NOTIFICATION_KEYS, EMAIL_NOTIFICATION_CATEGORIES, NotificationCategoryList, toNotificationCategories, toActiveSessionViews, SettingsRow, ActiveSessionsDialog, LogoutDialog, toLogoutSessionViews, SettingsDangerZone, DeleteAccountDialog, toDeleteBlockerViews } from '../chunk-OQ7RUNOC.js';
-import { useWorkspaceDocs } from '../chunk-QYTYW74G.js';
-export { ConnectedAssistantDock, redlineStats, textToArtifact, toRedlineMarkdown, useConnectedAiTask, useConnectedChat, useSemanticSearch, useWorkspaceDocs } from '../chunk-QYTYW74G.js';
-import { ConnectedNativeDocxEditor } from '../chunk-4UMXQPNA.js';
-import { ConnectionProvider, useConnection } from '../chunk-4RLCRFZS.js';
-export { ConnectionProvider, SESSION_EXPIRED_MESSAGE, isAuthenticated, useConnection } from '../chunk-4RLCRFZS.js';
+import { useWorkspaceDocs } from '../chunk-L3T7OJRX.js';
+export { ConnectedAssistantDock, redlineStats, textToArtifact, toRedlineMarkdown, useConnectedAiTask, useConnectedChat, useSemanticSearch, useWorkspaceDocs } from '../chunk-L3T7OJRX.js';
+import { useConnectedConversations, useConnectedDocuments, useConnectedTags } from '../chunk-2KUCVSFF.js';
+export { ConnectedWorkspaceDataProvider, useConnectedConversations, useConnectedDocuments, useConnectedTags } from '../chunk-2KUCVSFF.js';
+import { ConnectedNativeDocxEditor } from '../chunk-E5OYHJMU.js';
+import { ConnectionProvider, useConnection, useConnectedWorkspace } from '../chunk-L2PAPOZ5.js';
+export { ConnectionProvider, SESSION_EXPIRED_MESSAGE, isAuthenticated, useConnectedWorkspace, useConnection } from '../chunk-L2PAPOZ5.js';
 import { SignDocumentDialog } from '../chunk-2YOVK524.js';
 import '../chunk-GYAUJ4KT.js';
 import '../chunk-2FL7QJKJ.js';
 import '../chunk-HFZ45FD3.js';
-import { WorkspaceActivityList, WorkspaceNotificationMenu, ThreadFollowMenuItem, ThreadFollowButton, TagTable, tagTableDocx } from '../chunk-ENDP7JER.js';
+import { WorkspaceActivityList, WorkspaceNotificationMenu, ThreadFollowMenuItem, ThreadFollowButton, TagTable, tagTableDocx } from '../chunk-M33QUNFH.js';
 import { PlainMailBodyEditor, draftMailCompose, replyMailCompose, emptyMailCompose, MailGrid, MailMessageView, MailDocumentPicker, parseMailRecipients } from '../chunk-6HCJ3ZEU.js';
 import { DOCX_MIME_TYPE } from '../chunk-QXMR5YHC.js';
 import '../chunk-AF6RDAJF.js';
-import { WorkflowStepBar, WorkflowRunner, fromPlanSteps, toPlanSteps, useWorkflowView } from '../chunk-2PNNCEPH.js';
+import { WorkflowsTable, workflowTriggerType, buildWorkflowScopeSource, documentScopeLabels, WorkflowDocumentsField, WorkflowLauncher, WorkflowStepBar, importSkillFile, importSkillFromUrl, WorkflowRunner, fromPlanSteps, toPlanSteps, useWorkflowView } from '../chunk-ATJUVHVB.js';
 import '../chunk-EVUEIBNU.js';
-import { TriStateFilterMenu } from '../chunk-6S5FLMWG.js';
+import { TriStateFilterMenu } from '../chunk-KSHKTOY2.js';
+import '../chunk-P6GHJSLR.js';
+import '../chunk-3RJN2VTL.js';
+import '../chunk-444XKG46.js';
+import '../chunk-NUNKSZKU.js';
 import { FilterInput } from '../chunk-YU2KUMGE.js';
 import '../chunk-N5YEF3LC.js';
-import '../chunk-XD2M6LIG.js';
 import { StreamedArtifactFrame } from '../chunk-LOJVUGBJ.js';
 import '../chunk-VILAPTCB.js';
 import { ConfirmDialog } from '../chunk-VHJHY7TT.js';
 import { TabHeader } from '../chunk-4WWM3GQ5.js';
-import { ChatPage } from '../chunk-PUCY3UXN.js';
+import { ChatPage } from '../chunk-7M4C6CK7.js';
 import '../chunk-7XF5SFJ2.js';
 import { takeOpenDocumentForTurn, useRegisterOpenDocument } from '../chunk-YBLIKTJK.js';
-import { splitDocRef, stepLevels, stepDocuments, stepKindOf, initialRunInputs, workflowSteps, stepStatesFromActivity, runThreadTitle, stepFields } from '../chunk-2DFDFOM7.js';
+import { splitDocRef, stepLevels, stepDocuments, stepKindOf, initialRunInputs, workflowSteps, stepStatesFromActivity, runThreadTitle, stepFields } from '../chunk-YOMPLCP6.js';
 import '../chunk-AUS3KBHJ.js';
 import '../chunk-AA3PT6KR.js';
 import '../chunk-SLSBJRWW.js';
@@ -35,15 +40,15 @@ import '../chunk-NPLYHR2E.js';
 import '../chunk-7F6CBP3Z.js';
 import { useBlocksEnvironment } from '../chunk-YNIBUKV5.js';
 import { ModalScaffold } from '../chunk-TX2ZICS7.js';
-import { initials } from '../chunk-OXF2IFXG.js';
+import { fmtDate, initials } from '../chunk-OXF2IFXG.js';
 import '../chunk-VUNV25KB.js';
-import { lazy, useState, useMemo, Suspense, useEffect, useRef, useCallback, useLayoutEffect } from 'react';
+import { lazy, useState, useMemo, useEffect, useRef, useCallback, Suspense, useLayoutEffect } from 'react';
 import { QueryClient, QueryClientProvider, useQueryClient, useQuery } from '@tanstack/react-query';
-import { ArbiProvider, useConversations, useRunConversation, useWorkspaceActivity, useWorkspaceUsers, useWorkspaceNotificationLevel, useFollowThread, useUploadSkillFiles, ArtifactCanvas, useArbiChat, useArbi, useDocuments, useTagKindSchema, useTags, useSetTagValues, useUpdateTagKindSchema, useInvalidateTagData, useWorkspaces, useShellWorkspaces, useProfile, useUpdateProfile, useRequestEmailChange, useConfirmEmailChange, useNameEditor, useAvatarCrop, useEmailChange, ImageCropModal, useIdentityVerification, usePasswordChange, usePasswordChangeForm, useNotificationPreferences, useSessions, useCurrentSessionId, useTerminateSession, useSignOut, useDeleteAccount, useDeleteAccountFlow, useArbiWebSocket, useWorkNotifications, mailDraftIdFromContent, useMailClient, defaultMailAlias, useClaimNativeAlias, useMailOnline, useConnectMailAccount, useDisconnectMailAccount, useMailPolicy, useMailAccounts, useMailUnlock, useMailFolders, useMailMessages, useMailDraftCompose, useMailMessage, useMailCache, MailOfflineUnavailableError, accountPath, useAgentSession, useStartAgentSession, useCloseAgentSession, isAliasTakenError, nextAliasSuggestion, aliasTakenMessage, mailJson, ArbiWebSocketProvider, useCreateWork, useActOnStep, useConversationActivity, useConversationThreads, fileAttachment, useMailProjects, useSaveMailDraft, useSendMail, useMailDraftReplaced, AiAnswer, useMailDraftEditor } from '@arbidocs/react';
+import { ArbiProvider, useConversations, useRunConversation, useWorkspaceActivity, useWorkspaceUsers, useWorkspaceNotificationLevel, useFollowThread, useWorkflows, useAgents, useUpdateWorkflow, useDeleteWorkflow, useRunWorkflow, useArbi, useThumbnails, useUploadSkillFiles, ArtifactCanvas, useArbiChat, useDocuments, useTagKindSchema, useTags, useSetTagValues, useUpdateTagKindSchema, useInvalidateTagData, useWorkspaces, useShellWorkspaces, useProfile, useUpdateProfile, useRequestEmailChange, useConfirmEmailChange, useNameEditor, useAvatarCrop, useEmailChange, ImageCropModal, useIdentityVerification, usePasswordChange, usePasswordChangeForm, useNotificationPreferences, useSessions, useCurrentSessionId, useTerminateSession, useSignOut, useDeleteAccount, useDeleteAccountFlow, useArbiWebSocket, useWorkNotifications, mailDraftIdFromContent, useMailClient, defaultMailAlias, useClaimNativeAlias, useMailOnline, useConnectMailAccount, useDisconnectMailAccount, useMailPolicy, useMailAccounts, useMailUnlock, useMailFolders, useMailMessages, useMailDraftCompose, useMailMessage, useMailCache, MailOfflineUnavailableError, accountPath, useAgentSession, useStartAgentSession, useCloseAgentSession, isAliasTakenError, nextAliasSuggestion, aliasTakenMessage, mailJson, ArbiWebSocketProvider, useCreateWork, useActOnStep, useConversationActivity, useConversationThreads, fileAttachment, useMailProjects, useSaveMailDraft, useSendMail, useMailDraftReplaced, AiAnswer, useMailDraftEditor } from '@arbidocs/react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Button, Label, Input, Dialog, DialogContent, DialogTitle, DialogDescription, Tooltip, TooltipTrigger, TooltipContent, cn } from '@arbidocs/react/ui';
+import { Button, Label, Input, cn, Dialog, DialogContent, DialogTitle, DialogDescription, Tooltip, TooltipTrigger, TooltipContent } from '@arbidocs/react/ui';
+import { Upload, Link2, ExternalLink, UserCircle, KeyRound, Radio, Mail, Settings, Plus, ArrowLeft, Loader2, X, Paperclip, Send, MessageSquare } from 'lucide-react';
 import { useStreamedArtifact } from '@arbidocs/react/artifacts';
-import { ExternalLink, UserCircle, KeyRound, Radio, Mail, Settings, Plus, ArrowLeft, Loader2, X, Paperclip, Send, MessageSquare } from 'lucide-react';
 import { useIsOnline, useOptionalDocumentTools, fetchDocumentPdf, DocumentToolsProvider } from '@arbidocs/react/document-tools';
 import { useNotify } from '@arbidocs/react/shell';
 import { bytesToBase64 } from '@arbidocs/client';
@@ -181,48 +186,381 @@ function ConnectedThreadFollow({
     }
   );
 }
-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"
-      }
+function useConnectedWorkspaceRole() {
+  const { workspaceId, live, userId, ensureWorkspaceOpen } = useConnectedWorkspace();
+  const { data: members = [] } = useWorkspaceUsers(workspaceId ?? void 0, {
+    enabled: live && !!workspaceId,
+    beforeFetch: ensureWorkspaceOpen
+  });
+  const role = members.find((m) => m.user.external_id === userId)?.role;
+  return {
+    members,
+    role,
+    /** An owner or a collaborator edits, pauses, resumes and runs what is shared with the workspace. */
+    canEditShared: role === "owner" || role === "collaborator",
+    /** With an item's creator, the only one who deletes it. */
+    isWorkspaceOwner: role === "owner"
+  };
+}
+var DEFAULT_CONNECTED_WORKFLOWS_TABLE_LABELS = {
+  updateFailed: "Could not update the workflow",
+  deleteTitle: "Delete workflow",
+  deleteOne: (name) => `Delete \u201C${name}\u201D? Threads it already created stay.`,
+  deleteMany: (count) => `Delete ${count} workflows? Threads they already created stay.`,
+  runFailed: "The workflow failed. You can send an error report from its history.",
+  noThread: "The workflow did not create a thread.",
+  documentAction: (workflow) => workflow.action?.type === "email_documents" ? "Preparing your document email" : "Reviewing documents",
+  untitledTask: "Untitled thread"
+};
+var messageOf = (error) => error instanceof Error ? error.message : "";
+function ConnectedWorkflowsTable({
+  filter,
+  describeTrigger = (w) => workflowTriggerType(w).replaceAll("_", " "),
+  formatDate = fmtDate,
+  onViewRuns,
+  connectedLabels,
+  ...tableProps
+}) {
+  const l = { ...DEFAULT_CONNECTED_WORKFLOWS_TABLE_LABELS, ...connectedLabels };
+  const { notify, confirm, openConversation } = useBlocksEnvironment();
+  const { canEditShared, isWorkspaceOwner } = useConnectedWorkspaceRole();
+  const { data: saved = [], isLoading } = useWorkflows({ live: true });
+  const { data: conversations, refetch } = useConnectedConversations({ live: true });
+  const { data: agents = [] } = useAgents();
+  const update = useUpdateWorkflow();
+  const remove = useDeleteWorkflow();
+  const run = useRunWorkflow();
+  const [busyId, setBusyId] = useState(null);
+  const workflows = useMemo(() => filter ? saved.filter(filter) : saved, [saved, filter]);
+  const firingStamp = saved.map((w) => `${w.external_id}:${w.last_fired_at ?? ""}`).join("|");
+  useEffect(() => {
+    void refetch?.();
+  }, [firingStamp, refetch]);
+  const lastRuns = useMemo(() => {
+    const out = {};
+    for (const c of conversations) {
+      const id = c.workflow_ext_id;
+      if (id && (!out[id] || Date.parse(c.created_at) > Date.parse(out[id].at)))
+        out[id] = { conversationId: c.external_id, at: c.created_at, threadStatus: c.status };
+    }
+    return out;
+  }, [conversations]);
+  const agentNames = useMemo(
+    () => Object.fromEntries(agents.map((a) => [a.external_id, a.given_name || a.email])),
+    [agents]
+  );
+  const taskNames = useMemo(
+    () => Object.fromEntries(
+      conversations.filter((c) => c.status != null).map((c) => [c.external_id, c.title || l.untitledTask])
     ),
-    /* @__PURE__ */ jsx(
-      Input,
+    [conversations, l.untitledTask]
+  );
+  const act = async (workflow, action) => {
+    setBusyId(workflow.external_id);
+    try {
+      await action();
+    } catch (error) {
+      notify(messageOf(error) || l.updateFailed, "error");
+    } finally {
+      setBusyId(null);
+    }
+  };
+  const setActive = (workflow, active) => act(workflow, () => update.mutateAsync({ workflowId: workflow.external_id, patch: { active } }));
+  const deleteAll = async (items) => {
+    if (!items.length) return;
+    const ok = await confirm({
+      title: l.deleteTitle,
+      message: items.length === 1 ? l.deleteOne(items[0].name) : l.deleteMany(items.length)
+    });
+    if (!ok) return;
+    for (const workflow of items)
+      await act(workflow, () => remove.mutateAsync(workflow.external_id));
+  };
+  return /* @__PURE__ */ jsx(
+    WorkflowsTable,
+    {
+      ...tableProps,
+      workflows,
+      isLoading,
+      busyId,
+      describeTrigger,
+      formatDate,
+      agentNames,
+      taskNames,
+      lastRuns,
+      canEditShared,
+      isWorkspaceOwner,
+      onOpenThread: (conversationId) => openConversation(conversationId),
+      onViewRuns,
+      onToggleActive: (workflow, active) => void setActive(workflow, active),
+      onToggleActiveMany: (items, active) => {
+        void (async () => {
+          for (const workflow of items) await setActive(workflow, active);
+        })();
+      },
+      onToggleShared: (workflow, shared) => void act(
+        workflow,
+        () => update.mutateAsync({ workflowId: workflow.external_id, patch: { shared } })
+      ),
+      onDelete: (workflow) => void deleteAll([workflow]),
+      onDeleteMany: (items) => void deleteAll(items),
+      onRun: (workflow) => void act(workflow, async () => {
+        const result = await run.mutateAsync(workflow.external_id);
+        if (result.conversation_ext_id) openConversation(result.conversation_ext_id);
+        if (result.error) {
+          onViewRuns?.(workflow);
+          notify(l.runFailed, "error");
+          return;
+        }
+        if (result.execution_id && !result.conversation_ext_id) {
+          onViewRuns?.(workflow);
+          notify(l.documentAction(workflow), "success");
+          return;
+        }
+        if (!result.conversation_ext_id) throw new Error(l.noThread);
+      })
+    }
+  );
+}
+var IMAGE_FILE_TYPES = /* @__PURE__ */ new Set(["png", "jpg", "jpeg", "gif", "bmp", "tiff", "webp"]);
+function toWorkflowFieldDocument(doc) {
+  const isImage = IMAGE_FILE_TYPES.has((doc.file_type ?? "").toLowerCase());
+  return {
+    id: doc.external_id,
+    title: doc.doc_metadata?.title || doc.file_name || doc.external_id,
+    fileName: doc.file_name,
+    pages: isImage ? null : doc.n_pages ?? null,
+    tokens: isImage ? null : doc.tokens ?? null,
+    status: doc.status,
+    isImage
+  };
+}
+function useConnectedWorkflowScopeSource() {
+  const { data: docs } = useConnectedDocuments();
+  const { data: tags } = useConnectedTags();
+  return useMemo(() => buildWorkflowScopeSource(docs, documentScopeLabels(tags)), [docs, tags]);
+}
+function useConnectedAgentOptions() {
+  const { data: agents } = useAgents();
+  return useMemo(
+    () => (agents ?? []).map((a) => ({ id: a.external_id, label: a.given_name || a.email })),
+    [agents]
+  );
+}
+function ConnectedWorkflowDocumentsField({
+  field,
+  value,
+  onChange,
+  onAddFiles,
+  labels
+}) {
+  const arbi = useArbi();
+  const { notify } = useBlocksEnvironment();
+  const { ensureWorkspaceOpen } = useConnectedWorkspace();
+  const { data: docs, loaded, refetch } = useConnectedDocuments();
+  const documents = useMemo(() => docs.map(toWorkflowFieldDocument), [docs]);
+  const chosen = value.documents ?? [];
+  const { data: thumbnails } = useThumbnails(chosen, { enabled: (field.max ?? 1) > 1 });
+  const input = useRef(null);
+  const [adding, setAdding] = useState(false);
+  const upload = useCallback(
+    async (files) => {
+      setAdding(true);
+      try {
+        await ensureWorkspaceOpen();
+        for (const file of files) await arbi.documents.uploadFile(file, file.name);
+      } catch (error) {
+        notify(error instanceof Error && error.message ? error.message : String(error), "error");
+      } finally {
+        setAdding(false);
+        await refetch?.();
+      }
+    },
+    [arbi, ensureWorkspaceOpen, notify, refetch]
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    !onAddFiles && /* @__PURE__ */ jsx(
+      "input",
       {
+        ref: input,
         type: "file",
-        accept: ".md",
-        "aria-label": "Skill instructions file",
-        onChange: (event) => setFile(event.target.files?.[0] ?? null),
-        "data-testid": "skill-upload-file"
+        multiple: true,
+        className: "hidden",
+        "aria-label": "Add files",
+        "data-testid": "workflow-add-files-input",
+        onChange: (e) => {
+          const files = Array.from(e.target.files ?? []);
+          e.target.value = "";
+          if (files.length) void upload(files);
+        }
       }
     ),
     /* @__PURE__ */ jsx(
-      Button,
+      WorkflowDocumentsField,
       {
-        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"
+        field,
+        value,
+        onChange,
+        documents,
+        loaded,
+        thumbnailOf: (id) => thumbnails?.[id],
+        onAddFiles: onAddFiles ?? ((files) => files?.length ? void upload(files) : input.current?.click()),
+        adding,
+        labels
       }
-    ),
-    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 })
+    )
   ] });
 }
+function ConnectedWorkflowLauncher({
+  onAddFiles,
+  ...props
+}) {
+  const scopeSource = useConnectedWorkflowScopeSource();
+  const agents = useConnectedAgentOptions();
+  return /* @__PURE__ */ jsx(
+    WorkflowLauncher,
+    {
+      ...props,
+      scopeSource,
+      agents,
+      renderDocuments: (field, value, onChange) => /* @__PURE__ */ jsx(
+        ConnectedWorkflowDocumentsField,
+        {
+          field,
+          value,
+          onChange,
+          onAddFiles
+        }
+      )
+    }
+  );
+}
+var DEFAULT_CONNECTED_SKILL_UPLOAD_LABELS = {
+  title: "Add a skill",
+  description: "Bring in a skill someone sent you, from a file or a link.",
+  fromFile: "From a file",
+  chooseFile: "Choose a file",
+  fromLink: "From a link",
+  linkPlaceholder: "https://\u2026/SKILL.md",
+  add: "Add",
+  cancel: "Cancel",
+  added: (slug) => `${slug} added`,
+  failed: "Could not add the skill"
+};
+function ConnectedSkillUpload({ onDone, labels, className }) {
+  const l = { ...DEFAULT_CONNECTED_SKILL_UPLOAD_LABELS, ...labels };
+  const { notify } = useBlocksEnvironment();
+  const upload = useUploadSkillFiles();
+  const fileRef = useRef(null);
+  const [url, setUrl] = useState("");
+  const [busy, setBusy] = useState(false);
+  const add = async (read) => {
+    setBusy(true);
+    try {
+      const { slug, entries } = await read();
+      await upload.mutateAsync(
+        entries.map((e) => ({
+          folder: e.folder,
+          fileName: e.fileName,
+          content: new Blob([e.content], { type: "text/markdown" })
+        }))
+      );
+      notify(l.added(slug), "success");
+      setUrl("");
+      onDone?.(slug);
+    } catch (error) {
+      notify(error instanceof Error && error.message ? error.message : l.failed, "error");
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("flex flex-col gap-6 overflow-y-auto p-4", className),
+      "data-testid": "skills-add-view",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx("h3", { className: "text-base font-semibold", children: l.title }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: l.description })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(Label, { children: l.fromFile }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref: fileRef,
+              type: "file",
+              accept: ".md,.markdown,.zip",
+              className: "hidden",
+              "data-testid": "skills-add-file-input",
+              onChange: (e) => {
+                const file = e.target.files?.[0];
+                e.target.value = "";
+                if (file) void add(() => importSkillFile(file));
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "outline",
+              disabled: busy,
+              onClick: () => fileRef.current?.click(),
+              className: "pointer-coarse:min-h-11",
+              "data-testid": "skills-add-file",
+              children: [
+                /* @__PURE__ */ jsx(Upload, { className: "mr-1.5 size-4" }),
+                l.chooseFile
+              ]
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          "form",
+          {
+            className: "space-y-2",
+            onSubmit: (e) => {
+              e.preventDefault();
+              if (url.trim()) void add(() => importSkillFromUrl(url));
+            },
+            children: [
+              /* @__PURE__ */ jsx(Label, { htmlFor: "skills-add-url", children: l.fromLink }),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 sm:flex-row", children: [
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    id: "skills-add-url",
+                    value: url,
+                    onChange: (e) => setUrl(e.target.value),
+                    placeholder: l.linkPlaceholder,
+                    inputMode: "url",
+                    className: "pointer-coarse:min-h-11",
+                    "data-testid": "skills-add-url-input"
+                  }
+                ),
+                /* @__PURE__ */ jsxs(
+                  Button,
+                  {
+                    type: "submit",
+                    disabled: busy || !url.trim(),
+                    className: "pointer-coarse:min-h-11",
+                    "data-testid": "skills-add-url-submit",
+                    children: [
+                      /* @__PURE__ */ jsx(Link2, { className: "mr-1.5 size-4" }),
+                      l.add
+                    ]
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        onDone && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: () => onDone(), className: "pointer-coarse:min-h-11", children: l.cancel }) })
+      ]
+    }
+  );
+}
 var StreamedArtifactEditor = lazy(() => import('../StreamedArtifactEditor-XQNANTWM.js'));
 function StreamedArtifact({
   artifacts,
@@ -3825,6 +4163,6 @@ function ConnectedAgentChatPanel({
   ] });
 }
 
-export { ArbiAppProvider, ConnectedAgentChatPanel, ConnectedDangerZone, ConnectedIdentityVerification, ConnectedLogoutDialog, ConnectedMailAccounts, ConnectedMailComposer, ConnectedMailMessage, ConnectedMailSetup, ConnectedMailbox, ConnectedNotificationPreferences, ConnectedPasswordChangeDialog, ConnectedProfileCard, ConnectedRequireVerified, ConnectedSecuritySection, ConnectedSessionsRow, ConnectedSkillUpload, ConnectedTagTable, ConnectedTaskAccessRequest, ConnectedThreadFollow, ConnectedWorkflowRunner, ConnectedWorkspaceActivity, ConnectedWorkspaceNotificationMenu, DEFAULT_CONNECTED_WORKFLOW_RUNNER_LABELS, StreamedArtifact, WorkflowRunThread, defaultUnmetPasswordRequirement, resolveMailbox, useConnectedDocxNotifications, useConnectedShellWorkspaces, useConnectedWorkNotifications };
+export { ArbiAppProvider, ConnectedAgentChatPanel, ConnectedDangerZone, ConnectedIdentityVerification, ConnectedLogoutDialog, ConnectedMailAccounts, ConnectedMailComposer, ConnectedMailMessage, ConnectedMailSetup, ConnectedMailbox, ConnectedNotificationPreferences, ConnectedPasswordChangeDialog, ConnectedProfileCard, ConnectedRequireVerified, ConnectedSecuritySection, ConnectedSessionsRow, ConnectedSkillUpload, ConnectedTagTable, ConnectedTaskAccessRequest, ConnectedThreadFollow, ConnectedWorkflowDocumentsField, ConnectedWorkflowLauncher, ConnectedWorkflowRunner, ConnectedWorkflowsTable, ConnectedWorkspaceActivity, ConnectedWorkspaceNotificationMenu, DEFAULT_CONNECTED_SKILL_UPLOAD_LABELS, DEFAULT_CONNECTED_WORKFLOWS_TABLE_LABELS, DEFAULT_CONNECTED_WORKFLOW_RUNNER_LABELS, StreamedArtifact, WorkflowRunThread, defaultUnmetPasswordRequirement, resolveMailbox, toWorkflowFieldDocument, useConnectedAgentOptions, useConnectedDocxNotifications, useConnectedShellWorkspaces, useConnectedWorkNotifications, useConnectedWorkflowScopeSource, useConnectedWorkspaceRole };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map