@arbidocs/blocks 0.5.106 → 0.5.107

package/dist/{chunk-QFKL4HV2.js → chunk-U5F5P4YU.js}

@@ -1,25 +1,26 @@
 "use client";
-import { useSlashItems, useSlashSkillWorkflows } from './chunk-GARDQALH.js';
-import { useConnectedThreadActivity, useSelectWorkspace } from './chunk-7ONU7EWY.js';
+import { useSlashItems, useSlashSkillWorkflows } from './chunk-OLAYDOPC.js';
+import { useConnectedThreadActivity, useSelectWorkspace } from './chunk-BH6IKGZ3.js';
 import { DocumentUser } from './chunk-E26MNOLG.js';
 import { buildFactCitations, citedVersionRef, chronologyFactBodies } from './chunk-CDDOLWSF.js';
 import { stripThinking } from './chunk-AZDPAV7E.js';
 import { ConnectedMarkdown, InternalDocLink, ExternalLink } from './chunk-3PV25ICC.js';
-import { MessageJsonTree, ProfileCard, AvatarPicker, IdentityVerificationCard, IdentityVerificationDialog, PasswordChangeDialog, EMAIL_NOTIFICATION_KEYS, EMAIL_NOTIFICATION_CATEGORIES, NotificationCategoryList, toNotificationCategories, toActiveSessionViews, ActiveSessionsDialog, LogoutDialog, toLogoutSessionViews, DeleteAccountDialog, toDeleteBlockerViews } from './chunk-632JXVXY.js';
+import { MessageJsonTree, ProfileCard, AvatarPicker, IdentityVerificationCard, IdentityVerificationDialog, PasswordChangeDialog, EMAIL_NOTIFICATION_KEYS, EMAIL_NOTIFICATION_CATEGORIES, NotificationCategoryList, toNotificationCategories, toActiveSessionViews, ActiveSessionsDialog, LogoutDialog, toLogoutSessionViews, DeleteAccountDialog, toDeleteBlockerViews } from './chunk-KIXFXCHL.js';
 import { ModalBreadcrumbHeader, ModalCrumbs } from './chunk-RC6VTY2H.js';
 import { SettingsSection, SettingsCard, SettingsActionRow, SettingsRow, SettingsDangerZone } from './chunk-PBQNZWSX.js';
 import { TIPS_VISIBILITY_OVERRIDE, setHintsSessionOverride } from './chunk-SK3GBHPJ.js';
 import { ErrorBoundary } from './chunk-3EWS6ECM.js';
 import { workspaceKindColor, MobileAppBar, prefetchChunk } from './chunk-2UP73FZT.js';
 import { Sidebar } from './chunk-JS66ZT33.js';
+import { cancelGuidedRun, isSurfaceMounted, useGuidedRuns } from './chunk-NFK2SEUD.js';
 import { StepTraceSummary, StepTrace, getCurrentAgentStepPresentation, AssistantEntity, ThreadActivity, SubAgentLane, getAgentStepPresentation, stepAccent, MODEL_TIER_ICON_MAP, StepRow, StepNarration, StepSummary, StepDetail, StepOutcome, StepParams, GoalCriteria, SubStepGroup, MODEL_TIER_LABELS, fromPlanSteps, getModelIcon, SubagentRoster } from './chunk-OFF2PR4W.js';
 import { BUILTIN_SKILLS } from './chunk-ZLIQ5Q2J.js';
-import { DEFAULT_PASSWORD_RULES, AccountRecoveryDialog, promptSaveCredential, useFragmentCredentials, AuthLayout, AuthHeading, AuthField, AuthInput, AuthFieldBadge, AuthLink, AuthNote, RevealablePasswordInput, AuthConsent, AuthSubmitButton, AuthDivider, parseAuthError, AuthOfflineBadge, AuthTabs, splitAuthHash, withTrailingFragment } from './chunk-FVZ2CN4A.js';
+import { DEFAULT_PASSWORD_RULES, AccountRecoveryDialog, promptSaveCredential, useFragmentCredentials, AuthLayout, AuthHeading, AuthField, AuthInput, AuthFieldBadge, AuthLink, AuthNote, RevealablePasswordInput, AuthConsent, AuthSubmitButton, AuthDivider, parseAuthError, AuthOfflineBadge, AuthTabs, splitAuthHash, withTrailingFragment } from './chunk-WQH2WWZE.js';
 import { PasswordStrengthInput } from './chunk-I6F6RBKV.js';
-import { useTranscriptRuns, TranscriptEntry } from './chunk-EOTJX536.js';
-import { ConnectedUserEntity } from './chunk-DEIF2VAA.js';
-import { ConnectionProvider, useOptionalConnection, useConnection } from './chunk-NUOMPVKQ.js';
-import { useHost, ArbiHost } from './chunk-BH4MK2J5.js';
+import { useTranscriptRuns, TranscriptEntry } from './chunk-T5ZMG6MC.js';
+import { ConnectedUserEntity } from './chunk-3GFQNJYE.js';
+import { ConnectionProvider, useOptionalConnection, useConnection } from './chunk-OWHO2TO3.js';
+import { useHost, ArbiHost } from './chunk-QG6MRLZG.js';
 import { EmptyState } from './chunk-P6GHJSLR.js';
 import { useLongPaste, useRecipientDraft, ContextUsageBar, findMessageDocument, getParticipantTints, flashMessage, copyMessageToClipboard, BranchControls, ThreadVisualizer, downloadTableAsCsv, ModelAutoIcon, ModelTierIcon, ModelDot, ModelPricingTip, ModelPickerPopover, ModelOption, ModelMenuDivider, ModelTierOption, ModelConfigureButton, ModelMenuMessage, ModelPickerTrigger, ModelTriggerContent, ModelOptionLabel } from './chunk-HSDQVSQX.js';
 import { useMentionAutocomplete, Composer, MessageActionMenu, MessageActionButton, MessageFooter, MessageRoot, MessageContent, MessageAuthor, MessageBubble, MessageByline, MessageSubagentBadge, MessageBody, MessageNarration, useStreamAnnouncement, MessageList, WorkflowStepChip, ComposerContainer } from './chunk-GDIUG6IF.js';
@@ -33,12 +34,12 @@ import { initials } from './chunk-X5YMI6A7.js';
 import { useBlocksEnvironment } from './chunk-YUHSDOPW.js';
 import { buildDeepLinkPath } from './chunk-SV65E4QW.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import React6, { memo, createContext, forwardRef, useRef, useLayoutEffect, useMemo, useEffect, useCallback, useState, useContext } from 'react';
+import { logger, browserSessionStateStorage, validateRecoveryKeyFile, RECOVERY_KEY_ERRORS, parseRecoveryUrl, prewarmKeyPairs, decryptRecoveryKey, initSodium } from '@arbidocs/client';
+import { useArbiSessionStore, useArbiSessionState, selectDraft, useWorkspaceUsers, useArbiSession, buildMentionCandidates, useConversations, useMessageTimer, useUserSettings, useDocuments, useAvailableModels, formatGbp, CitationRenderer, useLinkMentions, useConversationItems, useDeleteMessage, transcriptSegmentOf, useConfig, useThinkingContent, useConversationWorkspace, useCreateFact, useCreateFacts, workflowStepOf, stripSpeakerPrefix, MessageArtifactCard, useConversationData, useBranchNavigation, useTransientView, useArbiHost, useWorkspaces, useConversationActivity, useMessageDetails, getWorkspaceKind, resolveConfigModel, remoteControlActions, toRemoteControlRequest, createArbiQueryClient, useProfile, useUpdateProfile, useRequestEmailChange, useConfirmEmailChange, useNameEditor, useAvatarCrop, useEmailChange, ImageCropModal, useIdentityVerification, usePasswordChange, usePasswordChangeForm, useNotificationPreferences, useSessions, useCurrentSessionId, useTerminateSession, useSignOut, useDeleteAccount, useDeleteAccountFlow, useApplyChatModel, AUTO_CHAT_MODEL, formatGbpPerMillionTokens, useUpdateUserSettings, useConversationTurn, useAutoSendDraft, useUploadDocuments, useWorkspaceRole, useArbi, downloadRecoveryFile, LinkedInIcon, GoogleIcon, AppleIcon, confirmLosingOfflineMail, remoteControlStateOf, ArbiBotHeadIcon, ArbiWebSocketProvider, useOfflineMailRuntime, OUTBOX_FOLDER, useDocument, useDownloadDocuments, DocumentReview } from '@arbidocs/react';
 import { QueryClientProvider } from '@tanstack/react-query';
-import { useArbiSessionStore, useArbiSessionState, selectDraft, useWorkspaceUsers, useArbiSession, buildMentionCandidates, useConversations, useMessageTimer, useUserSettings, useDocuments, useAvailableModels, formatGbp, CitationRenderer, useLinkMentions, useConversationItems, useDeleteMessage, transcriptSegmentOf, useConfig, useThinkingContent, useConversationWorkspace, useCreateFact, useCreateFacts, workflowStepOf, stripSpeakerPrefix, MessageArtifactCard, useConversationData, useBranchNavigation, useTransientView, useArbiHost, useWorkspaces, useConversationActivity, useMessageDetails, getWorkspaceKind, resolveConfigModel, createArbiQueryClient, useProfile, useUpdateProfile, useRequestEmailChange, useConfirmEmailChange, useNameEditor, useAvatarCrop, useEmailChange, ImageCropModal, useIdentityVerification, usePasswordChange, usePasswordChangeForm, useNotificationPreferences, useSessions, useCurrentSessionId, useTerminateSession, useSignOut, useDeleteAccount, useDeleteAccountFlow, useApplyChatModel, AUTO_CHAT_MODEL, formatGbpPerMillionTokens, useUpdateUserSettings, useConversationTurn, useAutoSendDraft, useUploadDocuments, useWorkspaceRole, useArbi, downloadRecoveryFile, LinkedInIcon, GoogleIcon, AppleIcon, confirmLosingOfflineMail, ArbiBotHeadIcon, ArbiWebSocketProvider, useOfflineMailRuntime, OUTBOX_FOLDER, useDocument, useDownloadDocuments, DocumentReview } from '@arbidocs/react';
 import { mergeAgentSteps, extractSubagentLanes, getCurrentStep, computeRunStats, formatTokens, isNearAiUsageBudget, getSubagentBranchRecord, buildCitationChunkData, topLevelAgentSteps, findMainSiblingLeaf, sliceToSubagentThread, getAgentStepLabel, subagentJobLabel, getStepDisplay, getStepTool, findLeafForTaskMessage, Arbi } from '@arbidocs/sdk/browser';
-import { browserSessionStateStorage, validateRecoveryKeyFile, RECOVERY_KEY_ERRORS, parseRecoveryUrl, prewarmKeyPairs, decryptRecoveryKey, initSodium } from '@arbidocs/client';
 import { Settings, Edit3, Copy, Link, Share2, Trash2, Check, Milestone, Clock, RotateCcw, FileText, Loader2, Network, ChevronRight, Download, UserCircle, KeyRound, Radio, MessageSquare, Square, ArrowDown, Send, Paperclip, Upload, Search, Eye, X, BadgeCheck, LogIn, Monitor, Plus, LogOut, ArrowLeft } from 'lucide-react';
-import React6, { memo, createContext, forwardRef, useRef, useLayoutEffect, useMemo, useEffect, useCallback, useState, useContext } from 'react';
 import { useIsOnline } from '@arbidocs/react/document-tools/core';
 import { Button, getDocumentTitle, isImageDocument, formatFriendlyDate, getUserDisplayName, Tooltip, TooltipTrigger, TooltipContent, Dialog, DialogContent, ProviderIcon, ShieldIcon, getEntityLabel, EntityIcon, cn, isAgent, TooltipProvider, Select, SelectTrigger, SelectContent, SelectItem, Popover, PopoverTrigger, PopoverContent, Checkbox, Input, ARBI_MARK_SRC } from '@arbidocs/react/ui';
 import { useAssistantName, useAssistantCopy, useMessageChatArtifact, notify } from '@arbidocs/react/shell';
@@ -54,9 +55,111 @@ var renderConnectedUser = (user, { tooltip, variant = "icon" }) => /* @__PURE__
     showTooltip: tooltip
   }
 );
+function createRemoteControl(session, guided) {
+  const actions = remoteControlActions(session);
+  const state = () => remoteControlStateOf(session.getState());
+  const resolveRun = (req) => {
+    if (req.steps && req.steps.length > 0) return req.steps;
+    if (req.sequenceId && guided.isSequenceId(req.sequenceId)) return req.sequenceId;
+    return null;
+  };
+  const runRemoteRequest = async (req) => {
+    const run = resolveRun(req);
+    if (!run) return;
+    actions.setControllingAgent({ name: req.agentName, extId: req.agentExtId });
+    try {
+      await guided.run(run, { remote: true });
+    } finally {
+      const current = state().controllingAgent;
+      if (current && current.name === req.agentName && current.extId === req.agentExtId) {
+        actions.setControllingAgent(null);
+      }
+    }
+  };
+  return {
+    handleMessage(msg) {
+      if (!guided.remoteControl) {
+        logger.warn("[RemoteControl] Off on this site \u2014 ignoring a request");
+        return;
+      }
+      if (!isSurfaceMounted("consent") || !isSurfaceMounted("cursor")) {
+        logger.warn("[RemoteControl] No consent prompt or cursor on screen \u2014 ignoring a request");
+        return;
+      }
+      const req = toRemoteControlRequest(msg, guided.isSequenceId);
+      if (!req) return;
+      if (state().enabled) {
+        logger.info("[RemoteControl] Enabled \u2014 running requested action from", req.agentName);
+        void runRemoteRequest(req);
+        return;
+      }
+      logger.info("[RemoteControl] Consent required \u2014 prompting for", req.agentName);
+      actions.request(req);
+    },
+    grantAndRun(opts) {
+      const pending = state().pending;
+      actions.grant(opts);
+      if (pending) void runRemoteRequest(pending);
+    },
+    deny: () => actions.deny(),
+    disable() {
+      actions.setEnabled(false);
+      cancelGuidedRun();
+    },
+    enable: () => actions.setEnabled(true)
+  };
+}
+function useRemoteControlActions() {
+  const session = useArbiSessionStore();
+  const guided = useGuidedRuns();
+  return useMemo(() => createRemoteControl(session, guided), [session, guided]);
+}
+function useRemoteControlSessionReset() {
+  const session = useArbiSessionStore();
+  const { arbi } = useArbiHost();
+  const userId = useArbiSession().user?.external_id ?? null;
+  useEffect(() => {
+    const reset = () => {
+      remoteControlActions(session).reset();
+      cancelGuidedRun();
+    };
+    if (!arbi) return;
+    const off = [
+      arbi.onSigningOut?.(reset),
+      arbi.onSessionExpired?.(reset),
+      arbi.onSignedIn?.(reset)
+    ];
+    return () => off.forEach((unsubscribe) => unsubscribe?.());
+  }, [arbi, session]);
+  const lastUser = useRef(userId);
+  useEffect(() => {
+    if (lastUser.current === userId) return;
+    lastUser.current = userId;
+    remoteControlActions(session).reset();
+    cancelGuidedRun();
+  }, [userId, session]);
+}
+function useRemoteControlHandlers() {
+  useRemoteControlSessionReset();
+  const remote = useRemoteControlActions();
+  const { remoteControl } = useGuidedRuns();
+  return useMemo(
+    () => remoteControl ? {
+      remote_control: (message) => remote.handleMessage(message)
+    } : {},
+    [remote, remoteControl]
+  );
+}
 function ConnectionBoundWebSocket({ children }) {
   const { status } = useConnection();
-  return /* @__PURE__ */ jsx(ArbiWebSocketProvider, { enabled: status === "authenticated", children });
+  return /* @__PURE__ */ jsx(
+    ArbiWebSocketProvider,
+    {
+      enabled: status === "authenticated",
+      handlers: useRemoteControlHandlers(),
+      children
+    }
+  );
 }
 function OfflineMail({ children }) {
   const { openMail } = useBlocksEnvironment();
@@ -5079,6 +5182,6 @@ function ArbiChat({ apiUrl, deploymentDomain, className, ...props }) {
   return /* @__PURE__ */ jsx(ArbiHost, { config: host, children: /* @__PURE__ */ jsx(ConnectedEmbeddedChat, { ...props, className }) }, `${apiUrl}|${deploymentDomain ?? ""}`);
 }
 
-export { AgentSteps, AnswerTable, ArbiChat, AskAgainContext, ConnectedBranchControls, ConnectedCitationRenderer, ConnectedCompactConversation, ConnectedCompactLogin, ConnectedConversationDocumentPicker, ConnectedDangerZone, ConnectedEmbeddedChat, ConnectedForgotPassword, ConnectedIdentityVerification, ConnectedLoginPage, ConnectedLogoutDialog, ConnectedMessage, ConnectedMessageArea, ConnectedMessageList, ConnectedModelSelector, ConnectedNotificationPreferences, ConnectedPasswordChangeDialog, ConnectedProfileCard, ConnectedSecuritySection, ConnectedSessionsRow, ConnectedThreadsPreview, ConversationComposer2 as ConversationComposer, EmbeddedChatPanel, MessageDetailsModal, MessageLiveSeconds, PENDING_RECOVERY_KEY, PREMIUM_TIER_TAG, RunningSubagents, STANDARD_TIER_TAG, WorkflowStepMessage, backUpOnSignup, completeSsoSignIn, defaultHost, renderConnectedUser, renderSessionStatusIcon, resolveSsoName, ssoAccountStatus, useAuthPages, useContextualHints, useModelPicker, useOpenChunk, useOpenWorkspaceIcon, useSsoSignIn, useWorkspaceDocTitles };
-//# sourceMappingURL=chunk-QFKL4HV2.js.map
-//# sourceMappingURL=chunk-QFKL4HV2.js.map
+export { AgentSteps, AnswerTable, ArbiChat, AskAgainContext, ConnectedBranchControls, ConnectedCitationRenderer, ConnectedCompactConversation, ConnectedCompactLogin, ConnectedConversationDocumentPicker, ConnectedDangerZone, ConnectedEmbeddedChat, ConnectedForgotPassword, ConnectedIdentityVerification, ConnectedLoginPage, ConnectedLogoutDialog, ConnectedMessage, ConnectedMessageArea, ConnectedMessageList, ConnectedModelSelector, ConnectedNotificationPreferences, ConnectedPasswordChangeDialog, ConnectedProfileCard, ConnectedSecuritySection, ConnectedSessionsRow, ConnectedThreadsPreview, ConversationComposer2 as ConversationComposer, EmbeddedChatPanel, MessageDetailsModal, MessageLiveSeconds, PENDING_RECOVERY_KEY, PREMIUM_TIER_TAG, RunningSubagents, STANDARD_TIER_TAG, WorkflowStepMessage, backUpOnSignup, completeSsoSignIn, createRemoteControl, defaultHost, renderConnectedUser, renderSessionStatusIcon, resolveSsoName, ssoAccountStatus, useAuthPages, useContextualHints, useModelPicker, useOpenChunk, useOpenWorkspaceIcon, useRemoteControlActions, useRemoteControlHandlers, useRemoteControlSessionReset, useSsoSignIn, useWorkspaceDocTitles };
+//# sourceMappingURL=chunk-U5F5P4YU.js.map
+//# sourceMappingURL=chunk-U5F5P4YU.js.map