@shipfox/client-agent 0.2.0

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

@@ -0,0 +1,115 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { ModelProviderUsageModal } from './model-provider-usage-modal.js';
+import { usageTargetFromCatalogEntry, usageTargetFromCustomConfig } from './model-provider-usage-target.js';
+function ModelProviderUsageModalStory({ variant }) {
+    const [open, setOpen] = useState(true);
+    const entry = variant === 'long-list' ? longListEntry() : anthropicEntry();
+    const target = variant === 'custom' ? usageTargetFromCustomConfig(customProviderConfig()) : usageTargetFromCatalogEntry(entry);
+    return /*#__PURE__*/ _jsx("div", {
+        className: "min-h-screen bg-background-neutral-background p-24",
+        children: /*#__PURE__*/ _jsx(ModelProviderUsageModal, {
+            target: target,
+            initialModel: target.default_model,
+            workspaceDefaultHarnessId: "claude",
+            open: open,
+            onOpenChange: setOpen
+        })
+    });
+}
+const meta = {
+    title: 'Agent/ProviderUsageModal',
+    component: ModelProviderUsageModalStory,
+    parameters: {
+        layout: 'fullscreen'
+    },
+    args: {
+        variant: 'anthropic'
+    }
+};
+export default meta;
+export const Playground = {};
+export const LongModelList = {
+    args: {
+        variant: 'long-list'
+    }
+};
+export const CustomProvider = {
+    args: {
+        variant: 'custom'
+    }
+};
+function anthropicEntry() {
+    return {
+        id: 'anthropic',
+        label: 'Anthropic',
+        support_status: 'supported',
+        default_model: 'claude-opus-4-8',
+        credential_fields: [
+            {
+                key: 'api_key',
+                label: 'API key',
+                secret: true
+            }
+        ],
+        unsupported_reason: null,
+        models: [
+            {
+                id: 'claude-opus-4-8',
+                label: 'Claude Opus 4.8'
+            },
+            {
+                id: 'claude-sonnet-4-8',
+                label: 'Claude Sonnet 4.8'
+            },
+            {
+                id: 'claude-haiku-4-5',
+                label: 'Claude Haiku 4.5'
+            }
+        ]
+    };
+}
+function longListEntry() {
+    return {
+        id: 'cloudflare-workers-ai',
+        label: 'Cloudflare Workers AI',
+        support_status: 'supported',
+        default_model: '@cf/moonshotai/kimi-k2.7-code',
+        credential_fields: [
+            {
+                key: 'api_token',
+                label: 'API token',
+                secret: true
+            }
+        ],
+        unsupported_reason: null,
+        models: Array.from({
+            length: 56
+        }, (_, index)=>({
+                id: index === 0 ? '@cf/moonshotai/kimi-k2.7-code' : `provider/research-lab/model-family-${String(index).padStart(2, '0')}-large-context`,
+                label: index === 0 ? 'Kimi K2.7 Code' : `Research Model ${index}`
+            }))
+    };
+}
+function customProviderConfig() {
+    return {
+        kind: 'custom',
+        provider_id: 'local-vllm',
+        display_name: 'Local vLLM',
+        api: 'openai-completions',
+        base_url: 'http://localhost:8000/v1',
+        headers: [],
+        secret_header_names: [],
+        models: [
+            {
+                id: 'llama-3.1',
+                label: 'Llama 3.1'
+            }
+        ],
+        default_model: 'llama-3.1',
+        created_at: '2026-05-08T00:00:00.000Z',
+        updated_at: '2026-05-08T00:00:00.000Z'
+    };
+}
+
+//# sourceMappingURL=model-provider-usage-modal.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/model-provider-usage-modal.stories.tsx"],"sourcesContent":["import type {\n  CustomModelProviderConfigDto,\n  ModelProviderCatalogEntryDto,\n} from '@shipfox/api-agent-dto';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {useState} from 'react';\nimport {ModelProviderUsageModal} from './model-provider-usage-modal.js';\nimport {\n  usageTargetFromCatalogEntry,\n  usageTargetFromCustomConfig,\n} from './model-provider-usage-target.js';\n\ninterface ModelProviderUsageModalStoryProps {\n  variant: 'anthropic' | 'custom' | 'long-list';\n}\n\nfunction ModelProviderUsageModalStory({variant}: ModelProviderUsageModalStoryProps) {\n  const [open, setOpen] = useState(true);\n  const entry = variant === 'long-list' ? longListEntry() : anthropicEntry();\n  const target =\n    variant === 'custom'\n      ? usageTargetFromCustomConfig(customProviderConfig())\n      : usageTargetFromCatalogEntry(entry);\n\n  return (\n    <div className=\"min-h-screen bg-background-neutral-background p-24\">\n      <ModelProviderUsageModal\n        target={target}\n        initialModel={target.default_model}\n        workspaceDefaultHarnessId=\"claude\"\n        open={open}\n        onOpenChange={setOpen}\n      />\n    </div>\n  );\n}\n\nconst meta = {\n  title: 'Agent/ProviderUsageModal',\n  component: ModelProviderUsageModalStory,\n  parameters: {layout: 'fullscreen'},\n  args: {variant: 'anthropic'},\n} satisfies Meta<typeof ModelProviderUsageModalStory>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Playground: Story = {};\n\nexport const LongModelList: Story = {\n  args: {variant: 'long-list'},\n};\n\nexport const CustomProvider: Story = {\n  args: {variant: 'custom'},\n};\n\nfunction anthropicEntry(): ModelProviderCatalogEntryDto {\n  return {\n    id: 'anthropic',\n    label: 'Anthropic',\n    support_status: 'supported',\n    default_model: 'claude-opus-4-8',\n    credential_fields: [{key: 'api_key', label: 'API key', secret: true}],\n    unsupported_reason: null,\n    models: [\n      {id: 'claude-opus-4-8', label: 'Claude Opus 4.8'},\n      {id: 'claude-sonnet-4-8', label: 'Claude Sonnet 4.8'},\n      {id: 'claude-haiku-4-5', label: 'Claude Haiku 4.5'},\n    ],\n  };\n}\n\nfunction longListEntry(): ModelProviderCatalogEntryDto {\n  return {\n    id: 'cloudflare-workers-ai',\n    label: 'Cloudflare Workers AI',\n    support_status: 'supported',\n    default_model: '@cf/moonshotai/kimi-k2.7-code',\n    credential_fields: [{key: 'api_token', label: 'API token', secret: true}],\n    unsupported_reason: null,\n    models: Array.from({length: 56}, (_, index) => ({\n      id:\n        index === 0\n          ? '@cf/moonshotai/kimi-k2.7-code'\n          : `provider/research-lab/model-family-${String(index).padStart(2, '0')}-large-context`,\n      label: index === 0 ? 'Kimi K2.7 Code' : `Research Model ${index}`,\n    })),\n  };\n}\n\nfunction customProviderConfig(): CustomModelProviderConfigDto {\n  return {\n    kind: 'custom',\n    provider_id: 'local-vllm',\n    display_name: 'Local vLLM',\n    api: 'openai-completions',\n    base_url: 'http://localhost:8000/v1',\n    headers: [],\n    secret_header_names: [],\n    models: [{id: 'llama-3.1', label: 'Llama 3.1'}],\n    default_model: 'llama-3.1',\n    created_at: '2026-05-08T00:00:00.000Z',\n    updated_at: '2026-05-08T00:00:00.000Z',\n  };\n}\n"],"names":["useState","ModelProviderUsageModal","usageTargetFromCatalogEntry","usageTargetFromCustomConfig","ModelProviderUsageModalStory","variant","open","setOpen","entry","longListEntry","anthropicEntry","target","customProviderConfig","div","className","initialModel","default_model","workspaceDefaultHarnessId","onOpenChange","meta","title","component","parameters","layout","args","Playground","LongModelList","CustomProvider","id","label","support_status","credential_fields","key","secret","unsupported_reason","models","Array","from","length","_","index","String","padStart","kind","provider_id","display_name","api","base_url","headers","secret_header_names","created_at","updated_at"],"mappings":";AAKA,SAAQA,QAAQ,QAAO,QAAQ;AAC/B,SAAQC,uBAAuB,QAAO,kCAAkC;AACxE,SACEC,2BAA2B,EAC3BC,2BAA2B,QACtB,mCAAmC;AAM1C,SAASC,6BAA6B,EAACC,OAAO,EAAoC;IAChF,MAAM,CAACC,MAAMC,QAAQ,GAAGP,SAAS;IACjC,MAAMQ,QAAQH,YAAY,cAAcI,kBAAkBC;IAC1D,MAAMC,SACJN,YAAY,WACRF,4BAA4BS,0BAC5BV,4BAA4BM;IAElC,qBACE,KAACK;QAAIC,WAAU;kBACb,cAAA,KAACb;YACCU,QAAQA;YACRI,cAAcJ,OAAOK,aAAa;YAClCC,2BAA0B;YAC1BX,MAAMA;YACNY,cAAcX;;;AAItB;AAEA,MAAMY,OAAO;IACXC,OAAO;IACPC,WAAWjB;IACXkB,YAAY;QAACC,QAAQ;IAAY;IACjCC,MAAM;QAACnB,SAAS;IAAW;AAC7B;AAEA,eAAec,KAAK;AAGpB,OAAO,MAAMM,aAAoB,CAAC,EAAE;AAEpC,OAAO,MAAMC,gBAAuB;IAClCF,MAAM;QAACnB,SAAS;IAAW;AAC7B,EAAE;AAEF,OAAO,MAAMsB,iBAAwB;IACnCH,MAAM;QAACnB,SAAS;IAAQ;AAC1B,EAAE;AAEF,SAASK;IACP,OAAO;QACLkB,IAAI;QACJC,OAAO;QACPC,gBAAgB;QAChBd,eAAe;QACfe,mBAAmB;YAAC;gBAACC,KAAK;gBAAWH,OAAO;gBAAWI,QAAQ;YAAI;SAAE;QACrEC,oBAAoB;QACpBC,QAAQ;YACN;gBAACP,IAAI;gBAAmBC,OAAO;YAAiB;YAChD;gBAACD,IAAI;gBAAqBC,OAAO;YAAmB;YACpD;gBAACD,IAAI;gBAAoBC,OAAO;YAAkB;SACnD;IACH;AACF;AAEA,SAASpB;IACP,OAAO;QACLmB,IAAI;QACJC,OAAO;QACPC,gBAAgB;QAChBd,eAAe;QACfe,mBAAmB;YAAC;gBAACC,KAAK;gBAAaH,OAAO;gBAAaI,QAAQ;YAAI;SAAE;QACzEC,oBAAoB;QACpBC,QAAQC,MAAMC,IAAI,CAAC;YAACC,QAAQ;QAAE,GAAG,CAACC,GAAGC,QAAW,CAAA;gBAC9CZ,IACEY,UAAU,IACN,kCACA,CAAC,mCAAmC,EAAEC,OAAOD,OAAOE,QAAQ,CAAC,GAAG,KAAK,cAAc,CAAC;gBAC1Fb,OAAOW,UAAU,IAAI,mBAAmB,CAAC,eAAe,EAAEA,OAAO;YACnE,CAAA;IACF;AACF;AAEA,SAAS5B;IACP,OAAO;QACL+B,MAAM;QACNC,aAAa;QACbC,cAAc;QACdC,KAAK;QACLC,UAAU;QACVC,SAAS,EAAE;QACXC,qBAAqB,EAAE;QACvBd,QAAQ;YAAC;gBAACP,IAAI;gBAAaC,OAAO;YAAW;SAAE;QAC/Cb,eAAe;QACfkC,YAAY;QACZC,YAAY;IACd;AACF"}

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

@@ -0,0 +1,14 @@
+import type { CustomModelProviderConfigDto, ModelProviderCatalogEntryDto } from '@shipfox/api-agent-dto';
+export interface ModelProviderUsageTarget {
+    id: string;
+    label: string;
+    isCustom: boolean;
+    models: Array<{
+        id: string;
+        label: string;
+    }>;
+    default_model: string | null;
+}
+export declare function usageTargetFromCatalogEntry(entry: ModelProviderCatalogEntryDto): ModelProviderUsageTarget;
+export declare function usageTargetFromCustomConfig(config: CustomModelProviderConfigDto): ModelProviderUsageTarget;
+//# sourceMappingURL=model-provider-usage-target.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"model-provider-usage-target.d.ts","sourceRoot":"","sources":["../../src/components/model-provider-usage-target.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,4BAA4B,EAC5B,4BAA4B,EAC7B,MAAM,wBAAwB,CAAC;AAEhC,MAAM,WAAW,wBAAwB;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,KAAK,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAC,CAAC,CAAC;IAC3C,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAED,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,4BAA4B,GAClC,wBAAwB,CAQ1B;AAED,wBAAgB,2BAA2B,CACzC,MAAM,EAAE,4BAA4B,GACnC,wBAAwB,CAQ1B"}

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

@@ -0,0 +1,20 @@
+export function usageTargetFromCatalogEntry(entry) {
+    return {
+        id: entry.id,
+        label: entry.label,
+        isCustom: false,
+        models: entry.models,
+        default_model: entry.default_model
+    };
+}
+export function usageTargetFromCustomConfig(config) {
+    return {
+        id: config.provider_id,
+        label: config.display_name,
+        isCustom: true,
+        models: config.models,
+        default_model: config.default_model
+    };
+}
+
+//# sourceMappingURL=model-provider-usage-target.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/model-provider-usage-target.ts"],"sourcesContent":["import type {\n  CustomModelProviderConfigDto,\n  ModelProviderCatalogEntryDto,\n} from '@shipfox/api-agent-dto';\n\nexport interface ModelProviderUsageTarget {\n  id: string;\n  label: string;\n  isCustom: boolean;\n  models: Array<{id: string; label: string}>;\n  default_model: string | null;\n}\n\nexport function usageTargetFromCatalogEntry(\n  entry: ModelProviderCatalogEntryDto,\n): ModelProviderUsageTarget {\n  return {\n    id: entry.id,\n    label: entry.label,\n    isCustom: false,\n    models: entry.models,\n    default_model: entry.default_model,\n  };\n}\n\nexport function usageTargetFromCustomConfig(\n  config: CustomModelProviderConfigDto,\n): ModelProviderUsageTarget {\n  return {\n    id: config.provider_id,\n    label: config.display_name,\n    isCustom: true,\n    models: config.models,\n    default_model: config.default_model,\n  };\n}\n"],"names":["usageTargetFromCatalogEntry","entry","id","label","isCustom","models","default_model","usageTargetFromCustomConfig","config","provider_id","display_name"],"mappings":"AAaA,OAAO,SAASA,4BACdC,KAAmC;IAEnC,OAAO;QACLC,IAAID,MAAMC,EAAE;QACZC,OAAOF,MAAME,KAAK;QAClBC,UAAU;QACVC,QAAQJ,MAAMI,MAAM;QACpBC,eAAeL,MAAMK,aAAa;IACpC;AACF;AAEA,OAAO,SAASC,4BACdC,MAAoC;IAEpC,OAAO;QACLN,IAAIM,OAAOC,WAAW;QACtBN,OAAOK,OAAOE,YAAY;QAC1BN,UAAU;QACVC,QAAQG,OAAOH,MAAM;QACrBC,eAAeE,OAAOF,aAAa;IACrC;AACF"}

package/dist/components/model-providers-section.d.ts

@@ -0,0 +1,4 @@
+export declare function WorkspaceModelProvidersSection({ workspaceId }: {
+    workspaceId: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=model-providers-section.d.ts.map

package/dist/components/model-providers-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model-providers-section.d.ts","sourceRoot":"","sources":["../../src/components/model-providers-section.tsx"],"names":[],"mappings":"AA0EA,wBAAgB,8BAA8B,CAAC,EAAC,WAAW,EAAC,EAAE;IAAC,WAAW,EAAE,MAAM,CAAA;CAAC,+BAgUlF"}