@shipfox/client-projects 17.0.0 → 21.0.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@shipfox/client-projects",
   "license": "MIT",
-  "version": "17.0.0",
+  "version": "21.0.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/ShipfoxHQ/shipfox.git",
@@ -31,13 +31,13 @@
     "@shipfox/api-definitions-dto": "12.3.0",
     "@shipfox/api-integration-core-dto": "12.2.0",
     "@shipfox/api-projects-dto": "12.2.0",
-    "@shipfox/client-agent": "17.0.0",
+    "@shipfox/client-agent": "21.0.0",
     "@shipfox/client-api": "6.0.1",
-    "@shipfox/client-auth": "17.0.0",
-    "@shipfox/client-integrations": "17.0.0",
-    "@shipfox/client-shell": "17.0.0",
-    "@shipfox/client-ui": "17.0.0",
-    "@shipfox/react-ui": "1.2.0"
+    "@shipfox/client-auth": "21.0.0",
+    "@shipfox/client-integrations": "21.0.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/pages/create-project-page.stories.tsx

@@ -64,7 +64,7 @@ function CreateProjectPageStory({scenario}: CreateProjectPageStoryProps) {
   return (
     <QueryClientProvider client={queryClient}>
       <JotaiProvider store={store}>
-        <div className="min-h-screen bg-background-neutral-background px-24 py-32">
+        <div className="min-h-screen bg-background-subtle-base px-24 py-32">
           <div className="mx-auto w-full max-w-[1120px]">
             <RouterProvider router={router} />
           </div>

package/src/pages/project-settings-page.stories.tsx

@@ -71,7 +71,7 @@ function ProjectSettingsPageStory({scenario}: ProjectSettingsPageStoryProps) {
   return (
     <QueryClientProvider client={queryClient}>
       <JotaiProvider store={store}>
-        <div className="min-h-screen bg-background-neutral-background px-24 py-32">
+        <div className="min-h-screen bg-background-subtle-base px-24 py-32">
           <div className="mx-auto w-full max-w-[1120px]">
             <RouterProvider router={router} />
           </div>

package/src/pages/projects-hub-page.tsx

@@ -8,10 +8,10 @@ import {
 import {QueryLoadError} from '@shipfox/client-ui';
 import {Button} from '@shipfox/react-ui/button';
 import {Callout} from '@shipfox/react-ui/callout';
-import {Card} from '@shipfox/react-ui/card';
 import {EmptyState} from '@shipfox/react-ui/empty-state';
 import {Icon} from '@shipfox/react-ui/icon';
 import {Input} from '@shipfox/react-ui/input';
+import {Panel} from '@shipfox/react-ui/panel';
 import {Skeleton} from '@shipfox/react-ui/skeleton';
 import {Header, Text} from '@shipfox/react-ui/typography';
 import {Link, useNavigate} from '@tanstack/react-router';
@@ -140,12 +140,12 @@ function ProjectsSkeleton() {
     >
       {[0, 1, 2, 3, 4, 5].map((row) => (
         <li key={row}>
-          <Card className="h-full p-panel-compact">
+          <Panel className="h-full p-panel-compact">
             <div className="flex items-center gap-cluster">
               <Skeleton className="size-24 shrink-0" />
               <Skeleton className="h-16 w-1/2" />
             </div>
-          </Card>
+          </Panel>
         </li>
       ))}
     </ul>
@@ -209,7 +209,7 @@ function ProjectCard({
         params={{workspaceSlug, projectSlug: project.slug}}
         className="block h-full rounded-8 focus-visible:shadow-button-neutral-focus focus-visible:outline-none"
       >
-        <Card className="h-full p-panel-compact transition-colors hover:bg-background-components-hover">
+        <Panel className="h-full p-panel-compact transition-colors hover:bg-background-components-hover">
           <div className="flex min-w-0 items-center gap-cluster">
             {/* Settle on success or error: a failed fetch falls back to the
                 neutral provider icon rather than spinning forever. */}
@@ -229,7 +229,7 @@ function ProjectCard({
               {status ? <ConnectionStatusBadge status={status} className="shrink-0" /> : null}
             </div>
           </div>
-        </Card>
+        </Panel>
       </Link>
     </li>
   );

package/src/routes/create-project.tsx

@@ -1,4 +1,7 @@
 import {defineRoute} from '@shipfox/client-shell/runtime';
 import {CreateProjectPage} from '#pages/create-project-page.js';
 
-export default defineRoute({component: CreateProjectPage});
+export default defineRoute({
+  staticData: {frame: 'content'},
+  component: CreateProjectPage,
+});

package/src/routes/home.tsx

@@ -3,6 +3,7 @@ import {HomeRouter} from '#pages/home-router.js';
 import {validateProjectsSearch} from './search.js';
 
 export default defineRoute({
+  staticData: {frame: 'content'},
   validateSearch: validateProjectsSearch,
   component: () => <HomeRouter search={useRouteSearch(validateProjectsSearch)} />,
 });

package/src/routes/project-index.tsx

@@ -2,6 +2,7 @@ import {defineRoute} from '@shipfox/client-shell/runtime';
 import {redirect} from '@tanstack/react-router';
 
 export default defineRoute({
+  staticData: {frame: 'content'},
   beforeLoad: ({params}: {params: {workspaceSlug: string; projectSlug: string}}) => {
     throw redirect({
       to: '/w/$workspaceSlug/p/$projectSlug/runs',

package/src/routes/project-settings-index.tsx

@@ -2,6 +2,7 @@ import {defineRoute} from '@shipfox/client-shell/runtime';
 import {redirect} from '@tanstack/react-router';
 
 export default defineRoute({
+  staticData: {frame: 'content'},
   beforeLoad: ({params}: {params: {workspaceSlug: string; projectSlug: string}}) => {
     throw redirect({
       to: '/w/$workspaceSlug/p/$projectSlug/settings/general',

package/src/routes/project-settings.tsx

@@ -1,4 +1,7 @@
 import {defineRoute} from '@shipfox/client-shell/runtime';
 import {ProjectSettingsPage} from '#pages/project-settings-page.js';
 
-export default defineRoute({component: ProjectSettingsPage});
+export default defineRoute({
+  staticData: {frame: 'content'},
+  component: ProjectSettingsPage,
+});