@ottocode/web-sdk 0.1.299 → 0.1.300

package/dist/components/ui/Modal.d.ts

@@ -7,7 +7,7 @@ interface ModalProps {
     showCloseButton?: boolean;
     closeOnBackdropClick?: boolean;
     closeOnEscape?: boolean;
-    maxWidth?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '4xl';
+    maxWidth?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '4xl' | '5xl';
     position?: 'fixed' | 'absolute';
 }
 export declare function Modal({ isOpen, onClose, title, children, showCloseButton, closeOnBackdropClick, closeOnEscape, maxWidth, position, }: ModalProps): import("react").JSX.Element;

package/dist/components/ui/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlD,UAAU,UAAU;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,CAAC;IACrD,QAAQ,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;CAChC;AAWD,wBAAgB,KAAK,CAAC,EACrB,MAAM,EACN,OAAO,EACP,KAAK,EACL,QAAQ,EACR,eAAsB,EACtB,oBAA2B,EAC3B,aAAoB,EACpB,QAAe,EACf,QAAkB,GAClB,EAAE,UAAU,+BA4GZ"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlD,UAAU,UAAU;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;IAC7D,QAAQ,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;CAChC;AAYD,wBAAgB,KAAK,CAAC,EACrB,MAAM,EACN,OAAO,EACP,KAAK,EACL,QAAQ,EACR,eAAsB,EACtB,oBAA2B,EAC3B,aAAoB,EACpB,QAAe,EACf,QAAkB,GAClB,EAAE,UAAU,+BA4GZ"}

package/dist/hooks/index.d.ts

@@ -26,6 +26,7 @@ export * from './useProviderUsage';
 export * from './useFileBrowser';
 export * from './useMCP';
 export * from './useSkills';
+export * from './useAgents';
 export * from './useContainerWidth';
 export * from './useVoiceInput';
 export * from './useDictationModels';

package/dist/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AACA,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AACA,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC"}

package/dist/hooks/index.js

@@ -560,6 +560,11 @@ import {
   getConfig as apiGetConfig,
   getProviderModels as apiGetProviderModels,
   getAllModels as apiGetAllModels,
+  getAgentDetails as apiGetAgentDetails,
+  getAgent as apiGetAgent,
+  getConfigTools as apiGetConfigTools,
+  upsertAgent as apiUpsertAgent,
+  deleteAgent as apiDeleteAgent,
   discoverProviderModels as apiDiscoverProviderModels,
   updateDefaults as apiUpdateDefaults,
   updateProviderSettings as apiUpdateProviderSettings,
@@ -572,6 +577,42 @@ var configMixin = {
       throw new Error(extractErrorMessage(response.error));
     return response.data;
   },
+  async getAgentDetails() {
+    const response = await apiGetAgentDetails();
+    if (response.error)
+      throw new Error(extractErrorMessage(response.error));
+    return response.data;
+  },
+  async getAgent(name) {
+    const response = await apiGetAgent({ path: { agent: name } });
+    if (response.error)
+      throw new Error(extractErrorMessage(response.error));
+    return response.data;
+  },
+  async getConfigTools() {
+    const response = await apiGetConfigTools();
+    if (response.error)
+      throw new Error(extractErrorMessage(response.error));
+    return response.data;
+  },
+  async updateAgent(name, input) {
+    const response = await apiUpsertAgent({
+      path: { agent: name },
+      body: input
+    });
+    if (response.error)
+      throw new Error(extractErrorMessage(response.error));
+    return response.data;
+  },
+  async deleteAgent(name, scope = "local") {
+    const response = await apiDeleteAgent({
+      path: { agent: name },
+      query: { scope }
+    });
+    if (response.error)
+      throw new Error(extractErrorMessage(response.error));
+    return response.data;
+  },
   async getModels(providerId) {
     const response = await apiGetProviderModels({
       path: { provider: providerId }
@@ -613,7 +654,7 @@ var configMixin = {
   },
   async updateDefaults(data) {
     const response = await apiUpdateDefaults({
-      body: data
+      body: { scope: "global", ...data }
     });
     if (response.error)
       throw new Error(extractErrorMessage(response.error));
@@ -1250,6 +1291,11 @@ class ApiClient {
   checkoutBranch = gitMixin.checkoutBranch;
   createGitBranch = gitMixin.createGitBranch;
   getConfig = configMixin.getConfig;
+  getAgentDetails = configMixin.getAgentDetails;
+  getAgent = configMixin.getAgent;
+  getConfigTools = configMixin.getConfigTools;
+  updateAgent = configMixin.updateAgent;
+  deleteAgent = configMixin.deleteAgent;
   getModels = configMixin.getModels;
   getAllModels = configMixin.getAllModels;
   discoverProviderModels = configMixin.discoverProviderModels;
@@ -7248,11 +7294,175 @@ function useSkillFileContent(name, filePath) {
     enabled: !!name && !!filePath
   });
 }
+// src/hooks/useAgents.ts
+import { useEffect as useEffect18 } from "react";
+import { useMutation as useMutation10, useQuery as useQuery14, useQueryClient as useQueryClient13 } from "@tanstack/react-query";
+
+// src/stores/agentsStore.ts
+import { create as create22 } from "zustand";
+function collapseOtherRightPanels() {
+  useGitStore.getState().collapseSidebar();
+  useSessionFilesStore.getState().collapseSidebar();
+  useResearchStore.getState().collapseSidebar();
+  useSettingsStore.getState().collapseSidebar();
+  useTunnelStore.getState().collapseSidebar();
+  useFileBrowserStore.getState().collapseSidebar();
+  useMCPStore.getState().collapseSidebar();
+  useSkillsStore.getState().collapseSidebar();
+}
+var useAgentsStore = create22((set) => ({
+  isExpanded: false,
+  isManagerOpen: false,
+  managerMode: "library",
+  editorPage: "overview",
+  agents: [],
+  defaultAgent: null,
+  selectedAgent: null,
+  isCreateModalOpen: false,
+  setManagerMode: (mode) => set({ managerMode: mode }),
+  openManager: () => {
+    collapseOtherRightPanels();
+    set({ isManagerOpen: true, isExpanded: true, managerMode: "library" });
+  },
+  closeManager: () => set({
+    isManagerOpen: false,
+    isExpanded: false,
+    isCreateModalOpen: false,
+    managerMode: "library",
+    editorPage: "overview"
+  }),
+  toggleManager: () => {
+    const open = useAgentsStore.getState().isManagerOpen;
+    if (open) {
+      useAgentsStore.getState().closeManager();
+    } else {
+      useAgentsStore.getState().openManager();
+    }
+  },
+  setAgents: (agents, defaultAgent) => set((state) => ({
+    agents,
+    defaultAgent,
+    selectedAgent: state.selectedAgent && agents.some((a) => a.name === state.selectedAgent) ? state.selectedAgent : agents.find((a) => a.name === defaultAgent)?.name ?? agents[0]?.name ?? null
+  })),
+  selectAgent: (agent) => set({ selectedAgent: agent }),
+  backToList: () => set({ selectedAgent: null, editorPage: "overview" }),
+  openAgentInManager: (agent) => set({
+    isManagerOpen: true,
+    isExpanded: true,
+    managerMode: "workspace",
+    selectedAgent: agent,
+    editorPage: "overview",
+    isCreateModalOpen: false
+  }),
+  setEditorPage: (page) => set({ editorPage: page }),
+  openCreateModal: () => set({ isManagerOpen: true, isExpanded: true, isCreateModalOpen: true }),
+  closeCreateModal: () => set({ isCreateModalOpen: false })
+}));
+
+// src/hooks/useAgents.ts
+function useAgentDetails(options = {}) {
+  const managerOpen = useAgentsStore((s) => s.isManagerOpen);
+  const createOpen = useAgentsStore((s) => s.isCreateModalOpen);
+  const enabled = options.enabled ?? (managerOpen || createOpen);
+  const setAgents = useAgentsStore((s) => s.setAgents);
+  const selectedAgent = useAgentsStore((s) => s.selectedAgent);
+  const selectAgent = useAgentsStore((s) => s.selectAgent);
+  const query = useQuery14({
+    queryKey: ["config", "agents"],
+    queryFn: () => apiClient.getAgentDetails(),
+    enabled,
+    staleTime: 15000
+  });
+  useEffect18(() => {
+    if (!query.data)
+      return;
+    setAgents(query.data.agents, query.data.default);
+    if (!selectedAgent && query.data.agents.length > 0) {
+      const defaultAgent = query.data.agents.find((agent) => agent.name === query.data.default);
+      selectAgent(defaultAgent?.name ?? query.data.agents[0].name);
+    }
+  }, [query.data, selectAgent, selectedAgent, setAgents]);
+  return query;
+}
+function useAgent(agentName) {
+  return useQuery14({
+    queryKey: ["config", "agents", agentName],
+    queryFn: async () => {
+      if (!agentName)
+        return null;
+      return apiClient.getAgent(agentName);
+    },
+    enabled: Boolean(agentName),
+    staleTime: 15000
+  });
+}
+function useConfigTools(options = {}) {
+  const managerOpen = useAgentsStore((s) => s.isManagerOpen);
+  const createOpen = useAgentsStore((s) => s.isCreateModalOpen);
+  const enabled = options.enabled ?? (managerOpen || createOpen);
+  return useQuery14({
+    queryKey: ["config", "tools"],
+    queryFn: () => apiClient.getConfigTools(),
+    enabled,
+    staleTime: 30000
+  });
+}
+function useUpdateAgent() {
+  const queryClient = useQueryClient13();
+  return useMutation10({
+    mutationFn: ({ name, input }) => apiClient.updateAgent(name, input),
+    onSuccess: (data, variables) => {
+      queryClient.setQueryData(["config", "agents", variables.name], data);
+      queryClient.invalidateQueries({ queryKey: ["config", "agents"] });
+    }
+  });
+}
+function useDeleteAgent() {
+  const queryClient = useQueryClient13();
+  const setAgents = useAgentsStore((s) => s.setAgents);
+  const selectAgent = useAgentsStore((s) => s.selectAgent);
+  return useMutation10({
+    mutationFn: ({
+      name,
+      scope = "local"
+    }) => apiClient.deleteAgent(name, scope),
+    onSuccess: async (_data, variables) => {
+      await queryClient.invalidateQueries({ queryKey: ["config", "agents"] });
+      const refreshed = await queryClient.fetchQuery({
+        queryKey: ["config", "agents"],
+        queryFn: () => apiClient.getAgentDetails()
+      });
+      setAgents(refreshed.agents, refreshed.default);
+      if (variables.name === useAgentsStore.getState().selectedAgent) {
+        const next = refreshed.agents.find((a) => a.name === refreshed.default)?.name ?? refreshed.agents[0]?.name ?? null;
+        selectAgent(next);
+      }
+    }
+  });
+}
+function useSetDefaultAgent() {
+  const queryClient = useQueryClient13();
+  return useMutation10({
+    mutationFn: (name) => apiClient.updateDefaults({ agent: name, scope: "global" }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["config", "agents"] });
+      queryClient.invalidateQueries({ queryKey: ["config"] });
+    }
+  });
+}
+function getAgentToolCount(agent) {
+  if (!agent)
+    return 0;
+  return Array.from(new Set([
+    ...agent.toolConfig.firstClass ?? [],
+    ...agent.toolConfig.loadable ?? []
+  ])).length;
+}
 // src/hooks/useContainerWidth.ts
-import { useEffect as useEffect18, useState as useState6 } from "react";
+import { useEffect as useEffect19, useState as useState6 } from "react";
 function useContainerWidth(ref) {
   const [width, setWidth] = useState6(0);
-  useEffect18(() => {
+  useEffect19(() => {
     const el = ref.current;
     if (!el)
       return;
@@ -7265,7 +7475,7 @@ function useContainerWidth(ref) {
   return width;
 }
 // src/hooks/useVoiceInput.ts
-import { useCallback as useCallback12, useEffect as useEffect19, useRef as useRef9, useState as useState7 } from "react";
+import { useCallback as useCallback12, useEffect as useEffect20, useRef as useRef9, useState as useState7 } from "react";
 var TARGET_SAMPLE_RATE = 16000;
 var PCM_FRAME_BYTES = 3200;
 function getAudioContextConstructor() {
@@ -7337,7 +7547,7 @@ function useVoiceInput({
   const onTranscriptRef = useRef9(onTranscript);
   const onErrorRef = useRef9(onError);
   const onNeedsInstallRef = useRef9(onNeedsInstall);
-  useEffect19(() => {
+  useEffect20(() => {
     onTranscriptRef.current = onTranscript;
     onErrorRef.current = onError;
     onNeedsInstallRef.current = onNeedsInstall;
@@ -7548,7 +7758,7 @@ function useVoiceInput({
     isSupported,
     lang
   ]);
-  useEffect19(() => cleanup, [cleanup]);
+  useEffect20(() => cleanup, [cleanup]);
   return {
     isListening,
     isTranscribing,
@@ -7560,8 +7770,8 @@ function useVoiceInput({
   };
 }
 // src/hooks/useDictationModels.ts
-import { useCallback as useCallback13, useEffect as useEffect20, useRef as useRef10, useState as useState8 } from "react";
-import { useMutation as useMutation10, useQuery as useQuery14, useQueryClient as useQueryClient13 } from "@tanstack/react-query";
+import { useCallback as useCallback13, useEffect as useEffect21, useRef as useRef10, useState as useState8 } from "react";
+import { useMutation as useMutation11, useQuery as useQuery15, useQueryClient as useQueryClient14 } from "@tanstack/react-query";
 var DICTATION_STATUS_QUERY_KEY = ["dictation", "status"];
 function mergeModelState(current, model) {
   if (!current)
@@ -7582,12 +7792,12 @@ function parseInstallEvent(raw) {
   }
 }
 function useDictationModels() {
-  const queryClient = useQueryClient13();
+  const queryClient = useQueryClient14();
   const eventSourceRef = useRef10(null);
   const [activeInstallModelId, setActiveInstallModelId] = useState8(null);
   const [installProgress, setInstallProgress] = useState8(null);
   const [installStreamError, setInstallStreamError] = useState8(null);
-  const statusQuery = useQuery14({
+  const statusQuery = useQuery15({
     queryKey: DICTATION_STATUS_QUERY_KEY,
     queryFn: () => apiClient.getDictationStatus(),
     refetchInterval: (query) => query.state.data?.models.some((model) => model.installing) ? 1000 : 30000
@@ -7629,8 +7839,8 @@ function useDictationModels() {
       });
     };
   }, [closeInstallStream, queryClient]);
-  useEffect20(() => closeInstallStream, [closeInstallStream]);
-  const installMutation = useMutation10({
+  useEffect21(() => closeInstallStream, [closeInstallStream]);
+  const installMutation = useMutation11({
     mutationFn: (input) => apiClient.installDictationModel(input),
     onSuccess: (data) => {
       setInstallProgress(data.model);
@@ -7646,7 +7856,7 @@ function useDictationModels() {
       }
     }
   });
-  const removeMutation = useMutation10({
+  const removeMutation = useMutation11({
     mutationFn: (model) => apiClient.removeDictationModel(model),
     onSuccess: (data) => {
       queryClient.setQueryData(DICTATION_STATUS_QUERY_KEY, (current) => mergeModelState(current, data.model));
@@ -7680,6 +7890,7 @@ export {
   useUpdateSkillsConfig,
   useUpdateSession,
   useUpdateDefaults,
+  useUpdateAgent,
   useUnstageFiles,
   useTunnelStream,
   useTunnelStatus,
@@ -7698,6 +7909,7 @@ export {
   useSkillDetail,
   useShareStatus,
   useSetSessionPinned,
+  useSetDefaultAgent,
   useSessionsInfinite,
   useSessions,
   useSessionStream,
@@ -7744,12 +7956,14 @@ export {
   useDeleteSession,
   useDeleteResearchSession,
   useDeleteFiles,
+  useDeleteAgent,
   useCreateSession,
   useCreateResearchSession,
   useCreateGitBranch,
   useCreateBranch,
   useCopilotDevicePoller,
   useContainerWidth,
+  useConfigTools,
   useConfig,
   useCommitChanges,
   useClientEvents,
@@ -7758,11 +7972,14 @@ export {
   useAuthenticateMCPServer,
   useAuthStatus,
   useAllModels,
+  useAgentDetails,
+  useAgent,
   useAddRemote,
   useAddMCPServer,
   sessionsQueryKey,
   optimisticallyQueueMessage,
-  normalizeQueueState
+  normalizeQueueState,
+  getAgentToolCount
 };
 
-//# debugId=0B45BD1AEF54C11064756E2164756E21
+//# debugId=B5B999D9CC12251A64756E2164756E21