@arbidocs/blocks 0.4.134 → 0.4.136

package/dist/connect/index.d.ts

@@ -3,12 +3,12 @@
  * 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 { 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,49 +1,49 @@
 "use client";
-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-YIF6SVSO.js';
-export { ConnectedAssistantDock, redlineStats, textToArtifact, toRedlineMarkdown, useConnectedAiTask, useConnectedChat, useSemanticSearch, useWorkspaceDocs } from '../chunk-YIF6SVSO.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 { 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-GFYGYME3.js';
+import { useWorkspaceDocs } from '../chunk-ZNI4SW2G.js';
+export { ConnectedAssistantDock, redlineStats, textToArtifact, toRedlineMarkdown, useConnectedAiTask, useConnectedChat, useSemanticSearch, useWorkspaceDocs } from '../chunk-ZNI4SW2G.js';
+import { ConnectedNativeDocxEditor } from '../chunk-VIU7AMHF.js';
+import { ConnectionProvider, useConnection } 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 { FilesFilterBar, FolderFilterButton, FolderPickerRow } from '../chunk-7RJTEWYM.js';
-import { WorkspaceActivityList, WorkspaceNotificationMenu, ThreadFollowMenuItem, ThreadFollowButton, TagTable, tagTableDocx } from '../chunk-VW2C2AZL.js';
+import { WorkspaceActivityList, WorkspaceNotificationMenu, ThreadFollowMenuItem, ThreadFollowButton, TagTable, tagTableDocx } from '../chunk-RUB62J2X.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 { StreamedArtifactFrame } from '../chunk-LOJVUGBJ.js';
-import { WorkflowStepBar, WorkflowRunner, fromPlanSteps, toPlanSteps, useWorkflowView } from '../chunk-54ANPPMV.js';
+import { WorkflowStepBar, importSkillFile, importSkillFromUrl, WorkflowRunner, fromPlanSteps, toPlanSteps, useWorkflowView } from '../chunk-IQU2GI6V.js';
 import '../chunk-XD2M6LIG.js';
 import { TriStateFilterMenu } from '../chunk-6S5FLMWG.js';
 import '../chunk-EVUEIBNU.js';
 import { FilterInput } from '../chunk-YU2KUMGE.js';
 import '../chunk-N5YEF3LC.js';
+import { StreamedArtifactFrame } from '../chunk-LOJVUGBJ.js';
 import '../chunk-VILAPTCB.js';
-import { ConfirmDialog } from '../chunk-VHJHY7TT.js';
+import { ConfirmDialog } from '../chunk-ECERC6TI.js';
 import { TabHeader } from '../chunk-4WWM3GQ5.js';
-import { ChatPage } from '../chunk-CXLVI3SB.js';
+import { useBlocksEnvironment } from '../chunk-YNIBUKV5.js';
+import { ModalScaffold } from '../chunk-TX2ZICS7.js';
+import { ChatPage } from '../chunk-JO3EMZ4X.js';
 import '../chunk-7XF5SFJ2.js';
 import { takeOpenDocumentForTurn, useRegisterOpenDocument } from '../chunk-YBLIKTJK.js';
-import { splitDocRef, stepLevels, stepDocuments, stepKindOf, initialRunInputs, workflowSteps, stepStatesFromActivity, runThreadTitle, stepFields } from '../chunk-7HAM7Y5U.js';
+import { splitDocRef, stepLevels, stepDocuments, stepKindOf, initialRunInputs, workflowSteps, stepStatesFromActivity, runThreadTitle, stepFields } from '../chunk-Y5KTM3V5.js';
 import '../chunk-AA3PT6KR.js';
 import '../chunk-AUS3KBHJ.js';
 import '../chunk-SLSBJRWW.js';
 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 '../chunk-VUNV25KB.js';
-import { lazy, useState, useMemo, Suspense, useEffect, useRef, useCallback, useLayoutEffect } from 'react';
+import { lazy, useState, useMemo, useRef, Suspense, useEffect, useCallback, 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 { 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,47 +181,131 @@ function ConnectedThreadFollow({
     }
   );
 }
-function ConnectedSkillUpload() {
-  const [name, setName] = useState("");
-  const [file, setFile] = useState(null);
+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 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 })
-  ] });
+  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({
@@ -3825,6 +3909,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, ConnectedWorkflowRunner, ConnectedWorkspaceActivity, ConnectedWorkspaceNotificationMenu, DEFAULT_CONNECTED_SKILL_UPLOAD_LABELS, DEFAULT_CONNECTED_WORKFLOW_RUNNER_LABELS, StreamedArtifact, WorkflowRunThread, defaultUnmetPasswordRequirement, resolveMailbox, useConnectedDocxNotifications, useConnectedShellWorkspaces, useConnectedWorkNotifications };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map