@shipfox/client-agent 22.0.0 → 22.0.1

package/package.json

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

package/src/components/harnesses-section.tsx

@@ -84,9 +84,6 @@ export function WorkspaceHarnessesSection({workspaceId}: {workspaceId: string})
     <section className="flex flex-col gap-group" aria-label="Harnesses">
       <div className="flex flex-col gap-tight">
         <Header variant="h3">Harnesses</Header>
-        <Text size="sm" className="text-foreground-neutral-muted">
-          Harnesses available to run agent steps in this workspace.
-        </Text>
       </div>
 
       {configsQuery.isPending ? <HarnessRowsSkeleton /> : null}

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

@@ -89,8 +89,8 @@ describe('WorkspaceModelProvidersSection', () => {
     expect(screen.getByText('Default provider')).toHaveClass('sr-only');
     expect(screen.getByText('Available providers')).toBeVisible();
     expect(
-      screen.getByText('Providers that can be configured for agent steps in this workspace.'),
-    ).toBeVisible();
+      screen.queryByText('Providers that can be configured for agent steps in this workspace.'),
+    ).not.toBeInTheDocument();
     expect(screen.getByText('OpenAI')).toBeVisible();
     const customProviderButton = screen.getByRole('button', {name: 'Configure custom provider'});
     expect(within(customProviderButton).getByText('Custom')).toBeVisible();

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

@@ -120,9 +120,6 @@ export function WorkspaceModelProvidersSection({workspaceId}: {workspaceId: stri
       >
         <div className="flex flex-col gap-tight">
           <Header variant="h3">Configured providers</Header>
-          <Text size="sm" className="text-foreground-neutral-muted">
-            Workspace credentials available to agent steps.
-          </Text>
         </div>
 
         {configsQuery.isPending ? (
@@ -213,9 +210,6 @@ export function WorkspaceModelProvidersSection({workspaceId}: {workspaceId: stri
       <section className="flex flex-col gap-group" aria-label="Available providers">
         <div className="flex flex-col gap-tight">
           <Header variant="h3">Available providers</Header>
-          <Text size="sm" className="text-foreground-neutral-muted">
-            Providers that can be configured for agent steps in this workspace.
-          </Text>
         </div>
 
         {catalogQuery.isPending || configsQuery.isPending ? (
@@ -243,9 +237,6 @@ export function WorkspaceModelProvidersSection({workspaceId}: {workspaceId: stri
       <section className="flex flex-col gap-group" aria-label="Unsupported providers">
         <div className="flex flex-col gap-tight">
           <Header variant="h3">Unsupported providers</Header>
-          <Text size="sm" className="text-foreground-neutral-muted">
-            Providers that cannot be configured in this workspace yet.
-          </Text>
         </div>
 
         {catalogQuery.isPending ? (

package/src/routes/agents-settings.tsx

@@ -1,4 +1,5 @@
 import {defineRoute, useActiveWorkspace} from '@shipfox/client-shell/runtime';
+import {Header} from '@shipfox/react-ui/typography';
 import {WorkspaceHarnessesSection, WorkspaceModelProvidersSection} from '#index.js';
 
 export default defineRoute({
@@ -6,9 +7,12 @@ export default defineRoute({
   component: () => {
     const workspace = useActiveWorkspace();
     return (
-      <div className="flex flex-col gap-region">
-        <WorkspaceHarnessesSection workspaceId={workspace.id} />
-        <WorkspaceModelProvidersSection workspaceId={workspace.id} />
+      <div className="flex min-w-0 flex-col gap-section">
+        <Header variant="h1">Agents</Header>
+        <div className="flex flex-col gap-region">
+          <WorkspaceHarnessesSection workspaceId={workspace.id} />
+          <WorkspaceModelProvidersSection workspaceId={workspace.id} />
+        </div>
       </div>
     );
   },