@shipfox/client-agent 3.0.1 → 5.0.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@shipfox/client-agent",
   "license": "MIT",
-  "version": "3.0.1",
+  "version": "5.0.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/ShipfoxHQ/shipfox.git",
@@ -32,10 +32,10 @@
     "@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/client-api": "1.0.0",
-    "@shipfox/client-shell": "3.0.1",
-    "@shipfox/client-ui": "3.0.1",
+    "@shipfox/api-agent-dto": "8.0.0",
+    "@shipfox/client-shell": "5.0.0",
+    "@shipfox/client-api": "4.0.0",
+    "@shipfox/client-ui": "4.0.0",
     "@shipfox/react-ui": "0.3.5"
   },
   "peerDependencies": {
@@ -44,39 +44,6 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
-  "devDependencies": {
-    "@argos-ci/cli": "^5.0.0",
-    "@argos-ci/storybook": "^6.0.0",
-    "@storybook/addon-vitest": "^10.3.6",
-    "@storybook/react": "^10.0.0",
-    "@storybook/react-vite": "^10.0.0",
-    "@tailwindcss/vite": "^4.1.13",
-    "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.3.2",
-    "@testing-library/user-event": "^14.6.1",
-    "@types/react": "^19.1.11",
-    "@types/react-dom": "^19.1.7",
-    "@tanstack/react-query": "^5.101.0",
-    "@vitejs/plugin-react": "^6.0.0",
-    "@vitest/browser-playwright": "^4.1.5",
-    "happy-dom": "^20.8.3",
-    "jsdom": "^29.0.0",
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1",
-    "storybook": "^10.0.0",
-    "storybook-addon-pseudo-states": "^10.0.0",
-    "tailwindcss": "^4.1.13",
-    "vite": "^8.0.3",
-    "vitest": "^4.1.5",
-    "yaml": "^2.8.3",
-    "@shipfox/biome": "1.8.2",
-    "@shipfox/client-test-setup": "0.0.3",
-    "@shipfox/swc": "1.2.6",
-    "@shipfox/ts-config": "1.3.8",
-    "@shipfox/typescript": "1.1.7",
-    "@shipfox/vitest": "1.2.3",
-    "@shipfox/workflow-document": "2.1.1"
-  },
   "scripts": {
     "build": "shipfox-swc",
     "check": "shipfox-biome-check",

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>
+    );
+  },
+});

package/src/state/model-provider-onboarding.ts

@@ -1,31 +1,34 @@
-const MODEL_PROVIDER_ONBOARDING_STORAGE_KEY = 'shipfox.modelProviderOnboardingDismissed';
+import {createTypedBrowserStorage, localStorageOrUndefined} from '@shipfox/client-ui';
 
 type DismissedMap = Record<string, true>;
 
+const dismissedStorage = createTypedBrowserStorage(localStorageOrUndefined, {
+  key: 'shipfox.modelProviderOnboardingDismissed',
+  lifetime: 'persistent',
+  principalScope: 'workspace',
+  serialize: (dismissed: DismissedMap) => JSON.stringify(dismissed),
+  parse: (raw) => {
+    try {
+      const parsed: unknown = JSON.parse(raw);
+      return isDismissedMap(parsed) ? parsed : undefined;
+    } catch {
+      return undefined;
+    }
+  },
+});
+
 export function isModelProviderOnboardingDismissed(workspaceId: string): boolean {
   return Boolean(readDismissedMap()[workspaceId]);
 }
 
 export function dismissModelProviderOnboarding(workspaceId: string): void {
-  if (typeof window === 'undefined') return;
-
   const dismissed = readDismissedMap();
   dismissed[workspaceId] = true;
-  window.localStorage.setItem(MODEL_PROVIDER_ONBOARDING_STORAGE_KEY, JSON.stringify(dismissed));
+  dismissedStorage.write(dismissed);
 }
 
 function readDismissedMap(): DismissedMap {
-  if (typeof window === 'undefined') return {};
-
-  try {
-    const raw = window.localStorage.getItem(MODEL_PROVIDER_ONBOARDING_STORAGE_KEY);
-    if (!raw) return {};
-    const parsed: unknown = JSON.parse(raw);
-    if (!isDismissedMap(parsed)) return {};
-    return parsed;
-  } catch {
-    return {};
-  }
+  return dismissedStorage.read() ?? {};
 }
 
 function isDismissedMap(value: unknown): value is DismissedMap {