@shipfox/client-agent 0.2.0

package/dist/hooks/api/model-providers.js

@@ -0,0 +1,190 @@
+import { apiRequest } from '@shipfox/client-api';
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+export const modelProviderQueryKeys = {
+    all: [
+        'model-providers'
+    ],
+    catalog: ()=>[
+            ...modelProviderQueryKeys.all,
+            'catalog'
+        ],
+    configs: (workspaceId)=>[
+            ...modelProviderQueryKeys.all,
+            'configs',
+            workspaceId
+        ]
+};
+export async function getModelProviderCatalog({ signal } = {}) {
+    return await apiRequest('/agent/model-provider-catalog', {
+        signal
+    });
+}
+export async function listModelProviderConfigs({ workspaceId, signal }) {
+    return await apiRequest(`/workspaces/${workspaceId}/agent/model-providers`, {
+        signal
+    });
+}
+export async function upsertModelProviderConfig({ workspaceId, providerId, body }) {
+    return await apiRequest(`/workspaces/${workspaceId}/agent/model-providers/${providerId}`, {
+        method: 'PUT',
+        body
+    });
+}
+export async function createCustomModelProviderConfig({ workspaceId, body }) {
+    return await apiRequest(`/workspaces/${workspaceId}/agent/custom-model-providers`, {
+        method: 'POST',
+        body
+    });
+}
+export async function updateCustomModelProviderConfig({ workspaceId, providerId, body }) {
+    return await apiRequest(`/workspaces/${workspaceId}/agent/custom-model-providers/${providerId}`, {
+        method: 'PUT',
+        body
+    });
+}
+export async function discoverCustomModelProviderModels({ workspaceId, body }) {
+    return await apiRequest(`/workspaces/${workspaceId}/agent/custom-model-providers/discover-models`, {
+        method: 'POST',
+        body
+    });
+}
+export async function discoverCustomModelProviderModelsBySlug({ workspaceId, providerId, body }) {
+    return await apiRequest(`/workspaces/${workspaceId}/agent/custom-model-providers/${providerId}/discover-models`, {
+        method: 'POST',
+        body
+    });
+}
+export async function deleteModelProviderConfig({ workspaceId, providerId }) {
+    return await apiRequest(`/workspaces/${workspaceId}/agent/model-providers/${providerId}`, {
+        method: 'DELETE'
+    });
+}
+export async function updateModelProviderDefaultModel({ workspaceId, providerId, body }) {
+    return await apiRequest(`/workspaces/${workspaceId}/agent/model-providers/${providerId}/default-model`, {
+        method: 'PUT',
+        body
+    });
+}
+export async function setDefaultModelProvider({ workspaceId, body }) {
+    return await apiRequest(`/workspaces/${workspaceId}/agent/default-model-provider`, {
+        method: 'PUT',
+        body
+    });
+}
+export async function setDefaultHarness({ workspaceId, body }) {
+    return await apiRequest(`/workspaces/${workspaceId}/agent/default-harness`, {
+        method: 'PUT',
+        body
+    });
+}
+export function useModelProviderCatalogQuery() {
+    return useQuery({
+        queryKey: modelProviderQueryKeys.catalog(),
+        queryFn: ({ signal })=>getModelProviderCatalog({
+                signal
+            }),
+        staleTime: 1000 * 60 * 60
+    });
+}
+export function useModelProviderConfigsQuery(workspaceId) {
+    return useQuery({
+        queryKey: workspaceId ? modelProviderQueryKeys.configs(workspaceId) : [
+            ...modelProviderQueryKeys.all,
+            'configs'
+        ],
+        enabled: Boolean(workspaceId),
+        queryFn: ({ signal })=>listModelProviderConfigs({
+                workspaceId: workspaceId ?? '',
+                signal
+            })
+    });
+}
+export function useUpsertModelProviderConfigMutation() {
+    const queryClient = useQueryClient();
+    return useMutation({
+        mutationFn: upsertModelProviderConfig,
+        onSuccess: async (_config, variables)=>{
+            await queryClient.invalidateQueries({
+                queryKey: modelProviderQueryKeys.configs(variables.workspaceId)
+            });
+        }
+    });
+}
+export function useCreateCustomModelProviderMutation() {
+    const queryClient = useQueryClient();
+    return useMutation({
+        mutationFn: createCustomModelProviderConfig,
+        onSuccess: async (_config, variables)=>{
+            await queryClient.invalidateQueries({
+                queryKey: modelProviderQueryKeys.configs(variables.workspaceId)
+            });
+        }
+    });
+}
+export function useUpdateCustomModelProviderMutation() {
+    const queryClient = useQueryClient();
+    return useMutation({
+        mutationFn: updateCustomModelProviderConfig,
+        onSuccess: async (_config, variables)=>{
+            await queryClient.invalidateQueries({
+                queryKey: modelProviderQueryKeys.configs(variables.workspaceId)
+            });
+        }
+    });
+}
+export function useDiscoverCustomModelProviderModelsMutation() {
+    return useMutation({
+        mutationFn: discoverCustomModelProviderModels
+    });
+}
+export function useDiscoverCustomModelProviderModelsBySlugMutation() {
+    return useMutation({
+        mutationFn: discoverCustomModelProviderModelsBySlug
+    });
+}
+export function useDeleteModelProviderConfigMutation() {
+    const queryClient = useQueryClient();
+    return useMutation({
+        mutationFn: deleteModelProviderConfig,
+        onSuccess: async (_config, variables)=>{
+            await queryClient.invalidateQueries({
+                queryKey: modelProviderQueryKeys.configs(variables.workspaceId)
+            });
+        }
+    });
+}
+export function useUpdateModelProviderDefaultModelMutation() {
+    const queryClient = useQueryClient();
+    return useMutation({
+        mutationFn: updateModelProviderDefaultModel,
+        onSuccess: async (_config, variables)=>{
+            await queryClient.invalidateQueries({
+                queryKey: modelProviderQueryKeys.configs(variables.workspaceId)
+            });
+        }
+    });
+}
+export function useSetDefaultModelProviderMutation() {
+    const queryClient = useQueryClient();
+    return useMutation({
+        mutationFn: setDefaultModelProvider,
+        onSuccess: async (_config, variables)=>{
+            await queryClient.invalidateQueries({
+                queryKey: modelProviderQueryKeys.configs(variables.workspaceId)
+            });
+        }
+    });
+}
+export function useSetDefaultHarnessMutation() {
+    const queryClient = useQueryClient();
+    return useMutation({
+        mutationFn: setDefaultHarness,
+        onSuccess: async (_config, variables)=>{
+            await queryClient.invalidateQueries({
+                queryKey: modelProviderQueryKeys.configs(variables.workspaceId)
+            });
+        }
+    });
+}
+
+//# sourceMappingURL=model-providers.js.map

package/dist/hooks/api/model-providers.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/api/model-providers.ts"],"sourcesContent":["import type {\n  CreateCustomModelProviderBodyDto,\n  CustomModelProviderConfigDto,\n  DiscoverCustomModelProviderModelsBodyDto,\n  DiscoverCustomModelProviderModelsBySlugBodyDto,\n  DiscoverCustomModelProviderModelsResponseDto,\n  ListModelProviderConfigsResponseDto,\n  ModelProviderCatalogResponseDto,\n  ModelProviderConfigDto,\n  ModelProviderRef,\n  SetDefaultHarnessBodyDto,\n  SetDefaultHarnessResponseDto,\n  SetDefaultModelProviderBodyDto,\n  SetDefaultModelProviderResponseDto,\n  SupportedModelProviderId,\n  UpdateCustomModelProviderBodyDto,\n  UpdateModelProviderConfigBodyDto,\n  UpdateModelProviderDefaultModelBodyDto,\n} from '@shipfox/api-agent-dto';\nimport {apiRequest} from '@shipfox/client-api';\nimport {useMutation, useQuery, useQueryClient} from '@tanstack/react-query';\n\nexport const modelProviderQueryKeys = {\n  all: ['model-providers'] as const,\n  catalog: () => [...modelProviderQueryKeys.all, 'catalog'] as const,\n  configs: (workspaceId: string) =>\n    [...modelProviderQueryKeys.all, 'configs', workspaceId] as const,\n};\n\nexport async function getModelProviderCatalog({signal}: {signal?: AbortSignal} = {}) {\n  return await apiRequest<ModelProviderCatalogResponseDto>('/agent/model-provider-catalog', {\n    signal,\n  });\n}\n\nexport async function listModelProviderConfigs({\n  workspaceId,\n  signal,\n}: {\n  workspaceId: string;\n  signal?: AbortSignal;\n}) {\n  return await apiRequest<ListModelProviderConfigsResponseDto>(\n    `/workspaces/${workspaceId}/agent/model-providers`,\n    {signal},\n  );\n}\n\nexport async function upsertModelProviderConfig({\n  workspaceId,\n  providerId,\n  body,\n}: {\n  workspaceId: string;\n  providerId: SupportedModelProviderId;\n  body: UpdateModelProviderConfigBodyDto;\n}) {\n  return await apiRequest<ModelProviderConfigDto>(\n    `/workspaces/${workspaceId}/agent/model-providers/${providerId}`,\n    {method: 'PUT', body},\n  );\n}\n\nexport async function createCustomModelProviderConfig({\n  workspaceId,\n  body,\n}: {\n  workspaceId: string;\n  body: CreateCustomModelProviderBodyDto;\n}) {\n  return await apiRequest<CustomModelProviderConfigDto>(\n    `/workspaces/${workspaceId}/agent/custom-model-providers`,\n    {method: 'POST', body},\n  );\n}\n\nexport async function updateCustomModelProviderConfig({\n  workspaceId,\n  providerId,\n  body,\n}: {\n  workspaceId: string;\n  providerId: ModelProviderRef;\n  body: UpdateCustomModelProviderBodyDto;\n}) {\n  return await apiRequest<CustomModelProviderConfigDto>(\n    `/workspaces/${workspaceId}/agent/custom-model-providers/${providerId}`,\n    {method: 'PUT', body},\n  );\n}\n\nexport async function discoverCustomModelProviderModels({\n  workspaceId,\n  body,\n}: {\n  workspaceId: string;\n  body: DiscoverCustomModelProviderModelsBodyDto;\n}) {\n  return await apiRequest<DiscoverCustomModelProviderModelsResponseDto>(\n    `/workspaces/${workspaceId}/agent/custom-model-providers/discover-models`,\n    {method: 'POST', body},\n  );\n}\n\nexport async function discoverCustomModelProviderModelsBySlug({\n  workspaceId,\n  providerId,\n  body,\n}: {\n  workspaceId: string;\n  providerId: ModelProviderRef;\n  body: DiscoverCustomModelProviderModelsBySlugBodyDto;\n}) {\n  return await apiRequest<DiscoverCustomModelProviderModelsResponseDto>(\n    `/workspaces/${workspaceId}/agent/custom-model-providers/${providerId}/discover-models`,\n    {method: 'POST', body},\n  );\n}\n\nexport async function deleteModelProviderConfig({\n  workspaceId,\n  providerId,\n}: {\n  workspaceId: string;\n  providerId: ModelProviderRef;\n}) {\n  return await apiRequest<void>(`/workspaces/${workspaceId}/agent/model-providers/${providerId}`, {\n    method: 'DELETE',\n  });\n}\n\nexport async function updateModelProviderDefaultModel({\n  workspaceId,\n  providerId,\n  body,\n}: {\n  workspaceId: string;\n  providerId: SupportedModelProviderId;\n  body: UpdateModelProviderDefaultModelBodyDto;\n}) {\n  return await apiRequest<ModelProviderConfigDto>(\n    `/workspaces/${workspaceId}/agent/model-providers/${providerId}/default-model`,\n    {method: 'PUT', body},\n  );\n}\n\nexport async function setDefaultModelProvider({\n  workspaceId,\n  body,\n}: {\n  workspaceId: string;\n  body: SetDefaultModelProviderBodyDto;\n}) {\n  return await apiRequest<SetDefaultModelProviderResponseDto>(\n    `/workspaces/${workspaceId}/agent/default-model-provider`,\n    {method: 'PUT', body},\n  );\n}\n\nexport async function setDefaultHarness({\n  workspaceId,\n  body,\n}: {\n  workspaceId: string;\n  body: SetDefaultHarnessBodyDto;\n}) {\n  return await apiRequest<SetDefaultHarnessResponseDto>(\n    `/workspaces/${workspaceId}/agent/default-harness`,\n    {method: 'PUT', body},\n  );\n}\n\nexport function useModelProviderCatalogQuery() {\n  return useQuery({\n    queryKey: modelProviderQueryKeys.catalog(),\n    queryFn: ({signal}) => getModelProviderCatalog({signal}),\n    staleTime: 1000 * 60 * 60,\n  });\n}\n\nexport function useModelProviderConfigsQuery(workspaceId: string | undefined) {\n  return useQuery({\n    queryKey: workspaceId\n      ? modelProviderQueryKeys.configs(workspaceId)\n      : [...modelProviderQueryKeys.all, 'configs'],\n    enabled: Boolean(workspaceId),\n    queryFn: ({signal}) => listModelProviderConfigs({workspaceId: workspaceId ?? '', signal}),\n  });\n}\n\nexport function useUpsertModelProviderConfigMutation() {\n  const queryClient = useQueryClient();\n  return useMutation({\n    mutationFn: upsertModelProviderConfig,\n    onSuccess: async (_config, variables) => {\n      await queryClient.invalidateQueries({\n        queryKey: modelProviderQueryKeys.configs(variables.workspaceId),\n      });\n    },\n  });\n}\n\nexport function useCreateCustomModelProviderMutation() {\n  const queryClient = useQueryClient();\n  return useMutation({\n    mutationFn: createCustomModelProviderConfig,\n    onSuccess: async (_config, variables) => {\n      await queryClient.invalidateQueries({\n        queryKey: modelProviderQueryKeys.configs(variables.workspaceId),\n      });\n    },\n  });\n}\n\nexport function useUpdateCustomModelProviderMutation() {\n  const queryClient = useQueryClient();\n  return useMutation({\n    mutationFn: updateCustomModelProviderConfig,\n    onSuccess: async (_config, variables) => {\n      await queryClient.invalidateQueries({\n        queryKey: modelProviderQueryKeys.configs(variables.workspaceId),\n      });\n    },\n  });\n}\n\nexport function useDiscoverCustomModelProviderModelsMutation() {\n  return useMutation({mutationFn: discoverCustomModelProviderModels});\n}\n\nexport function useDiscoverCustomModelProviderModelsBySlugMutation() {\n  return useMutation({mutationFn: discoverCustomModelProviderModelsBySlug});\n}\n\nexport function useDeleteModelProviderConfigMutation() {\n  const queryClient = useQueryClient();\n  return useMutation({\n    mutationFn: deleteModelProviderConfig,\n    onSuccess: async (_config, variables) => {\n      await queryClient.invalidateQueries({\n        queryKey: modelProviderQueryKeys.configs(variables.workspaceId),\n      });\n    },\n  });\n}\n\nexport function useUpdateModelProviderDefaultModelMutation() {\n  const queryClient = useQueryClient();\n  return useMutation({\n    mutationFn: updateModelProviderDefaultModel,\n    onSuccess: async (_config, variables) => {\n      await queryClient.invalidateQueries({\n        queryKey: modelProviderQueryKeys.configs(variables.workspaceId),\n      });\n    },\n  });\n}\n\nexport function useSetDefaultModelProviderMutation() {\n  const queryClient = useQueryClient();\n  return useMutation({\n    mutationFn: setDefaultModelProvider,\n    onSuccess: async (_config, variables) => {\n      await queryClient.invalidateQueries({\n        queryKey: modelProviderQueryKeys.configs(variables.workspaceId),\n      });\n    },\n  });\n}\n\nexport function useSetDefaultHarnessMutation() {\n  const queryClient = useQueryClient();\n  return useMutation({\n    mutationFn: setDefaultHarness,\n    onSuccess: async (_config, variables) => {\n      await queryClient.invalidateQueries({\n        queryKey: modelProviderQueryKeys.configs(variables.workspaceId),\n      });\n    },\n  });\n}\n"],"names":["apiRequest","useMutation","useQuery","useQueryClient","modelProviderQueryKeys","all","catalog","configs","workspaceId","getModelProviderCatalog","signal","listModelProviderConfigs","upsertModelProviderConfig","providerId","body","method","createCustomModelProviderConfig","updateCustomModelProviderConfig","discoverCustomModelProviderModels","discoverCustomModelProviderModelsBySlug","deleteModelProviderConfig","updateModelProviderDefaultModel","setDefaultModelProvider","setDefaultHarness","useModelProviderCatalogQuery","queryKey","queryFn","staleTime","useModelProviderConfigsQuery","enabled","Boolean","useUpsertModelProviderConfigMutation","queryClient","mutationFn","onSuccess","_config","variables","invalidateQueries","useCreateCustomModelProviderMutation","useUpdateCustomModelProviderMutation","useDiscoverCustomModelProviderModelsMutation","useDiscoverCustomModelProviderModelsBySlugMutation","useDeleteModelProviderConfigMutation","useUpdateModelProviderDefaultModelMutation","useSetDefaultModelProviderMutation","useSetDefaultHarnessMutation"],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+export * from './components/available-provider-card.js';
+export * from './components/form-errors.js';
+export * from './components/harnesses-section.js';
+export * from './components/model-providers-section.js';
+export * from './components/test-and-save-form.js';
+export * from './hooks/api/model-providers.js';
+export * from './pages/model-provider-onboarding-page.js';
+export * from './state/model-provider-onboarding.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,yCAAyC,CAAC;AACxD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,cAAc,yCAAyC,CAAC;AACxD,cAAc,oCAAoC,CAAC;AACnD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2CAA2C,CAAC;AAC1D,cAAc,sCAAsC,CAAC"}

package/dist/index.js

@@ -0,0 +1,10 @@
+export * from './components/available-provider-card.js';
+export * from './components/form-errors.js';
+export * from './components/harnesses-section.js';
+export * from './components/model-providers-section.js';
+export * from './components/test-and-save-form.js';
+export * from './hooks/api/model-providers.js';
+export * from './pages/model-provider-onboarding-page.js';
+export * from './state/model-provider-onboarding.js';
+
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from './components/available-provider-card.js';\nexport * from './components/form-errors.js';\nexport * from './components/harnesses-section.js';\nexport * from './components/model-providers-section.js';\nexport * from './components/test-and-save-form.js';\nexport * from './hooks/api/model-providers.js';\nexport * from './pages/model-provider-onboarding-page.js';\nexport * from './state/model-provider-onboarding.js';\n"],"names":[],"mappings":"AAAA,cAAc,0CAA0C;AACxD,cAAc,8BAA8B;AAC5C,cAAc,oCAAoC;AAClD,cAAc,0CAA0C;AACxD,cAAc,qCAAqC;AACnD,cAAc,iCAAiC;AAC/C,cAAc,4CAA4C;AAC1D,cAAc,uCAAuC"}

package/dist/pages/model-provider-onboarding-page.d.ts

@@ -0,0 +1,6 @@
+export declare function ModelProviderOnboardingPage({ workspaceId, onSkip, onConfigured, }: {
+    workspaceId: string;
+    onSkip: () => void;
+    onConfigured: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=model-provider-onboarding-page.d.ts.map

package/dist/pages/model-provider-onboarding-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model-provider-onboarding-page.d.ts","sourceRoot":"","sources":["../../src/pages/model-provider-onboarding-page.tsx"],"names":[],"mappings":"AA+BA,wBAAgB,2BAA2B,CAAC,EAC1C,WAAW,EACX,MAAM,EACN,YAAY,GACb,EAAE;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B,+BAqKA"}

package/dist/pages/model-provider-onboarding-page.js

@@ -0,0 +1,295 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { DEFAULT_HARNESS, harnessSupportsProvider, listHarnessDescriptors } from '@shipfox/api-agent-dto';
+import { QueryLoadError } from '@shipfox/client-ui';
+import { Button } from '@shipfox/react-ui/button';
+import { Callout } from '@shipfox/react-ui/callout';
+import { EmptyState } from '@shipfox/react-ui/empty-state';
+import { Icon } from '@shipfox/react-ui/icon';
+import { Modal, ModalContent, ModalHeader, ModalTitle } from '@shipfox/react-ui/modal';
+import { Skeleton } from '@shipfox/react-ui/skeleton';
+import { toast } from '@shipfox/react-ui/toast';
+import { Header, Text } from '@shipfox/react-ui/typography';
+import { cn } from '@shipfox/react-ui/utils';
+import { useEffect, useMemo, useState } from 'react';
+import { AvailableProvidersGrid, PROVIDER_GRID_CLASS } from '#components/available-providers-grid.js';
+import { modelProviderConfigErrorToFormError } from '#components/form-errors.js';
+import { ModelProviderTestAndSaveForm } from '#components/test-and-save-form.js';
+import { useModelProviderCatalogQuery, useSetDefaultHarnessMutation } from '#hooks/api/model-providers.js';
+import { dismissModelProviderOnboarding } from '#state/model-provider-onboarding.js';
+const SURFACE_CLASS = 'overflow-hidden rounded-8 border border-border-neutral-base bg-background-neutral-base';
+export function ModelProviderOnboardingPage({ workspaceId, onSkip, onConfigured }) {
+    const catalogQuery = useModelProviderCatalogQuery();
+    const setDefaultHarness = useSetDefaultHarnessMutation();
+    const [selectedHarness, setSelectedHarness] = useState(null);
+    const [selectedEntry, setSelectedEntry] = useState(null);
+    const [defaultHarnessError, setDefaultHarnessError] = useState();
+    const [isSettingDefaultHarness, setIsSettingDefaultHarness] = useState(false);
+    const supportedProviders = catalogQuery.data?.providers.filter((provider)=>provider.support_status === 'supported') ?? [];
+    const filteredProviders = useMemo(()=>{
+        if (selectedHarness === null) return [];
+        return supportedProviders.filter((provider)=>harnessSupportsProvider(selectedHarness, provider.id));
+    }, [
+        selectedHarness,
+        supportedProviders
+    ]);
+    useEffect(()=>{
+        document.getElementById(selectedHarness === null ? 'model-provider-harness-step' : 'model-provider-provider-step')?.focus();
+    }, [
+        selectedHarness
+    ]);
+    function handleSkip() {
+        try {
+            dismissModelProviderOnboarding(workspaceId);
+        } catch  {
+        // Skip is best-effort persistence; access to the product must not depend on storage.
+        }
+        onSkip();
+    }
+    async function handleProviderSaved() {
+        if (selectedEntry === null || selectedHarness === null) return;
+        setDefaultHarnessError(undefined);
+        if (selectedHarness === DEFAULT_HARNESS) {
+            toast.success(`${selectedEntry.label} saved`);
+            onConfigured();
+            return;
+        }
+        setIsSettingDefaultHarness(true);
+        try {
+            await setDefaultHarness.mutateAsync({
+                workspaceId,
+                body: {
+                    harness_id: selectedHarness
+                }
+            });
+            toast.success(`${selectedEntry.label} saved`);
+            onConfigured();
+        } catch (error) {
+            const mapped = modelProviderConfigErrorToFormError(error);
+            setDefaultHarnessError(mapped.message || 'Could not save default harness. Try again.');
+        } finally{
+            setIsSettingDefaultHarness(false);
+        }
+    }
+    const selectedHarnessDescriptor = selectedHarness === null ? null : listHarnessDescriptors().find((harness)=>harness.id === selectedHarness);
+    const headingId = selectedHarness === null ? 'model-provider-harness-step' : 'model-provider-provider-step';
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "mx-auto flex w-full max-w-[640px] flex-col gap-20",
+        children: [
+            /*#__PURE__*/ _jsxs("header", {
+                className: "flex flex-col gap-12",
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "flex items-start justify-between gap-16 max-[520px]:flex-col max-[520px]:gap-8",
+                        children: [
+                            /*#__PURE__*/ _jsx(Header, {
+                                id: headingId,
+                                variant: "h1",
+                                tabIndex: -1,
+                                className: "outline-none",
+                                children: selectedHarnessDescriptor ? `Configure ${selectedHarnessDescriptor.label}` : 'Choose agent harness'
+                            }),
+                            /*#__PURE__*/ _jsx(Button, {
+                                type: "button",
+                                variant: "secondary",
+                                onClick: handleSkip,
+                                className: "shrink-0",
+                                children: "Skip for now"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(Text, {
+                        size: "md",
+                        className: "text-foreground-neutral-muted",
+                        children: selectedHarnessDescriptor ? `${selectedHarnessDescriptor.label} needs a compatible model provider. Add your own API key, or go back to choose a different harness.` : 'A harness runs agent steps. Choose the engine you want first, then connect a compatible model provider.'
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("section", {
+                "aria-labelledby": headingId,
+                className: "flex flex-col gap-16",
+                children: selectedHarness === null ? /*#__PURE__*/ _jsx(HarnessPicker, {
+                    onSelect: setSelectedHarness
+                }) : /*#__PURE__*/ _jsxs(_Fragment, {
+                    children: [
+                        /*#__PURE__*/ _jsx("div", {
+                            children: /*#__PURE__*/ _jsx(Button, {
+                                type: "button",
+                                variant: "transparent",
+                                onClick: ()=>setSelectedHarness(null),
+                                children: "Back"
+                            })
+                        }),
+                        /*#__PURE__*/ _jsx(ModelProviderPicker, {
+                            catalogQuery: catalogQuery,
+                            supportedProviders: filteredProviders,
+                            onSelect: (entry)=>{
+                                setDefaultHarnessError(undefined);
+                                setSelectedEntry(entry);
+                            }
+                        }, selectedHarness)
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsx(Modal, {
+                open: selectedEntry !== null,
+                onOpenChange: (open)=>{
+                    if (!open && !isSettingDefaultHarness) {
+                        setSelectedEntry(null);
+                        setDefaultHarnessError(undefined);
+                    }
+                },
+                children: /*#__PURE__*/ _jsxs(ModalContent, {
+                    "aria-describedby": undefined,
+                    children: [
+                        /*#__PURE__*/ _jsx(ModalTitle, {
+                            className: "sr-only",
+                            children: selectedEntry ? `Configure ${selectedEntry.label}` : ''
+                        }),
+                        /*#__PURE__*/ _jsx(ModalHeader, {
+                            children: /*#__PURE__*/ _jsx(Text, {
+                                size: "lg",
+                                "aria-hidden": "true",
+                                className: "overflow-ellipsis overflow-hidden whitespace-nowrap",
+                                children: selectedEntry ? `Configure ${selectedEntry.label}` : ''
+                            })
+                        }),
+                        isSettingDefaultHarness ? /*#__PURE__*/ _jsx("div", {
+                            role: "status",
+                            className: "px-20 pb-8",
+                            children: /*#__PURE__*/ _jsx(Text, {
+                                size: "sm",
+                                className: "text-foreground-neutral-muted",
+                                children: "Saving harness default..."
+                            })
+                        }) : null,
+                        defaultHarnessError ? /*#__PURE__*/ _jsx("div", {
+                            className: "px-20 pb-8",
+                            children: /*#__PURE__*/ _jsx(Callout, {
+                                role: "alert",
+                                type: "error",
+                                children: /*#__PURE__*/ _jsxs("div", {
+                                    className: "flex flex-col gap-8",
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Text, {
+                                            size: "sm",
+                                            bold: true,
+                                            children: "Could not save default harness"
+                                        }),
+                                        /*#__PURE__*/ _jsx(Text, {
+                                            size: "sm",
+                                            children: defaultHarnessError
+                                        })
+                                    ]
+                                })
+                            })
+                        }) : null,
+                        selectedEntry ? /*#__PURE__*/ _jsx(ModelProviderTestAndSaveForm, {
+                            workspaceId: workspaceId,
+                            entry: selectedEntry,
+                            setAsDefaultOnSave: true,
+                            onSaved: ()=>{
+                                void handleProviderSaved();
+                            }
+                        }) : null
+                    ]
+                })
+            })
+        ]
+    });
+}
+function HarnessPicker({ onSelect }) {
+    return /*#__PURE__*/ _jsx("ul", {
+        className: PROVIDER_GRID_CLASS,
+        "aria-label": "Agent harnesses",
+        children: listHarnessDescriptors().map((harness)=>/*#__PURE__*/ _jsx(HarnessCard, {
+                harness: harness,
+                onChoose: ()=>onSelect(harness.id)
+            }, harness.id))
+    });
+}
+function HarnessCard({ harness, onChoose }) {
+    return /*#__PURE__*/ _jsx("li", {
+        children: /*#__PURE__*/ _jsx("button", {
+            type: "button",
+            className: cn('group block w-full cursor-pointer p-16 text-left outline-none transition-colors hover:bg-background-components-hover focus-visible:shadow-button-neutral-focus', SURFACE_CLASS),
+            "aria-label": `Choose ${harness.label}`,
+            onClick: onChoose,
+            children: /*#__PURE__*/ _jsxs("div", {
+                className: "flex min-w-0 items-center justify-between gap-12",
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "flex min-w-0 flex-col gap-4",
+                        children: [
+                            /*#__PURE__*/ _jsx(Text, {
+                                size: "md",
+                                bold: true,
+                                className: "min-w-0 truncate",
+                                children: harness.label
+                            }),
+                            /*#__PURE__*/ _jsx(Text, {
+                                size: "sm",
+                                className: "text-foreground-neutral-muted",
+                                children: harness.description
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "flex shrink-0 items-center gap-4 text-foreground-neutral-muted transition-colors group-hover:text-foreground-highlight-interactive",
+                        children: [
+                            /*#__PURE__*/ _jsx(Text, {
+                                size: "sm",
+                                children: "Choose"
+                            }),
+                            /*#__PURE__*/ _jsx(Icon, {
+                                name: "chevronRight",
+                                className: "size-16"
+                            })
+                        ]
+                    })
+                ]
+            })
+        })
+    });
+}
+function ModelProviderPicker({ catalogQuery, supportedProviders, onSelect }) {
+    if (catalogQuery.isPending) {
+        return /*#__PURE__*/ _jsx("div", {
+            role: "status",
+            "aria-busy": "true",
+            "aria-label": "Loading model providers",
+            children: /*#__PURE__*/ _jsx(ModelProviderGridSkeleton, {})
+        });
+    }
+    if (catalogQuery.isError && catalogQuery.data === undefined) {
+        return /*#__PURE__*/ _jsx(QueryLoadError, {
+            query: catalogQuery,
+            subject: "model provider catalog"
+        });
+    }
+    if (catalogQuery.data !== undefined && supportedProviders.length === 0) {
+        return /*#__PURE__*/ _jsx(EmptyState, {
+            icon: "componentLine",
+            title: "No providers available to configure",
+            description: "Skip for now and add one later from workspace settings."
+        });
+    }
+    return /*#__PURE__*/ _jsx(AvailableProvidersGrid, {
+        entries: supportedProviders,
+        onSelect: onSelect
+    });
+}
+function ModelProviderGridSkeleton() {
+    return /*#__PURE__*/ _jsx("div", {
+        className: PROVIDER_GRID_CLASS,
+        children: [
+            0,
+            1,
+            2,
+            3
+        ].map((card)=>/*#__PURE__*/ _jsx(Skeleton, {
+                className: "h-136 w-full"
+            }, card))
+    });
+}
+
+//# sourceMappingURL=model-provider-onboarding-page.js.map

package/dist/pages/model-provider-onboarding-page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/pages/model-provider-onboarding-page.tsx"],"sourcesContent":["import {\n  DEFAULT_HARNESS,\n  type Harness,\n  type HarnessDescriptor,\n  harnessSupportsProvider,\n  listHarnessDescriptors,\n  type ModelProviderCatalogEntryDto,\n} from '@shipfox/api-agent-dto';\nimport {QueryLoadError} from '@shipfox/client-ui';\nimport {Button} from '@shipfox/react-ui/button';\nimport {Callout} from '@shipfox/react-ui/callout';\nimport {EmptyState} from '@shipfox/react-ui/empty-state';\nimport {Icon} from '@shipfox/react-ui/icon';\nimport {Modal, ModalContent, ModalHeader, ModalTitle} from '@shipfox/react-ui/modal';\nimport {Skeleton} from '@shipfox/react-ui/skeleton';\nimport {toast} from '@shipfox/react-ui/toast';\nimport {Header, Text} from '@shipfox/react-ui/typography';\nimport {cn} from '@shipfox/react-ui/utils';\nimport {useEffect, useMemo, useState} from 'react';\nimport {AvailableProvidersGrid, PROVIDER_GRID_CLASS} from '#components/available-providers-grid.js';\nimport {modelProviderConfigErrorToFormError} from '#components/form-errors.js';\nimport {ModelProviderTestAndSaveForm} from '#components/test-and-save-form.js';\nimport {\n  useModelProviderCatalogQuery,\n  useSetDefaultHarnessMutation,\n} from '#hooks/api/model-providers.js';\nimport {dismissModelProviderOnboarding} from '#state/model-provider-onboarding.js';\n\nconst SURFACE_CLASS =\n  'overflow-hidden rounded-8 border border-border-neutral-base bg-background-neutral-base';\n\nexport function ModelProviderOnboardingPage({\n  workspaceId,\n  onSkip,\n  onConfigured,\n}: {\n  workspaceId: string;\n  onSkip: () => void;\n  onConfigured: () => void;\n}) {\n  const catalogQuery = useModelProviderCatalogQuery();\n  const setDefaultHarness = useSetDefaultHarnessMutation();\n  const [selectedHarness, setSelectedHarness] = useState<Harness | null>(null);\n  const [selectedEntry, setSelectedEntry] = useState<ModelProviderCatalogEntryDto | null>(null);\n  const [defaultHarnessError, setDefaultHarnessError] = useState<string | undefined>();\n  const [isSettingDefaultHarness, setIsSettingDefaultHarness] = useState(false);\n  const supportedProviders =\n    catalogQuery.data?.providers.filter((provider) => provider.support_status === 'supported') ??\n    [];\n  const filteredProviders = useMemo(() => {\n    if (selectedHarness === null) return [];\n    return supportedProviders.filter((provider) =>\n      harnessSupportsProvider(selectedHarness, provider.id),\n    );\n  }, [selectedHarness, supportedProviders]);\n\n  useEffect(() => {\n    document\n      .getElementById(\n        selectedHarness === null ? 'model-provider-harness-step' : 'model-provider-provider-step',\n      )\n      ?.focus();\n  }, [selectedHarness]);\n\n  function handleSkip() {\n    try {\n      dismissModelProviderOnboarding(workspaceId);\n    } catch {\n      // Skip is best-effort persistence; access to the product must not depend on storage.\n    }\n    onSkip();\n  }\n\n  async function handleProviderSaved() {\n    if (selectedEntry === null || selectedHarness === null) return;\n\n    setDefaultHarnessError(undefined);\n    if (selectedHarness === DEFAULT_HARNESS) {\n      toast.success(`${selectedEntry.label} saved`);\n      onConfigured();\n      return;\n    }\n\n    setIsSettingDefaultHarness(true);\n    try {\n      await setDefaultHarness.mutateAsync({\n        workspaceId,\n        body: {harness_id: selectedHarness},\n      });\n      toast.success(`${selectedEntry.label} saved`);\n      onConfigured();\n    } catch (error) {\n      const mapped = modelProviderConfigErrorToFormError(error);\n      setDefaultHarnessError(mapped.message || 'Could not save default harness. Try again.');\n    } finally {\n      setIsSettingDefaultHarness(false);\n    }\n  }\n\n  const selectedHarnessDescriptor =\n    selectedHarness === null\n      ? null\n      : listHarnessDescriptors().find((harness) => harness.id === selectedHarness);\n  const headingId =\n    selectedHarness === null ? 'model-provider-harness-step' : 'model-provider-provider-step';\n\n  return (\n    <div className=\"mx-auto flex w-full max-w-[640px] flex-col gap-20\">\n      <header className=\"flex flex-col gap-12\">\n        <div className=\"flex items-start justify-between gap-16 max-[520px]:flex-col max-[520px]:gap-8\">\n          <Header id={headingId} variant=\"h1\" tabIndex={-1} className=\"outline-none\">\n            {selectedHarnessDescriptor\n              ? `Configure ${selectedHarnessDescriptor.label}`\n              : 'Choose agent harness'}\n          </Header>\n          <Button type=\"button\" variant=\"secondary\" onClick={handleSkip} className=\"shrink-0\">\n            Skip for now\n          </Button>\n        </div>\n        <Text size=\"md\" className=\"text-foreground-neutral-muted\">\n          {selectedHarnessDescriptor\n            ? `${selectedHarnessDescriptor.label} needs a compatible model provider. Add your own API key, or go back to choose a different harness.`\n            : 'A harness runs agent steps. Choose the engine you want first, then connect a compatible model provider.'}\n        </Text>\n      </header>\n\n      <section aria-labelledby={headingId} className=\"flex flex-col gap-16\">\n        {selectedHarness === null ? (\n          <HarnessPicker onSelect={setSelectedHarness} />\n        ) : (\n          <>\n            <div>\n              <Button type=\"button\" variant=\"transparent\" onClick={() => setSelectedHarness(null)}>\n                Back\n              </Button>\n            </div>\n            <ModelProviderPicker\n              key={selectedHarness}\n              catalogQuery={catalogQuery}\n              supportedProviders={filteredProviders}\n              onSelect={(entry) => {\n                setDefaultHarnessError(undefined);\n                setSelectedEntry(entry);\n              }}\n            />\n          </>\n        )}\n      </section>\n\n      <Modal\n        open={selectedEntry !== null}\n        onOpenChange={(open) => {\n          if (!open && !isSettingDefaultHarness) {\n            setSelectedEntry(null);\n            setDefaultHarnessError(undefined);\n          }\n        }}\n      >\n        <ModalContent aria-describedby={undefined}>\n          <ModalTitle className=\"sr-only\">\n            {selectedEntry ? `Configure ${selectedEntry.label}` : ''}\n          </ModalTitle>\n          <ModalHeader>\n            <Text\n              size=\"lg\"\n              aria-hidden=\"true\"\n              className=\"overflow-ellipsis overflow-hidden whitespace-nowrap\"\n            >\n              {selectedEntry ? `Configure ${selectedEntry.label}` : ''}\n            </Text>\n          </ModalHeader>\n          {isSettingDefaultHarness ? (\n            <div role=\"status\" className=\"px-20 pb-8\">\n              <Text size=\"sm\" className=\"text-foreground-neutral-muted\">\n                Saving harness default...\n              </Text>\n            </div>\n          ) : null}\n          {defaultHarnessError ? (\n            <div className=\"px-20 pb-8\">\n              <Callout role=\"alert\" type=\"error\">\n                <div className=\"flex flex-col gap-8\">\n                  <Text size=\"sm\" bold>\n                    Could not save default harness\n                  </Text>\n                  <Text size=\"sm\">{defaultHarnessError}</Text>\n                </div>\n              </Callout>\n            </div>\n          ) : null}\n          {selectedEntry ? (\n            <ModelProviderTestAndSaveForm\n              workspaceId={workspaceId}\n              entry={selectedEntry}\n              setAsDefaultOnSave\n              onSaved={() => {\n                void handleProviderSaved();\n              }}\n            />\n          ) : null}\n        </ModalContent>\n      </Modal>\n    </div>\n  );\n}\n\nfunction HarnessPicker({onSelect}: {onSelect: (harness: Harness) => void}) {\n  return (\n    <ul className={PROVIDER_GRID_CLASS} aria-label=\"Agent harnesses\">\n      {listHarnessDescriptors().map((harness) => (\n        <HarnessCard key={harness.id} harness={harness} onChoose={() => onSelect(harness.id)} />\n      ))}\n    </ul>\n  );\n}\n\nfunction HarnessCard({harness, onChoose}: {harness: HarnessDescriptor; onChoose: () => void}) {\n  return (\n    <li>\n      <button\n        type=\"button\"\n        className={cn(\n          'group block w-full cursor-pointer p-16 text-left outline-none transition-colors hover:bg-background-components-hover focus-visible:shadow-button-neutral-focus',\n          SURFACE_CLASS,\n        )}\n        aria-label={`Choose ${harness.label}`}\n        onClick={onChoose}\n      >\n        <div className=\"flex min-w-0 items-center justify-between gap-12\">\n          <div className=\"flex min-w-0 flex-col gap-4\">\n            <Text size=\"md\" bold className=\"min-w-0 truncate\">\n              {harness.label}\n            </Text>\n            <Text size=\"sm\" className=\"text-foreground-neutral-muted\">\n              {harness.description}\n            </Text>\n          </div>\n          <div className=\"flex shrink-0 items-center gap-4 text-foreground-neutral-muted transition-colors group-hover:text-foreground-highlight-interactive\">\n            <Text size=\"sm\">Choose</Text>\n            <Icon name=\"chevronRight\" className=\"size-16\" />\n          </div>\n        </div>\n      </button>\n    </li>\n  );\n}\n\nfunction ModelProviderPicker({\n  catalogQuery,\n  supportedProviders,\n  onSelect,\n}: {\n  catalogQuery: ReturnType<typeof useModelProviderCatalogQuery>;\n  supportedProviders: ModelProviderCatalogEntryDto[];\n  onSelect: (entry: ModelProviderCatalogEntryDto) => void;\n}) {\n  if (catalogQuery.isPending) {\n    return (\n      <div role=\"status\" aria-busy=\"true\" aria-label=\"Loading model providers\">\n        <ModelProviderGridSkeleton />\n      </div>\n    );\n  }\n\n  if (catalogQuery.isError && catalogQuery.data === undefined) {\n    return <QueryLoadError query={catalogQuery} subject=\"model provider catalog\" />;\n  }\n\n  if (catalogQuery.data !== undefined && supportedProviders.length === 0) {\n    return (\n      <EmptyState\n        icon=\"componentLine\"\n        title=\"No providers available to configure\"\n        description=\"Skip for now and add one later from workspace settings.\"\n      />\n    );\n  }\n\n  return <AvailableProvidersGrid entries={supportedProviders} onSelect={onSelect} />;\n}\n\nfunction ModelProviderGridSkeleton() {\n  return (\n    <div className={PROVIDER_GRID_CLASS}>\n      {[0, 1, 2, 3].map((card) => (\n        <Skeleton key={card} className=\"h-136 w-full\" />\n      ))}\n    </div>\n  );\n}\n"],"names":["DEFAULT_HARNESS","harnessSupportsProvider","listHarnessDescriptors","QueryLoadError","Button","Callout","EmptyState","Icon","Modal","ModalContent","ModalHeader","ModalTitle","Skeleton","toast","Header","Text","cn","useEffect","useMemo","useState","AvailableProvidersGrid","PROVIDER_GRID_CLASS","modelProviderConfigErrorToFormError","ModelProviderTestAndSaveForm","useModelProviderCatalogQuery","useSetDefaultHarnessMutation","dismissModelProviderOnboarding","SURFACE_CLASS","ModelProviderOnboardingPage","workspaceId","onSkip","onConfigured","catalogQuery","setDefaultHarness","selectedHarness","setSelectedHarness","selectedEntry","setSelectedEntry","defaultHarnessError","setDefaultHarnessError","isSettingDefaultHarness","setIsSettingDefaultHarness","supportedProviders","data","providers","filter","provider","support_status","filteredProviders","id","document","getElementById","focus","handleSkip","handleProviderSaved","undefined","success","label","mutateAsync","body","harness_id","error","mapped","message","selectedHarnessDescriptor","find","harness","headingId","div","className","header","variant","tabIndex","type","onClick","size","section","aria-labelledby","HarnessPicker","onSelect","ModelProviderPicker","entry","open","onOpenChange","aria-describedby","aria-hidden","role","bold","setAsDefaultOnSave","onSaved","ul","aria-label","map","HarnessCard","onChoose","li","button","description","name","isPending","aria-busy","ModelProviderGridSkeleton","isError","query","subject","length","icon","title","entries","card"],"mappings":"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"}

package/dist/pages/model-provider-onboarding-page.stories.d.ts

@@ -0,0 +1,27 @@
+import type { StoryObj } from '@storybook/react';
+type Scenario = 'available' | 'loading' | 'catalog-error' | 'no-providers' | 'long-names';
+interface ModelProviderOnboardingStoryProps {
+    scenario: Scenario;
+}
+declare function ModelProviderOnboardingStory({ scenario }: ModelProviderOnboardingStoryProps): import("react").JSX.Element;
+declare const meta: {
+    title: string;
+    component: typeof ModelProviderOnboardingStory;
+    parameters: {
+        layout: string;
+    };
+    args: {
+        scenario: "available";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Playground: Story;
+export declare const Loading: Story;
+export declare const CatalogError: Story;
+export declare const NoProvidersAvailable: Story;
+export declare const LongNames: Story;
+export declare const FilteredProviders: Story;
+export declare const NoMatchingProviders: Story;
+export declare const ConfigureModalOpen: Story;
+//# sourceMappingURL=model-provider-onboarding-page.stories.d.ts.map

package/dist/pages/model-provider-onboarding-page.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model-provider-onboarding-page.stories.d.ts","sourceRoot":"","sources":["../../src/pages/model-provider-onboarding-page.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAQrD,KAAK,QAAQ,GAAG,WAAW,GAAG,SAAS,GAAG,eAAe,GAAG,cAAc,GAAG,YAAY,CAAC;AAE1F,UAAU,iCAAiC;IACzC,QAAQ,EAAE,QAAQ,CAAC;CACpB;AA+ED,iBAAS,4BAA4B,CAAC,EAAC,QAAQ,EAAC,EAAE,iCAAiC,+BAuBlF;AAED,QAAA,MAAM,IAAI;;;;;;;;;CAK2C,CAAC;AAEtD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,UAAU,EAAE,KAAU,CAAC;AAEpC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAMlC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAW/B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAWjC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAQhC,CAAC"}