@shipfox/client-agent 17.0.0 → 21.0.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@shipfox/client-agent",
   "license": "MIT",
-  "version": "17.0.0",
+  "version": "21.0.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/ShipfoxHQ/shipfox.git",
@@ -30,9 +30,9 @@
     "@tanstack/react-query": "^5.101.0",
     "@shipfox/api-agent-dto": "12.2.0",
     "@shipfox/client-api": "6.0.1",
-    "@shipfox/client-shell": "17.0.0",
-    "@shipfox/client-ui": "17.0.0",
-    "@shipfox/react-ui": "1.2.0"
+    "@shipfox/client-shell": "21.0.0",
+    "@shipfox/client-ui": "21.0.0",
+    "@shipfox/react-ui": "2.0.0"
   },
   "peerDependencies": {
     "@tanstack/react-query": "^5.101.0",

package/src/components/custom-model-provider-form.stories.tsx

@@ -23,7 +23,7 @@ function CustomModelProviderFormStory({mode}: CustomModelProviderFormStoryProps)
 
   return (
     <QueryClientProvider client={queryClient}>
-      <div className="min-h-screen bg-background-neutral-background p-24">
+      <div className="min-h-screen bg-background-subtle-base p-24">
         <Modal open={open} onOpenChange={setOpen}>
           <ModalContent
             className="max-h-[min(760px,calc(100vh-32px))]"

package/src/components/harnesses-section.stories.tsx

@@ -33,7 +33,7 @@ function HarnessesStory({scenario}: HarnessesStoryProps) {
 
   return (
     <QueryClientProvider client={queryClient}>
-      <div className="mx-auto w-full max-w-[760px] bg-background-neutral-background p-24">
+      <div className="mx-auto w-full max-w-[760px] bg-background-subtle-base p-24">
         <WorkspaceHarnessesSection workspaceId={WORKSPACE_ID} />
       </div>
       <Toaster />

package/src/components/model-provider-usage-modal.stories.tsx

@@ -20,7 +20,7 @@ function ModelProviderUsageModalStory({variant}: ModelProviderUsageModalStoryPro
       : usageTargetFromCatalogEntry(entry);
 
   return (
-    <div className="min-h-screen bg-background-neutral-background p-24">
+    <div className="min-h-screen bg-background-subtle-base p-24">
       <ModelProviderUsageModal
         target={target}
         initialModel={target.defaultModel}

package/src/components/model-providers-section.stories.tsx

@@ -118,7 +118,7 @@ function ModelProvidersStory({scenario}: ModelProvidersStoryProps) {
 
   return (
     <QueryClientProvider client={queryClient}>
-      <div className="mx-auto w-full max-w-[760px] bg-background-neutral-background p-24">
+      <div className="mx-auto w-full max-w-[760px] bg-background-subtle-base p-24">
         <WorkspaceModelProvidersSection workspaceId={WORKSPACE_ID} />
       </div>
       <Toaster />

package/src/pages/model-provider-onboarding-page.stories.tsx

@@ -105,7 +105,7 @@ function ModelProviderOnboardingStory({scenario}: ModelProviderOnboardingStoryPr
 
   return (
     <QueryClientProvider client={queryClient}>
-      <div className="bg-background-neutral-background px-24 py-32">
+      <div className="bg-background-subtle-base px-24 py-32">
         <ModelProviderOnboardingPage
           workspaceId={WORKSPACE_ID}
           onSkip={() => undefined}

package/src/pages/model-provider-onboarding-page.tsx

@@ -104,7 +104,7 @@ export function ModelProviderOnboardingPage({
       : 'model-provider-provider-step';
 
   return (
-    <div className="mx-auto flex w-full max-w-[640px] flex-col gap-section">
+    <div className="mx-auto flex w-full flex-col gap-section">
       <header className="flex flex-col gap-cluster">
         <div className="flex items-start justify-between gap-group max-[520px]:flex-col max-[520px]:gap-inline">
           <Header id={headingId} variant="h1" tabIndex={-1} className="outline-none">

package/src/routes/agents-settings.tsx

@@ -2,6 +2,7 @@ import {defineRoute, useActiveWorkspace} from '@shipfox/client-shell/runtime';
 import {WorkspaceHarnessesSection, WorkspaceModelProvidersSection} from '#index.js';
 
 export default defineRoute({
+  staticData: {frame: 'content'},
   component: () => {
     const workspace = useActiveWorkspace();
     return (

package/src/routes/model-provider.tsx

@@ -4,6 +4,7 @@ import {ModelProviderOnboardingPage} from '#pages/model-provider-onboarding-page
 import {modelProviderRouteParams} from './inputs.js';
 
 export default defineRoute({
+  staticData: {frame: 'focused'},
   component: () => {
     const {workspaceSlug} = useRouteParams(modelProviderRouteParams);
     const workspace = useActiveWorkspace();