@shipfox/client-agent 0.2.0

package/dist/components/harnesses-section.stories.js

@@ -0,0 +1,138 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { configureApiClient } from '@shipfox/client-api';
+import { Toaster } from '@shipfox/react-ui/toast';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { useMemo } from 'react';
+import { WorkspaceHarnessesSection } from './harnesses-section.js';
+const WORKSPACE_ID = '11111111-1111-4111-8111-111111111111';
+function HarnessesStory({ scenario }) {
+    configureApiClient({
+        baseUrl: 'https://api.example.test',
+        fetchImpl: fetchForScenario(scenario)
+    });
+    const queryClient = useMemo(()=>new QueryClient({
+            defaultOptions: {
+                queries: {
+                    retry: false
+                }
+            }
+        }), []);
+    return /*#__PURE__*/ _jsxs(QueryClientProvider, {
+        client: queryClient,
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                className: "mx-auto w-full max-w-[760px] bg-background-neutral-background p-24",
+                children: /*#__PURE__*/ _jsx(WorkspaceHarnessesSection, {
+                    workspaceId: WORKSPACE_ID
+                })
+            }),
+            /*#__PURE__*/ _jsx(Toaster, {})
+        ]
+    });
+}
+const meta = {
+    title: 'Agent/HarnessSettings',
+    component: HarnessesStory,
+    parameters: {
+        layout: 'fullscreen'
+    },
+    args: {
+        scenario: 'default-pi'
+    }
+};
+export default meta;
+export const Playground = {};
+export const DefaultClaude = {
+    args: {
+        scenario: 'default-claude'
+    }
+};
+export const ClaudeUnavailable = {
+    args: {
+        scenario: 'claude-unavailable'
+    }
+};
+export const DefaultClaudeUnavailable = {
+    args: {
+        scenario: 'default-claude-unavailable'
+    }
+};
+export const Loading = {
+    args: {
+        scenario: 'loading'
+    }
+};
+export const ErrorState = {
+    args: {
+        scenario: 'error'
+    }
+};
+function fetchForScenario(scenario) {
+    return ()=>{
+        if (scenario === 'loading') return new Promise(()=>undefined);
+        if (scenario === 'error') return Promise.resolve(errorResponse());
+        return Promise.resolve(jsonResponse(configsForScenario(scenario)));
+    };
+}
+function configsForScenario(scenario) {
+    if (scenario === 'claude-unavailable') {
+        return {
+            configs: [
+                providerConfig({
+                    provider_id: 'openai'
+                })
+            ],
+            default_provider_id: 'openai',
+            default_harness_id: null
+        };
+    }
+    if (scenario === 'default-claude-unavailable') {
+        return {
+            configs: [
+                providerConfig({
+                    provider_id: 'openai'
+                })
+            ],
+            default_provider_id: 'openai',
+            default_harness_id: 'claude'
+        };
+    }
+    return {
+        configs: [
+            providerConfig({
+                provider_id: 'anthropic'
+            })
+        ],
+        default_provider_id: 'anthropic',
+        default_harness_id: scenario === 'default-claude' ? 'claude' : null
+    };
+}
+function providerConfig(overrides = {}) {
+    return {
+        kind: 'builtin',
+        provider_id: 'anthropic',
+        default_model: null,
+        created_at: '2026-05-08T00:00:00.000Z',
+        updated_at: '2026-05-08T00:00:00.000Z',
+        ...overrides
+    };
+}
+function jsonResponse(body, init = {}) {
+    return new Response(JSON.stringify(body), {
+        status: 200,
+        headers: {
+            'content-type': 'application/json'
+        },
+        ...init
+    });
+}
+function errorResponse() {
+    return jsonResponse({
+        code: 'server-error'
+    }, {
+        status: 500,
+        statusText: 'Server error'
+    });
+}
+
+//# sourceMappingURL=harnesses-section.stories.js.map

package/dist/components/harnesses-section.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/harnesses-section.stories.tsx"],"sourcesContent":["import type {ModelProviderConfigDto} from '@shipfox/api-agent-dto';\nimport {configureApiClient} from '@shipfox/client-api';\nimport {Toaster} from '@shipfox/react-ui/toast';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {QueryClient, QueryClientProvider} from '@tanstack/react-query';\nimport {useMemo} from 'react';\nimport {WorkspaceHarnessesSection} from './harnesses-section.js';\n\nconst WORKSPACE_ID = '11111111-1111-4111-8111-111111111111';\n\ntype Scenario =\n  | 'default-pi'\n  | 'default-claude'\n  | 'claude-unavailable'\n  | 'default-claude-unavailable'\n  | 'loading'\n  | 'error';\n\ninterface HarnessesStoryProps {\n  scenario: Scenario;\n}\n\nfunction HarnessesStory({scenario}: HarnessesStoryProps) {\n  configureApiClient({\n    baseUrl: 'https://api.example.test',\n    fetchImpl: fetchForScenario(scenario),\n  });\n\n  const queryClient = useMemo(\n    () => new QueryClient({defaultOptions: {queries: {retry: false}}}),\n    [],\n  );\n\n  return (\n    <QueryClientProvider client={queryClient}>\n      <div className=\"mx-auto w-full max-w-[760px] bg-background-neutral-background p-24\">\n        <WorkspaceHarnessesSection workspaceId={WORKSPACE_ID} />\n      </div>\n      <Toaster />\n    </QueryClientProvider>\n  );\n}\n\nconst meta = {\n  title: 'Agent/HarnessSettings',\n  component: HarnessesStory,\n  parameters: {layout: 'fullscreen'},\n  args: {scenario: 'default-pi'},\n} satisfies Meta<typeof HarnessesStory>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Playground: Story = {};\n\nexport const DefaultClaude: Story = {\n  args: {scenario: 'default-claude'},\n};\n\nexport const ClaudeUnavailable: Story = {\n  args: {scenario: 'claude-unavailable'},\n};\n\nexport const DefaultClaudeUnavailable: Story = {\n  args: {scenario: 'default-claude-unavailable'},\n};\n\nexport const Loading: Story = {\n  args: {scenario: 'loading'},\n};\n\nexport const ErrorState: Story = {\n  args: {scenario: 'error'},\n};\n\nfunction fetchForScenario(scenario: Scenario): typeof fetch {\n  return () => {\n    if (scenario === 'loading') return new Promise<Response>(() => undefined);\n    if (scenario === 'error') return Promise.resolve(errorResponse());\n    return Promise.resolve(jsonResponse(configsForScenario(scenario)));\n  };\n}\n\nfunction configsForScenario(scenario: Scenario) {\n  if (scenario === 'claude-unavailable') {\n    return {\n      configs: [providerConfig({provider_id: 'openai'})],\n      default_provider_id: 'openai',\n      default_harness_id: null,\n    };\n  }\n  if (scenario === 'default-claude-unavailable') {\n    return {\n      configs: [providerConfig({provider_id: 'openai'})],\n      default_provider_id: 'openai',\n      default_harness_id: 'claude',\n    };\n  }\n  return {\n    configs: [providerConfig({provider_id: 'anthropic'})],\n    default_provider_id: 'anthropic',\n    default_harness_id: scenario === 'default-claude' ? 'claude' : null,\n  };\n}\n\nfunction providerConfig(\n  overrides: Partial<Omit<ModelProviderConfigDto, 'kind'>> = {},\n): ModelProviderConfigDto {\n  return {\n    kind: 'builtin',\n    provider_id: 'anthropic',\n    default_model: null,\n    created_at: '2026-05-08T00:00:00.000Z',\n    updated_at: '2026-05-08T00:00:00.000Z',\n    ...overrides,\n  };\n}\n\nfunction jsonResponse(body: unknown, init: ResponseInit = {}) {\n  return new Response(JSON.stringify(body), {\n    status: 200,\n    headers: {'content-type': 'application/json'},\n    ...init,\n  });\n}\n\nfunction errorResponse() {\n  return jsonResponse({code: 'server-error'}, {status: 500, statusText: 'Server error'});\n}\n"],"names":["configureApiClient","Toaster","QueryClient","QueryClientProvider","useMemo","WorkspaceHarnessesSection","WORKSPACE_ID","HarnessesStory","scenario","baseUrl","fetchImpl","fetchForScenario","queryClient","defaultOptions","queries","retry","client","div","className","workspaceId","meta","title","component","parameters","layout","args","Playground","DefaultClaude","ClaudeUnavailable","DefaultClaudeUnavailable","Loading","ErrorState","Promise","undefined","resolve","errorResponse","jsonResponse","configsForScenario","configs","providerConfig","provider_id","default_provider_id","default_harness_id","overrides","kind","default_model","created_at","updated_at","body","init","Response","JSON","stringify","status","headers","code","statusText"],"mappings":";AACA,SAAQA,kBAAkB,QAAO,sBAAsB;AACvD,SAAQC,OAAO,QAAO,0BAA0B;AAEhD,SAAQC,WAAW,EAAEC,mBAAmB,QAAO,wBAAwB;AACvE,SAAQC,OAAO,QAAO,QAAQ;AAC9B,SAAQC,yBAAyB,QAAO,yBAAyB;AAEjE,MAAMC,eAAe;AAcrB,SAASC,eAAe,EAACC,QAAQ,EAAsB;IACrDR,mBAAmB;QACjBS,SAAS;QACTC,WAAWC,iBAAiBH;IAC9B;IAEA,MAAMI,cAAcR,QAClB,IAAM,IAAIF,YAAY;YAACW,gBAAgB;gBAACC,SAAS;oBAACC,OAAO;gBAAK;YAAC;QAAC,IAChE,EAAE;IAGJ,qBACE,MAACZ;QAAoBa,QAAQJ;;0BAC3B,KAACK;gBAAIC,WAAU;0BACb,cAAA,KAACb;oBAA0Bc,aAAab;;;0BAE1C,KAACL;;;AAGP;AAEA,MAAMmB,OAAO;IACXC,OAAO;IACPC,WAAWf;IACXgB,YAAY;QAACC,QAAQ;IAAY;IACjCC,MAAM;QAACjB,UAAU;IAAY;AAC/B;AAEA,eAAeY,KAAK;AAGpB,OAAO,MAAMM,aAAoB,CAAC,EAAE;AAEpC,OAAO,MAAMC,gBAAuB;IAClCF,MAAM;QAACjB,UAAU;IAAgB;AACnC,EAAE;AAEF,OAAO,MAAMoB,oBAA2B;IACtCH,MAAM;QAACjB,UAAU;IAAoB;AACvC,EAAE;AAEF,OAAO,MAAMqB,2BAAkC;IAC7CJ,MAAM;QAACjB,UAAU;IAA4B;AAC/C,EAAE;AAEF,OAAO,MAAMsB,UAAiB;IAC5BL,MAAM;QAACjB,UAAU;IAAS;AAC5B,EAAE;AAEF,OAAO,MAAMuB,aAAoB;IAC/BN,MAAM;QAACjB,UAAU;IAAO;AAC1B,EAAE;AAEF,SAASG,iBAAiBH,QAAkB;IAC1C,OAAO;QACL,IAAIA,aAAa,WAAW,OAAO,IAAIwB,QAAkB,IAAMC;QAC/D,IAAIzB,aAAa,SAAS,OAAOwB,QAAQE,OAAO,CAACC;QACjD,OAAOH,QAAQE,OAAO,CAACE,aAAaC,mBAAmB7B;IACzD;AACF;AAEA,SAAS6B,mBAAmB7B,QAAkB;IAC5C,IAAIA,aAAa,sBAAsB;QACrC,OAAO;YACL8B,SAAS;gBAACC,eAAe;oBAACC,aAAa;gBAAQ;aAAG;YAClDC,qBAAqB;YACrBC,oBAAoB;QACtB;IACF;IACA,IAAIlC,aAAa,8BAA8B;QAC7C,OAAO;YACL8B,SAAS;gBAACC,eAAe;oBAACC,aAAa;gBAAQ;aAAG;YAClDC,qBAAqB;YACrBC,oBAAoB;QACtB;IACF;IACA,OAAO;QACLJ,SAAS;YAACC,eAAe;gBAACC,aAAa;YAAW;SAAG;QACrDC,qBAAqB;QACrBC,oBAAoBlC,aAAa,mBAAmB,WAAW;IACjE;AACF;AAEA,SAAS+B,eACPI,YAA2D,CAAC,CAAC;IAE7D,OAAO;QACLC,MAAM;QACNJ,aAAa;QACbK,eAAe;QACfC,YAAY;QACZC,YAAY;QACZ,GAAGJ,SAAS;IACd;AACF;AAEA,SAASP,aAAaY,IAAa,EAAEC,OAAqB,CAAC,CAAC;IAC1D,OAAO,IAAIC,SAASC,KAAKC,SAAS,CAACJ,OAAO;QACxCK,QAAQ;QACRC,SAAS;YAAC,gBAAgB;QAAkB;QAC5C,GAAGL,IAAI;IACT;AACF;AAEA,SAASd;IACP,OAAOC,aAAa;QAACmB,MAAM;IAAc,GAAG;QAACF,QAAQ;QAAKG,YAAY;IAAc;AACtF"}

package/dist/components/model-provider-usage-modal.d.ts

@@ -0,0 +1,11 @@
+import { type Harness } from '@shipfox/api-agent-dto';
+import type { ModelProviderUsageTarget } from './model-provider-usage-target.js';
+export declare function ModelProviderUsageModal({ target, initialModel, open, onOpenChange, closeFocusTarget, workspaceDefaultHarnessId, }: {
+    target: ModelProviderUsageTarget | null;
+    initialModel?: string | null | undefined;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    closeFocusTarget?: HTMLElement | null | undefined;
+    workspaceDefaultHarnessId?: Harness | null | undefined;
+}): import("react").JSX.Element;
+//# sourceMappingURL=model-provider-usage-modal.d.ts.map

package/dist/components/model-provider-usage-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model-provider-usage-modal.d.ts","sourceRoot":"","sources":["../../src/components/model-provider-usage-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,OAAO,EAEb,MAAM,wBAAwB,CAAC;AA2BhC,OAAO,KAAK,EAAC,wBAAwB,EAAC,MAAM,kCAAkC,CAAC;AAM/E,wBAAgB,uBAAuB,CAAC,EACtC,MAAM,EACN,YAAY,EACZ,IAAI,EACJ,YAAY,EACZ,gBAAgB,EAChB,yBAAyB,GAC1B,EAAE;IACD,MAAM,EAAE,wBAAwB,GAAG,IAAI,CAAC;IACxC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACzC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,gBAAgB,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IAClD,yBAAyB,CAAC,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;CACxD,+BA0LA"}

package/dist/components/model-provider-usage-modal.js

@@ -0,0 +1,349 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { DEFAULT_HARNESS, getHarnessDescriptor, listHarnessDescriptors } from '@shipfox/api-agent-dto';
+import { Button } from '@shipfox/react-ui/button';
+import { CodeBlock, CodeBlockBody, CodeBlockContent, CodeBlockCopyButton, CodeBlockFilename, CodeBlockFiles, CodeBlockHeader, CodeBlockItem } from '@shipfox/react-ui/code-block';
+import { Combobox } from '@shipfox/react-ui/combobox';
+import { useCopyToClipboard } from '@shipfox/react-ui/hooks';
+import { Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, ModalTitle } from '@shipfox/react-ui/modal';
+import { Tooltip, TooltipContent, TooltipTrigger } from '@shipfox/react-ui/tooltip';
+import { Code, Text } from '@shipfox/react-ui/typography';
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { buildAgentWorkflowExample } from './agent-workflow-example.js';
+import { compatibleHarnessIds } from './harness-availability.js';
+const WORKFLOW_EXAMPLE_FILENAME = '.shipfox/workflows/agent.yml';
+export function ModelProviderUsageModal({ target, initialModel, open, onOpenChange, closeFocusTarget, workspaceDefaultHarnessId }) {
+    const [selectedModel, setSelectedModel] = useState('');
+    const [selectedHarness, setSelectedHarness] = useState(DEFAULT_HARNESS);
+    useEffect(()=>{
+        if (!target) return;
+        setSelectedModel(initialModel ?? target.default_model ?? target.models[0]?.id ?? '');
+    }, [
+        target,
+        initialModel
+    ]);
+    useEffect(()=>{
+        if (!target) return;
+        const nextCompatibleHarnessIds = compatibleHarnessIds({
+            isCustom: target.isCustom,
+            providerId: target.id
+        });
+        setSelectedHarness(selectInitialHarness(nextCompatibleHarnessIds, workspaceDefaultHarnessId));
+    }, [
+        target,
+        workspaceDefaultHarnessId
+    ]);
+    const compatibleIds = useMemo(()=>target ? compatibleHarnessIds({
+            isCustom: target.isCustom,
+            providerId: target.id
+        }) : [], [
+        target
+    ]);
+    const harnessOptions = useMemo(()=>compatibleIds.map((harnessId)=>({
+                value: harnessId,
+                label: getHarnessDescriptor(harnessId).label
+            })), [
+        compatibleIds
+    ]);
+    const modelOptions = useMemo(()=>target?.models.map((model)=>({
+                value: model.id,
+                label: model.label
+            })) ?? [], [
+        target
+    ]);
+    const example = target ? buildAgentWorkflowExample({
+        harness: selectedHarness,
+        providerId: target.id,
+        model: selectedModel
+    }) : null;
+    const data = example === null ? [] : [
+        {
+            language: 'yaml',
+            filename: WORKFLOW_EXAMPLE_FILENAME,
+            code: example.code
+        }
+    ];
+    function handleOpenChange(nextOpen) {
+        onOpenChange(nextOpen);
+        if (!nextOpen && closeFocusTarget) {
+            window.setTimeout(()=>closeFocusTarget.focus(), 0);
+        }
+    }
+    return /*#__PURE__*/ _jsx(Modal, {
+        open: open && target !== null,
+        onOpenChange: handleOpenChange,
+        children: /*#__PURE__*/ _jsxs(ModalContent, {
+            "aria-describedby": undefined,
+            className: "max-h-[calc(100vh-32px)] max-w-[640px]",
+            children: [
+                /*#__PURE__*/ _jsx(ModalTitle, {
+                    className: "sr-only",
+                    children: target ? `Use ${target.label} in a workflow` : 'Use provider in a workflow'
+                }),
+                /*#__PURE__*/ _jsx(ModalHeader, {
+                    children: /*#__PURE__*/ _jsxs("div", {
+                        className: "flex min-w-0 flex-col gap-2",
+                        children: [
+                            /*#__PURE__*/ _jsx(Text, {
+                                size: "lg",
+                                "aria-hidden": "true",
+                                className: "truncate",
+                                children: target ? `Use ${target.label} in a workflow` : 'Use provider in a workflow'
+                            }),
+                            /*#__PURE__*/ _jsx(Text, {
+                                size: "sm",
+                                className: "text-foreground-neutral-muted",
+                                children: "Reference this provider from a workflow agent step."
+                            })
+                        ]
+                    })
+                }),
+                target && example ? /*#__PURE__*/ _jsxs(_Fragment, {
+                    children: [
+                        /*#__PURE__*/ _jsx(ModalBody, {
+                            className: "min-h-0 flex-1 gap-0 overflow-y-auto overflow-x-clip scrollbar",
+                            children: /*#__PURE__*/ _jsxs("div", {
+                                className: "flex w-full flex-col gap-20",
+                                children: [
+                                    compatibleIds.length === 1 ? /*#__PURE__*/ _jsxs("div", {
+                                        className: "flex flex-col gap-12",
+                                        children: [
+                                            /*#__PURE__*/ _jsxs("div", {
+                                                className: "flex min-h-40 items-center justify-between gap-12 rounded-8 border border-border-neutral-base px-12 py-8",
+                                                children: [
+                                                    /*#__PURE__*/ _jsx(Text, {
+                                                        size: "sm",
+                                                        className: "text-foreground-neutral-muted",
+                                                        children: "Harness"
+                                                    }),
+                                                    /*#__PURE__*/ _jsx(Code, {
+                                                        as: "span",
+                                                        variant: "label",
+                                                        children: compatibleIds[0]
+                                                    })
+                                                ]
+                                            }),
+                                            /*#__PURE__*/ _jsx(Combobox, {
+                                                "aria-label": "Model",
+                                                options: modelOptions,
+                                                value: selectedModel,
+                                                onValueChange: (value)=>{
+                                                    if (value) setSelectedModel(value);
+                                                },
+                                                placeholder: "Select model...",
+                                                searchPlaceholder: "Search models...",
+                                                emptyState: "No model found.",
+                                                className: "w-full"
+                                            })
+                                        ]
+                                    }) : /*#__PURE__*/ _jsxs("div", {
+                                        className: "flex flex-col gap-12 sm:flex-row sm:gap-12",
+                                        children: [
+                                            /*#__PURE__*/ _jsx(Combobox, {
+                                                "aria-label": "Harness",
+                                                options: harnessOptions,
+                                                value: selectedHarness,
+                                                onValueChange: (value)=>{
+                                                    if (isHarness(value)) setSelectedHarness(value);
+                                                },
+                                                placeholder: "Select harness...",
+                                                searchPlaceholder: "Search harnesses...",
+                                                emptyState: "No harness found.",
+                                                className: "w-full sm:flex-1"
+                                            }),
+                                            /*#__PURE__*/ _jsx(Combobox, {
+                                                "aria-label": "Model",
+                                                options: modelOptions,
+                                                value: selectedModel,
+                                                onValueChange: (value)=>{
+                                                    if (value) setSelectedModel(value);
+                                                },
+                                                placeholder: "Select model...",
+                                                searchPlaceholder: "Search models...",
+                                                emptyState: "No model found.",
+                                                className: "w-full sm:flex-1"
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        className: "flex flex-col gap-8",
+                                        children: [
+                                            /*#__PURE__*/ _jsxs(CodeBlock, {
+                                                data: data,
+                                                className: "h-auto min-h-0 rounded-8",
+                                                children: [
+                                                    /*#__PURE__*/ _jsxs(CodeBlockHeader, {
+                                                        children: [
+                                                            /*#__PURE__*/ _jsx(CodeBlockFiles, {
+                                                                children: (item)=>/*#__PURE__*/ _jsx(CodeBlockFilename, {
+                                                                        value: item.filename,
+                                                                        children: item.filename
+                                                                    })
+                                                            }),
+                                                            /*#__PURE__*/ _jsx(CodeBlockCopyButton, {})
+                                                        ]
+                                                    }),
+                                                    /*#__PURE__*/ _jsx(CodeBlockBody, {
+                                                        children: (item)=>/*#__PURE__*/ _jsx(CodeBlockItem, {
+                                                                value: item.filename,
+                                                                children: /*#__PURE__*/ _jsx(CodeBlockContent, {
+                                                                    language: "yaml",
+                                                                    syntaxHighlighting: true,
+                                                                    highlightedLineRange: example.highlightedLineRange,
+                                                                    children: item.code
+                                                                })
+                                                            })
+                                                    })
+                                                ]
+                                            }),
+                                            /*#__PURE__*/ _jsxs(Text, {
+                                                size: "sm",
+                                                className: "text-foreground-neutral-muted",
+                                                children: [
+                                                    "Add this to a workflow file under",
+                                                    ' ',
+                                                    /*#__PURE__*/ _jsx(Code, {
+                                                        as: "span",
+                                                        variant: "label",
+                                                        children: ".shipfox/workflows/"
+                                                    }),
+                                                    ' ',
+                                                    "in your repository to run it."
+                                                ]
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        className: "flex flex-col gap-8",
+                                        children: [
+                                            /*#__PURE__*/ _jsxs(Text, {
+                                                size: "sm",
+                                                bold: true,
+                                                children: [
+                                                    "Available models (",
+                                                    target.models.length,
+                                                    ")"
+                                                ]
+                                            }),
+                                            /*#__PURE__*/ _jsx("ul", {
+                                                className: "rounded-8 border border-border-neutral-base",
+                                                children: target.models.map((model)=>/*#__PURE__*/ _jsx(ModelProviderModelRow, {
+                                                        label: model.label,
+                                                        id: model.id
+                                                    }, model.id))
+                                            })
+                                        ]
+                                    })
+                                ]
+                            })
+                        }),
+                        /*#__PURE__*/ _jsx(ModalFooter, {
+                            children: /*#__PURE__*/ _jsx(Button, {
+                                type: "button",
+                                onClick: ()=>handleOpenChange(false),
+                                children: "Done"
+                            })
+                        })
+                    ]
+                }) : null
+            ]
+        })
+    });
+}
+function selectInitialHarness(compatibleIds, workspaceDefaultHarnessId) {
+    if (workspaceDefaultHarnessId && compatibleIds.includes(workspaceDefaultHarnessId)) {
+        return workspaceDefaultHarnessId;
+    }
+    if (compatibleIds.includes(DEFAULT_HARNESS)) return DEFAULT_HARNESS;
+    return compatibleIds[0] ?? DEFAULT_HARNESS;
+}
+function isHarness(value) {
+    return listHarnessDescriptors().some((descriptor)=>descriptor.id === value);
+}
+function ModelProviderModelRow({ label, id }) {
+    const [copyState, setCopyState] = useState('idle');
+    const timeoutRef = useRef(undefined);
+    const { copy } = useCopyToClipboard({
+        text: id,
+        onCopy: ()=>{
+            setTemporaryCopyState('copied');
+        }
+    });
+    useEffect(()=>{
+        return ()=>{
+            if (timeoutRef.current) clearTimeout(timeoutRef.current);
+        };
+    }, []);
+    function setTemporaryCopyState(state) {
+        setCopyState(state);
+        if (timeoutRef.current) clearTimeout(timeoutRef.current);
+        timeoutRef.current = setTimeout(()=>setCopyState('idle'), 2500);
+    }
+    async function handleCopy() {
+        try {
+            await copy();
+        } catch  {
+            setTemporaryCopyState('failed');
+        }
+    }
+    return /*#__PURE__*/ _jsxs("li", {
+        className: "border-b border-border-neutral-base last:border-b-0",
+        children: [
+            /*#__PURE__*/ _jsxs(Tooltip, {
+                open: copyState === 'copied',
+                children: [
+                    /*#__PURE__*/ _jsx(TooltipTrigger, {
+                        asChild: true,
+                        children: /*#__PURE__*/ _jsxs("button", {
+                            type: "button",
+                            "aria-label": `Copy ${label} model id ${id}`,
+                            className: "flex min-h-40 w-full min-w-0 flex-col items-start gap-2 px-12 py-8 text-left transition-colors hover:bg-background-components-hover focus-visible:shadow-border-interactive-with-active focus-visible:outline-none sm:flex-row sm:items-center sm:gap-8",
+                            onClick: ()=>{
+                                void handleCopy();
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsx(Text, {
+                                    as: "span",
+                                    size: "sm",
+                                    bold: true,
+                                    className: "max-w-full shrink-0 truncate sm:max-w-[48%]",
+                                    children: label
+                                }),
+                                /*#__PURE__*/ _jsx(Code, {
+                                    as: "span",
+                                    variant: "label",
+                                    className: "min-w-0 max-w-full truncate text-left text-foreground-neutral-muted sm:flex-1 sm:text-right",
+                                    children: id
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(TooltipContent, {
+                        side: "top",
+                        align: "center",
+                        children: "Copied"
+                    })
+                ]
+            }),
+            copyState === 'copied' ? /*#__PURE__*/ _jsxs("span", {
+                className: "sr-only",
+                role: "status",
+                children: [
+                    "Copied ",
+                    label,
+                    " id"
+                ]
+            }) : null,
+            copyState === 'failed' ? /*#__PURE__*/ _jsxs("span", {
+                className: "sr-only",
+                role: "status",
+                children: [
+                    "Could not copy ",
+                    label,
+                    " id"
+                ]
+            }) : null
+        ]
+    });
+}
+
+//# sourceMappingURL=model-provider-usage-modal.js.map

package/dist/components/model-provider-usage-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/model-provider-usage-modal.tsx"],"sourcesContent":["import {\n  DEFAULT_HARNESS,\n  getHarnessDescriptor,\n  type Harness,\n  listHarnessDescriptors,\n} from '@shipfox/api-agent-dto';\nimport {Button} from '@shipfox/react-ui/button';\nimport {\n  CodeBlock,\n  CodeBlockBody,\n  CodeBlockContent,\n  CodeBlockCopyButton,\n  CodeBlockFilename,\n  CodeBlockFiles,\n  CodeBlockHeader,\n  CodeBlockItem,\n} from '@shipfox/react-ui/code-block';\nimport {Combobox} from '@shipfox/react-ui/combobox';\nimport {useCopyToClipboard} from '@shipfox/react-ui/hooks';\nimport {\n  Modal,\n  ModalBody,\n  ModalContent,\n  ModalFooter,\n  ModalHeader,\n  ModalTitle,\n} from '@shipfox/react-ui/modal';\nimport {Tooltip, TooltipContent, TooltipTrigger} from '@shipfox/react-ui/tooltip';\nimport {Code, Text} from '@shipfox/react-ui/typography';\nimport {useEffect, useMemo, useRef, useState} from 'react';\nimport {buildAgentWorkflowExample} from './agent-workflow-example.js';\nimport {compatibleHarnessIds} from './harness-availability.js';\nimport type {ModelProviderUsageTarget} from './model-provider-usage-target.js';\n\ntype CopyState = 'idle' | 'copied' | 'failed';\n\nconst WORKFLOW_EXAMPLE_FILENAME = '.shipfox/workflows/agent.yml';\n\nexport function ModelProviderUsageModal({\n  target,\n  initialModel,\n  open,\n  onOpenChange,\n  closeFocusTarget,\n  workspaceDefaultHarnessId,\n}: {\n  target: ModelProviderUsageTarget | null;\n  initialModel?: string | null | undefined;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  closeFocusTarget?: HTMLElement | null | undefined;\n  workspaceDefaultHarnessId?: Harness | null | undefined;\n}) {\n  const [selectedModel, setSelectedModel] = useState('');\n  const [selectedHarness, setSelectedHarness] = useState<Harness>(DEFAULT_HARNESS);\n\n  useEffect(() => {\n    if (!target) return;\n    setSelectedModel(initialModel ?? target.default_model ?? target.models[0]?.id ?? '');\n  }, [target, initialModel]);\n\n  useEffect(() => {\n    if (!target) return;\n    const nextCompatibleHarnessIds = compatibleHarnessIds({\n      isCustom: target.isCustom,\n      providerId: target.id,\n    });\n    setSelectedHarness(selectInitialHarness(nextCompatibleHarnessIds, workspaceDefaultHarnessId));\n  }, [target, workspaceDefaultHarnessId]);\n\n  const compatibleIds = useMemo(\n    () =>\n      target\n        ? compatibleHarnessIds({isCustom: target.isCustom, providerId: target.id})\n        : ([] as Harness[]),\n    [target],\n  );\n  const harnessOptions = useMemo(\n    () =>\n      compatibleIds.map((harnessId) => ({\n        value: harnessId,\n        label: getHarnessDescriptor(harnessId).label,\n      })),\n    [compatibleIds],\n  );\n  const modelOptions = useMemo(\n    () => target?.models.map((model) => ({value: model.id, label: model.label})) ?? [],\n    [target],\n  );\n  const example = target\n    ? buildAgentWorkflowExample({\n        harness: selectedHarness,\n        providerId: target.id,\n        model: selectedModel,\n      })\n    : null;\n  const data =\n    example === null\n      ? []\n      : [{language: 'yaml', filename: WORKFLOW_EXAMPLE_FILENAME, code: example.code}];\n\n  function handleOpenChange(nextOpen: boolean) {\n    onOpenChange(nextOpen);\n    if (!nextOpen && closeFocusTarget) {\n      window.setTimeout(() => closeFocusTarget.focus(), 0);\n    }\n  }\n\n  return (\n    <Modal open={open && target !== null} onOpenChange={handleOpenChange}>\n      <ModalContent aria-describedby={undefined} className=\"max-h-[calc(100vh-32px)] max-w-[640px]\">\n        <ModalTitle className=\"sr-only\">\n          {target ? `Use ${target.label} in a workflow` : 'Use provider in a workflow'}\n        </ModalTitle>\n        <ModalHeader>\n          <div className=\"flex min-w-0 flex-col gap-2\">\n            <Text size=\"lg\" aria-hidden=\"true\" className=\"truncate\">\n              {target ? `Use ${target.label} in a workflow` : 'Use provider in a workflow'}\n            </Text>\n            <Text size=\"sm\" className=\"text-foreground-neutral-muted\">\n              Reference this provider from a workflow agent step.\n            </Text>\n          </div>\n        </ModalHeader>\n        {target && example ? (\n          <>\n            <ModalBody className=\"min-h-0 flex-1 gap-0 overflow-y-auto overflow-x-clip scrollbar\">\n              <div className=\"flex w-full flex-col gap-20\">\n                {compatibleIds.length === 1 ? (\n                  <div className=\"flex flex-col gap-12\">\n                    <div className=\"flex min-h-40 items-center justify-between gap-12 rounded-8 border border-border-neutral-base px-12 py-8\">\n                      <Text size=\"sm\" className=\"text-foreground-neutral-muted\">\n                        Harness\n                      </Text>\n                      <Code as=\"span\" variant=\"label\">\n                        {compatibleIds[0]}\n                      </Code>\n                    </div>\n                    <Combobox\n                      aria-label=\"Model\"\n                      options={modelOptions}\n                      value={selectedModel}\n                      onValueChange={(value) => {\n                        if (value) setSelectedModel(value);\n                      }}\n                      placeholder=\"Select model...\"\n                      searchPlaceholder=\"Search models...\"\n                      emptyState=\"No model found.\"\n                      className=\"w-full\"\n                    />\n                  </div>\n                ) : (\n                  <div className=\"flex flex-col gap-12 sm:flex-row sm:gap-12\">\n                    <Combobox\n                      aria-label=\"Harness\"\n                      options={harnessOptions}\n                      value={selectedHarness}\n                      onValueChange={(value) => {\n                        if (isHarness(value)) setSelectedHarness(value);\n                      }}\n                      placeholder=\"Select harness...\"\n                      searchPlaceholder=\"Search harnesses...\"\n                      emptyState=\"No harness found.\"\n                      className=\"w-full sm:flex-1\"\n                    />\n                    <Combobox\n                      aria-label=\"Model\"\n                      options={modelOptions}\n                      value={selectedModel}\n                      onValueChange={(value) => {\n                        if (value) setSelectedModel(value);\n                      }}\n                      placeholder=\"Select model...\"\n                      searchPlaceholder=\"Search models...\"\n                      emptyState=\"No model found.\"\n                      className=\"w-full sm:flex-1\"\n                    />\n                  </div>\n                )}\n\n                <div className=\"flex flex-col gap-8\">\n                  <CodeBlock data={data} className=\"h-auto min-h-0 rounded-8\">\n                    <CodeBlockHeader>\n                      <CodeBlockFiles>\n                        {(item) => (\n                          <CodeBlockFilename value={item.filename}>\n                            {item.filename}\n                          </CodeBlockFilename>\n                        )}\n                      </CodeBlockFiles>\n                      <CodeBlockCopyButton />\n                    </CodeBlockHeader>\n                    <CodeBlockBody>\n                      {(item) => (\n                        <CodeBlockItem value={item.filename}>\n                          <CodeBlockContent\n                            language=\"yaml\"\n                            syntaxHighlighting\n                            highlightedLineRange={example.highlightedLineRange}\n                          >\n                            {item.code}\n                          </CodeBlockContent>\n                        </CodeBlockItem>\n                      )}\n                    </CodeBlockBody>\n                  </CodeBlock>\n\n                  <Text size=\"sm\" className=\"text-foreground-neutral-muted\">\n                    Add this to a workflow file under{' '}\n                    <Code as=\"span\" variant=\"label\">\n                      .shipfox/workflows/\n                    </Code>{' '}\n                    in your repository to run it.\n                  </Text>\n                </div>\n\n                <div className=\"flex flex-col gap-8\">\n                  <Text size=\"sm\" bold>\n                    Available models ({target.models.length})\n                  </Text>\n                  <ul className=\"rounded-8 border border-border-neutral-base\">\n                    {target.models.map((model) => (\n                      <ModelProviderModelRow key={model.id} label={model.label} id={model.id} />\n                    ))}\n                  </ul>\n                </div>\n              </div>\n            </ModalBody>\n            <ModalFooter>\n              <Button type=\"button\" onClick={() => handleOpenChange(false)}>\n                Done\n              </Button>\n            </ModalFooter>\n          </>\n        ) : null}\n      </ModalContent>\n    </Modal>\n  );\n}\n\nfunction selectInitialHarness(\n  compatibleIds: Harness[],\n  workspaceDefaultHarnessId: Harness | null | undefined,\n): Harness {\n  if (workspaceDefaultHarnessId && compatibleIds.includes(workspaceDefaultHarnessId)) {\n    return workspaceDefaultHarnessId;\n  }\n  if (compatibleIds.includes(DEFAULT_HARNESS)) return DEFAULT_HARNESS;\n  return compatibleIds[0] ?? DEFAULT_HARNESS;\n}\n\nfunction isHarness(value: string): value is Harness {\n  return listHarnessDescriptors().some((descriptor) => descriptor.id === value);\n}\n\nfunction ModelProviderModelRow({label, id}: {label: string; id: string}) {\n  const [copyState, setCopyState] = useState<CopyState>('idle');\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  const {copy} = useCopyToClipboard({\n    text: id,\n    onCopy: () => {\n      setTemporaryCopyState('copied');\n    },\n  });\n\n  useEffect(() => {\n    return () => {\n      if (timeoutRef.current) clearTimeout(timeoutRef.current);\n    };\n  }, []);\n\n  function setTemporaryCopyState(state: Exclude<CopyState, 'idle'>) {\n    setCopyState(state);\n    if (timeoutRef.current) clearTimeout(timeoutRef.current);\n    timeoutRef.current = setTimeout(() => setCopyState('idle'), 2500);\n  }\n\n  async function handleCopy() {\n    try {\n      await copy();\n    } catch {\n      setTemporaryCopyState('failed');\n    }\n  }\n\n  return (\n    <li className=\"border-b border-border-neutral-base last:border-b-0\">\n      <Tooltip open={copyState === 'copied'}>\n        <TooltipTrigger asChild>\n          <button\n            type=\"button\"\n            aria-label={`Copy ${label} model id ${id}`}\n            className=\"flex min-h-40 w-full min-w-0 flex-col items-start gap-2 px-12 py-8 text-left transition-colors hover:bg-background-components-hover focus-visible:shadow-border-interactive-with-active focus-visible:outline-none sm:flex-row sm:items-center sm:gap-8\"\n            onClick={() => {\n              void handleCopy();\n            }}\n          >\n            <Text as=\"span\" size=\"sm\" bold className=\"max-w-full shrink-0 truncate sm:max-w-[48%]\">\n              {label}\n            </Text>\n            <Code\n              as=\"span\"\n              variant=\"label\"\n              className=\"min-w-0 max-w-full truncate text-left text-foreground-neutral-muted sm:flex-1 sm:text-right\"\n            >\n              {id}\n            </Code>\n          </button>\n        </TooltipTrigger>\n        <TooltipContent side=\"top\" align=\"center\">\n          Copied\n        </TooltipContent>\n      </Tooltip>\n      {copyState === 'copied' ? (\n        <span className=\"sr-only\" role=\"status\">\n          Copied {label} id\n        </span>\n      ) : null}\n      {copyState === 'failed' ? (\n        <span className=\"sr-only\" role=\"status\">\n          Could not copy {label} id\n        </span>\n      ) : null}\n    </li>\n  );\n}\n"],"names":["DEFAULT_HARNESS","getHarnessDescriptor","listHarnessDescriptors","Button","CodeBlock","CodeBlockBody","CodeBlockContent","CodeBlockCopyButton","CodeBlockFilename","CodeBlockFiles","CodeBlockHeader","CodeBlockItem","Combobox","useCopyToClipboard","Modal","ModalBody","ModalContent","ModalFooter","ModalHeader","ModalTitle","Tooltip","TooltipContent","TooltipTrigger","Code","Text","useEffect","useMemo","useRef","useState","buildAgentWorkflowExample","compatibleHarnessIds","WORKFLOW_EXAMPLE_FILENAME","ModelProviderUsageModal","target","initialModel","open","onOpenChange","closeFocusTarget","workspaceDefaultHarnessId","selectedModel","setSelectedModel","selectedHarness","setSelectedHarness","default_model","models","id","nextCompatibleHarnessIds","isCustom","providerId","selectInitialHarness","compatibleIds","harnessOptions","map","harnessId","value","label","modelOptions","model","example","harness","data","language","filename","code","handleOpenChange","nextOpen","window","setTimeout","focus","aria-describedby","undefined","className","div","size","aria-hidden","length","as","variant","aria-label","options","onValueChange","placeholder","searchPlaceholder","emptyState","isHarness","item","syntaxHighlighting","highlightedLineRange","bold","ul","ModelProviderModelRow","type","onClick","includes","some","descriptor","copyState","setCopyState","timeoutRef","copy","text","onCopy","setTemporaryCopyState","current","clearTimeout","state","handleCopy","li","asChild","button","side","align","span","role"],"mappings":"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"}

package/dist/components/model-provider-usage-modal.stories.d.ts

@@ -0,0 +1,21 @@
+import type { StoryObj } from '@storybook/react';
+interface ModelProviderUsageModalStoryProps {
+    variant: 'anthropic' | 'custom' | 'long-list';
+}
+declare function ModelProviderUsageModalStory({ variant }: ModelProviderUsageModalStoryProps): import("react").JSX.Element;
+declare const meta: {
+    title: string;
+    component: typeof ModelProviderUsageModalStory;
+    parameters: {
+        layout: string;
+    };
+    args: {
+        variant: "anthropic";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Playground: Story;
+export declare const LongModelList: Story;
+export declare const CustomProvider: Story;
+//# sourceMappingURL=model-provider-usage-modal.stories.d.ts.map

package/dist/components/model-provider-usage-modal.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model-provider-usage-modal.stories.d.ts","sourceRoot":"","sources":["../../src/components/model-provider-usage-modal.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAQrD,UAAU,iCAAiC;IACzC,OAAO,EAAE,WAAW,GAAG,QAAQ,GAAG,WAAW,CAAC;CAC/C;AAED,iBAAS,4BAA4B,CAAC,EAAC,OAAO,EAAC,EAAE,iCAAiC,+BAmBjF;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,aAAa,EAAE,KAE3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAE5B,CAAC"}