update options

apps/web-tss/package.json

@@ -63,24 +63,24 @@
     "@tailwindcss/vite": "^4.1.12",
     "@tanstack/db": "^0.1.4",
     "@tanstack/match-sorter-utils": "^8.19.4",
-    "@tanstack/query-async-storage-persister": "^5.85.3",
+    "@tanstack/query-async-storage-persister": "^5.85.5",
     "@tanstack/query-db-collection": "0.1.1",
-    "@tanstack/query-sync-storage-persister": "^5.85.3",
+    "@tanstack/query-sync-storage-persister": "^5.85.5",
     "@tanstack/react-db": "0.1.4",
-    "@tanstack/react-devtools": "^0.4.0",
+    "@tanstack/react-devtools": "^0.4.2",
     "@tanstack/react-form": "^1.19.2",
-    "@tanstack/react-query": "^5.85.3",
+    "@tanstack/react-query": "^5.85.5",
-    "@tanstack/react-query-devtools": "^5.85.3",
+    "@tanstack/react-query-devtools": "^5.85.5",
-    "@tanstack/react-query-persist-client": "^5.85.3",
+    "@tanstack/react-query-persist-client": "^5.85.5",
-    "@tanstack/react-router": "^1.131.26",
+    "@tanstack/react-router": "^1.131.27",
-    "@tanstack/react-router-devtools": "^1.131.26",
+    "@tanstack/react-router-devtools": "^1.131.27",
-    "@tanstack/react-router-ssr-query": "^1.131.26",
+    "@tanstack/react-router-ssr-query": "^1.131.27",
     "@tanstack/react-router-with-query": "^1.130.17",
-    "@tanstack/react-start": "^1.131.26",
+    "@tanstack/react-start": "^1.131.27",
     "@tanstack/react-store": "^0.7.3",
     "@tanstack/react-table": "^8.21.3",
     "@tanstack/react-virtual": "^3.13.12",
-    "@tanstack/router-plugin": "^1.131.26",
+    "@tanstack/router-plugin": "^1.131.27",
     "@tanstack/store": "^0.7.2",
     "@testing-library/jest-dom": "^6.7.0",
     "axios": "catalog:",
@@ -137,7 +137,7 @@
     "@storybook/addon-docs": "^9.1.2",
     "@storybook/addon-vitest": "^9.1.2",
     "@storybook/react-vite": "^9.1.2",
-    "@tanstack/devtools-event-client": "^0.2.1",
+    "@tanstack/devtools-event-client": "^0.2.2",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/react": "^16.3.0",
     "@types/canvas-confetti": "^1.9.0",
@@ -147,7 +147,7 @@
     "@types/pluralize": "^0.0.33",
     "@types/react": "^19.1.10",
     "@types/react-dom": "^19.1.7",
-    "@vitejs/plugin-react": "^5.0.0",
+    "@vitejs/plugin-react": "^5.0.1",
     "@vitest/browser": "3.2.4",
     "@vitest/coverage-v8": "3.2.4",
     "@vitest/ui": "3.2.4",

apps/web-tss/src/layouts/AssetContainer/AssetContainer.tsx

@@ -3,5 +3,5 @@ import type React from 'react';
 export const AssetContainer: React.FC<{
   children: React.ReactNode;
 }> = ({ children }) => {
-  return <div className="bg-red-100">{children}</div>;
+  return <div className="bg-red-100 h-full w-full">{children}</div>;
 };

apps/web-tss/src/lib/tss-routes/index.ts

@@ -1,2 +1,2 @@
-export { createRoute, createRouteFactory } from './createRoute';
+export { createRoute } from './createRoute';
 export { routeToHref } from './navigationOptionsToHref';

apps/web-tss/src/routes/app/_app/_asset/chats.$chatId.dashboards.$dashboardId.metrics.$metricId.tsx

@@ -4,7 +4,6 @@ import * as metricServerContext from '@/context/BusterAssets/metric-server/metri
 export const Route = createFileRoute(
   '/app/_app/_asset/chats/$chatId/dashboards/$dashboardId/metrics/$metricId'
 )({
-  component: RouteComponent,
   ...metricServerContext,
 });
 

apps/web-tss/src/routes/app/_app/_asset/chats.$chatId.metrics.$metricId.tsx

@@ -2,10 +2,5 @@ import { createFileRoute } from '@tanstack/react-router';
 import * as metricServerContext from '@/context/BusterAssets/metric-server/metricIndexServerAssetContext';
 
 export const Route = createFileRoute('/app/_app/_asset/chats/$chatId/metrics/$metricId')({
-  component: RouteComponent,
   ...metricServerContext,
 });
-
-function RouteComponent() {
-  return <div>Hello "/app/chats/$chatId/metrics/$metricId"!</div>;
-}

apps/web-tss/src/routes/app/_app/_asset/chats.$chatId.report.$reportId.metrics.$metricId.tsx

@@ -4,10 +4,5 @@ import * as metricServerContext from '@/context/BusterAssets/metric-server/metri
 export const Route = createFileRoute(
   '/app/_app/_asset/chats/$chatId/report/$reportId/metrics/$metricId'
 )({
-  component: RouteComponent,
   ...metricServerContext,
 });
-
-function RouteComponent() {
-  return <div>Hello "/app/chats/$chatId/report/$reportId/metrics/$metricId"!</div>;
-}

apps/web-tss/src/routes/app/_app/_asset/collections.$collectionId.chats.$chatId.dashboards.$dashboardId.metrics.$metricId.tsx

@@ -4,15 +4,5 @@ import * as metricServerContext from '@/context/BusterAssets/metric-server/metri
 export const Route = createFileRoute(
   '/app/_app/_asset/collections/$collectionId/chats/$chatId/dashboards/$dashboardId/metrics/$metricId'
 )({
-  component: RouteComponent,
   ...metricServerContext,
 });
-
-function RouteComponent() {
-  return (
-    <div>
-      Hello
-      "/app/collections/$collectionId/chats/$chatId/dashboards/$dashboardId/metrics/$metricId"!
-    </div>
-  );
-}

apps/web-tss/src/routes/app/_app/_asset/collections.$collectionId.chats.$chatId.metrics.$metricId.tsx

@@ -4,10 +4,5 @@ import * as metricServerContext from '@/context/BusterAssets/metric-server/metri
 export const Route = createFileRoute(
   '/app/_app/_asset/collections/$collectionId/chats/$chatId/metrics/$metricId'
 )({
-  component: RouteComponent,
   ...metricServerContext,
 });
-
-function RouteComponent() {
-  return <div>Hello "/app/collections/$collectionId/chats/$chatId/metrics/$metricId"!</div>;
-}

apps/web-tss/src/routes/app/_app/_asset/collections.$collectionId.dashboard.$dashboardId.metrics.$metricId.tsx

@@ -4,12 +4,5 @@ import * as metricServerContext from '@/context/BusterAssets/metric-server/metri
 export const Route = createFileRoute(
   '/app/_app/_asset/collections/$collectionId/dashboard/$dashboardId/metrics/$metricId'
 )({
-  component: RouteComponent,
   ...metricServerContext,
 });
-
-function RouteComponent() {
-  return (
-    <div>Hello "/app/collections/$collectionId/dashboard/$dashboardId/metrics/$metricId"!</div>
-  );
-}

apps/web-tss/src/routes/app/_app/_asset/collections.$collectionId.metrics.$metricId.tsx

@@ -4,10 +4,5 @@ import * as metricServerContext from '@/context/BusterAssets/metric-server/metri
 export const Route = createFileRoute(
   '/app/_app/_asset/collections/$collectionId/metrics/$metricId'
 )({
-  component: RouteComponent,
   ...metricServerContext,
 });
-
-function RouteComponent() {
-  return <div>Hello "/app/collections/$collectionId/metrics/$metricId"!</div>;
-}

apps/web-tss/src/routes/app/_app/_asset/collections.$collectionId.reports.$reportId.metrics.$metricId.tsx

@@ -4,14 +4,5 @@ import * as metricServerContext from '@/context/BusterAssets/metric-server/metri
 export const Route = createFileRoute(
   '/app/_app/_asset/collections/$collectionId/reports/$reportId/metrics/$metricId'
 )({
-  component: RouteComponent,
   ...metricServerContext,
 });
-
-function RouteComponent() {
-  return (
-    <div>
-      Hello "/app/_app/_asset/collections/$collectionId/reports/$reportId/metrics/$metricId"!
-    </div>
-  );
-}

apps/web-tss/src/routes/app/_app/_asset/dashboards.$dashboardId.metrics.$metricId.result.tsx

@@ -1,15 +1,11 @@
-import { createFileRoute } from '@tanstack/react-router'
+import { createFileRoute } from '@tanstack/react-router';
 
 export const Route = createFileRoute(
-  '/app/_app/_asset/dashboards/$dashboardId/metrics/$metricId/result',
+  '/app/_app/_asset/dashboards/$dashboardId/metrics/$metricId/result'
 )({
   component: RouteComponent,
-})
+});
 
 function RouteComponent() {
-  return (
+  return <div>Hello "/app/_app/_asset/dashboards/$dashboardId/metrics/$metricId/result"!</div>;
-    <div>
-      Hello "/app/_app/_asset/dashboards/$dashboardId/metrics/$metricId/result"!
-    </div>
-  )
 }

apps/web-tss/src/routes/app/_app/_asset/dashboards.$dashboardId.metrics.$metricId.sql.tsx

@@ -1,15 +1,11 @@
-import { createFileRoute } from '@tanstack/react-router'
+import { createFileRoute } from '@tanstack/react-router';
 
 export const Route = createFileRoute(
-  '/app/_app/_asset/dashboards/$dashboardId/metrics/$metricId/sql',
+  '/app/_app/_asset/dashboards/$dashboardId/metrics/$metricId/sql'
 )({
   component: RouteComponent,
-})
+});
 
 function RouteComponent() {
-  return (
+  return <div>Hello "/app/_app/_asset/dashboards/$dashboardId/metrics/$metricId/sql"!</div>;
-    <div>
-      Hello "/app/_app/_asset/dashboards/$dashboardId/metrics/$metricId/sql"!
-    </div>
-  )
 }

apps/web-tss/src/routes/app/_app/_asset/reports.$reportId.metrics.$metricId.tsx

@@ -2,10 +2,5 @@ import { createFileRoute } from '@tanstack/react-router';
 import * as metricServerContext from '@/context/BusterAssets/metric-server/metricIndexServerAssetContext';
 
 export const Route = createFileRoute('/app/_app/_asset/reports/$reportId/metrics/$metricId')({
-  component: RouteComponent,
   ...metricServerContext,
 });
-
-function RouteComponent() {
-  return <div>Hello "/app/_app/reports/$reportId/metrics/$metricId"!</div>;
-}