@shipfox/client-agent 0.2.0

package/.storybook/main.ts

@@ -0,0 +1 @@
+export {default} from '../../.storybook/main.ts';

package/.storybook/preview.css

@@ -0,0 +1,4 @@
+@import "@shipfox/react-ui/index.css";
+
+@source "../src";
+@source "../../../shared/react/ui/src";

package/.storybook/preview.tsx

@@ -0,0 +1,56 @@
+import './preview.css';
+import {ThemeProvider} from '@shipfox/react-ui/theme';
+import type {Decorator, Preview} from '@storybook/react';
+
+if (typeof document !== 'undefined' && document.fonts) {
+  void Promise.all([
+    document.fonts.load("16px 'Inter'"),
+    document.fonts.load("italic 16px 'Inter'"),
+    document.fonts.load("16px 'Commit Mono'"),
+    document.fonts.load("bold 16px 'Commit Mono'"),
+  ]);
+}
+
+const withTheme: Decorator = (Story, context) => {
+  const theme = context.globals.theme;
+  return (
+    <ThemeProvider key={theme} defaultTheme={theme} storageKey={`shipfox-theme-${theme}`}>
+      <Story />
+    </ThemeProvider>
+  );
+};
+
+const preview: Preview = {
+  decorators: [withTheme],
+  parameters: {
+    argos: {
+      // Dual-theme coverage lives in @shipfox/react-ui (the theming source of truth);
+      // feature packages capture only the primary dark theme to limit Argos spend.
+      modes: {
+        dark: {theme: 'dark'},
+      },
+      fitToContent: false,
+    },
+    options: {
+      storySort: {method: 'alphabetical'},
+    },
+  },
+  globalTypes: {
+    theme: {
+      name: 'Theme',
+      description: 'Global theme for components',
+      defaultValue: 'dark',
+      toolbar: {
+        icon: 'sun',
+        items: [
+          {value: 'light', icon: 'sun', title: 'Light'},
+          {value: 'dark', icon: 'moon', title: 'Dark'},
+          {value: 'system', icon: 'info', title: 'System'},
+        ],
+        showName: true,
+      },
+    },
+  },
+};
+
+export default preview;

package/.turbo/turbo-build.log

@@ -0,0 +1,2 @@
+$ shipfox-swc
+Successfully compiled: 30 files with swc (49.55ms)

package/.turbo/turbo-type$colon$emit.log

@@ -0,0 +1 @@
+$ shipfox-tsc-emit

package/.turbo/turbo-type.log

@@ -0,0 +1 @@
+$ shipfox-tsc-check

package/CHANGELOG.md

@@ -0,0 +1,93 @@
+# @shipfox/client-agent
+
+## 0.2.0
+
+### Minor Changes
+
+- 3d064b8: Publishes the client runtime closure with shell, feature, route, Vite, and testing contracts.
+- 6bc2e45: Adds the composable upstream client shell, feature catalog, and route manifests for every client feature.
+
+### Patch Changes
+
+- Updated dependencies [3d064b8]
+- Updated dependencies [6bc2e45]
+  - @shipfox/client-api@0.2.0
+  - @shipfox/client-shell@0.2.0
+  - @shipfox/client-ui@0.2.0
+
+## 0.1.2
+
+### Patch Changes
+
+- Updated dependencies [c18d624]
+  - @shipfox/react-ui@0.3.1
+  - @shipfox/client-ui@0.1.2
+  - @shipfox/api-agent-dto@3.0.0
+
+## 0.1.1
+
+### Patch Changes
+
+- Updated dependencies [1b0d344]
+  - @shipfox/api-agent-dto@2.0.0
+  - @shipfox/client-ui@0.1.1
+  - @shipfox/client-api@0.0.1
+  - @shipfox/react-ui@0.3.0
+
+## 0.1.0
+
+### Minor Changes
+
+- 067a260: Adds workspace model provider settings for configuring, testing, defaulting, and deleting provider credentials.
+- 1b9d909: Add a workflow example usage modal for configured model providers, with model selection, ready-to-copy workflow YAML, model id browsing, and automatic opening after first configuration.
+
+### Patch Changes
+
+- Updated dependencies [067a260]
+- Updated dependencies [43d7996]
+- Updated dependencies [14e0bea]
+- Updated dependencies [9018f0b]
+- Updated dependencies [7fdfd72]
+- Updated dependencies [2a3193f]
+- Updated dependencies [de54da2]
+- Updated dependencies [7ca4c65]
+- Updated dependencies [f104ff2]
+- Updated dependencies [7341569]
+- Updated dependencies [5bcdbf4]
+- Updated dependencies [e4c6abf]
+- Updated dependencies [aca162b]
+- Updated dependencies [5d0676a]
+- Updated dependencies [a35c2dc]
+- Updated dependencies [58f7aef]
+- Updated dependencies [5264a22]
+- Updated dependencies [9674879]
+- Updated dependencies [225c9a5]
+- Updated dependencies [24f131b]
+- Updated dependencies [bb2a7bc]
+- Updated dependencies [5eb06d0]
+- Updated dependencies [4e13e5f]
+- Updated dependencies [e92150d]
+- Updated dependencies [8037501]
+- Updated dependencies [0fb6018]
+- Updated dependencies [c27a1ed]
+- Updated dependencies [b8e49ff]
+- Updated dependencies [8037501]
+- Updated dependencies [6c0da64]
+- Updated dependencies [07f8ff8]
+- Updated dependencies [e457582]
+- Updated dependencies [8b5c905]
+- Updated dependencies [f849131]
+- Updated dependencies [94bdcc5]
+- Updated dependencies [a34c8ea]
+- Updated dependencies [27770eb]
+- Updated dependencies [8ac4bf4]
+- Updated dependencies [3a0be6b]
+- Updated dependencies [282e66a]
+- Updated dependencies [d42baf4]
+- Updated dependencies [8037501]
+- Updated dependencies [54bb8a3]
+- Updated dependencies [f711e18]
+  - @shipfox/api-agent-dto@0.1.0
+  - @shipfox/react-ui@0.3.0
+  - @shipfox/client-api@0.0.1
+  - @shipfox/client-ui@0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Shipfox
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/components/add-custom-provider-card.d.ts

@@ -0,0 +1,4 @@
+export declare function AddCustomProviderCard({ onConfigure }: {
+    onConfigure: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=add-custom-provider-card.d.ts.map

package/dist/components/add-custom-provider-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-custom-provider-card.d.ts","sourceRoot":"","sources":["../../src/components/add-custom-provider-card.tsx"],"names":[],"mappings":"AAOA,wBAAgB,qBAAqB,CAAC,EAAC,WAAW,EAAC,EAAE;IAAC,WAAW,EAAE,MAAM,IAAI,CAAA;CAAC,+BAwB7E"}

package/dist/components/add-custom-provider-card.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from '@shipfox/react-ui/icon';
+import { Text } from '@shipfox/react-ui/typography';
+import { cn } from '@shipfox/react-ui/utils';
+const SURFACE_CLASS = 'overflow-hidden rounded-8 border border-border-neutral-base bg-background-neutral-base';
+export function AddCustomProviderCard({ onConfigure }) {
+    return /*#__PURE__*/ _jsx("li", {
+        children: /*#__PURE__*/ _jsx("button", {
+            type: "button",
+            className: cn('group block h-full 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": "Configure custom provider",
+            onClick: onConfigure,
+            children: /*#__PURE__*/ _jsxs("div", {
+                className: "flex min-w-0 items-center justify-between gap-12",
+                children: [
+                    /*#__PURE__*/ _jsx(Text, {
+                        size: "md",
+                        bold: true,
+                        className: "min-w-0 truncate",
+                        children: "Custom"
+                    }),
+                    /*#__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: "Configure"
+                            }),
+                            /*#__PURE__*/ _jsx(Icon, {
+                                name: "chevronRight",
+                                className: "size-16"
+                            })
+                        ]
+                    })
+                ]
+            })
+        })
+    });
+}
+
+//# sourceMappingURL=add-custom-provider-card.js.map

package/dist/components/add-custom-provider-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/add-custom-provider-card.tsx"],"sourcesContent":["import {Icon} from '@shipfox/react-ui/icon';\nimport {Text} from '@shipfox/react-ui/typography';\nimport {cn} from '@shipfox/react-ui/utils';\n\nconst SURFACE_CLASS =\n  'overflow-hidden rounded-8 border border-border-neutral-base bg-background-neutral-base';\n\nexport function AddCustomProviderCard({onConfigure}: {onConfigure: () => void}) {\n  return (\n    <li>\n      <button\n        type=\"button\"\n        className={cn(\n          'group block h-full 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=\"Configure custom provider\"\n        onClick={onConfigure}\n      >\n        <div className=\"flex min-w-0 items-center justify-between gap-12\">\n          <Text size=\"md\" bold className=\"min-w-0 truncate\">\n            Custom\n          </Text>\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\">Configure</Text>\n            <Icon name=\"chevronRight\" className=\"size-16\" />\n          </div>\n        </div>\n      </button>\n    </li>\n  );\n}\n"],"names":["Icon","Text","cn","SURFACE_CLASS","AddCustomProviderCard","onConfigure","li","button","type","className","aria-label","onClick","div","size","bold","name"],"mappings":";AAAA,SAAQA,IAAI,QAAO,yBAAyB;AAC5C,SAAQC,IAAI,QAAO,+BAA+B;AAClD,SAAQC,EAAE,QAAO,0BAA0B;AAE3C,MAAMC,gBACJ;AAEF,OAAO,SAASC,sBAAsB,EAACC,WAAW,EAA4B;IAC5E,qBACE,KAACC;kBACC,cAAA,KAACC;YACCC,MAAK;YACLC,WAAWP,GACT,yKACAC;YAEFO,cAAW;YACXC,SAASN;sBAET,cAAA,MAACO;gBAAIH,WAAU;;kCACb,KAACR;wBAAKY,MAAK;wBAAKC,IAAI;wBAACL,WAAU;kCAAmB;;kCAGlD,MAACG;wBAAIH,WAAU;;0CACb,KAACR;gCAAKY,MAAK;0CAAK;;0CAChB,KAACb;gCAAKe,MAAK;gCAAeN,WAAU;;;;;;;;AAMhD"}

package/dist/components/agent-workflow-example.d.ts

@@ -0,0 +1,11 @@
+import type { CodeBlockHighlightedLineRange } from '@shipfox/react-ui/code-block';
+export interface AgentWorkflowExample {
+    code: string;
+    highlightedLineRange: CodeBlockHighlightedLineRange;
+}
+export declare function buildAgentWorkflowExample({ harness, providerId, model, }: {
+    harness: string;
+    providerId: string;
+    model: string;
+}): AgentWorkflowExample;
+//# sourceMappingURL=agent-workflow-example.d.ts.map

package/dist/components/agent-workflow-example.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"agent-workflow-example.d.ts","sourceRoot":"","sources":["../../src/components/agent-workflow-example.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,6BAA6B,EAAC,MAAM,8BAA8B,CAAC;AAKhF,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,oBAAoB,EAAE,6BAA6B,CAAC;CACrD;AAED,wBAAgB,yBAAyB,CAAC,EACxC,OAAO,EACP,UAAU,EACV,KAAK,GACN,EAAE;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,oBAAoB,CA2BvB"}

package/dist/components/agent-workflow-example.js

@@ -0,0 +1,38 @@
+const YAML_SAFE_PLAIN_SCALAR_RE = /^[A-Za-z][A-Za-z0-9._/-]*$/;
+const YAML_AMBIGUOUS_PLAIN_SCALAR_RE = /^(?:false|n|no|null|off|on|true|y|yes)$/i;
+export function buildAgentWorkflowExample({ harness, providerId, model }) {
+    const lines = [
+        'name: Agent',
+        'triggers:',
+        '  on_demand:',
+        '    source: manual',
+        '    event: fire',
+        'jobs:',
+        '  agent:',
+        '    runner: ubuntu-latest',
+        '    steps:',
+        '      - name: implement',
+        `        harness: ${formatYamlPlainOrSingleQuotedScalar(harness)}`,
+        `        provider: ${formatYamlPlainOrSingleQuotedScalar(providerId)}`,
+        `        model: ${formatYamlPlainOrSingleQuotedScalar(model)}`,
+        '        prompt: Describe the change you want the agent to make.'
+    ];
+    const harnessLineIndex = lines.findIndex((line)=>line.trimStart().startsWith('harness:'));
+    const modelLineIndex = lines.findIndex((line)=>line.trimStart().startsWith('model:'));
+    return {
+        code: lines.join('\n'),
+        highlightedLineRange: {
+            startLine: harnessLineIndex + 1,
+            endLine: modelLineIndex + 1
+        }
+    };
+}
+function formatYamlPlainOrSingleQuotedScalar(value) {
+    if (!requiresYamlSingleQuotes(value)) return value;
+    return `'${value.replaceAll("'", "''")}'`;
+}
+function requiresYamlSingleQuotes(value) {
+    return !YAML_SAFE_PLAIN_SCALAR_RE.test(value) || YAML_AMBIGUOUS_PLAIN_SCALAR_RE.test(value);
+}
+
+//# sourceMappingURL=agent-workflow-example.js.map

package/dist/components/agent-workflow-example.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/agent-workflow-example.ts"],"sourcesContent":["import type {CodeBlockHighlightedLineRange} from '@shipfox/react-ui/code-block';\n\nconst YAML_SAFE_PLAIN_SCALAR_RE = /^[A-Za-z][A-Za-z0-9._/-]*$/;\nconst YAML_AMBIGUOUS_PLAIN_SCALAR_RE = /^(?:false|n|no|null|off|on|true|y|yes)$/i;\n\nexport interface AgentWorkflowExample {\n  code: string;\n  highlightedLineRange: CodeBlockHighlightedLineRange;\n}\n\nexport function buildAgentWorkflowExample({\n  harness,\n  providerId,\n  model,\n}: {\n  harness: string;\n  providerId: string;\n  model: string;\n}): AgentWorkflowExample {\n  const lines = [\n    'name: Agent',\n    'triggers:',\n    '  on_demand:',\n    '    source: manual',\n    '    event: fire',\n    'jobs:',\n    '  agent:',\n    '    runner: ubuntu-latest',\n    '    steps:',\n    '      - name: implement',\n    `        harness: ${formatYamlPlainOrSingleQuotedScalar(harness)}`,\n    `        provider: ${formatYamlPlainOrSingleQuotedScalar(providerId)}`,\n    `        model: ${formatYamlPlainOrSingleQuotedScalar(model)}`,\n    '        prompt: Describe the change you want the agent to make.',\n  ];\n  const harnessLineIndex = lines.findIndex((line) => line.trimStart().startsWith('harness:'));\n  const modelLineIndex = lines.findIndex((line) => line.trimStart().startsWith('model:'));\n\n  return {\n    code: lines.join('\\n'),\n    highlightedLineRange: {\n      startLine: harnessLineIndex + 1,\n      endLine: modelLineIndex + 1,\n    },\n  };\n}\n\nfunction formatYamlPlainOrSingleQuotedScalar(value: string): string {\n  if (!requiresYamlSingleQuotes(value)) return value;\n  return `'${value.replaceAll(\"'\", \"''\")}'`;\n}\n\nfunction requiresYamlSingleQuotes(value: string): boolean {\n  return !YAML_SAFE_PLAIN_SCALAR_RE.test(value) || YAML_AMBIGUOUS_PLAIN_SCALAR_RE.test(value);\n}\n"],"names":["YAML_SAFE_PLAIN_SCALAR_RE","YAML_AMBIGUOUS_PLAIN_SCALAR_RE","buildAgentWorkflowExample","harness","providerId","model","lines","formatYamlPlainOrSingleQuotedScalar","harnessLineIndex","findIndex","line","trimStart","startsWith","modelLineIndex","code","join","highlightedLineRange","startLine","endLine","value","requiresYamlSingleQuotes","replaceAll","test"],"mappings":"AAEA,MAAMA,4BAA4B;AAClC,MAAMC,iCAAiC;AAOvC,OAAO,SAASC,0BAA0B,EACxCC,OAAO,EACPC,UAAU,EACVC,KAAK,EAKN;IACC,MAAMC,QAAQ;QACZ;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA,CAAC,iBAAiB,EAAEC,oCAAoCJ,UAAU;QAClE,CAAC,kBAAkB,EAAEI,oCAAoCH,aAAa;QACtE,CAAC,eAAe,EAAEG,oCAAoCF,QAAQ;QAC9D;KACD;IACD,MAAMG,mBAAmBF,MAAMG,SAAS,CAAC,CAACC,OAASA,KAAKC,SAAS,GAAGC,UAAU,CAAC;IAC/E,MAAMC,iBAAiBP,MAAMG,SAAS,CAAC,CAACC,OAASA,KAAKC,SAAS,GAAGC,UAAU,CAAC;IAE7E,OAAO;QACLE,MAAMR,MAAMS,IAAI,CAAC;QACjBC,sBAAsB;YACpBC,WAAWT,mBAAmB;YAC9BU,SAASL,iBAAiB;QAC5B;IACF;AACF;AAEA,SAASN,oCAAoCY,KAAa;IACxD,IAAI,CAACC,yBAAyBD,QAAQ,OAAOA;IAC7C,OAAO,CAAC,CAAC,EAAEA,MAAME,UAAU,CAAC,KAAK,MAAM,CAAC,CAAC;AAC3C;AAEA,SAASD,yBAAyBD,KAAa;IAC7C,OAAO,CAACnB,0BAA0BsB,IAAI,CAACH,UAAUlB,+BAA+BqB,IAAI,CAACH;AACvF"}

package/dist/components/available-provider-card.d.ts

@@ -0,0 +1,6 @@
+import type { ModelProviderCatalogEntryDto } from '@shipfox/api-agent-dto';
+export declare function AvailableProviderCard({ entry, onConfigure, }: {
+    entry: ModelProviderCatalogEntryDto;
+    onConfigure: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=available-provider-card.d.ts.map

package/dist/components/available-provider-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"available-provider-card.d.ts","sourceRoot":"","sources":["../../src/components/available-provider-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,4BAA4B,EAAC,MAAM,wBAAwB,CAAC;AAQzE,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,WAAW,GACZ,EAAE;IACD,KAAK,EAAE,4BAA4B,CAAC;IACpC,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,+BAwBA"}

package/dist/components/available-provider-card.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from '@shipfox/react-ui/icon';
+import { Text } from '@shipfox/react-ui/typography';
+import { cn } from '@shipfox/react-ui/utils';
+const SURFACE_CLASS = 'overflow-hidden rounded-8 border border-border-neutral-base bg-background-neutral-base';
+export function AvailableProviderCard({ entry, onConfigure }) {
+    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": `Configure ${entry.label}`,
+            onClick: onConfigure,
+            children: /*#__PURE__*/ _jsxs("div", {
+                className: "flex min-w-0 items-center justify-between gap-12",
+                children: [
+                    /*#__PURE__*/ _jsx(Text, {
+                        size: "md",
+                        bold: true,
+                        className: "min-w-0 truncate",
+                        children: entry.label
+                    }),
+                    /*#__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: "Configure"
+                            }),
+                            /*#__PURE__*/ _jsx(Icon, {
+                                name: "chevronRight",
+                                className: "size-16"
+                            })
+                        ]
+                    })
+                ]
+            })
+        })
+    });
+}
+
+//# sourceMappingURL=available-provider-card.js.map

package/dist/components/available-provider-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/available-provider-card.tsx"],"sourcesContent":["import type {ModelProviderCatalogEntryDto} from '@shipfox/api-agent-dto';\nimport {Icon} from '@shipfox/react-ui/icon';\nimport {Text} from '@shipfox/react-ui/typography';\nimport {cn} from '@shipfox/react-ui/utils';\n\nconst SURFACE_CLASS =\n  'overflow-hidden rounded-8 border border-border-neutral-base bg-background-neutral-base';\n\nexport function AvailableProviderCard({\n  entry,\n  onConfigure,\n}: {\n  entry: ModelProviderCatalogEntryDto;\n  onConfigure: () => void;\n}) {\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={`Configure ${entry.label}`}\n        onClick={onConfigure}\n      >\n        <div className=\"flex min-w-0 items-center justify-between gap-12\">\n          <Text size=\"md\" bold className=\"min-w-0 truncate\">\n            {entry.label}\n          </Text>\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\">Configure</Text>\n            <Icon name=\"chevronRight\" className=\"size-16\" />\n          </div>\n        </div>\n      </button>\n    </li>\n  );\n}\n"],"names":["Icon","Text","cn","SURFACE_CLASS","AvailableProviderCard","entry","onConfigure","li","button","type","className","aria-label","label","onClick","div","size","bold","name"],"mappings":";AACA,SAAQA,IAAI,QAAO,yBAAyB;AAC5C,SAAQC,IAAI,QAAO,+BAA+B;AAClD,SAAQC,EAAE,QAAO,0BAA0B;AAE3C,MAAMC,gBACJ;AAEF,OAAO,SAASC,sBAAsB,EACpCC,KAAK,EACLC,WAAW,EAIZ;IACC,qBACE,KAACC;kBACC,cAAA,KAACC;YACCC,MAAK;YACLC,WAAWR,GACT,kKACAC;YAEFQ,cAAY,CAAC,UAAU,EAAEN,MAAMO,KAAK,EAAE;YACtCC,SAASP;sBAET,cAAA,MAACQ;gBAAIJ,WAAU;;kCACb,KAACT;wBAAKc,MAAK;wBAAKC,IAAI;wBAACN,WAAU;kCAC5BL,MAAMO,KAAK;;kCAEd,MAACE;wBAAIJ,WAAU;;0CACb,KAACT;gCAAKc,MAAK;0CAAK;;0CAChB,KAACf;gCAAKiB,MAAK;gCAAeP,WAAU;;;;;;;;AAMhD"}

package/dist/components/available-providers-grid.d.ts

@@ -0,0 +1,10 @@
+import type { ModelProviderCatalogEntryDto } from '@shipfox/api-agent-dto';
+import type { ReactNode } from 'react';
+export declare const PROVIDER_GRID_CLASS = "grid grid-cols-2 gap-12 max-[760px]:grid-cols-1";
+export declare function AvailableProvidersGrid<TEntry extends ModelProviderCatalogEntryDto>({ entries, onSelect, trailingCard, trailingCardMatchesSearch, }: {
+    entries: TEntry[];
+    onSelect: (entry: TEntry) => void;
+    trailingCard?: ReactNode | undefined;
+    trailingCardMatchesSearch?: ((query: string) => boolean) | undefined;
+}): import("react").JSX.Element;
+//# sourceMappingURL=available-providers-grid.d.ts.map

package/dist/components/available-providers-grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"available-providers-grid.d.ts","sourceRoot":"","sources":["../../src/components/available-providers-grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,4BAA4B,EAAC,MAAM,wBAAwB,CAAC;AAKzE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAKrC,eAAO,MAAM,mBAAmB,oDAAoD,CAAC;AAKrF,wBAAgB,sBAAsB,CAAC,MAAM,SAAS,4BAA4B,EAAE,EAClF,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,yBAAsC,GACvC,EAAE;IACD,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACrC,yBAAyB,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,SAAS,CAAC;CACtE,+BAuDA"}

package/dist/components/available-providers-grid.js

@@ -0,0 +1,89 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '@shipfox/react-ui/button';
+import { EmptyState } from '@shipfox/react-ui/empty-state';
+import { Icon } from '@shipfox/react-ui/icon';
+import { Input } from '@shipfox/react-ui/input';
+import { useMemo, useRef, useState } from 'react';
+import { AvailableProviderCard } from './available-provider-card.js';
+import { providerMatchesSearch } from './provider-search.js';
+export const PROVIDER_GRID_CLASS = 'grid grid-cols-2 gap-12 max-[760px]:grid-cols-1';
+const SEARCH_VISIBILITY_THRESHOLD = 8;
+const MAX_ECHOED_QUERY_LENGTH = 40;
+export function AvailableProvidersGrid({ entries, onSelect, trailingCard, trailingCardMatchesSearch = ()=>true }) {
+    const [search, setSearch] = useState('');
+    const inputRef = useRef(null);
+    const trimmedSearch = search.trim();
+    const filteredEntries = useMemo(()=>entries.filter((entry)=>providerMatchesSearch(entry, search)), [
+        entries,
+        search
+    ]);
+    const trailingCardVisible = trailingCard !== undefined && trailingCardMatchesSearch(search);
+    const visibleCount = filteredEntries.length + (trailingCardVisible ? 1 : 0);
+    const showSearch = entries.length > SEARCH_VISIBILITY_THRESHOLD || trimmedSearch !== '';
+    const providerListLabel = trimmedSearch !== '' ? 'Available providers matching search' : 'Available providers';
+    const resultCountText = trimmedSearch === '' ? '' : providerResultCountText(filteredEntries.length, trimmedSearch);
+    function clearSearch() {
+        setSearch('');
+        inputRef.current?.focus();
+    }
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "flex flex-col gap-12",
+        children: [
+            showSearch ? /*#__PURE__*/ _jsx(Input, {
+                ref: inputRef,
+                type: "search",
+                "aria-label": "Search providers",
+                placeholder: "Search providers...",
+                value: search,
+                iconLeft: /*#__PURE__*/ _jsx(Icon, {
+                    name: "searchLine",
+                    className: "size-16 text-foreground-neutral-muted"
+                }),
+                onChange: (event)=>setSearch(event.target.value)
+            }) : null,
+            visibleCount > 0 ? /*#__PURE__*/ _jsxs("ul", {
+                className: PROVIDER_GRID_CLASS,
+                "aria-label": providerListLabel,
+                children: [
+                    filteredEntries.map((entry)=>/*#__PURE__*/ _jsx(AvailableProviderCard, {
+                            entry: entry,
+                            onConfigure: ()=>onSelect(entry)
+                        }, entry.id)),
+                    trailingCardVisible ? trailingCard : null
+                ]
+            }) : /*#__PURE__*/ _jsx(NoProviderSearchResults, {
+                search: trimmedSearch,
+                onClear: clearSearch
+            }),
+            /*#__PURE__*/ _jsx("p", {
+                role: "status",
+                "aria-live": "polite",
+                className: "sr-only",
+                children: resultCountText
+            })
+        ]
+    });
+}
+function NoProviderSearchResults({ search, onClear }) {
+    return /*#__PURE__*/ _jsx(EmptyState, {
+        icon: "searchLine",
+        title: `No providers match "${truncateQuery(search)}"`,
+        description: "Try a different search, or clear it to see all providers.",
+        action: /*#__PURE__*/ _jsx(Button, {
+            size: "sm",
+            variant: "secondary",
+            onClick: onClear,
+            children: "Clear search"
+        })
+    });
+}
+function truncateQuery(query) {
+    if (query.length <= MAX_ECHOED_QUERY_LENGTH) return query;
+    return `${query.slice(0, MAX_ECHOED_QUERY_LENGTH - 3)}...`;
+}
+function providerResultCountText(count, query) {
+    if (count === 1) return `1 provider matches "${query}"`;
+    return `${count} providers match "${query}"`;
+}
+
+//# sourceMappingURL=available-providers-grid.js.map

package/dist/components/available-providers-grid.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/available-providers-grid.tsx"],"sourcesContent":["import type {ModelProviderCatalogEntryDto} from '@shipfox/api-agent-dto';\nimport {Button} from '@shipfox/react-ui/button';\nimport {EmptyState} from '@shipfox/react-ui/empty-state';\nimport {Icon} from '@shipfox/react-ui/icon';\nimport {Input} from '@shipfox/react-ui/input';\nimport type {ReactNode} from 'react';\nimport {useMemo, useRef, useState} from 'react';\nimport {AvailableProviderCard} from './available-provider-card.js';\nimport {providerMatchesSearch} from './provider-search.js';\n\nexport const PROVIDER_GRID_CLASS = 'grid grid-cols-2 gap-12 max-[760px]:grid-cols-1';\n\nconst SEARCH_VISIBILITY_THRESHOLD = 8;\nconst MAX_ECHOED_QUERY_LENGTH = 40;\n\nexport function AvailableProvidersGrid<TEntry extends ModelProviderCatalogEntryDto>({\n  entries,\n  onSelect,\n  trailingCard,\n  trailingCardMatchesSearch = () => true,\n}: {\n  entries: TEntry[];\n  onSelect: (entry: TEntry) => void;\n  trailingCard?: ReactNode | undefined;\n  trailingCardMatchesSearch?: ((query: string) => boolean) | undefined;\n}) {\n  const [search, setSearch] = useState('');\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const trimmedSearch = search.trim();\n  const filteredEntries = useMemo(\n    () => entries.filter((entry) => providerMatchesSearch(entry, search)),\n    [entries, search],\n  );\n  const trailingCardVisible = trailingCard !== undefined && trailingCardMatchesSearch(search);\n  const visibleCount = filteredEntries.length + (trailingCardVisible ? 1 : 0);\n  const showSearch = entries.length > SEARCH_VISIBILITY_THRESHOLD || trimmedSearch !== '';\n  const providerListLabel =\n    trimmedSearch !== '' ? 'Available providers matching search' : 'Available providers';\n  const resultCountText =\n    trimmedSearch === '' ? '' : providerResultCountText(filteredEntries.length, trimmedSearch);\n\n  function clearSearch() {\n    setSearch('');\n    inputRef.current?.focus();\n  }\n\n  return (\n    <div className=\"flex flex-col gap-12\">\n      {showSearch ? (\n        <Input\n          ref={inputRef}\n          type=\"search\"\n          aria-label=\"Search providers\"\n          placeholder=\"Search providers...\"\n          value={search}\n          iconLeft={<Icon name=\"searchLine\" className=\"size-16 text-foreground-neutral-muted\" />}\n          onChange={(event) => setSearch(event.target.value)}\n        />\n      ) : null}\n\n      {visibleCount > 0 ? (\n        <ul className={PROVIDER_GRID_CLASS} aria-label={providerListLabel}>\n          {filteredEntries.map((entry) => (\n            <AvailableProviderCard\n              key={entry.id}\n              entry={entry}\n              onConfigure={() => onSelect(entry)}\n            />\n          ))}\n          {trailingCardVisible ? trailingCard : null}\n        </ul>\n      ) : (\n        <NoProviderSearchResults search={trimmedSearch} onClear={clearSearch} />\n      )}\n\n      <p role=\"status\" aria-live=\"polite\" className=\"sr-only\">\n        {resultCountText}\n      </p>\n    </div>\n  );\n}\n\nfunction NoProviderSearchResults({search, onClear}: {search: string; onClear: () => void}) {\n  return (\n    <EmptyState\n      icon=\"searchLine\"\n      title={`No providers match \"${truncateQuery(search)}\"`}\n      description=\"Try a different search, or clear it to see all providers.\"\n      action={\n        <Button size=\"sm\" variant=\"secondary\" onClick={onClear}>\n          Clear search\n        </Button>\n      }\n    />\n  );\n}\n\nfunction truncateQuery(query: string): string {\n  if (query.length <= MAX_ECHOED_QUERY_LENGTH) return query;\n  return `${query.slice(0, MAX_ECHOED_QUERY_LENGTH - 3)}...`;\n}\n\nfunction providerResultCountText(count: number, query: string): string {\n  if (count === 1) return `1 provider matches \"${query}\"`;\n  return `${count} providers match \"${query}\"`;\n}\n"],"names":["Button","EmptyState","Icon","Input","useMemo","useRef","useState","AvailableProviderCard","providerMatchesSearch","PROVIDER_GRID_CLASS","SEARCH_VISIBILITY_THRESHOLD","MAX_ECHOED_QUERY_LENGTH","AvailableProvidersGrid","entries","onSelect","trailingCard","trailingCardMatchesSearch","search","setSearch","inputRef","trimmedSearch","trim","filteredEntries","filter","entry","trailingCardVisible","undefined","visibleCount","length","showSearch","providerListLabel","resultCountText","providerResultCountText","clearSearch","current","focus","div","className","ref","type","aria-label","placeholder","value","iconLeft","name","onChange","event","target","ul","map","onConfigure","id","NoProviderSearchResults","onClear","p","role","aria-live","icon","title","truncateQuery","description","action","size","variant","onClick","query","slice","count"],"mappings":";AACA,SAAQA,MAAM,QAAO,2BAA2B;AAChD,SAAQC,UAAU,QAAO,gCAAgC;AACzD,SAAQC,IAAI,QAAO,yBAAyB;AAC5C,SAAQC,KAAK,QAAO,0BAA0B;AAE9C,SAAQC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAO,QAAQ;AAChD,SAAQC,qBAAqB,QAAO,+BAA+B;AACnE,SAAQC,qBAAqB,QAAO,uBAAuB;AAE3D,OAAO,MAAMC,sBAAsB,kDAAkD;AAErF,MAAMC,8BAA8B;AACpC,MAAMC,0BAA0B;AAEhC,OAAO,SAASC,uBAAoE,EAClFC,OAAO,EACPC,QAAQ,EACRC,YAAY,EACZC,4BAA4B,IAAM,IAAI,EAMvC;IACC,MAAM,CAACC,QAAQC,UAAU,GAAGZ,SAAS;IACrC,MAAMa,WAAWd,OAAgC;IACjD,MAAMe,gBAAgBH,OAAOI,IAAI;IACjC,MAAMC,kBAAkBlB,QACtB,IAAMS,QAAQU,MAAM,CAAC,CAACC,QAAUhB,sBAAsBgB,OAAOP,UAC7D;QAACJ;QAASI;KAAO;IAEnB,MAAMQ,sBAAsBV,iBAAiBW,aAAaV,0BAA0BC;IACpF,MAAMU,eAAeL,gBAAgBM,MAAM,GAAIH,CAAAA,sBAAsB,IAAI,CAAA;IACzE,MAAMI,aAAahB,QAAQe,MAAM,GAAGlB,+BAA+BU,kBAAkB;IACrF,MAAMU,oBACJV,kBAAkB,KAAK,wCAAwC;IACjE,MAAMW,kBACJX,kBAAkB,KAAK,KAAKY,wBAAwBV,gBAAgBM,MAAM,EAAER;IAE9E,SAASa;QACPf,UAAU;QACVC,SAASe,OAAO,EAAEC;IACpB;IAEA,qBACE,MAACC;QAAIC,WAAU;;YACZR,2BACC,KAAC1B;gBACCmC,KAAKnB;gBACLoB,MAAK;gBACLC,cAAW;gBACXC,aAAY;gBACZC,OAAOzB;gBACP0B,wBAAU,KAACzC;oBAAK0C,MAAK;oBAAaP,WAAU;;gBAC5CQ,UAAU,CAACC,QAAU5B,UAAU4B,MAAMC,MAAM,CAACL,KAAK;iBAEjD;YAEHf,eAAe,kBACd,MAACqB;gBAAGX,WAAW5B;gBAAqB+B,cAAYV;;oBAC7CR,gBAAgB2B,GAAG,CAAC,CAACzB,sBACpB,KAACjB;4BAECiB,OAAOA;4BACP0B,aAAa,IAAMpC,SAASU;2BAFvBA,MAAM2B,EAAE;oBAKhB1B,sBAAsBV,eAAe;;+BAGxC,KAACqC;gBAAwBnC,QAAQG;gBAAeiC,SAASpB;;0BAG3D,KAACqB;gBAAEC,MAAK;gBAASC,aAAU;gBAASnB,WAAU;0BAC3CN;;;;AAIT;AAEA,SAASqB,wBAAwB,EAACnC,MAAM,EAAEoC,OAAO,EAAwC;IACvF,qBACE,KAACpD;QACCwD,MAAK;QACLC,OAAO,CAAC,oBAAoB,EAAEC,cAAc1C,QAAQ,CAAC,CAAC;QACtD2C,aAAY;QACZC,sBACE,KAAC7D;YAAO8D,MAAK;YAAKC,SAAQ;YAAYC,SAASX;sBAAS;;;AAMhE;AAEA,SAASM,cAAcM,KAAa;IAClC,IAAIA,MAAMrC,MAAM,IAAIjB,yBAAyB,OAAOsD;IACpD,OAAO,GAAGA,MAAMC,KAAK,CAAC,GAAGvD,0BAA0B,GAAG,GAAG,CAAC;AAC5D;AAEA,SAASqB,wBAAwBmC,KAAa,EAAEF,KAAa;IAC3D,IAAIE,UAAU,GAAG,OAAO,CAAC,oBAAoB,EAAEF,MAAM,CAAC,CAAC;IACvD,OAAO,GAAGE,MAAM,kBAAkB,EAAEF,MAAM,CAAC,CAAC;AAC9C"}

package/dist/components/change-default-model-form.d.ts

@@ -0,0 +1,9 @@
+import type { ModelProviderConfigDto } from '@shipfox/api-agent-dto';
+import type { SupportedModelProviderCatalogEntry } from './supported-model-provider-catalog-entry.js';
+export declare function ChangeDefaultModelForm({ workspaceId, entry, config, onSaved, }: {
+    workspaceId: string;
+    entry: SupportedModelProviderCatalogEntry;
+    config: ModelProviderConfigDto;
+    onSaved: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=change-default-model-form.d.ts.map

package/dist/components/change-default-model-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"change-default-model-form.d.ts","sourceRoot":"","sources":["../../src/components/change-default-model-form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,sBAAsB,EAAC,MAAM,wBAAwB,CAAC;AAenE,OAAO,KAAK,EAAC,kCAAkC,EAAC,MAAM,6CAA6C,CAAC;AAIpG,wBAAgB,sBAAsB,CAAC,EACrC,WAAW,EACX,KAAK,EACL,MAAM,EACN,OAAO,GACR,EAAE;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,kCAAkC,CAAC;IAC1C,MAAM,EAAE,sBAAsB,CAAC;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,+BA0EA"}

package/dist/components/change-default-model-form.js

@@ -0,0 +1,98 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button } from '@shipfox/react-ui/button';
+import { Callout } from '@shipfox/react-ui/callout';
+import { fieldError } from '@shipfox/react-ui/form-field';
+import { ModalBody, ModalFooter } from '@shipfox/react-ui/modal';
+import { Text } from '@shipfox/react-ui/typography';
+import { useForm } from '@tanstack/react-form';
+import { useState } from 'react';
+import { useUpdateModelProviderDefaultModelMutation } from '#hooks/api/model-providers.js';
+import { DefaultModelField, defaultModelFormValue, selectedModelForModelPayload } from './default-model-field.js';
+import { modelProviderConfigErrorToFormError } from './form-errors.js';
+const CHANGE_DEFAULT_MODEL_FORM_ID = 'model-provider-change-default-model-form';
+export function ChangeDefaultModelForm({ workspaceId, entry, config, onSaved }) {
+    const updateDefaultModel = useUpdateModelProviderDefaultModelMutation();
+    const [formError, setFormError] = useState();
+    const form = useForm({
+        defaultValues: {
+            default_model: defaultModelFormValue(config.default_model)
+        },
+        onSubmit: async ({ value })=>{
+            setFormError(undefined);
+            try {
+                await updateDefaultModel.mutateAsync({
+                    workspaceId,
+                    providerId: entry.id,
+                    body: {
+                        default_model: selectedModelForModelPayload(value.default_model)
+                    }
+                });
+                onSaved();
+            } catch (error) {
+                const mapped = modelProviderConfigErrorToFormError(error);
+                setFormError(mapped.message);
+            }
+        }
+    });
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsxs(ModalBody, {
+                className: "gap-16",
+                children: [
+                    /*#__PURE__*/ _jsx("form", {
+                        id: CHANGE_DEFAULT_MODEL_FORM_ID,
+                        className: "flex w-full flex-col gap-14",
+                        noValidate: true,
+                        onSubmit: (event)=>{
+                            event.preventDefault();
+                            event.stopPropagation();
+                            void form.handleSubmit();
+                        },
+                        children: /*#__PURE__*/ _jsx(form.Field, {
+                            name: "default_model",
+                            validators: {
+                                onBlur: ({ value })=>value.trim() ? undefined : 'Default model is required.',
+                                onSubmit: ({ value })=>value.trim() ? undefined : 'Default model is required.'
+                            },
+                            children: (field)=>/*#__PURE__*/ _jsx(DefaultModelField, {
+                                    entry: entry,
+                                    value: field.state.value,
+                                    error: fieldError(field),
+                                    onChange: (event)=>field.handleChange(event.target.value),
+                                    onBlur: field.handleBlur
+                                })
+                        })
+                    }),
+                    formError ? /*#__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 model"
+                                }),
+                                /*#__PURE__*/ _jsx(Text, {
+                                    size: "sm",
+                                    children: formError
+                                })
+                            ]
+                        })
+                    }) : null
+                ]
+            }),
+            /*#__PURE__*/ _jsx(ModalFooter, {
+                children: /*#__PURE__*/ _jsx(Button, {
+                    type: "submit",
+                    form: CHANGE_DEFAULT_MODEL_FORM_ID,
+                    isLoading: updateDefaultModel.isPending,
+                    children: "Save model"
+                })
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=change-default-model-form.js.map

package/dist/components/change-default-model-form.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/change-default-model-form.tsx"],"sourcesContent":["import type {ModelProviderConfigDto} from '@shipfox/api-agent-dto';\nimport {Button} from '@shipfox/react-ui/button';\nimport {Callout} from '@shipfox/react-ui/callout';\nimport {fieldError} from '@shipfox/react-ui/form-field';\nimport {ModalBody, ModalFooter} from '@shipfox/react-ui/modal';\nimport {Text} from '@shipfox/react-ui/typography';\nimport {useForm} from '@tanstack/react-form';\nimport {useState} from 'react';\nimport {useUpdateModelProviderDefaultModelMutation} from '#hooks/api/model-providers.js';\nimport {\n  DefaultModelField,\n  defaultModelFormValue,\n  selectedModelForModelPayload,\n} from './default-model-field.js';\nimport {modelProviderConfigErrorToFormError} from './form-errors.js';\nimport type {SupportedModelProviderCatalogEntry} from './supported-model-provider-catalog-entry.js';\n\nconst CHANGE_DEFAULT_MODEL_FORM_ID = 'model-provider-change-default-model-form';\n\nexport function ChangeDefaultModelForm({\n  workspaceId,\n  entry,\n  config,\n  onSaved,\n}: {\n  workspaceId: string;\n  entry: SupportedModelProviderCatalogEntry;\n  config: ModelProviderConfigDto;\n  onSaved: () => void;\n}) {\n  const updateDefaultModel = useUpdateModelProviderDefaultModelMutation();\n  const [formError, setFormError] = useState<string | undefined>();\n  const form = useForm({\n    defaultValues: {default_model: defaultModelFormValue(config.default_model)},\n    onSubmit: async ({value}) => {\n      setFormError(undefined);\n      try {\n        await updateDefaultModel.mutateAsync({\n          workspaceId,\n          providerId: entry.id,\n          body: {default_model: selectedModelForModelPayload(value.default_model)},\n        });\n        onSaved();\n      } catch (error) {\n        const mapped = modelProviderConfigErrorToFormError(error);\n        setFormError(mapped.message);\n      }\n    },\n  });\n\n  return (\n    <>\n      <ModalBody className=\"gap-16\">\n        <form\n          id={CHANGE_DEFAULT_MODEL_FORM_ID}\n          className=\"flex w-full flex-col gap-14\"\n          noValidate\n          onSubmit={(event) => {\n            event.preventDefault();\n            event.stopPropagation();\n            void form.handleSubmit();\n          }}\n        >\n          <form.Field\n            name=\"default_model\"\n            validators={{\n              onBlur: ({value}) => (value.trim() ? undefined : 'Default model is required.'),\n              onSubmit: ({value}) => (value.trim() ? undefined : 'Default model is required.'),\n            }}\n          >\n            {(field) => (\n              <DefaultModelField\n                entry={entry}\n                value={field.state.value}\n                error={fieldError(field)}\n                onChange={(event) => field.handleChange(event.target.value)}\n                onBlur={field.handleBlur}\n              />\n            )}\n          </form.Field>\n        </form>\n        {formError ? (\n          <Callout role=\"alert\" type=\"error\">\n            <div className=\"flex flex-col gap-8\">\n              <Text size=\"sm\" bold>\n                Could not save default model\n              </Text>\n              <Text size=\"sm\">{formError}</Text>\n            </div>\n          </Callout>\n        ) : null}\n      </ModalBody>\n      <ModalFooter>\n        <Button\n          type=\"submit\"\n          form={CHANGE_DEFAULT_MODEL_FORM_ID}\n          isLoading={updateDefaultModel.isPending}\n        >\n          Save model\n        </Button>\n      </ModalFooter>\n    </>\n  );\n}\n"],"names":["Button","Callout","fieldError","ModalBody","ModalFooter","Text","useForm","useState","useUpdateModelProviderDefaultModelMutation","DefaultModelField","defaultModelFormValue","selectedModelForModelPayload","modelProviderConfigErrorToFormError","CHANGE_DEFAULT_MODEL_FORM_ID","ChangeDefaultModelForm","workspaceId","entry","config","onSaved","updateDefaultModel","formError","setFormError","form","defaultValues","default_model","onSubmit","value","undefined","mutateAsync","providerId","id","body","error","mapped","message","className","noValidate","event","preventDefault","stopPropagation","handleSubmit","Field","name","validators","onBlur","trim","field","state","onChange","handleChange","target","handleBlur","role","type","div","size","bold","isLoading","isPending"],"mappings":";AACA,SAAQA,MAAM,QAAO,2BAA2B;AAChD,SAAQC,OAAO,QAAO,4BAA4B;AAClD,SAAQC,UAAU,QAAO,+BAA+B;AACxD,SAAQC,SAAS,EAAEC,WAAW,QAAO,0BAA0B;AAC/D,SAAQC,IAAI,QAAO,+BAA+B;AAClD,SAAQC,OAAO,QAAO,uBAAuB;AAC7C,SAAQC,QAAQ,QAAO,QAAQ;AAC/B,SAAQC,0CAA0C,QAAO,gCAAgC;AACzF,SACEC,iBAAiB,EACjBC,qBAAqB,EACrBC,4BAA4B,QACvB,2BAA2B;AAClC,SAAQC,mCAAmC,QAAO,mBAAmB;AAGrE,MAAMC,+BAA+B;AAErC,OAAO,SAASC,uBAAuB,EACrCC,WAAW,EACXC,KAAK,EACLC,MAAM,EACNC,OAAO,EAMR;IACC,MAAMC,qBAAqBX;IAC3B,MAAM,CAACY,WAAWC,aAAa,GAAGd;IAClC,MAAMe,OAAOhB,QAAQ;QACnBiB,eAAe;YAACC,eAAed,sBAAsBO,OAAOO,aAAa;QAAC;QAC1EC,UAAU,OAAO,EAACC,KAAK,EAAC;YACtBL,aAAaM;YACb,IAAI;gBACF,MAAMR,mBAAmBS,WAAW,CAAC;oBACnCb;oBACAc,YAAYb,MAAMc,EAAE;oBACpBC,MAAM;wBAACP,eAAeb,6BAA6Be,MAAMF,aAAa;oBAAC;gBACzE;gBACAN;YACF,EAAE,OAAOc,OAAO;gBACd,MAAMC,SAASrB,oCAAoCoB;gBACnDX,aAAaY,OAAOC,OAAO;YAC7B;QACF;IACF;IAEA,qBACE;;0BACE,MAAC/B;gBAAUgC,WAAU;;kCACnB,KAACb;wBACCQ,IAAIjB;wBACJsB,WAAU;wBACVC,UAAU;wBACVX,UAAU,CAACY;4BACTA,MAAMC,cAAc;4BACpBD,MAAME,eAAe;4BACrB,KAAKjB,KAAKkB,YAAY;wBACxB;kCAEA,cAAA,KAAClB,KAAKmB,KAAK;4BACTC,MAAK;4BACLC,YAAY;gCACVC,QAAQ,CAAC,EAAClB,KAAK,EAAC,GAAMA,MAAMmB,IAAI,KAAKlB,YAAY;gCACjDF,UAAU,CAAC,EAACC,KAAK,EAAC,GAAMA,MAAMmB,IAAI,KAAKlB,YAAY;4BACrD;sCAEC,CAACmB,sBACA,KAACrC;oCACCO,OAAOA;oCACPU,OAAOoB,MAAMC,KAAK,CAACrB,KAAK;oCACxBM,OAAO9B,WAAW4C;oCAClBE,UAAU,CAACX,QAAUS,MAAMG,YAAY,CAACZ,MAAMa,MAAM,CAACxB,KAAK;oCAC1DkB,QAAQE,MAAMK,UAAU;;;;oBAK/B/B,0BACC,KAACnB;wBAAQmD,MAAK;wBAAQC,MAAK;kCACzB,cAAA,MAACC;4BAAInB,WAAU;;8CACb,KAAC9B;oCAAKkD,MAAK;oCAAKC,IAAI;8CAAC;;8CAGrB,KAACnD;oCAAKkD,MAAK;8CAAMnC;;;;yBAGnB;;;0BAEN,KAAChB;0BACC,cAAA,KAACJ;oBACCqD,MAAK;oBACL/B,MAAMT;oBACN4C,WAAWtC,mBAAmBuC,SAAS;8BACxC;;;;;AAMT"}