update package versions

apps/web-tss/package.json

@@ -35,7 +35,7 @@
     "@dnd-kit/utilities": "^3.2.2",
     "@electric-sql/client": "^1.0.9",
     "@electric-sql/react": "^1.0.9",
-    "@faker-js/faker": "^9.9.0",
+    "@faker-js/faker": "^10.0.0",
     "@modelcontextprotocol/sdk": "^1.17.4",
     "@monaco-editor/react": "^4.7.0",
     "@radix-ui/react-avatar": "^1.1.10",
@@ -55,8 +55,8 @@
     "@radix-ui/react-tabs": "^1.1.13",
     "@radix-ui/react-tooltip": "^1.2.8",
     "@radix-ui/react-visually-hidden": "^1.2.3",
-    "@shikijs/langs": "^3.12.0",
-    "@shikijs/themes": "^3.12.0",
+    "@shikijs/langs": "^3.12.1",
+    "@shikijs/themes": "^3.12.1",
     "@supabase/auth-js": "^2.71.1",
     "@supabase/ssr": "^0.7.0",
     "@supabase/supabase-js": "^2.56.1",
@@ -64,24 +64,24 @@
     "@tailwindcss/vite": "^4.1.12",
     "@tanstack/db": "^0.1.9",
     "@tanstack/match-sorter-utils": "^8.19.4",
-    "@tanstack/query-async-storage-persister": "^5.85.5",
+    "@tanstack/query-async-storage-persister": "^5.85.6",
     "@tanstack/query-db-collection": "0.1.1",
-    "@tanstack/query-sync-storage-persister": "^5.85.5",
+    "@tanstack/query-sync-storage-persister": "^5.85.6",
     "@tanstack/react-db": "0.1.9",
     "@tanstack/react-devtools": "^0.5.4",
     "@tanstack/react-form": "^1.19.3",
-    "@tanstack/react-query": "^5.85.5",
-    "@tanstack/react-query-devtools": "^5.85.5",
-    "@tanstack/react-query-persist-client": "^5.85.5",
-    "@tanstack/react-router": "^1.131.28",
-    "@tanstack/react-router-devtools": "^1.131.28",
-    "@tanstack/react-router-ssr-query": "^1.131.28",
+    "@tanstack/react-query": "^5.85.6",
+    "@tanstack/react-query-devtools": "^5.85.6",
+    "@tanstack/react-query-persist-client": "^5.85.6",
+    "@tanstack/react-router": "^1.131.31",
+    "@tanstack/react-router-devtools": "^1.131.31",
+    "@tanstack/react-router-ssr-query": "^1.131.31",
     "@tanstack/react-router-with-query": "^1.130.17",
-    "@tanstack/react-start": "^1.131.28",
+    "@tanstack/react-start": "^1.131.31",
     "@tanstack/react-store": "^0.7.4",
     "@tanstack/react-table": "^8.21.3",
     "@tanstack/react-virtual": "^3.13.12",
-    "@tanstack/router-plugin": "^1.131.28",
+    "@tanstack/router-plugin": "^1.131.31",
     "@tanstack/store": "^0.7.4",
     "@testing-library/jest-dom": "^6.8.0",
     "axios": "catalog:",
@@ -94,7 +94,7 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
-    "dayjs": "^1.11.17",
+    "dayjs": "^1.11.18",
     "font-color-contrast": "^11.1.0",
     "framer-motion": "^12.23.12",
     "html2canvas-pro": "^1.5.11",
@@ -106,7 +106,7 @@
     "monaco-editor": "^0.52.2",
     "monaco-sql-languages": "^0.15.1",
     "monaco-yaml": "^5.4.0",
-    "msw": "^2.10.5",
+    "msw": "^2.11.1",
     "mutative": "^1.2.0",
     "pluralize": "^8.0.0",
     "posthog-js": "^1.261.0",
@@ -120,7 +120,7 @@
     "react-textarea-autosize": "^8.5.9",
     "remark-gfm": "^4.0.1",
     "scheduler": "^0.26.0",
-    "shiki": "^3.12.0",
+    "shiki": "^3.12.1",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.3.1",
     "tailwind-scrollbar": "^4.0.2",
@@ -129,7 +129,7 @@
     "use-context-selector": "^2.0.0",
     "utility-types": "^3.11.0",
     "uuid": "catalog:",
-    "virtua": "^0.41.5",
+    "virtua": "^0.42.0",
     "vite-tsconfig-paths": "^5.1.4",
     "vitest-browser-react": "^1.0.1",
     "zod": "catalog:"

apps/web-tss/src/components/features/sidebars/SidebarPrimary/useFavoritesSidebarPanel.tsx

@@ -7,8 +7,6 @@ import {
 } from '@/api/buster_rest/users';
 import { assetTypeToIcon } from '@/components/features/icons/assetIcons';
 import type { ISidebarGroup } from '@/components/ui/sidebar';
-import { useMount } from '@/hooks/useMount';
-import { assetParamsToRoute } from '@/lib/assets/assetParamsToRoute';
 import { createSimpleAssetRoute } from '@/lib/routes/createSimpleAssetRoute';
 import { createSidebarItem } from '../../../ui/sidebar/create-sidebar-item';
 
@@ -18,10 +16,6 @@ export const useFavoriteSidebarPanel = (): ISidebarGroup | null => {
   const { mutateAsync: deleteUserFavorite } = useDeleteUserFavorite();
   const matcher = useMatchRoute();
 
-  useMount(() => {
-    assetParamsToRoute({ assetType: 'chat', assetId: '123' });
-  });
-
   return useMemo(() => {
     if (!favorites || favorites.length === 0) return null;
 

apps/web-tss/src/components/ui/sidebar/SidebarCollapsible.tsx

@@ -51,7 +51,7 @@ const SidebarTrigger: React.FC<SidebarTriggerProps> = React.memo(({ label, isOpe
         className
       )}
     >
-      <span className="">{label}</span>
+      <span className="truncate">{label}</span>
 
       <div
         className={cn(
@@ -203,8 +203,7 @@ export const SidebarCollapsible: React.FC<
         <CollapsibleContent
           className={cn(
             isMounted &&
-              'data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up',
-            'h-[var(--radix-collapsible-content-height)]'
+              'data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up'
           )}
           style={{
             minHeight:

apps/web-tss/src/context/BusterAssets/useAssetNavigationBlocker.ts

@@ -17,7 +17,7 @@ export const useAssetNavigationBlocker = ({
     shouldBlockFn: async () => {
       if (!isFileChanged || !enableBlocker) return false;
 
-      const shouldLeave = await openConfirmModal({
+      const shouldLeave = await openConfirmModal<true>({
         title: 'Unsaved changes',
         content: 'Looks like you have unsaved changes. Are you sure you want to leave?',
         primaryButtonProps: {
@@ -29,7 +29,7 @@ export const useAssetNavigationBlocker = ({
         showClose: false,
         onOk: () => {
           onResetToOriginal();
-          Promise.resolve(true);
+          return Promise.resolve(true);
         },
       });
 

apps/web-tss/src/context/BusterNotifications/useConfirmModal.ts

@@ -5,14 +5,15 @@ import type {
 } from '@/components/ui/modal/ConfirmModal';
 import { USER_CANCELLED_ERROR } from '../../integrations/tanstack-query/query-client-config';
 
-interface ConfirmProps<T = unknown> extends Omit<BaseConfirmProps, 'onOk'> {
+interface ConfirmProps<T = unknown, C = unknown>
+  extends Omit<BaseConfirmProps, 'onOk' | 'onCancel'> {
   title: string | React.ReactNode;
   content: string | React.ReactNode;
   onOk: () => T | Promise<T>;
   onCancel?: () => Promise<void>;
 }
 
-const defaultConfirmModalProps: ConfirmProps<unknown> = {
+const defaultConfirmModalProps: ConfirmProps<unknown, unknown> = {
   title: '',
   content: '',
   onOk: () => undefined,
@@ -31,7 +32,9 @@ export const useConfirmModalContext = () => {
   const [modalQueue, setModalQueue] = useState<QueuedModal[]>([]);
   const currentModal = modalQueue[0]; // Get the first modal in the queue
 
-  const openConfirmModal = <T = unknown>(props: ConfirmProps<T>): Promise<T | undefined> | T => {
+  const openConfirmModal = <T = unknown, C = unknown>(
+    props: ConfirmProps<T>
+  ): Promise<T | undefined> | T => {
     return new Promise<T | undefined>((resolve, reject) => {
       const newModal: QueuedModal<T> = {
         ...props,