@shipfox/client-agent 4.0.0 → 5.0.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@shipfox/client-agent",
   "license": "MIT",
-  "version": "4.0.0",
+  "version": "5.0.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/ShipfoxHQ/shipfox.git",
@@ -32,9 +32,9 @@
     "@swc/helpers": "^0.5.17",
     "@tanstack/react-form": "^1.32.0",
     "@tanstack/react-query": "^5.101.0",
-    "@shipfox/api-agent-dto": "6.0.0",
+    "@shipfox/api-agent-dto": "8.0.0",
+    "@shipfox/client-shell": "5.0.0",
     "@shipfox/client-api": "4.0.0",
-    "@shipfox/client-shell": "4.0.0",
     "@shipfox/client-ui": "4.0.0",
     "@shipfox/react-ui": "0.3.5"
   },

package/src/feature.ts

@@ -8,5 +8,19 @@ export const agentFeature = defineClientFeature({
       parent: 'workspaceLayout',
       impl: '@shipfox/client-agent/routes/model-provider',
     },
+    {
+      path: '/workspaces/$wid/settings/agents',
+      parent: 'workspaceSettings',
+      impl: '@shipfox/client-agent/routes/agents-settings',
+    },
+  ],
+  settingsSections: [
+    {
+      id: 'settings.agents',
+      pathSegment: 'agents',
+      label: 'Agents',
+      icon: 'robot2Line',
+      order: 400,
+    },
   ],
 });

package/src/hooks/api/model-providers.ts

@@ -18,7 +18,13 @@ import type {
   UpdateModelProviderDefaultModelBodyDto,
 } from '@shipfox/api-agent-dto';
 import {apiRequest} from '@shipfox/client-api';
-import {useMutation, useQuery, useQueryClient} from '@tanstack/react-query';
+import {
+  type FetchQueryOptions,
+  queryOptions,
+  useMutation,
+  useQuery,
+  useQueryClient,
+} from '@tanstack/react-query';
 
 export const modelProviderQueryKeys = {
   all: ['model-providers'] as const,
@@ -27,6 +33,17 @@ export const modelProviderQueryKeys = {
     [...modelProviderQueryKeys.all, 'configs', workspaceId] as const,
 };
 
+type ModelProviderConfigsQueryKey =
+  | ReturnType<typeof modelProviderQueryKeys.configs>
+  | readonly ['model-providers', 'configs'];
+
+type ModelProviderConfigsQueryOptions = FetchQueryOptions<
+  ListModelProviderConfigsResponseDto,
+  Error,
+  ListModelProviderConfigsResponseDto,
+  ModelProviderConfigsQueryKey
+>;
+
 export async function getModelProviderCatalog({signal}: {signal?: AbortSignal} = {}) {
   return await apiRequest<ModelProviderCatalogResponseDto>('/agent/model-provider-catalog', {
     signal,
@@ -46,6 +63,18 @@ export async function listModelProviderConfigs({
   );
 }
 
+export function modelProviderConfigsQueryOptions(
+  workspaceId: string | undefined,
+): ModelProviderConfigsQueryOptions {
+  return queryOptions({
+    queryKey: workspaceId
+      ? modelProviderQueryKeys.configs(workspaceId)
+      : ([...modelProviderQueryKeys.all, 'configs'] as const),
+    enabled: Boolean(workspaceId),
+    queryFn: ({signal}) => listModelProviderConfigs({workspaceId: workspaceId ?? '', signal}),
+  });
+}
+
 export async function upsertModelProviderConfig({
   workspaceId,
   providerId,
@@ -179,13 +208,7 @@ export function useModelProviderCatalogQuery() {
 }
 
 export function useModelProviderConfigsQuery(workspaceId: string | undefined) {
-  return useQuery({
-    queryKey: workspaceId
-      ? modelProviderQueryKeys.configs(workspaceId)
-      : [...modelProviderQueryKeys.all, 'configs'],
-    enabled: Boolean(workspaceId),
-    queryFn: ({signal}) => listModelProviderConfigs({workspaceId: workspaceId ?? '', signal}),
-  });
+  return useQuery(modelProviderConfigsQueryOptions(workspaceId));
 }
 
 export function useUpsertModelProviderConfigMutation() {

package/src/routes/agents-settings.tsx

@@ -0,0 +1,14 @@
+import {defineRoute, useActiveWorkspace} from '@shipfox/client-shell/runtime';
+import {WorkspaceHarnessesSection, WorkspaceModelProvidersSection} from '#index.js';
+
+export default defineRoute({
+  component: () => {
+    const workspace = useActiveWorkspace();
+    return (
+      <div className="flex flex-col gap-32">
+        <WorkspaceHarnessesSection workspaceId={workspace.id} />
+        <WorkspaceModelProvidersSection workspaceId={workspace.id} />
+      </div>
+    );
+  },
+});