UI fixes

app/components/settings/connections/ConnectionsTab.tsx

@@ -35,6 +35,7 @@ interface GitHubStats {
 interface GitHubConnection {
   user: GitHubUserResponse | null;
   token: string;
+  tokenType: 'classic' | 'fine-grained';
   stats?: GitHubStats;
 }
 
@@ -42,6 +43,7 @@ export default function ConnectionsTab() {
   const [connection, setConnection] = useState<GitHubConnection>({
     user: null,
     token: '',
+    tokenType: 'classic',
   });
   const [isLoading, setIsLoading] = useState(true);
   const [isConnecting, setIsConnecting] = useState(false);
@@ -53,7 +55,14 @@ export default function ConnectionsTab() {
 
     if (savedConnection) {
       const parsed = JSON.parse(savedConnection);
+
+      // Ensure backward compatibility with existing connections
+      if (!parsed.tokenType) {
+        parsed.tokenType = 'classic';
+      }
+
       setConnection(parsed);
+
       if (parsed.user && parsed.token) {
         fetchGitHubStats(parsed.token);
       }
@@ -73,7 +82,9 @@ export default function ConnectionsTab() {
         },
       });
 
-      if (!reposResponse.ok) throw new Error('Failed to fetch repositories');
+      if (!reposResponse.ok) {
+        throw new Error('Failed to fetch repositories');
+      }
 
       const repos = (await reposResponse.json()) as GitHubRepoInfo[];
 
@@ -107,10 +118,16 @@ export default function ConnectionsTab() {
         },
       });
 
-      if (!response.ok) throw new Error('Invalid token or unauthorized');
+      if (!response.ok) {
+        throw new Error('Invalid token or unauthorized');
+      }
 
       const data = (await response.json()) as GitHubUserResponse;
-      const newConnection = { user: data, token };
+      const newConnection: GitHubConnection = {
+        user: data,
+        token,
+        tokenType: connection.tokenType,
+      };
 
       // Save connection
       localStorage.setItem('github_connection', JSON.stringify(newConnection));
@@ -123,7 +140,7 @@ export default function ConnectionsTab() {
     } catch (error) {
       logStore.logError('Failed to authenticate with GitHub', { error });
       toast.error('Failed to connect to GitHub');
-      setConnection({ user: null, token: '' });
+      setConnection({ user: null, token: '', tokenType: 'classic' });
     } finally {
       setIsConnecting(false);
     }
@@ -136,11 +153,13 @@ export default function ConnectionsTab() {
 
   const handleDisconnect = () => {
     localStorage.removeItem('github_connection');
-    setConnection({ user: null, token: '' });
+    setConnection({ user: null, token: '', tokenType: 'classic' });
     toast.success('Disconnected from GitHub');
   };
 
-  if (isLoading) return <LoadingSpinner />;
+  if (isLoading) {
+    return <LoadingSpinner />;
+  }
 
   return (
     <div className="space-y-4">
@@ -174,31 +193,37 @@ export default function ConnectionsTab() {
 
             <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
               <div>
-                <label className="block text-sm text-bolt-elements-textSecondary mb-2">GitHub Username</label>
-                <input
-                  type="text"
-                  value={connection.user?.login || ''}
-                  disabled={true}
-                  placeholder="Not connected"
+                <label className="block text-sm text-bolt-elements-textSecondary mb-2">Token Type</label>
+                <select
+                  value={connection.tokenType}
+                  onChange={(e) =>
+                    setConnection((prev) => ({ ...prev, tokenType: e.target.value as 'classic' | 'fine-grained' }))
+                  }
+                  disabled={isConnecting || !!connection.user}
                   className={classNames(
                     'w-full px-3 py-2 rounded-lg text-sm',
                     'bg-[#F8F8F8] dark:bg-[#1A1A1A]',
                     'border border-[#E5E5E5] dark:border-[#333333]',
-                    'text-bolt-elements-textPrimary placeholder-bolt-elements-textTertiary',
+                    'text-bolt-elements-textPrimary',
                     'focus:outline-none focus:ring-1 focus:ring-purple-500',
                     'disabled:opacity-50',
                   )}
-                />
+                >
+                  <option value="classic">Personal Access Token (Classic)</option>
+                  <option value="fine-grained">Fine-grained Token</option>
+                </select>
               </div>
 
               <div>
-                <label className="block text-sm text-bolt-elements-textSecondary mb-2">Personal Access Token</label>
+                <label className="block text-sm text-bolt-elements-textSecondary mb-2">
+                  {connection.tokenType === 'classic' ? 'Personal Access Token' : 'Fine-grained Token'}
+                </label>
                 <input
                   type="password"
                   value={connection.token}
                   onChange={(e) => setConnection((prev) => ({ ...prev, token: e.target.value }))}
                   disabled={isConnecting || !!connection.user}
-                  placeholder="Enter your GitHub token"
+                  placeholder={`Enter your GitHub ${connection.tokenType === 'classic' ? 'personal access token' : 'fine-grained token'}`}
                   className={classNames(
                     'w-full px-3 py-2 rounded-lg text-sm',
                     'bg-[#F8F8F8] dark:bg-[#1A1A1A]',
@@ -257,69 +282,49 @@ export default function ConnectionsTab() {
               )}
             </div>
 
-            {connection.user && connection.stats && (
-              <div className="mt-6 border-t border-[#E5E5E5] dark:border-[#1A1A1A] pt-6">
-                <div className="flex items-center gap-4 mb-6">
+            {connection.user && (
+              <div className="p-4 bg-[#F8F8F8] dark:bg-[#1A1A1A] rounded-lg">
+                <div className="flex items-center gap-4">
                   <img
                     src={connection.user.avatar_url}
                     alt={connection.user.login}
-                    className="w-16 h-16 rounded-full"
+                    className="w-12 h-12 rounded-full"
                   />
                   <div>
-                    <h3 className="text-lg font-medium text-bolt-elements-textPrimary">
-                      {connection.user.name || connection.user.login}
-                    </h3>
-                    {connection.user.bio && (
-                      <p className="text-sm text-bolt-elements-textSecondary">{connection.user.bio}</p>
-                    )}
-                    <div className="flex gap-4 mt-2 text-sm text-bolt-elements-textSecondary">
-                      <span className="flex items-center gap-1">
-                        <div className="i-ph:users w-4 h-4" />
-                        {connection.user.followers} followers
-                      </span>
-                      <span className="flex items-center gap-1">
-                        <div className="i-ph:star w-4 h-4" />
-                        {connection.stats.totalStars} stars
-                      </span>
-                      <span className="flex items-center gap-1">
-                        <div className="i-ph:git-fork w-4 h-4" />
-                        {connection.stats.totalForks} forks
-                      </span>
-                    </div>
+                    <h4 className="text-sm font-medium text-bolt-elements-textPrimary">{connection.user.name}</h4>
+                    <p className="text-sm text-bolt-elements-textSecondary">@{connection.user.login}</p>
                   </div>
                 </div>
 
-                <h4 className="text-sm font-medium text-bolt-elements-textPrimary mb-3">Recent Repositories</h4>
-                <div className="space-y-3">
-                  {connection.stats.repos.map((repo) => (
-                    <a
-                      key={repo.full_name}
-                      href={repo.html_url}
-                      target="_blank"
-                      rel="noopener noreferrer"
-                      className="block p-3 rounded-lg bg-[#F8F8F8] dark:bg-[#1A1A1A] hover:bg-[#F0F0F0] dark:hover:bg-[#252525] transition-colors"
-                    >
-                      <div className="flex items-center justify-between">
-                        <div>
-                          <h5 className="text-sm font-medium text-bolt-elements-textPrimary">{repo.name}</h5>
-                          {repo.description && (
-                            <p className="text-xs text-bolt-elements-textSecondary mt-1">{repo.description}</p>
-                          )}
-                        </div>
-                        <div className="flex items-center gap-3 text-xs text-bolt-elements-textSecondary">
-                          <span className="flex items-center gap-1">
-                            <div className="i-ph:star w-3 h-3" />
-                            {repo.stargazers_count}
-                          </span>
-                          <span className="flex items-center gap-1">
-                            <div className="i-ph:git-fork w-3 h-3" />
-                            {repo.forks_count}
-                          </span>
-                        </div>
+                {isFetchingStats ? (
+                  <div className="mt-4 flex items-center gap-2 text-sm text-bolt-elements-textSecondary">
+                    <div className="i-ph:spinner-gap w-4 h-4 animate-spin" />
+                    Fetching GitHub stats...
+                  </div>
+                ) : (
+                  connection.stats && (
+                    <div className="mt-4 grid grid-cols-3 gap-4">
+                      <div>
+                        <p className="text-sm text-bolt-elements-textSecondary">Public Repos</p>
+                        <p className="text-lg font-medium text-bolt-elements-textPrimary">
+                          {connection.user.public_repos}
+                        </p>
                       </div>
-                    </a>
-                  ))}
-                </div>
+                      <div>
+                        <p className="text-sm text-bolt-elements-textSecondary">Total Stars</p>
+                        <p className="text-lg font-medium text-bolt-elements-textPrimary">
+                          {connection.stats.totalStars}
+                        </p>
+                      </div>
+                      <div>
+                        <p className="text-sm text-bolt-elements-textSecondary">Total Forks</p>
+                        <p className="text-lg font-medium text-bolt-elements-textPrimary">
+                          {connection.stats.totalForks}
+                        </p>
+                      </div>
+                    </div>
+                  )
+                )}
               </div>
             )}
           </div>

app/components/settings/connections/components/ConnectionForm.tsx

@@ -0,0 +1,180 @@
+import React, { useEffect } from 'react';
+import { classNames } from '~/utils/classNames';
+import type { GitHubAuthState } from '~/components/settings/connections/types/GitHub';
+import Cookies from 'js-cookie';
+import { getLocalStorage } from '~/utils/localStorage';
+
+const GITHUB_TOKEN_KEY = 'github_token';
+
+interface ConnectionFormProps {
+  authState: GitHubAuthState;
+  setAuthState: React.Dispatch<React.SetStateAction<GitHubAuthState>>;
+  onSave: (e: React.FormEvent) => void;
+  onDisconnect: () => void;
+}
+
+export function ConnectionForm({ authState, setAuthState, onSave, onDisconnect }: ConnectionFormProps) {
+  // Check for saved token on mount
+  useEffect(() => {
+    const savedToken = Cookies.get(GITHUB_TOKEN_KEY) || getLocalStorage(GITHUB_TOKEN_KEY);
+
+    if (savedToken && !authState.tokenInfo?.token) {
+      setAuthState((prev: GitHubAuthState) => ({
+        ...prev,
+        tokenInfo: {
+          token: savedToken,
+          scope: [],
+          avatar_url: '',
+          name: null,
+          created_at: new Date().toISOString(),
+          followers: 0,
+        },
+      }));
+    }
+  }, []);
+
+  return (
+    <div className="rounded-xl bg-white dark:bg-[#0A0A0A] border border-[#E5E5E5] dark:border-[#1A1A1A] overflow-hidden">
+      <div className="p-6">
+        <div className="flex items-center justify-between mb-6">
+          <div className="flex items-center gap-3">
+            <div className="p-2 rounded-lg bg-[#F5F5F5] dark:bg-[#1A1A1A] border border-[#E5E5E5] dark:border-[#1A1A1A]">
+              <div className="i-ph:plug-fill text-bolt-elements-textTertiary" />
+            </div>
+            <div>
+              <h3 className="text-lg font-medium text-bolt-elements-textPrimary">Connection Settings</h3>
+              <p className="text-sm text-bolt-elements-textSecondary">Configure your GitHub connection</p>
+            </div>
+          </div>
+        </div>
+
+        <form onSubmit={onSave} className="space-y-4">
+          <div>
+            <label htmlFor="username" className="block text-sm font-medium text-bolt-elements-textSecondary mb-2">
+              GitHub Username
+            </label>
+            <input
+              id="username"
+              type="text"
+              value={authState.username}
+              onChange={(e) => setAuthState((prev: GitHubAuthState) => ({ ...prev, username: e.target.value }))}
+              className={classNames(
+                'w-full px-4 py-2.5 bg-[#F5F5F5] dark:bg-[#1A1A1A] border rounded-lg',
+                'text-bolt-elements-textPrimary placeholder-bolt-elements-textTertiary text-base',
+                'border-[#E5E5E5] dark:border-[#1A1A1A]',
+                'focus:ring-2 focus:ring-purple-500/50 focus:border-purple-500',
+                'transition-all duration-200',
+              )}
+              placeholder="e.g., octocat"
+            />
+          </div>
+
+          <div>
+            <div className="flex items-center justify-between mb-2">
+              <label htmlFor="token" className="block text-sm font-medium text-bolt-elements-textSecondary">
+                Personal Access Token
+              </label>
+              <a
+                href="https://github.com/settings/tokens/new?scopes=repo,user,read:org,workflow,delete_repo,write:packages,read:packages"
+                target="_blank"
+                rel="noopener noreferrer"
+                className={classNames(
+                  'inline-flex items-center gap-1.5 text-xs',
+                  'text-purple-500 hover:text-purple-600 dark:text-purple-400 dark:hover:text-purple-300',
+                  'transition-colors duration-200',
+                )}
+              >
+                <span>Generate new token</span>
+                <div className="i-ph:plus-circle" />
+              </a>
+            </div>
+            <input
+              id="token"
+              type="password"
+              value={authState.tokenInfo?.token || ''}
+              onChange={(e) =>
+                setAuthState((prev: GitHubAuthState) => ({
+                  ...prev,
+                  tokenInfo: {
+                    token: e.target.value,
+                    scope: [],
+                    avatar_url: '',
+                    name: null,
+                    created_at: new Date().toISOString(),
+                    followers: 0,
+                  },
+                  username: '',
+                  isConnected: false,
+                  isVerifying: false,
+                  isLoadingRepos: false,
+                }))
+              }
+              className={classNames(
+                'w-full px-4 py-2.5 bg-[#F5F5F5] dark:bg-[#1A1A1A] border rounded-lg',
+                'text-bolt-elements-textPrimary placeholder-bolt-elements-textTertiary text-base',
+                'border-[#E5E5E5] dark:border-[#1A1A1A]',
+                'focus:ring-2 focus:ring-purple-500/50 focus:border-purple-500',
+                'transition-all duration-200',
+              )}
+              placeholder="ghp_xxxxxxxxxxxx"
+            />
+          </div>
+
+          <div className="flex items-center justify-between pt-4 border-t border-[#E5E5E5] dark:border-[#1A1A1A]">
+            <div className="flex items-center gap-4">
+              {!authState.isConnected ? (
+                <button
+                  type="submit"
+                  disabled={authState.isVerifying || !authState.username || !authState.tokenInfo?.token}
+                  className={classNames(
+                    'inline-flex items-center gap-2 px-4 py-2 text-sm font-medium rounded-lg transition-colors',
+                    'bg-purple-500 hover:bg-purple-600',
+                    'text-white',
+                    'disabled:opacity-50 disabled:cursor-not-allowed',
+                  )}
+                >
+                  {authState.isVerifying ? (
+                    <>
+                      <div className="i-ph:spinner animate-spin" />
+                      <span>Verifying...</span>
+                    </>
+                  ) : (
+                    <>
+                      <div className="i-ph:plug-fill" />
+                      <span>Connect</span>
+                    </>
+                  )}
+                </button>
+              ) : (
+                <>
+                  <button
+                    onClick={onDisconnect}
+                    className={classNames(
+                      'inline-flex items-center gap-2 px-4 py-2 text-sm font-medium rounded-lg transition-colors',
+                      'bg-[#F5F5F5] hover:bg-red-500/10 hover:text-red-500',
+                      'dark:bg-[#1A1A1A] dark:hover:bg-red-500/20 dark:hover:text-red-500',
+                      'text-bolt-elements-textPrimary',
+                    )}
+                  >
+                    <div className="i-ph:plug-fill" />
+                    <span>Disconnect</span>
+                  </button>
+                  <span className="inline-flex items-center gap-2 px-3 py-1.5 text-sm text-green-600 dark:text-green-400 bg-green-500/5 rounded-lg border border-green-500/20">
+                    <div className="i-ph:check-circle-fill" />
+                    <span>Connected</span>
+                  </span>
+                </>
+              )}
+            </div>
+            {authState.rateLimits && (
+              <div className="flex items-center gap-2 text-sm text-bolt-elements-textTertiary">
+                <div className="i-ph:clock-countdown opacity-60" />
+                <span>Rate limit resets at {authState.rateLimits.reset.toLocaleTimeString()}</span>
+              </div>
+            )}
+          </div>
+        </form>
+      </div>
+    </div>
+  );
+}

app/components/settings/connections/components/CreateBranchDialog.tsx

@@ -0,0 +1,150 @@
+import { useState } from 'react';
+import * as Dialog from '@radix-ui/react-dialog';
+import { classNames } from '~/utils/classNames';
+import type { GitHubRepoInfo } from '~/components/settings/connections/types/GitHub';
+import { GitBranch } from '@phosphor-icons/react';
+
+interface GitHubBranch {
+  name: string;
+  default?: boolean;
+}
+
+interface CreateBranchDialogProps {
+  isOpen: boolean;
+  onClose: () => void;
+  onConfirm: (branchName: string, sourceBranch: string) => void;
+  repository: GitHubRepoInfo;
+  branches?: GitHubBranch[];
+}
+
+export function CreateBranchDialog({ isOpen, onClose, onConfirm, repository, branches }: CreateBranchDialogProps) {
+  const [branchName, setBranchName] = useState('');
+  const [sourceBranch, setSourceBranch] = useState(branches?.find((b) => b.default)?.name || 'main');
+
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+    onConfirm(branchName, sourceBranch);
+    setBranchName('');
+    onClose();
+  };
+
+  return (
+    <Dialog.Root open={isOpen} onOpenChange={onClose}>
+      <Dialog.Portal>
+        <Dialog.Overlay className="fixed inset-0 bg-black/50 dark:bg-black/80" />
+        <Dialog.Content
+          className={classNames(
+            'fixed top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%]',
+            'w-full max-w-md p-6 rounded-xl shadow-lg',
+            'bg-white dark:bg-[#0A0A0A]',
+            'border border-[#E5E5E5] dark:border-[#1A1A1A]',
+          )}
+        >
+          <Dialog.Title className="text-lg font-medium text-bolt-elements-textPrimary mb-4">
+            Create New Branch
+          </Dialog.Title>
+
+          <form onSubmit={handleSubmit}>
+            <div className="space-y-4">
+              <div>
+                <label htmlFor="branchName" className="block text-sm font-medium text-bolt-elements-textSecondary mb-2">
+                  Branch Name
+                </label>
+                <input
+                  id="branchName"
+                  type="text"
+                  value={branchName}
+                  onChange={(e) => setBranchName(e.target.value)}
+                  placeholder="feature/my-new-branch"
+                  className={classNames(
+                    'w-full px-3 py-2 rounded-lg',
+                    'bg-[#F5F5F5] dark:bg-[#1A1A1A]',
+                    'border border-[#E5E5E5] dark:border-[#1A1A1A]',
+                    'text-bolt-elements-textPrimary placeholder:text-bolt-elements-textTertiary',
+                    'focus:outline-none focus:ring-2 focus:ring-purple-500/50',
+                  )}
+                  required
+                />
+              </div>
+
+              <div>
+                <label
+                  htmlFor="sourceBranch"
+                  className="block text-sm font-medium text-bolt-elements-textSecondary mb-2"
+                >
+                  Source Branch
+                </label>
+                <select
+                  id="sourceBranch"
+                  value={sourceBranch}
+                  onChange={(e) => setSourceBranch(e.target.value)}
+                  className={classNames(
+                    'w-full px-3 py-2 rounded-lg',
+                    'bg-[#F5F5F5] dark:bg-[#1A1A1A]',
+                    'border border-[#E5E5E5] dark:border-[#1A1A1A]',
+                    'text-bolt-elements-textPrimary',
+                    'focus:outline-none focus:ring-2 focus:ring-purple-500/50',
+                  )}
+                >
+                  {branches?.map((branch) => (
+                    <option key={branch.name} value={branch.name}>
+                      {branch.name} {branch.default ? '(default)' : ''}
+                    </option>
+                  ))}
+                </select>
+              </div>
+
+              <div className="mt-4 p-3 bg-[#F5F5F5] dark:bg-[#1A1A1A] rounded-lg">
+                <h4 className="text-sm font-medium text-bolt-elements-textSecondary mb-2">Branch Overview</h4>
+                <ul className="space-y-2 text-sm text-bolt-elements-textSecondary">
+                  <li className="flex items-center gap-2">
+                    <GitBranch className="text-lg" />
+                    Repository: {repository.name}
+                  </li>
+                  {branchName && (
+                    <li className="flex items-center gap-2">
+                      <div className="i-ph:check-circle text-green-500" />
+                      New branch will be created as: {branchName}
+                    </li>
+                  )}
+                  <li className="flex items-center gap-2">
+                    <div className="i-ph:check-circle text-green-500" />
+                    Based on: {sourceBranch}
+                  </li>
+                </ul>
+              </div>
+            </div>
+
+            <div className="mt-6 flex justify-end gap-3">
+              <button
+                type="button"
+                onClick={onClose}
+                className={classNames(
+                  'px-4 py-2 rounded-lg text-sm font-medium',
+                  'text-bolt-elements-textPrimary',
+                  'bg-[#F5F5F5] dark:bg-[#1A1A1A]',
+                  'hover:bg-purple-500/10 hover:text-purple-500',
+                  'dark:hover:bg-purple-500/20 dark:hover:text-purple-500',
+                  'transition-colors',
+                )}
+              >
+                Cancel
+              </button>
+              <button
+                type="submit"
+                className={classNames(
+                  'px-4 py-2 rounded-lg text-sm font-medium',
+                  'text-white bg-purple-500',
+                  'hover:bg-purple-600',
+                  'transition-colors',
+                )}
+              >
+                Create Branch
+              </button>
+            </div>
+          </form>
+        </Dialog.Content>
+      </Dialog.Portal>
+    </Dialog.Root>
+  );
+}

app/components/settings/connections/types/GitHub.ts

@@ -0,0 +1,59 @@
+export interface GitHubUserResponse {
+  login: string;
+  avatar_url: string;
+  html_url: string;
+  name: string;
+  bio: string;
+  public_repos: number;
+  followers: number;
+  following: number;
+}
+
+export interface GitHubRepoInfo {
+  name: string;
+  full_name: string;
+  html_url: string;
+  description: string;
+  stargazers_count: number;
+  forks_count: number;
+  default_branch: string;
+  updated_at: string;
+}
+
+export interface GitHubStats {
+  repos: GitHubRepoInfo[];
+  totalStars: number;
+  totalForks: number;
+}
+
+export interface GitHubConnection {
+  user: GitHubUserResponse | null;
+  token: string;
+  tokenType: 'classic' | 'fine-grained';
+  stats?: GitHubStats;
+}
+
+export interface GitHubTokenInfo {
+  token: string;
+  scope: string[];
+  avatar_url: string;
+  name: string | null;
+  created_at: string;
+  followers: number;
+}
+
+export interface GitHubRateLimits {
+  limit: number;
+  remaining: number;
+  reset: Date;
+  used: number;
+}
+
+export interface GitHubAuthState {
+  username: string;
+  tokenInfo: GitHubTokenInfo | null;
+  isConnected: boolean;
+  isVerifying: boolean;
+  isLoadingRepos: boolean;
+  rateLimits?: GitHubRateLimits;
+}

app/components/settings/data/DataTab.tsx

@@ -305,9 +305,9 @@ export default function DataTab() {
       >
         <div className="flex items-center gap-2 mb-2">
           <div className="i-ph:chat-circle-duotone w-5 h-5 text-purple-500" />
-          <h3 className="text-lg font-medium">Chat History</h3>
+          <h3 className="text-lg font-medium text-gray-900 dark:text-white">Chat History</h3>
         </div>
-        <p className="text-sm text-bolt-elements-textSecondary mb-4">Export or delete all your chat history.</p>
+        <p className="text-sm text-gray-600 dark:text-gray-400 mb-4">Export or delete all your chat history.</p>
         <div className="flex gap-4">
           <motion.button
             className="inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-purple-500 text-white text-sm hover:bg-purple-600"
@@ -339,9 +339,9 @@ export default function DataTab() {
       >
         <div className="flex items-center gap-2 mb-2">
           <div className="i-ph:gear-duotone w-5 h-5 text-purple-500" />
-          <h3 className="text-lg font-medium">Settings Backup</h3>
+          <h3 className="text-lg font-medium text-gray-900 dark:text-white">Settings Backup</h3>
         </div>
-        <p className="text-sm text-bolt-elements-textSecondary mb-4">
+        <p className="text-sm text-gray-600 dark:text-gray-400 mb-4">
           Export your settings to a JSON file or import settings from a previously exported file.
         </p>
         <div className="flex gap-4">
@@ -364,7 +364,7 @@ export default function DataTab() {
             Import Settings
           </motion.button>
           <motion.button
-            className="inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-yellow-50 text-yellow-600 text-sm hover:bg-yellow-100 dark:bg-yellow-500/10 dark:hover:bg-yellow-500/20"
+            className="inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-yellow-50 text-yellow-600 text-sm hover:bg-yellow-100 dark:bg-yellow-500/10 dark:hover:bg-yellow-500/20 dark:text-yellow-500"
             whileHover={{ scale: 1.02 }}
             whileTap={{ scale: 0.98 }}
             onClick={() => setShowResetInlineConfirm(true)}
@@ -384,9 +384,9 @@ export default function DataTab() {
       >
         <div className="flex items-center gap-2 mb-2">
           <div className="i-ph:key-duotone w-5 h-5 text-purple-500" />
-          <h3 className="text-lg font-medium">API Keys Management</h3>
+          <h3 className="text-lg font-medium text-gray-900 dark:text-white">API Keys Management</h3>
         </div>
-        <p className="text-sm text-bolt-elements-textSecondary mb-4">
+        <p className="text-sm text-gray-600 dark:text-gray-400 mb-4">
           Import API keys from a JSON file or download a template to fill in your keys.
         </p>
         <div className="flex gap-4">
@@ -405,7 +405,7 @@ export default function DataTab() {
             disabled={isDownloadingTemplate}
           >
             {isDownloadingTemplate ? (
-              <div className="i-ph:spinner-gap-bold animate-spin" />
+              <div className="i-ph:spinner-gap-bold animate-spin w-4 h-4" />
             ) : (
               <div className="i-ph:download-simple w-4 h-4" />
             )}

app/components/settings/debug/DebugTab.tsx

@@ -92,10 +92,12 @@ interface WebAppInfo {
   nodeVersion: string;
   dependencies: { [key: string]: string };
   devDependencies: { [key: string]: string };
+
   // Build Info
   buildTime?: string;
   buildNumber?: string;
   environment?: string;
+
   // Git Info
   gitInfo?: {
     branch: string;
@@ -104,6 +106,7 @@ interface WebAppInfo {
     author: string;
     remoteUrl: string;
   };
+
   // GitHub Repository Info
   repoInfo?: {
     name: string;
@@ -121,6 +124,39 @@ interface WebAppInfo {
   };
 }
 
+interface GitInfo {
+  branch: string;
+  commit: string;
+  commitTime: string;
+  author: string;
+  remoteUrl: string;
+}
+
+interface RepoData {
+  name: string;
+  full_name: string;
+  description: string;
+  stargazers_count: number;
+  forks_count: number;
+  open_issues_count: number;
+  default_branch: string;
+  updated_at: string;
+  owner: {
+    login: string;
+    avatar_url: string;
+  };
+}
+
+interface AppData {
+  name: string;
+  version: string;
+  description: string;
+  license: string;
+  nodeVersion: string;
+  dependencies: { [key: string]: string };
+  devDependencies: { [key: string]: string };
+}
+
 export default function DebugTab() {
   const [systemInfo, setSystemInfo] = useState<SystemInfo | null>(null);
   const [webAppInfo, setWebAppInfo] = useState<WebAppInfo | null>(null);
@@ -328,23 +364,27 @@ export default function DebugTab() {
 
       // Fetch local app info
       const appInfoResponse = await fetch('/api/system/app-info');
+
       if (!appInfoResponse.ok) {
         throw new Error('Failed to fetch webapp info');
       }
-      const appData = await appInfoResponse.json();
+
+      const appData = (await appInfoResponse.json()) as AppData;
 
       // Fetch git info
       const gitInfoResponse = await fetch('/api/system/git-info');
-      let gitInfo = null;
+      let gitInfo: GitInfo | undefined;
+
       if (gitInfoResponse.ok) {
-        gitInfo = await gitInfoResponse.json();
+        gitInfo = (await gitInfoResponse.json()) as GitInfo;
       }
 
       // Fetch GitHub repository info
       const repoInfoResponse = await fetch('https://api.github.com/repos/stackblitz-labs/bolt.diy');
-      let repoInfo = null;
+      let repoInfo: WebAppInfo['repoInfo'] | undefined;
+
       if (repoInfoResponse.ok) {
-        const repoData = await repoInfoResponse.json();
+        const repoData = (await repoInfoResponse.json()) as RepoData;
         repoInfo = {
           name: repoData.name,
           fullName: repoData.full_name,
@@ -396,21 +436,6 @@ export default function DebugTab() {
     return `${Math.round(size)} ${units[unitIndex]}`;
   };
 
-  const handleLogSystemInfo = () => {
-    if (!systemInfo) {
-      return;
-    }
-
-    logStore.logSystem('System Information', {
-      os: systemInfo.os,
-      arch: systemInfo.arch,
-      cpus: systemInfo.cpus,
-      memory: systemInfo.memory,
-      node: systemInfo.node,
-    });
-    toast.success('System information logged');
-  };
-
   const handleLogPerformance = () => {
     try {
       setLoading((prev) => ({ ...prev, performance: true }));
@@ -625,6 +650,26 @@ export default function DebugTab() {
           Check Errors
         </button>
 
+        <button
+          onClick={getWebAppInfo}
+          disabled={loading.webAppInfo}
+          className={classNames(
+            'flex items-center gap-2 px-4 py-2 text-sm font-medium rounded-lg transition-colors',
+            'bg-[#F5F5F5] hover:bg-purple-500/10 hover:text-purple-500',
+            'dark:bg-[#1A1A1A] dark:hover:bg-purple-500/20',
+            'text-bolt-elements-textPrimary dark:hover:text-purple-500',
+            'focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 dark:focus:ring-offset-[#0A0A0A]',
+            { 'opacity-50 cursor-not-allowed': loading.webAppInfo },
+          )}
+        >
+          {loading.webAppInfo ? (
+            <div className="i-ph:spinner-gap w-4 h-4 animate-spin" />
+          ) : (
+            <div className="i-ph:info w-4 h-4" />
+          )}
+          Fetch WebApp Info
+        </button>
+
         <button
           onClick={exportDebugInfo}
           className={classNames(
@@ -640,67 +685,11 @@ export default function DebugTab() {
         </button>
       </div>
 
-      {/* Error Log Display */}
-      {errorLog.errors.length > 0 && (
-        <div className="mt-4">
-          <h3 className="text-lg font-semibold mb-2">Error Log</h3>
-          <div className="bg-gray-50 rounded-lg p-4 max-h-96 overflow-y-auto">
-            {errorLog.errors.map((error, index) => (
-              <div key={index} className="mb-4 last:mb-0 p-3 bg-white rounded border border-red-200">
-                <div className="flex items-center gap-2 text-sm text-gray-600">
-                  <span className="font-medium">Type:</span> {error.type}
-                  <span className="font-medium ml-4">Time:</span>
-                  {new Date(error.timestamp).toLocaleString()}
-                </div>
-                <div className="mt-2 text-red-600">{error.message}</div>
-                {error.filename && (
-                  <div className="mt-1 text-sm text-gray-500">
-                    File: {error.filename} (Line: {error.lineNumber}, Column: {error.columnNumber})
-                  </div>
-                )}
-              </div>
-            ))}
-          </div>
-        </div>
-      )}
-
       {/* System Information */}
       <div className="p-6 rounded-xl bg-white dark:bg-[#0A0A0A] border border-[#E5E5E5] dark:border-[#1A1A1A]">
-        <div className="flex items-center justify-between mb-4">
-          <div className="flex items-center gap-3">
-            <div className="i-ph:cpu text-purple-500 w-5 h-5" />
-            <h3 className="text-base font-medium text-bolt-elements-textPrimary">System Information</h3>
-          </div>
-          <div className="flex items-center gap-2">
-            <button
-              onClick={handleLogSystemInfo}
-              className={classNames(
-                'flex items-center gap-2 px-3 py-2 rounded-lg text-sm',
-                'bg-[#F5F5F5] hover:bg-purple-500/10 hover:text-purple-500',
-                'dark:bg-[#1A1A1A] dark:hover:bg-purple-500/20',
-                'text-bolt-elements-textPrimary dark:hover:text-purple-500',
-                'transition-colors duration-200',
-              )}
-            >
-              <div className="i-ph:note text-bolt-elements-textSecondary w-4 h-4" />
-              Log
-            </button>
-            <button
-              onClick={getSystemInfo}
-              className={classNames(
-                'flex items-center gap-2 px-3 py-2 rounded-lg text-sm',
-                'bg-[#F5F5F5] hover:bg-purple-500/10 hover:text-purple-500',
-                'dark:bg-[#1A1A1A] dark:hover:bg-purple-500/20',
-                'text-bolt-elements-textPrimary dark:hover:text-purple-500',
-                'transition-colors duration-200',
-                { 'opacity-50 cursor-not-allowed': loading.systemInfo },
-              )}
-              disabled={loading.systemInfo}
-            >
-              <div className={classNames('i-ph:arrows-clockwise w-4 h-4', loading.systemInfo ? 'animate-spin' : '')} />
-              Refresh
-            </button>
-          </div>
+        <div className="flex items-center gap-3 mb-4">
+          <div className="i-ph:cpu text-purple-500 w-5 h-5" />
+          <h3 className="text-base font-medium text-bolt-elements-textPrimary">System Information</h3>
         </div>
         {systemInfo ? (
           <div className="grid grid-cols-2 gap-6">
@@ -826,26 +815,9 @@ export default function DebugTab() {
 
       {/* Performance Metrics */}
       <div className="p-6 rounded-xl bg-white dark:bg-[#0A0A0A] border border-[#E5E5E5] dark:border-[#1A1A1A]">
-        <div className="flex items-center justify-between mb-4">
-          <div className="flex items-center gap-3">
-            <div className="i-ph:chart-line text-purple-500 w-5 h-5" />
-            <h3 className="text-base font-medium text-bolt-elements-textPrimary">Performance Metrics</h3>
-          </div>
-          <button
-            onClick={handleLogPerformance}
-            className={classNames(
-              'flex items-center gap-2 px-3 py-2 rounded-lg text-sm',
-              'bg-[#F5F5F5] hover:bg-purple-500/10 hover:text-purple-500',
-              'dark:bg-[#1A1A1A] dark:hover:bg-purple-500/20',
-              'text-bolt-elements-textPrimary dark:hover:text-purple-500',
-              'focus:outline-none focus:ring-2 focus:ring-purple-500 focus:ring-offset-2 dark:focus:ring-offset-[#0A0A0A]',
-              { 'opacity-50 cursor-not-allowed': loading.performance },
-            )}
-            disabled={loading.performance}
-          >
-            <div className={classNames('i-ph:note w-4 h-4', loading.performance ? 'animate-spin' : '')} />
-            Log Performance
-          </button>
+        <div className="flex items-center gap-3 mb-4">
+          <div className="i-ph:chart-line text-purple-500 w-5 h-5" />
+          <h3 className="text-base font-medium text-bolt-elements-textPrimary">Performance Metrics</h3>
         </div>
         {systemInfo && (
           <div className="grid grid-cols-2 gap-4">
@@ -914,26 +886,9 @@ export default function DebugTab() {
 
       {/* WebApp Information */}
       <div className="p-6 rounded-xl bg-white dark:bg-[#0A0A0A] border border-[#E5E5E5] dark:border-[#1A1A1A]">
-        <div className="flex items-center justify-between mb-4">
-          <div className="flex items-center gap-3">
-            <div className="i-ph:info text-blue-500 w-5 h-5" />
-            <h3 className="text-base font-medium text-bolt-elements-textPrimary">WebApp Information</h3>
-          </div>
-          <button
-            onClick={getWebAppInfo}
-            className={classNames(
-              'flex items-center gap-2 px-3 py-2 rounded-lg text-sm',
-              'bg-[#F5F5F5] hover:bg-purple-500/10 hover:text-purple-500',
-              'dark:bg-[#1A1A1A] dark:hover:bg-purple-500/20',
-              'text-bolt-elements-textPrimary dark:hover:text-purple-500',
-              'focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 dark:focus:ring-offset-[#0A0A0A]',
-              { 'opacity-50 cursor-not-allowed': loading.webAppInfo },
-            )}
-            disabled={loading.webAppInfo}
-          >
-            <div className={classNames('i-ph:arrows-clockwise w-4 h-4', loading.webAppInfo ? 'animate-spin' : '')} />
-            Refresh
-          </button>
+        <div className="flex items-center gap-3 mb-4">
+          <div className="i-ph:info text-blue-500 w-5 h-5" />
+          <h3 className="text-base font-medium text-bolt-elements-textPrimary">WebApp Information</h3>
         </div>
         {webAppInfo ? (
           <div className="grid grid-cols-2 gap-4">
@@ -1008,18 +963,12 @@ export default function DebugTab() {
                     <span className="text-bolt-elements-textSecondary">Git Info:</span>
                   </div>
                   <div className="pl-6 space-y-1">
-                    <div className="text-xs text-bolt-elements-textPrimary">
-                      Branch: {webAppInfo.gitInfo.branch}
-                    </div>
-                    <div className="text-xs text-bolt-elements-textPrimary">
-                      Commit: {webAppInfo.gitInfo.commit}
-                    </div>
+                    <div className="text-xs text-bolt-elements-textPrimary">Branch: {webAppInfo.gitInfo.branch}</div>
+                    <div className="text-xs text-bolt-elements-textPrimary">Commit: {webAppInfo.gitInfo.commit}</div>
                     <div className="text-xs text-bolt-elements-textPrimary">
                       Commit Time: {webAppInfo.gitInfo.commitTime}
                     </div>
-                    <div className="text-xs text-bolt-elements-textPrimary">
-                      Author: {webAppInfo.gitInfo.author}
-                    </div>
+                    <div className="text-xs text-bolt-elements-textPrimary">Author: {webAppInfo.gitInfo.author}</div>
                     <div className="text-xs text-bolt-elements-textPrimary">
                       Remote URL: {webAppInfo.gitInfo.remoteUrl}
                     </div>
@@ -1033,21 +982,15 @@ export default function DebugTab() {
                     <span className="text-bolt-elements-textSecondary">GitHub Repository:</span>
                   </div>
                   <div className="pl-6 space-y-1">
-                    <div className="text-xs text-bolt-elements-textPrimary">
-                      Name: {webAppInfo.repoInfo.name}
-                    </div>
+                    <div className="text-xs text-bolt-elements-textPrimary">Name: {webAppInfo.repoInfo.name}</div>
                     <div className="text-xs text-bolt-elements-textPrimary">
                       Full Name: {webAppInfo.repoInfo.fullName}
                     </div>
                     <div className="text-xs text-bolt-elements-textPrimary">
                       Description: {webAppInfo.repoInfo.description}
                     </div>
-                    <div className="text-xs text-bolt-elements-textPrimary">
-                      Stars: {webAppInfo.repoInfo.stars}
-                    </div>
-                    <div className="text-xs text-bolt-elements-textPrimary">
-                      Forks: {webAppInfo.repoInfo.forks}
-                    </div>
+                    <div className="text-xs text-bolt-elements-textPrimary">Stars: {webAppInfo.repoInfo.stars}</div>
+                    <div className="text-xs text-bolt-elements-textPrimary">Forks: {webAppInfo.repoInfo.forks}</div>
                     <div className="text-xs text-bolt-elements-textPrimary">
                       Open Issues: {webAppInfo.repoInfo.openIssues}
                     </div>
@@ -1077,26 +1020,9 @@ export default function DebugTab() {
 
       {/* Error Check */}
       <div className="p-6 rounded-xl bg-white dark:bg-[#0A0A0A] border border-[#E5E5E5] dark:border-[#1A1A1A]">
-        <div className="flex items-center justify-between mb-4">
-          <div className="flex items-center gap-3">
-            <div className="i-ph:warning text-purple-500 w-5 h-5" />
-            <h3 className="text-base font-medium text-bolt-elements-textPrimary">Error Check</h3>
-          </div>
-          <button
-            onClick={checkErrors}
-            className={classNames(
-              'flex items-center gap-2 px-3 py-2 rounded-lg text-sm',
-              'bg-[#F5F5F5] hover:bg-purple-500/10 hover:text-purple-500',
-              'dark:bg-[#1A1A1A] dark:hover:bg-purple-500/20',
-              'text-bolt-elements-textPrimary dark:hover:text-purple-500',
-              'focus:outline-none focus:ring-2 focus:ring-purple-500 focus:ring-offset-2 dark:focus:ring-offset-[#0A0A0A]',
-              { 'opacity-50 cursor-not-allowed': loading.errors },
-            )}
-            disabled={loading.errors}
-          >
-            <div className={classNames('i-ph:magnifying-glass w-4 h-4', loading.errors ? 'animate-spin' : '')} />
-            Check for Errors
-          </button>
+        <div className="flex items-center gap-3 mb-4">
+          <div className="i-ph:warning text-purple-500 w-5 h-5" />
+          <h3 className="text-base font-medium text-bolt-elements-textPrimary">Error Check</h3>
         </div>
         <div className="space-y-4">
           <div className="text-sm text-bolt-elements-textSecondary">

app/components/settings/developer/DeveloperWindow.tsx

@@ -1,12 +1,18 @@
 import * as RadixDialog from '@radix-ui/react-dialog';
 import { motion } from 'framer-motion';
-import { useState, useEffect } from 'react';
+import { useState, useEffect, useMemo } from 'react';
 import { classNames } from '~/utils/classNames';
 import { TabManagement } from './TabManagement';
 import { TabTile } from '~/components/settings/shared/TabTile';
 import { DialogTitle } from '~/components/ui/Dialog';
 import type { TabType, TabVisibilityConfig } from '~/components/settings/settings.types';
-import { tabConfigurationStore, updateTabConfiguration } from '~/lib/stores/settings';
+import {
+  tabConfigurationStore,
+  resetTabConfiguration,
+  updateTabConfiguration,
+  developerModeStore,
+  setDeveloperMode,
+} from '~/lib/stores/settings';
 import { useStore } from '@nanostores/react';
 import { DndProvider, useDrag, useDrop } from 'react-dnd';
 import { HTML5Backend } from 'react-dnd-html5-backend';
@@ -24,6 +30,7 @@ import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
 import CloudProvidersTab from '~/components/settings/providers/CloudProvidersTab';
 import LocalProvidersTab from '~/components/settings/providers/LocalProvidersTab';
 import TaskManagerTab from '~/components/settings/task-manager/TaskManagerTab';
+import { Switch } from '~/components/ui/Switch';
 
 interface DraggableTabTileProps {
   tab: TabVisibilityConfig;
@@ -83,8 +90,14 @@ const DraggableTabTile = ({
     },
   });
 
+  const dragDropRef = (node: HTMLDivElement | null) => {
+    if (node) {
+      drag(drop(node));
+    }
+  };
+
   return (
-    <div ref={(node) => drag(drop(node))} style={{ opacity: isDragging ? 0.5 : 1 }}>
+    <div ref={dragDropRef} style={{ opacity: isDragging ? 0.5 : 1 }}>
       <TabTile
         tab={tab}
         onClick={onClick}
@@ -104,15 +117,32 @@ interface DeveloperWindowProps {
 }
 
 export const DeveloperWindow = ({ open, onClose }: DeveloperWindowProps) => {
-  const tabConfiguration = useStore(tabConfigurationStore);
   const [activeTab, setActiveTab] = useState<TabType | null>(null);
-  const [showTabManagement, setShowTabManagement] = useState(false);
   const [loadingTab, setLoadingTab] = useState<TabType | null>(null);
+  const tabConfiguration = useStore(tabConfigurationStore);
+  const [showTabManagement, setShowTabManagement] = useState(false);
+  const developerMode = useStore(developerModeStore);
   const [profile, setProfile] = useState(() => {
     const saved = localStorage.getItem('bolt_user_profile');
     return saved ? JSON.parse(saved) : { avatar: null, notifications: true };
   });
 
+  // Handle developer mode change
+  const handleDeveloperModeChange = (checked: boolean) => {
+    setDeveloperMode(checked);
+
+    if (!checked) {
+      onClose();
+    }
+  };
+
+  // Ensure developer mode is true when window is opened
+  useEffect(() => {
+    if (open) {
+      setDeveloperMode(true);
+    }
+  }, [open]);
+
   // Listen for profile changes
   useEffect(() => {
     const handleStorageChange = (e: StorageEvent) => {
@@ -134,6 +164,38 @@ export const DeveloperWindow = ({ open, onClose }: DeveloperWindowProps) => {
   const { hasConnectionIssues, currentIssue, acknowledgeIssue } = useConnectionStatus();
   const { hasActiveWarnings, activeIssues, acknowledgeAllIssues } = useDebugStatus();
 
+  // Ensure tab configuration is properly initialized
+  useEffect(() => {
+    if (!tabConfiguration || !tabConfiguration.userTabs || !tabConfiguration.developerTabs) {
+      console.warn('Tab configuration is invalid in DeveloperWindow, resetting to defaults');
+      resetTabConfiguration();
+    } else {
+      // Validate tab configuration structure
+      const isValid =
+        tabConfiguration.userTabs.every(
+          (tab) =>
+            tab &&
+            typeof tab.id === 'string' &&
+            typeof tab.visible === 'boolean' &&
+            typeof tab.window === 'string' &&
+            typeof tab.order === 'number',
+        ) &&
+        tabConfiguration.developerTabs.every(
+          (tab) =>
+            tab &&
+            typeof tab.id === 'string' &&
+            typeof tab.visible === 'boolean' &&
+            typeof tab.window === 'string' &&
+            typeof tab.order === 'number',
+        );
+
+      if (!isValid) {
+        console.warn('Tab configuration is malformed in DeveloperWindow, resetting to defaults');
+        resetTabConfiguration();
+      }
+    }
+  }, [tabConfiguration]);
+
   const handleBack = () => {
     if (showTabManagement) {
       setShowTabManagement(false);
@@ -143,21 +205,55 @@ export const DeveloperWindow = ({ open, onClose }: DeveloperWindowProps) => {
   };
 
   // Only show tabs that are assigned to the developer window AND are visible
-  const visibleDeveloperTabs = tabConfiguration.developerTabs
-    .filter((tab) => {
-      // Hide notifications tab if notifications are disabled
-      if (tab.id === 'notifications' && !profile.notifications) {
-        return false;
-      }
+  const visibleDeveloperTabs = useMemo(() => {
+    console.log('Filtering developer tabs with configuration:', tabConfiguration);
 
-      return tab.visible;
-    })
-    .sort((a: TabVisibilityConfig, b: TabVisibilityConfig) => (a.order || 0) - (b.order || 0));
+    if (!tabConfiguration?.developerTabs || !Array.isArray(tabConfiguration.developerTabs)) {
+      console.warn('Invalid tab configuration, using empty array');
+      return [];
+    }
+
+    return tabConfiguration.developerTabs
+      .filter((tab) => {
+        if (!tab || typeof tab.id !== 'string') {
+          console.warn('Invalid tab entry:', tab);
+          return false;
+        }
+
+        // Hide notifications tab if notifications are disabled
+        if (tab.id === 'notifications' && !profile.notifications) {
+          console.log('Hiding notifications tab due to disabled notifications');
+          return false;
+        }
+
+        // Ensure the tab has the required properties
+        if (typeof tab.visible !== 'boolean' || typeof tab.window !== 'string' || typeof tab.order !== 'number') {
+          console.warn('Tab missing required properties:', tab);
+          return false;
+        }
+
+        // Only show tabs that are explicitly visible and assigned to the developer window
+        const isVisible = tab.visible && tab.window === 'developer';
+        console.log(`Tab ${tab.id} visibility:`, isVisible);
+
+        return isVisible;
+      })
+      .sort((a: TabVisibilityConfig, b: TabVisibilityConfig) => {
+        const orderA = typeof a.order === 'number' ? a.order : 0;
+        const orderB = typeof b.order === 'number' ? b.order : 0;
+
+        return orderA - orderB;
+      });
+  }, [tabConfiguration, profile.notifications]);
+
+  console.log('Filtered visible developer tabs:', visibleDeveloperTabs);
 
   const moveTab = (dragIndex: number, hoverIndex: number) => {
     const draggedTab = visibleDeveloperTabs[dragIndex];
     const targetTab = visibleDeveloperTabs[hoverIndex];
 
+    console.log('Moving developer tab:', { draggedTab, targetTab });
+
     // Update the order of the dragged and target tabs
     const updatedDraggedTab = { ...draggedTab, order: targetTab.order };
     const updatedTargetTab = { ...targetTab, order: draggedTab.order };
@@ -278,7 +374,10 @@ export const DeveloperWindow = ({ open, onClose }: DeveloperWindowProps) => {
     <DndProvider backend={HTML5Backend}>
       <RadixDialog.Root open={open}>
         <RadixDialog.Portal>
-          <div className="fixed inset-0 flex items-center justify-center z-[60]">
+          <div
+            className="fixed inset-0 flex items-center justify-center z-[60]"
+            style={{ opacity: developerMode ? 1 : 0, transition: 'opacity 0.2s ease-in-out' }}
+          >
             <RadixDialog.Overlay className="fixed inset-0">
               <motion.div
                 className="absolute inset-0 bg-black/50 backdrop-blur-sm"
@@ -299,7 +398,7 @@ export const DeveloperWindow = ({ open, onClose }: DeveloperWindowProps) => {
                   'flex flex-col overflow-hidden',
                 )}
                 initial={{ opacity: 0, scale: 0.95, y: 20 }}
-                animate={{ opacity: 1, scale: 1, y: 0 }}
+                animate={{ opacity: developerMode ? 1 : 0, scale: developerMode ? 1 : 0.95, y: developerMode ? 0 : 20 }}
                 exit={{ opacity: 0, scale: 0.95, y: 20 }}
                 transition={{ duration: 0.2 }}
               >
@@ -346,6 +445,16 @@ export const DeveloperWindow = ({ open, onClose }: DeveloperWindowProps) => {
                       </motion.button>
                     )}
 
+                    <div className="flex items-center gap-2">
+                      <Switch
+                        checked={developerMode}
+                        onCheckedChange={handleDeveloperModeChange}
+                        className="data-[state=checked]:bg-purple-500"
+                        aria-label="Toggle developer mode"
+                      />
+                      <label className="text-sm text-gray-500 dark:text-gray-400">Switch to User Mode</label>
+                    </div>
+
                     <div className="relative">
                       <DropdownMenu.Root>
                         <DropdownMenu.Trigger asChild>

app/components/settings/developer/TabManagement.tsx

@@ -37,7 +37,7 @@ const TabGroup = ({ title, description, tabs, onVisibilityChange, targetWindow }
   const hiddenTabs = tabs.filter((tab) => !tab.visible).sort((a, b) => (a.order || 0) - (b.order || 0));
 
   return (
-    <div className="mb-8 rounded-xl bg-white/5 p-6 backdrop-blur-sm dark:bg-gray-800/30">
+    <div className="mb-8 rounded-xl bg-white/5 p-6 dark:bg-gray-800/30">
       <div className="mb-6">
         <h3 className="flex items-center gap-2 text-lg font-medium text-gray-900 dark:text-white">
           <span className="i-ph:layout-fill h-5 w-5 text-purple-500" />

app/components/settings/providers/LocalProvidersTab.tsx

@@ -10,8 +10,6 @@ import { settingsStyles } from '~/components/settings/settings.styles';
 import { toast } from 'react-toastify';
 import { BsBox, BsCodeSquare, BsRobot } from 'react-icons/bs';
 import type { IconType } from 'react-icons';
-import OllamaModelUpdater from './OllamaModelUpdater';
-import { DialogRoot, Dialog } from '~/components/ui/Dialog';
 import { BiChip } from 'react-icons/bi';
 import { TbBrandOpenai } from 'react-icons/tb';
 import { providerBaseUrlEnvKeys } from '~/utils/constants';
@@ -33,12 +31,33 @@ const PROVIDER_DESCRIPTIONS: Record<ProviderName, string> = {
   OpenAILike: 'Connect to OpenAI-compatible API endpoints',
 };
 
+interface OllamaModel {
+  name: string;
+  digest: string;
+  size: number;
+  modified_at: string;
+  details?: {
+    family: string;
+    parameter_size: string;
+    quantization_level: string;
+  };
+  status?: 'idle' | 'updating' | 'updated' | 'error' | 'checking';
+  error?: string;
+  newDigest?: string;
+  progress?: {
+    current: number;
+    total: number;
+    status: string;
+  };
+}
+
 const LocalProvidersTab = () => {
   const settings = useSettings();
   const [filteredProviders, setFilteredProviders] = useState<IProviderConfig[]>([]);
   const [categoryEnabled, setCategoryEnabled] = useState<boolean>(false);
-  const [showOllamaUpdater, setShowOllamaUpdater] = useState(false);
   const [editingProvider, setEditingProvider] = useState<string | null>(null);
+  const [ollamaModels, setOllamaModels] = useState<OllamaModel[]>([]);
+  const [isLoadingModels, setIsLoadingModels] = useState(false);
 
   // Effect to filter and sort providers
   useEffect(() => {
@@ -46,9 +65,32 @@ const LocalProvidersTab = () => {
       .filter(([key]) => [...LOCAL_PROVIDERS, 'OpenAILike'].includes(key))
       .map(([key, value]) => {
         const provider = value as IProviderConfig;
+        const envKey = providerBaseUrlEnvKeys[key]?.baseUrlKey;
+
+        // Get environment URL safely
+        const envUrl = envKey ? (import.meta.env[envKey] as string | undefined) : undefined;
+
+        console.log(`Checking env URL for ${key}:`, {
+          envKey,
+          envUrl,
+          currentBaseUrl: provider.settings.baseUrl,
+        });
+
+        // If there's an environment URL and no base URL set, update it
+        if (envUrl && !provider.settings.baseUrl) {
+          console.log(`Setting base URL for ${key} from env:`, envUrl);
+          settings.updateProviderSettings(key, {
+            ...provider.settings,
+            baseUrl: envUrl,
+          });
+        }
+
         return {
           name: key,
-          settings: provider.settings,
+          settings: {
+            ...provider.settings,
+            baseUrl: provider.settings.baseUrl || envUrl,
+          },
           staticModels: provider.staticModels || [],
           getDynamicModels: provider.getDynamicModels,
           getApiKeyLink: provider.getApiKeyLink,
@@ -57,16 +99,135 @@ const LocalProvidersTab = () => {
         } as IProviderConfig;
       });
 
-    const sorted = newFilteredProviders.sort((a, b) => a.name.localeCompare(b.name));
+    // Custom sort function to ensure LMStudio appears before OpenAILike
+    const sorted = newFilteredProviders.sort((a, b) => {
+      if (a.name === 'LMStudio') {
+        return -1;
+      }
+
+      if (b.name === 'LMStudio') {
+        return 1;
+      }
+
+      if (a.name === 'OpenAILike') {
+        return 1;
+      }
+
+      if (b.name === 'OpenAILike') {
+        return -1;
+      }
+
+      return a.name.localeCompare(b.name);
+    });
     setFilteredProviders(sorted);
   }, [settings.providers]);
 
+  // Helper function to safely get environment URL
+  const getEnvUrl = (provider: IProviderConfig): string | undefined => {
+    const envKey = providerBaseUrlEnvKeys[provider.name]?.baseUrlKey;
+    return envKey ? (import.meta.env[envKey] as string | undefined) : undefined;
+  };
+
   // Add effect to update category toggle state based on provider states
   useEffect(() => {
     const newCategoryState = filteredProviders.every((p) => p.settings.enabled);
     setCategoryEnabled(newCategoryState);
   }, [filteredProviders]);
 
+  // Fetch Ollama models when enabled
+  useEffect(() => {
+    const ollamaProvider = filteredProviders.find((p) => p.name === 'Ollama');
+
+    if (ollamaProvider?.settings.enabled) {
+      fetchOllamaModels();
+    }
+  }, [filteredProviders]);
+
+  const fetchOllamaModels = async () => {
+    try {
+      setIsLoadingModels(true);
+
+      const response = await fetch('http://127.0.0.1:11434/api/tags');
+      const data = (await response.json()) as { models: OllamaModel[] };
+
+      setOllamaModels(
+        data.models.map((model) => ({
+          ...model,
+          status: 'idle' as const,
+        })),
+      );
+    } catch (error) {
+      console.error('Error fetching Ollama models:', error);
+    } finally {
+      setIsLoadingModels(false);
+    }
+  };
+
+  const updateOllamaModel = async (modelName: string): Promise<{ success: boolean; newDigest?: string }> => {
+    try {
+      const response = await fetch('http://127.0.0.1:11434/api/pull', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ name: modelName }),
+      });
+
+      if (!response.ok) {
+        throw new Error(`Failed to update ${modelName}`);
+      }
+
+      const reader = response.body?.getReader();
+
+      if (!reader) {
+        throw new Error('No response reader available');
+      }
+
+      while (true) {
+        const { done, value } = await reader.read();
+
+        if (done) {
+          break;
+        }
+
+        const text = new TextDecoder().decode(value);
+        const lines = text.split('\n').filter(Boolean);
+
+        for (const line of lines) {
+          const data = JSON.parse(line) as {
+            status: string;
+            completed?: number;
+            total?: number;
+            digest?: string;
+          };
+
+          setOllamaModels((current) =>
+            current.map((m) =>
+              m.name === modelName
+                ? {
+                    ...m,
+                    progress: {
+                      current: data.completed || 0,
+                      total: data.total || 0,
+                      status: data.status,
+                    },
+                    newDigest: data.digest,
+                  }
+                : m,
+            ),
+          );
+        }
+      }
+
+      const updatedResponse = await fetch('http://127.0.0.1:11434/api/tags');
+      const updatedData = (await updatedResponse.json()) as { models: OllamaModel[] };
+      const updatedModel = updatedData.models.find((m) => m.name === modelName);
+
+      return { success: true, newDigest: updatedModel?.digest };
+    } catch (error) {
+      console.error(`Error updating ${modelName}:`, error);
+      return { success: false };
+    }
+  };
+
   const handleToggleCategory = useCallback(
     (enabled: boolean) => {
       setCategoryEnabled(enabled);
@@ -106,6 +267,31 @@ const LocalProvidersTab = () => {
     setEditingProvider(null);
   };
 
+  const handleUpdateOllamaModel = async (modelName: string) => {
+    setOllamaModels((current) => current.map((m) => (m.name === modelName ? { ...m, status: 'updating' } : m)));
+
+    const { success, newDigest } = await updateOllamaModel(modelName);
+
+    setOllamaModels((current) =>
+      current.map((m) =>
+        m.name === modelName
+          ? {
+              ...m,
+              status: success ? 'updated' : 'error',
+              error: success ? undefined : 'Update failed',
+              newDigest,
+            }
+          : m,
+      ),
+    );
+
+    if (success) {
+      toast.success(`Updated ${modelName}`);
+    } else {
+      toast.error(`Failed to update ${modelName}`);
+    }
+  };
+
   return (
     <div className="space-y-6">
       <motion.div
@@ -139,7 +325,7 @@ const LocalProvidersTab = () => {
           </div>
         </div>
 
-        <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+        <div className="grid grid-cols-2 gap-4">
           {filteredProviders.map((provider, index) => (
             <motion.div
               key={provider.name}
@@ -150,6 +336,12 @@ const LocalProvidersTab = () => {
                 'transition-all duration-200',
                 'relative overflow-hidden group',
                 'flex flex-col',
+
+                // Make Ollama span 2 rows
+                provider.name === 'Ollama' ? 'row-span-2' : '',
+
+                // Place Ollama in the second column
+                provider.name === 'Ollama' ? 'col-start-2' : 'col-start-1',
               )}
               initial={{ opacity: 0, y: 20 }}
               animate={{ opacity: 1, y: 0 }}
@@ -253,21 +445,109 @@ const LocalProvidersTab = () => {
                             </div>
                           </div>
                         )}
-                      </div>
 
-                      {providerBaseUrlEnvKeys[provider.name]?.baseUrlKey && (
-                        <div className="mt-2 text-xs text-green-500">
-                          <div className="flex items-center gap-1">
-                            <div className="i-ph:info" />
-                            <span>Environment URL set in .env file</span>
+                        {providerBaseUrlEnvKeys[provider.name]?.baseUrlKey && (
+                          <div className="mt-2 text-xs">
+                            <div className="flex items-center gap-1">
+                              <div
+                                className={
+                                  getEnvUrl(provider)
+                                    ? 'i-ph:check-circle text-green-500'
+                                    : 'i-ph:warning-circle text-yellow-500'
+                                }
+                              />
+                              <span className={getEnvUrl(provider) ? 'text-green-500' : 'text-yellow-500'}>
+                                {getEnvUrl(provider)
+                                  ? 'Environment URL set in .env.local'
+                                  : 'Environment URL not set in .env.local'}
+                              </span>
+                            </div>
                           </div>
-                        </div>
-                      )}
+                        )}
+                      </div>
                     </motion.div>
                   )}
                 </div>
               </div>
 
+              {provider.name === 'Ollama' && provider.settings.enabled && (
+                <div className="mt-4 space-y-2">
+                  <div className="flex items-center justify-between">
+                    <div className="flex items-center gap-2">
+                      <div className="i-ph:cube-duotone text-purple-500" />
+                      <span className="text-sm font-medium text-bolt-elements-textPrimary">Installed Models</span>
+                    </div>
+                    {isLoadingModels ? (
+                      <div className="flex items-center gap-2 text-sm text-bolt-elements-textSecondary">
+                        <div className="i-ph:spinner-gap-bold animate-spin w-4 h-4" />
+                        Loading models...
+                      </div>
+                    ) : (
+                      <span className="text-sm text-bolt-elements-textSecondary">
+                        {ollamaModels.length} models available
+                      </span>
+                    )}
+                  </div>
+
+                  <div className="space-y-2">
+                    {ollamaModels.map((model) => (
+                      <div
+                        key={model.name}
+                        className="flex items-center justify-between p-2 rounded-lg bg-bolt-elements-background-depth-3"
+                      >
+                        <div className="flex flex-col gap-1">
+                          <div className="flex items-center gap-2">
+                            <span className="text-sm text-bolt-elements-textPrimary">{model.name}</span>
+                            {model.status === 'updating' && (
+                              <div className="i-ph:spinner-gap-bold animate-spin w-4 h-4 text-purple-500" />
+                            )}
+                            {model.status === 'updated' && <div className="i-ph:check-circle text-green-500" />}
+                            {model.status === 'error' && <div className="i-ph:x-circle text-red-500" />}
+                          </div>
+                          <div className="flex items-center gap-2 text-xs text-bolt-elements-textSecondary">
+                            <span>Version: {model.digest.substring(0, 7)}</span>
+                            {model.status === 'updated' && model.newDigest && (
+                              <>
+                                <div className="i-ph:arrow-right w-3 h-3" />
+                                <span className="text-green-500">{model.newDigest.substring(0, 7)}</span>
+                              </>
+                            )}
+                            {model.progress && (
+                              <span className="ml-2">
+                                {model.progress.status}{' '}
+                                {model.progress.total > 0 && (
+                                  <>({Math.round((model.progress.current / model.progress.total) * 100)}%)</>
+                                )}
+                              </span>
+                            )}
+                            {model.details && (
+                              <span className="ml-2">
+                                ({model.details.parameter_size}, {model.details.quantization_level})
+                              </span>
+                            )}
+                          </div>
+                        </div>
+                        <motion.button
+                          onClick={() => handleUpdateOllamaModel(model.name)}
+                          disabled={model.status === 'updating'}
+                          className={classNames(
+                            settingsStyles.button.base,
+                            settingsStyles.button.secondary,
+                            'hover:bg-purple-500/10 hover:text-purple-500',
+                            'dark:bg-[#1A1A1A] dark:hover:bg-purple-500/20 dark:text-bolt-elements-textPrimary dark:hover:text-purple-500',
+                          )}
+                          whileHover={{ scale: 1.02 }}
+                          whileTap={{ scale: 0.98 }}
+                        >
+                          <div className="i-ph:arrows-clockwise" />
+                          Update
+                        </motion.button>
+                      </div>
+                    ))}
+                  </div>
+                </div>
+              )}
+
               <motion.div
                 className="absolute inset-0 border-2 border-purple-500/0 rounded-lg pointer-events-none"
                 animate={{
@@ -276,36 +556,10 @@ const LocalProvidersTab = () => {
                 }}
                 transition={{ duration: 0.2 }}
               />
-
-              {provider.name === 'Ollama' && provider.settings.enabled && (
-                <motion.button
-                  onClick={() => setShowOllamaUpdater(true)}
-                  className={classNames(
-                    settingsStyles.button.base,
-                    settingsStyles.button.secondary,
-                    'ml-2',
-                    'hover:bg-purple-500/10 hover:text-purple-500',
-                    'dark:bg-[#1A1A1A] dark:hover:bg-purple-500/20 dark:text-bolt-elements-textPrimary dark:hover:text-purple-500',
-                  )}
-                  whileHover={{ scale: 1.02 }}
-                  whileTap={{ scale: 0.98 }}
-                >
-                  <div className="i-ph:arrows-clockwise" />
-                  Update Models
-                </motion.button>
-              )}
             </motion.div>
           ))}
         </div>
       </motion.div>
-
-      <DialogRoot open={showOllamaUpdater} onOpenChange={setShowOllamaUpdater}>
-        <Dialog>
-          <div className="p-6">
-            <OllamaModelUpdater />
-          </div>
-        </Dialog>
-      </DialogRoot>
     </div>
   );
 };

app/components/settings/settings/SettingsTab.tsx

@@ -6,6 +6,8 @@ import { Switch } from '~/components/ui/Switch';
 import { themeStore, kTheme } from '~/lib/stores/theme';
 import type { UserProfile } from '~/components/settings/settings.types';
 import { settingsStyles } from '~/components/settings/settings.styles';
+import { useStore } from '@nanostores/react';
+import { shortcutsStore } from '~/lib/stores/settings';
 
 export default function SettingsTab() {
   const [currentTimezone, setCurrentTimezone] = useState('');
@@ -212,6 +214,39 @@ export default function SettingsTab() {
           </select>
         </div>
       </motion.div>
+
+      {/* Keyboard Shortcuts */}
+      <motion.div
+        className="bg-white dark:bg-[#0A0A0A] rounded-lg shadow-sm dark:shadow-none p-4"
+        initial={{ opacity: 0, y: 20 }}
+        animate={{ opacity: 1, y: 0 }}
+        transition={{ delay: 0.3 }}
+      >
+        <div className="flex items-center gap-2 mb-4">
+          <div className="i-ph:keyboard-fill w-4 h-4 text-purple-500" />
+          <span className="text-sm font-medium text-bolt-elements-textPrimary">Keyboard Shortcuts</span>
+        </div>
+
+        <div className="space-y-2">
+          {Object.entries(useStore(shortcutsStore)).map(([name, shortcut]) => (
+            <div key={name} className="flex items-center justify-between p-2 rounded-lg bg-[#FAFAFA] dark:bg-[#1A1A1A]">
+              <span className="text-sm text-bolt-elements-textPrimary capitalize">
+                {name.replace(/([A-Z])/g, ' $1').toLowerCase()}
+              </span>
+              <div className="flex items-center gap-1">
+                {shortcut.ctrlOrMetaKey && (
+                  <kbd className="kdb">{navigator.platform.includes('Mac') ? '⌘' : 'Ctrl'}</kbd>
+                )}
+                {shortcut.ctrlKey && <kbd className="kdb">Ctrl</kbd>}
+                {shortcut.metaKey && <kbd className="kdb">⌘</kbd>}
+                {shortcut.shiftKey && <kbd className="kdb">⇧</kbd>}
+                {shortcut.altKey && <kbd className="kdb">⌥</kbd>}
+                <kbd className="kdb">{shortcut.key.toUpperCase()}</kbd>
+              </div>
+            </div>
+          ))}
+        </div>
+      </motion.div>
     </div>
   );
 }

app/components/settings/shared/DraggableTabList.tsx

@@ -36,7 +36,7 @@ const DraggableTabItem = ({
   onWindowChange,
   onVisibilityChange,
 }: DraggableTabItemProps) => {
-  const [{ isDragging }, drag] = useDrag({
+  const [{ isDragging }, dragRef] = useDrag({
     type: 'tab',
     item: { type: 'tab', index, id: tab.id },
     collect: (monitor) => ({
@@ -44,7 +44,7 @@ const DraggableTabItem = ({
     }),
   });
 
-  const [, drop] = useDrop({
+  const [, dropRef] = useDrop({
     accept: 'tab',
     hover: (item: DragItem, monitor) => {
       if (!monitor.isOver({ shallow: true })) {
@@ -64,9 +64,14 @@ const DraggableTabItem = ({
     },
   });
 
+  const ref = (node: HTMLDivElement | null) => {
+    dragRef(node);
+    dropRef(node);
+  };
+
   return (
     <motion.div
-      ref={(node) => drag(drop(node))}
+      ref={ref}
       initial={false}
       animate={{
         scale: isDragging ? 1.02 : 1,

app/components/settings/shared/TabTile.tsx

@@ -55,7 +55,7 @@ export const TabTile = ({
               'border border-[#E5E5E5]/50 dark:border-[#333333]/50',
 
               // Shadow and glass effect
-              'shadow-sm backdrop-blur-sm',
+              'shadow-sm',
               'dark:shadow-[0_0_15px_rgba(0,0,0,0.1)]',
               'dark:bg-opacity-50',
 

app/components/settings/user/UsersWindow.tsx

@@ -1,7 +1,7 @@
 import * as RadixDialog from '@radix-ui/react-dialog';
 import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
 import { motion } from 'framer-motion';
-import { useState, useEffect } from 'react';
+import React, { useState, useEffect, useMemo } from 'react';
 import { classNames } from '~/utils/classNames';
 import { DialogTitle } from '~/components/ui/Dialog';
 import { Switch } from '~/components/ui/Switch';
@@ -9,7 +9,6 @@ import type { TabType, TabVisibilityConfig } from '~/components/settings/setting
 import { TAB_LABELS } from '~/components/settings/settings.types';
 import { DeveloperWindow } from '~/components/settings/developer/DeveloperWindow';
 import { TabTile } from '~/components/settings/shared/TabTile';
-import { tabConfigurationStore, updateTabConfiguration } from '~/lib/stores/settings';
 import { useStore } from '@nanostores/react';
 import { DndProvider, useDrag, useDrop } from 'react-dnd';
 import { HTML5Backend } from 'react-dnd-html5-backend';
@@ -30,6 +29,13 @@ import { useDebugStatus } from '~/lib/hooks/useDebugStatus';
 import CloudProvidersTab from '~/components/settings/providers/CloudProvidersTab';
 import LocalProvidersTab from '~/components/settings/providers/LocalProvidersTab';
 import TaskManagerTab from '~/components/settings/task-manager/TaskManagerTab';
+import {
+  tabConfigurationStore,
+  resetTabConfiguration,
+  updateTabConfiguration,
+  developerModeStore,
+  setDeveloperMode,
+} from '~/lib/stores/settings';
 
 interface DraggableTabTileProps {
   tab: TabVisibilityConfig;
@@ -89,8 +95,14 @@ const DraggableTabTile = ({
     },
   });
 
+  const dragDropRef = (node: HTMLDivElement | null) => {
+    if (node) {
+      drag(drop(node));
+    }
+  };
+
   return (
-    <div ref={(node) => drag(drop(node))} style={{ opacity: isDragging ? 0.5 : 1 }}>
+    <div ref={dragDropRef} style={{ opacity: isDragging ? 0.5 : 1 }}>
       <TabTile
         tab={tab}
         onClick={onClick}
@@ -110,10 +122,15 @@ interface UsersWindowProps {
 }
 
 export const UsersWindow = ({ open, onClose }: UsersWindowProps) => {
-  const [developerMode, setDeveloperMode] = useState(false);
   const [activeTab, setActiveTab] = useState<TabType | null>(null);
   const [loadingTab, setLoadingTab] = useState<TabType | null>(null);
   const tabConfiguration = useStore(tabConfigurationStore);
+  const developerMode = useStore(developerModeStore);
+  const [showDeveloperWindow, setShowDeveloperWindow] = useState(false);
+  const [profile, setProfile] = useState(() => {
+    const saved = localStorage.getItem('bolt_user_profile');
+    return saved ? JSON.parse(saved) : { avatar: null, notifications: true };
+  });
 
   // Status hooks
   const { hasUpdate, currentVersion, acknowledgeUpdate } = useUpdateCheck();
@@ -122,11 +139,7 @@ export const UsersWindow = ({ open, onClose }: UsersWindowProps) => {
   const { hasConnectionIssues, currentIssue, acknowledgeIssue } = useConnectionStatus();
   const { hasActiveWarnings, activeIssues, acknowledgeAllIssues } = useDebugStatus();
 
-  const [profile, setProfile] = useState(() => {
-    const saved = localStorage.getItem('bolt_user_profile');
-    return saved ? JSON.parse(saved) : { avatar: null, notifications: true };
-  });
-
+  // Listen for profile changes
   useEffect(() => {
     const handleStorageChange = (e: StorageEvent) => {
       if (e.key === 'bolt_user_profile') {
@@ -140,8 +153,66 @@ export const UsersWindow = ({ open, onClose }: UsersWindowProps) => {
     return () => window.removeEventListener('storage', handleStorageChange);
   }, []);
 
+  // Listen for settings toggle event
+  useEffect(() => {
+    const handleToggleSettings = () => {
+      if (!open) {
+        // Open settings panel
+        setActiveTab('settings');
+        onClose(); // Close any other open panels
+      }
+    };
+
+    document.addEventListener('toggle-settings', handleToggleSettings);
+
+    return () => document.removeEventListener('toggle-settings', handleToggleSettings);
+  }, [open, onClose]);
+
+  // Ensure tab configuration is properly initialized
+  useEffect(() => {
+    if (!tabConfiguration || !tabConfiguration.userTabs || !tabConfiguration.developerTabs) {
+      console.warn('Tab configuration is invalid, resetting to defaults');
+      resetTabConfiguration();
+    } else {
+      // Validate tab configuration structure
+      const isValid =
+        tabConfiguration.userTabs.every(
+          (tab) =>
+            tab &&
+            typeof tab.id === 'string' &&
+            typeof tab.visible === 'boolean' &&
+            typeof tab.window === 'string' &&
+            typeof tab.order === 'number',
+        ) &&
+        tabConfiguration.developerTabs.every(
+          (tab) =>
+            tab &&
+            typeof tab.id === 'string' &&
+            typeof tab.visible === 'boolean' &&
+            typeof tab.window === 'string' &&
+            typeof tab.order === 'number',
+        );
+
+      if (!isValid) {
+        console.warn('Tab configuration is malformed, resetting to defaults');
+        resetTabConfiguration();
+      }
+    }
+  }, [tabConfiguration]);
+
+  // Handle developer mode changes
   const handleDeveloperModeChange = (checked: boolean) => {
     setDeveloperMode(checked);
+
+    if (checked) {
+      setShowDeveloperWindow(true);
+    }
+  };
+
+  // Handle developer window close
+  const handleDeveloperWindowClose = () => {
+    setShowDeveloperWindow(false);
+    setDeveloperMode(false);
   };
 
   const handleBack = () => {
@@ -149,21 +220,55 @@ export const UsersWindow = ({ open, onClose }: UsersWindowProps) => {
   };
 
   // Only show tabs that are assigned to the user window AND are visible
-  const visibleUserTabs = tabConfiguration.userTabs
-    .filter((tab) => {
-      // Hide notifications tab if notifications are disabled
-      if (tab.id === 'notifications' && !profile.notifications) {
-        return false;
-      }
+  const visibleUserTabs = useMemo(() => {
+    console.log('Filtering user tabs with configuration:', tabConfiguration);
 
-      return tab.visible;
-    })
-    .sort((a: TabVisibilityConfig, b: TabVisibilityConfig) => (a.order || 0) - (b.order || 0));
+    if (!tabConfiguration?.userTabs || !Array.isArray(tabConfiguration.userTabs)) {
+      console.warn('Invalid tab configuration, using empty array');
+      return [];
+    }
+
+    return tabConfiguration.userTabs
+      .filter((tab) => {
+        if (!tab || typeof tab.id !== 'string') {
+          console.warn('Invalid tab entry:', tab);
+          return false;
+        }
+
+        // Hide notifications tab if notifications are disabled
+        if (tab.id === 'notifications' && !profile.notifications) {
+          console.log('Hiding notifications tab due to disabled notifications');
+          return false;
+        }
+
+        // Ensure the tab has the required properties
+        if (typeof tab.visible !== 'boolean' || typeof tab.window !== 'string' || typeof tab.order !== 'number') {
+          console.warn('Tab missing required properties:', tab);
+          return false;
+        }
+
+        // Only show tabs that are explicitly visible and assigned to the user window
+        const isVisible = tab.visible && tab.window === 'user';
+        console.log(`Tab ${tab.id} visibility:`, isVisible);
+
+        return isVisible;
+      })
+      .sort((a: TabVisibilityConfig, b: TabVisibilityConfig) => {
+        const orderA = typeof a.order === 'number' ? a.order : 0;
+        const orderB = typeof b.order === 'number' ? b.order : 0;
+
+        return orderA - orderB;
+      });
+  }, [tabConfiguration, profile.notifications]);
+
+  console.log('Filtered visible user tabs:', visibleUserTabs);
 
   const moveTab = (dragIndex: number, hoverIndex: number) => {
     const draggedTab = visibleUserTabs[dragIndex];
     const targetTab = visibleUserTabs[hoverIndex];
 
+    console.log('Moving tab:', { draggedTab, targetTab });
+
     // Update the order of the dragged and target tabs
     const updatedDraggedTab = { ...draggedTab, order: targetTab.order };
     const updatedTargetTab = { ...targetTab, order: draggedTab.order };
@@ -310,7 +415,7 @@ export const UsersWindow = ({ open, onClose }: UsersWindowProps) => {
             className="data-[state=checked]:bg-purple-500"
             aria-label="Toggle developer mode"
           />
-          <label className="text-sm text-gray-500 dark:text-gray-400">Developer Mode</label>
+          <label className="text-sm text-gray-500 dark:text-gray-400">Switch to Developer Mode</label>
         </div>
 
         <DropdownMenu.Root>
@@ -412,9 +517,9 @@ export const UsersWindow = ({ open, onClose }: UsersWindowProps) => {
 
   return (
     <>
-      <DeveloperWindow open={developerMode} onClose={() => setDeveloperMode(false)} />
+      <DeveloperWindow open={showDeveloperWindow} onClose={handleDeveloperWindowClose} />
       <DndProvider backend={HTML5Backend}>
-        <RadixDialog.Root open={open}>
+        <RadixDialog.Root open={open && !showDeveloperWindow}>
           <RadixDialog.Portal>
             <div className="fixed inset-0 flex items-center justify-center z-[50]">
               <RadixDialog.Overlay asChild>

app/components/workbench/FileBreadcrumb.tsx

@@ -87,7 +87,9 @@ export const FileBreadcrumb = memo<FileBreadcrumbProps>(({ files, pathSegments =
             <DropdownMenu.Root open={isActive} modal={false}>
               <DropdownMenu.Trigger asChild>
                 <span
-                  ref={(ref) => (segmentRefs.current[index] = ref)}
+                  ref={(ref) => {
+                    segmentRefs.current[index] = ref;
+                  }}
                   className={classNames('flex items-center gap-1.5 cursor-pointer shrink-0', {
                     'text-bolt-elements-textTertiary hover:text-bolt-elements-textPrimary': !isActive,
                     'text-bolt-elements-textPrimary underline': isActive,

app/lib/stores/settings.ts

@@ -5,6 +5,8 @@ import type { IProviderConfig } from '~/types/model';
 import type { TabVisibilityConfig, TabWindowConfig } from '~/components/settings/settings.types';
 import { DEFAULT_TAB_CONFIG } from '~/components/settings/settings.types';
 import Cookies from 'js-cookie';
+import { toggleTheme } from './theme';
+import { chatStore } from './chat';
 
 export interface Shortcut {
   key: string;
@@ -18,6 +20,9 @@ export interface Shortcut {
 
 export interface Shortcuts {
   toggleTerminal: Shortcut;
+  toggleTheme: Shortcut;
+  toggleChat: Shortcut;
+  toggleSettings: Shortcut;
 }
 
 export const URL_CONFIGURABLE_PROVIDERS = ['Ollama', 'LMStudio', 'OpenAILike'];
@@ -31,6 +36,25 @@ export const shortcutsStore = map<Shortcuts>({
     ctrlOrMetaKey: true,
     action: () => workbenchStore.toggleTerminal(),
   },
+  toggleTheme: {
+    key: 't',
+    ctrlOrMetaKey: true,
+    shiftKey: true,
+    action: () => toggleTheme(),
+  },
+  toggleChat: {
+    key: '/',
+    ctrlOrMetaKey: true,
+    action: () => chatStore.setKey('showChat', !chatStore.get().showChat),
+  },
+  toggleSettings: {
+    key: ',',
+    ctrlOrMetaKey: true,
+    action: () => {
+      // This will be connected to the settings panel toggle
+      document.dispatchEvent(new CustomEvent('toggle-settings'));
+    },
+  },
 });
 
 const initialProviderSettings: ProviderSetting = {};
@@ -70,18 +94,69 @@ export const enableContextOptimizationStore = atom(false);
 
 // Initialize tab configuration from cookie or default
 const savedTabConfig = Cookies.get('tabConfiguration');
-const initialTabConfig: TabWindowConfig = savedTabConfig
-  ? JSON.parse(savedTabConfig)
-  : {
+console.log('Saved tab configuration:', savedTabConfig);
+
+let initialTabConfig: TabWindowConfig;
+
+try {
+  if (savedTabConfig) {
+    const parsedConfig = JSON.parse(savedTabConfig);
+
+    // Validate the parsed configuration
+    if (
+      parsedConfig &&
+      Array.isArray(parsedConfig.userTabs) &&
+      Array.isArray(parsedConfig.developerTabs) &&
+      parsedConfig.userTabs.every(
+        (tab: any) =>
+          tab &&
+          typeof tab.id === 'string' &&
+          typeof tab.visible === 'boolean' &&
+          typeof tab.window === 'string' &&
+          typeof tab.order === 'number',
+      ) &&
+      parsedConfig.developerTabs.every(
+        (tab: any) =>
+          tab &&
+          typeof tab.id === 'string' &&
+          typeof tab.visible === 'boolean' &&
+          typeof tab.window === 'string' &&
+          typeof tab.order === 'number',
+      )
+    ) {
+      initialTabConfig = parsedConfig;
+      console.log('Using saved tab configuration');
+    } else {
+      console.warn('Invalid saved tab configuration, using defaults');
+      initialTabConfig = {
+        userTabs: DEFAULT_TAB_CONFIG.filter((tab) => tab.window === 'user'),
+        developerTabs: DEFAULT_TAB_CONFIG.filter((tab) => tab.window === 'developer'),
+      };
+    }
+  } else {
+    console.log('No saved tab configuration found, using defaults');
+    initialTabConfig = {
       userTabs: DEFAULT_TAB_CONFIG.filter((tab) => tab.window === 'user'),
       developerTabs: DEFAULT_TAB_CONFIG.filter((tab) => tab.window === 'developer'),
     };
+  }
+} catch (error) {
+  console.error('Error loading tab configuration:', error);
+  initialTabConfig = {
+    userTabs: DEFAULT_TAB_CONFIG.filter((tab) => tab.window === 'user'),
+    developerTabs: DEFAULT_TAB_CONFIG.filter((tab) => tab.window === 'developer'),
+  };
+}
+
+console.log('Initial tab configuration:', initialTabConfig);
 
 export const tabConfigurationStore = map<TabWindowConfig>(initialTabConfig);
 
 // Helper function to update tab configuration
 export const updateTabConfiguration = (config: TabVisibilityConfig) => {
   const currentConfig = tabConfigurationStore.get();
+  console.log('Current tab configuration before update:', currentConfig);
+
   const isUserTab = config.window === 'user';
   const targetArray = isUserTab ? 'userTabs' : 'developerTabs';
 
@@ -99,16 +174,38 @@ export const updateTabConfiguration = (config: TabVisibilityConfig) => {
     [targetArray]: updatedTabs,
   };
 
+  console.log('New tab configuration after update:', newConfig);
+
   tabConfigurationStore.set(newConfig);
-  Cookies.set('tabConfiguration', JSON.stringify(newConfig));
+  Cookies.set('tabConfiguration', JSON.stringify(newConfig), {
+    expires: 365, // Set cookie to expire in 1 year
+    path: '/',
+    sameSite: 'strict',
+  });
 };
 
 // Helper function to reset tab configuration
 export const resetTabConfiguration = () => {
+  console.log('Resetting tab configuration to defaults');
+
   const defaultConfig: TabWindowConfig = {
     userTabs: DEFAULT_TAB_CONFIG.filter((tab) => tab.window === 'user'),
     developerTabs: DEFAULT_TAB_CONFIG.filter((tab) => tab.window === 'developer'),
   };
+
+  console.log('Default tab configuration:', defaultConfig);
+
   tabConfigurationStore.set(defaultConfig);
-  Cookies.set('tabConfiguration', JSON.stringify(defaultConfig));
+  Cookies.set('tabConfiguration', JSON.stringify(defaultConfig), {
+    expires: 365, // Set cookie to expire in 1 year
+    path: '/',
+    sameSite: 'strict',
+  });
+};
+
+// Developer mode store
+export const developerModeStore = atom<boolean>(false);
+
+export const setDeveloperMode = (value: boolean) => {
+  developerModeStore.set(value);
 };

app/routes/api.system.git-info.ts

@@ -2,7 +2,7 @@ import { json } from '@remix-run/node';
 import type { LoaderFunctionArgs } from '@remix-run/node';
 import { execSync } from 'child_process';
 
-export async function loader({ request }: LoaderFunctionArgs) {
+export async function loader({ request: _request }: LoaderFunctionArgs) {
   try {
     const branch = execSync('git rev-parse --abbrev-ref HEAD').toString().trim();
     const commit = execSync('git rev-parse --short HEAD').toString().trim();

package.json

@@ -59,16 +59,17 @@
     "@octokit/rest": "^21.0.2",
     "@octokit/types": "^13.6.2",
     "@openrouter/ai-sdk-provider": "^0.0.5",
+    "@phosphor-icons/react": "^2.1.7",
     "@radix-ui/react-context-menu": "^2.2.2",
     "@radix-ui/react-dialog": "^1.1.2",
     "@radix-ui/react-dropdown-menu": "^2.1.2",
     "@radix-ui/react-separator": "^1.1.0",
     "@radix-ui/react-switch": "^1.1.1",
     "@radix-ui/react-tooltip": "^1.1.4",
-    "@remix-run/cloudflare": "^2.15.0",
-    "@remix-run/cloudflare-pages": "^2.15.0",
+    "@remix-run/cloudflare": "^2.15.2",
+    "@remix-run/cloudflare-pages": "^2.15.2",
     "@remix-run/node": "^2.15.2",
-    "@remix-run/react": "^2.15.0",
+    "@remix-run/react": "^2.15.2",
     "@uiw/codemirror-theme-vscode": "^4.23.6",
     "@unocss/reset": "^0.61.9",
     "@webcontainer/api": "1.3.0-internal.10",
@@ -118,7 +119,7 @@
     "@cloudflare/workers-types": "^4.20241127.0",
     "@iconify-json/ph": "^1.2.1",
     "@iconify/types": "^2.0.0",
-    "@remix-run/dev": "^2.15.0",
+    "@remix-run/dev": "^2.15.2",
     "@types/diff": "^5.2.3",
     "@types/dom-speech-recognition": "^0.0.4",
     "@types/file-saver": "^2.0.7",

pages/api/system/git-info.ts

@@ -1,4 +1,4 @@
-import { NextApiRequest, NextApiResponse } from 'next';
+import type { NextApiRequest, NextApiResponse } from 'next';
 import { execSync } from 'child_process';
 
 export default async function handler(req: NextApiRequest, res: NextApiResponse) {

pnpm-lock.yaml

@@ -98,6 +98,9 @@ importers:
       '@openrouter/ai-sdk-provider':
         specifier: ^0.0.5
         version: 0.0.5([email protected])
+      '@phosphor-icons/react':
+        specifier: ^2.1.7
+        version: 2.1.7([email protected]([email protected]))([email protected])
       '@radix-ui/react-context-menu':
         specifier: ^2.2.2
         version: 2.2.2(@types/[email protected])(@types/[email protected])([email protected]([email protected]))([email protected])
@@ -117,17 +120,17 @@ importers:
         specifier: ^1.1.4
         version: 1.1.4(@types/[email protected])(@types/[email protected])([email protected]([email protected]))([email protected])
       '@remix-run/cloudflare':
-        specifier: ^2.15.0
-        version: 2.15.0(@cloudflare/[email protected])([email protected])
+        specifier: ^2.15.2
+        version: 2.15.2(@cloudflare/[email protected])([email protected])
       '@remix-run/cloudflare-pages':
-        specifier: ^2.15.0
-        version: 2.15.0(@cloudflare/[email protected])([email protected])
+        specifier: ^2.15.2
+        version: 2.15.2(@cloudflare/[email protected])([email protected])
       '@remix-run/node':
         specifier: ^2.15.2
         version: 2.15.2([email protected])
       '@remix-run/react':
-        specifier: ^2.15.0
-        version: 2.15.0([email protected]([email protected]))([email protected])([email protected])
+        specifier: ^2.15.2
+        version: 2.15.2([email protected]([email protected]))([email protected])([email protected])
       '@uiw/codemirror-theme-vscode':
         specifier: ^4.23.6
         version: 4.23.6(@codemirror/[email protected])(@codemirror/[email protected])(@codemirror/[email protected])
@@ -211,7 +214,7 @@ importers:
         version: 5.3.0([email protected])([email protected])
       react-dnd:
         specifier: ^16.0.1
-        version: 16.0.1(@types/[email protected].1)(@types/[email protected])([email protected])
+        version: 16.0.1(@types/[email protected].10)(@types/[email protected])([email protected])
       react-dnd-html5-backend:
         specifier: ^16.0.1
         version: 16.0.1
@@ -244,10 +247,10 @@ importers:
         version: 4.0.0
       remix-island:
         specifier: ^0.2.0
-        version: 0.2.0(@remix-run/[email protected].0([email protected]([email protected]))([email protected])([email protected]))(@remix-run/[email protected]([email protected]))([email protected]([email protected]))([email protected])
+        version: 0.2.0(@remix-run/[email protected].2([email protected]([email protected]))([email protected])([email protected]))(@remix-run/[email protected]([email protected]))([email protected]([email protected]))([email protected])
       remix-utils:
         specifier: ^7.7.0
-        version: 7.7.0(@remix-run/[email protected].0(@cloudflare/[email protected])([email protected]))(@remix-run/[email protected]([email protected]))(@remix-run/[email protected].0([email protected]([email protected]))([email protected])([email protected]))(@remix-run/[email protected])([email protected])([email protected])
+        version: 7.7.0(@remix-run/[email protected].2(@cloudflare/[email protected])([email protected]))(@remix-run/[email protected]([email protected]))(@remix-run/[email protected].2([email protected]([email protected]))([email protected])([email protected]))(@remix-run/[email protected])([email protected])([email protected])
       shiki:
         specifier: ^1.24.0
         version: 1.24.0
@@ -260,7 +263,7 @@ importers:
     devDependencies:
       '@blitz/eslint-plugin':
         specifier: 0.1.0
-        version: 0.1.0(@types/[email protected])([email protected].6)([email protected])([email protected])
+        version: 0.1.0(@types/[email protected])([email protected].7)([email protected])([email protected])
       '@cloudflare/workers-types':
         specifier: ^4.20241127.0
         version: 4.20241127.0
@@ -271,8 +274,8 @@ importers:
         specifier: ^2.0.0
         version: 2.0.0
       '@remix-run/dev':
-        specifier: ^2.15.0
-        version: 2.15.0(@remix-run/[email protected].0([email protected]([email protected]))([email protected])([email protected]))(@types/[email protected].1)([email protected])([email protected])([email protected](@types/[email protected].1)([email protected]))([email protected](@cloudflare/[email protected]))
+        specifier: ^2.15.2
+        version: 2.15.2(@remix-run/[email protected].2([email protected]([email protected]))([email protected])([email protected]))(@types/[email protected].10)([email protected])([email protected])([email protected](@types/[email protected].10)([email protected]))([email protected](@cloudflare/[email protected]))
       '@types/diff':
         specifier: ^5.2.3
         version: 5.2.3
@@ -320,22 +323,22 @@ importers:
         version: 11.0.5
       unocss:
         specifier: ^0.61.9
-        version: 0.61.9(postcss@8.4.49)([email protected])([email protected](@types/[email protected].1)([email protected]))
+        version: 0.61.9(postcss@8.5.1)([email protected])([email protected](@types/[email protected].10)([email protected]))
       vite:
         specifier: ^5.4.11
-        version: 5.4.11(@types/[email protected].1)([email protected])
+        version: 5.4.11(@types/[email protected].10)([email protected])
       vite-plugin-node-polyfills:
         specifier: ^0.22.0
-        version: 0.22.0([email protected])([email protected](@types/[email protected].1)([email protected]))
+        version: 0.22.0([email protected])([email protected](@types/[email protected].10)([email protected]))
       vite-plugin-optimize-css-modules:
         specifier: ^1.1.0
-        version: 1.1.0([email protected](@types/[email protected].1)([email protected]))
+        version: 1.1.0([email protected](@types/[email protected].10)([email protected]))
       vite-tsconfig-paths:
         specifier: ^4.3.2
-        version: 4.3.2([email protected])([email protected](@types/[email protected].1)([email protected]))
+        version: 4.3.2([email protected])([email protected](@types/[email protected].10)([email protected]))
       vitest:
         specifier: ^2.1.7
-        version: 2.1.8(@types/[email protected].1)([email protected])
+        version: 2.1.8(@types/[email protected].10)([email protected])
       wrangler:
         specifier: ^3.91.0
         version: 3.91.0(@cloudflare/[email protected])
@@ -627,6 +630,10 @@ packages:
     resolution: {integrity: sha512-zevQbhbau95nkoxSq3f/DC/SC+EEOUZd3DYqfSkMhY2/wfSeaHV1Ew4vk8e+x8lja31IbyuUa2uQ3JONqKbysw==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/[email protected]':
+    resolution: {integrity: sha512-2caSP6fN9I7HOe6nqhtft7V4g7/V/gfDsC3Ag4W7kEzzvRGKqiv0pu0HogPiZ3KaVSoNDhUws6IJjDjpfmYIXw==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/[email protected]':
     resolution: {integrity: sha512-gv7320KBUFJz1RnylIg5WWYPRXKZ884AGkYpgpWW02TH66Dl+HaC1t1CKd0z3R4b6hdYEcmrNZHUmfCP+1u3/g==}
     engines: {node: '>=6.9.0'}
@@ -663,6 +670,10 @@ packages:
     resolution: {integrity: sha512-kSMlyUVdWe25rEsRGviIgOWnoT/nfABVWlqt9N19/dIPWViAOW2s9wznP5tURbs/IDuNk4gPy3YdYRgH3uxhBw==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/[email protected]':
+    resolution: {integrity: sha512-RS+jZcRdZdRFzMyr+wcsaqOmld1/EqTghfaBGQQd/WnRdzdlvSZ//kF7U8VQTxf1ynZ4cjUcYgjVGx13ewNPMg==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/[email protected]':
     resolution: {integrity: sha512-IiDqTOTBQy0sWyeXyGSC5TBJpGFXBkRynjBeXsvbhQFKj2viwJC76Epz35YLU1fpe/Am6Vppb7W7zM4fPQzLsQ==}
     engines: {node: '>=6.9.0'}
@@ -698,6 +709,11 @@ packages:
     engines: {node: '>=6.0.0'}
     hasBin: true
 
+  '@babel/[email protected]':
+    resolution: {integrity: sha512-SRJ4jYmXRqV1/Xc+TIVG84WjHBXKlxO9sHQnA2Pf12QQEAp1LOh6kDzNHXcUnbH1QI0FDoPPVOt+vyUDucxpaw==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
   '@babel/[email protected]':
     resolution: {integrity: sha512-ryzI0McXUPJnRCvMo4lumIKZUzhYUO/ScI+Mz4YVaTLt04DHNSjEUjKVvbzQjZFLuod/cYEc07mJWhzl6v4DPg==}
     engines: {node: '>=6.9.0'}
@@ -746,10 +762,18 @@ packages:
     resolution: {integrity: sha512-ZCuvfwOwlz/bawvAuvcj8rrithP2/N55Tzz342AkTvq4qaWbGfmCk/tKhNaV2cthijKrPAA8SRJV5WWe7IBMJw==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/[email protected]':
+    resolution: {integrity: sha512-rkOSPOw+AXbgtwUga3U4u8RpoK9FEFWBNAlTpcnkLFjL5CT+oyHNuUUC/xx6XefEJ16r38r8Bc/lfp6rYuHeJQ==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/[email protected]':
     resolution: {integrity: sha512-Z/yiTPj+lDVnF7lWeKCIJzaIkI0vYO87dMpZ4bg4TDrFe4XXLFWL1TbXU27gBP3QccxV9mZICCrnjnYlJjXHOA==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/[email protected]':
+    resolution: {integrity: sha512-L6mZmwFDK6Cjh1nRCLXpa6no13ZIioJDz7mdkzHv399pThrTa/k0nUlNaenOeh2kWu/iaOQYElEpKPUswUa9Vg==}
+    engines: {node: '>=6.9.0'}
+
   '@blitz/[email protected]':
     resolution: {integrity: sha512-mGEAFWCI5AQ4nrePhjp2WzvRen+UWR+SF4MvH70icIBClR08Gm3dT9MRa2jszOpfY00NyIYfm7/1CFZ37GvW4g==}
     engines: {node: ^18.0.0 || ^20.0.0}
@@ -1634,6 +1658,10 @@ packages:
     resolution: {integrity: sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==}
     engines: {node: '>=6.0.0'}
 
+  '@jridgewell/[email protected]':
+    resolution: {integrity: sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==}
+    engines: {node: '>=6.0.0'}
+
   '@jridgewell/[email protected]':
     resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
     engines: {node: '>=6.0.0'}
@@ -1841,6 +1869,13 @@ packages:
     resolution: {integrity: sha512-3giAOQvZiH5F9bMlMiv8+GSPMeqg0dbaeo58/0SlA9sxSqZhnUtxzX9/2FzyhS9sWQf5S0GJE0AKBrFqjpeYcg==}
     engines: {node: '>=8.0.0'}
 
+  '@phosphor-icons/[email protected]':
+    resolution: {integrity: sha512-g2e2eVAn1XG2a+LI09QU3IORLhnFNAFkNbo2iwbX6NOKSLOwvEMmTa7CgOzEbgNWR47z8i8kwjdvYZ5fkGx1mQ==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      react: '>= 16.8'
+      react-dom: '>= 16.8'
+
   '@pkgjs/[email protected]':
     resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
     engines: {node: '>=14'}
@@ -2248,8 +2283,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@remix-run/[email protected].0':
-    resolution: {integrity: sha512-3FjiON0BmEH3fwGdmP6eEf9TL5BejCt9LOMnszefDGdwY7kgXCodJNr8TAYseor6m7LlC4xgSkgkgj/YRIZTGA==}
+  '@remix-run/[email protected].2':
+    resolution: {integrity: sha512-gjq20Hs3tWwhhrIXu18hSXDyjWiJXopZUQVbT35uULy/ACEnEbhO1DnVGJzov7NdeMHI4x0O4O0rWg6ZXLtD/Q==}
     engines: {node: '>=18.0.0'}
     peerDependencies:
       '@cloudflare/workers-types': ^4.0.0
@@ -2258,8 +2293,8 @@ packages:
       typescript:
         optional: true
 
-  '@remix-run/[email protected].0':
-    resolution: {integrity: sha512-X8Z3EDdlh/8Gjpu27gnJenN06Q9BtkxMEFt5op3y/qahCt0FH9A64DZQ5N47+WnFhySy6mOpzFwCAzPmGIuIeQ==}
+  '@remix-run/[email protected].2':
+    resolution: {integrity: sha512-6D/WTx3IbQYCWQ/BVNRItXI2upgDvkcCVYwZhvIctF4o+5+IaF21ZA1HTekQEnBfmYTpffJ3Jko1sCkqoMeOdw==}
     engines: {node: '>=18.0.0'}
     peerDependencies:
       '@cloudflare/workers-types': ^4.0.0
@@ -2268,13 +2303,13 @@ packages:
       typescript:
         optional: true
 
-  '@remix-run/[email protected].0':
-    resolution: {integrity: sha512-iXV6u9PBwFc7KriDpVcjqLGJzZZd6ZOrxewen7hoH0OBzGwjkhtm46BTQEJrZ/e/dzlU1IU/0ylH29tN9BZoyg==}
+  '@remix-run/[email protected].2':
+    resolution: {integrity: sha512-o8lix8t4GBhtXjo/G1IzwtHVW5GRMs7amtFtBHiR1bhSyK7VyX5qGtTDmJyny5QDv83pxaLOCiE0dUng2BCoyQ==}
     engines: {node: '>=18.0.0'}
     hasBin: true
     peerDependencies:
-      '@remix-run/react': ^2.15.0
-      '@remix-run/serve': ^2.15.0
+      '@remix-run/react': ^2.15.2
+      '@remix-run/serve': ^2.15.2
       typescript: ^5.1.0
       vite: ^5.1.0
       wrangler: ^3.28.2
@@ -2288,15 +2323,6 @@ packages:
       wrangler:
         optional: true
 
-  '@remix-run/[email protected]':
-    resolution: {integrity: sha512-tWbR7pQ6gwj+MkGf6WVIYnjgfGfpdU8EOIa6xsCIRlrm0p3BtMz4jA3GvBWEpOuEnN5MV7CarVzhduaRzkZ0SQ==}
-    engines: {node: '>=18.0.0'}
-    peerDependencies:
-      typescript: ^5.1.0
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
   '@remix-run/[email protected]':
     resolution: {integrity: sha512-NS/h5uxje7DYCNgcKqKAiUhf0r2HVnoYUBWLyIIMmCUP1ddWurBP6xTPcWzGhEvV/EvguniYi1wJZ5+X8sonWw==}
     engines: {node: '>=18.0.0'}
@@ -2306,8 +2332,8 @@ packages:
       typescript:
         optional: true
 
-  '@remix-run/[email protected].0':
-    resolution: {integrity: sha512-puqDbi9N/WfaUhzDnw2pACXtCB7ukrtFJ9ILwpEuhlaTBpjefifJ89igokW+tt1ePphIFMivAm/YspcbZdCQsA==}
+  '@remix-run/[email protected].2':
+    resolution: {integrity: sha512-NAAMsSgoC/sdOgovUewwRCE/RUm3F+MBxxZKfwu3POCNeHaplY5qGkH/y8PUXvdN1EBG7Z0Ko43dyzCfcEy5PA==}
     engines: {node: '>=18.0.0'}
     peerDependencies:
       react: ^18.0.0
@@ -2321,15 +2347,6 @@ packages:
     resolution: {integrity: sha512-xfSkCAchbdG5PnbrKqFWwia4Bi61nH+wm8wLEqfHDyp7Y3dZzgqS2itV8i4gAq9pC2HsTpwyBC6Ds8VHZ96JlA==}
     engines: {node: '>=14.0.0'}
 
-  '@remix-run/[email protected]':
-    resolution: {integrity: sha512-FuM8vAg1sPskf4wn0ivbuj/7s9Qdh2wnKu+sVXqYz0a95gH5b73TuMzk6n3NMSkFVKKc6+UmlG1WLYre7L2LTg==}
-    engines: {node: '>=18.0.0'}
-    peerDependencies:
-      typescript: ^5.1.0
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
   '@remix-run/[email protected]':
     resolution: {integrity: sha512-OqiPcvEnnU88B8b1LIWHHkQ3Tz2GDAmQ1RihFNQsbrFKpDsQLkw0lJlnfgKA/uHd0CEEacpfV7C9qqJT3V6Z2g==}
     engines: {node: '>=18.0.0'}
@@ -2742,6 +2759,9 @@ packages:
   '@types/[email protected]':
     resolution: {integrity: sha512-qKgsUwfHZV2WCWLAnVP1JqnpE6Im6h3Y0+fYgMTasNQ7V++CBX5OT1as0g0f+OyubbFqhf6XVNIsmN4IIhEgGQ==}
 
+  '@types/[email protected]':
+    resolution: {integrity: sha512-X47y/mPNzxviAGY5TcYPtYL8JsY3kAq2n8fMmKoRCxq/c4v4pyGNCzM2R6+M5/umG4ZfHuT+sgqDYqWc9rJ6ww==}
+
   '@types/[email protected]':
     resolution: {integrity: sha512-hCZTSvwbzWGvhqxp/RqVqwU999pBf2vp7hzIjiYOsl8wqOmUxkQ6ddw1cV3l8811+kdUFus/q4d1Y3E3SyEifA==}
 
@@ -2921,11 +2941,11 @@ packages:
     peerDependencies:
       vite: ^2.9.0 || ^3.0.0-0 || ^4.0.0 || ^5.0.0-0
 
-  '@vanilla-extract/babel-plugin-debug-ids@1.1.0':
-    resolution: {integrity: sha512-Zy9bKjaL2P5zsrFYQJ8IjWGlFODmZrpvFmjFE0Zv8om55Pz1JtpJtL6DvlxlWUxbVaP1HKCqsmEfFOZN8fX/ZQ==}
+  '@vanilla-extract/babel-plugin-debug-ids@1.2.0':
+    resolution: {integrity: sha512-z5nx2QBnOhvmlmBKeRX5sPVLz437wV30u+GJL+Hzj1rGiJYVNvgIIlzUpRNjVQ0MgAgiQIqIUbqPnmMc6HmDlQ==}
 
-  '@vanilla-extract/css@1.16.1':
-    resolution: {integrity: sha512-3jKxH5ty/ZjmGoLAx8liY7e87FRCIJfnuufX/K9fQklu0YHP3ClrNisU++LkZuD+GZleqMSAQMF0r8Otln+OPQ==}
+  '@vanilla-extract/css@1.17.0':
+    resolution: {integrity: sha512-W6FqVFDD+C71ZlKsuj0MxOXSvHb1tvQ9h/+79aYfi097wLsALrnnBzd0by8C///iurrpQ3S+SH74lXd7Lr9MvA==}
 
   '@vanilla-extract/[email protected]':
     resolution: {integrity: sha512-E2YcfO8vA+vs+ua+gpvy1HRqvgWbI+MTlUpxA8FvatOvybuNcWAY0CKwQ/Gpj7rswYKtC6C7+xw33emM6/ImdQ==}
@@ -3202,10 +3222,18 @@ packages:
     resolution: {integrity: sha512-/aJwG2l3ZMJ1xNAnqbMpA40of9dj/pIH3QfiuQSqjfPJF747VR0J/bHn+/KdNnHKc6XQcWt/AfRSBft82W1d2A==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
 
+  [email protected]:
+    resolution: {integrity: sha512-BhYE+WDaywFg2TBWYNXAE+8B1ATnThNBqXHP5nQu0jWJdVvY2hvkpyB3qOmtmDePiS5/BDQ8wASEWGMWRG148g==}
+    engines: {node: '>= 0.4'}
+
   [email protected]:
     resolution: {integrity: sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==}
     engines: {node: '>= 0.4'}
 
+  [email protected]:
+    resolution: {integrity: sha512-YTd+6wGlNlPxSuri7Y6X8tY2dmm12UMH66RpKMhiX6rsk5wXXnYgbUcOt8kiS31/AjfoTOvCsE+w8nZQLQnzHA==}
+    engines: {node: '>= 0.4'}
+
   [email protected]:
     resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
     engines: {node: '>=6'}
@@ -3454,6 +3482,15 @@ packages:
       supports-color:
         optional: true
 
+  [email protected]:
+    resolution: {integrity: sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
   [email protected]:
     resolution: {integrity: sha512-O8x12RzrUF8xyVcY0KJowWsmaJxQbmy0/EtnNtHRpsOcT7dFk5W598coHqBVpmWo1oQQfsCqfCmkZN5DJrZVdg==}
 
@@ -3549,6 +3586,10 @@ packages:
     resolution: {integrity: sha512-47qPchRCykZC03FhkYAhrvwU4xDBFIj1QPqaarj6mdM/hgUzfPHcpkHJOn3mJAufFeeAxAzeGsr5X0M4k6fLZQ==}
     engines: {node: '>=12'}
 
+  [email protected]:
+    resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==}
+    engines: {node: '>= 0.4'}
+
   [email protected]:
     resolution: {integrity: sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==}
 
@@ -3602,6 +3643,10 @@ packages:
     resolution: {integrity: sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==}
     engines: {node: '>= 0.4'}
 
+  [email protected]:
+    resolution: {integrity: sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==}
+    engines: {node: '>= 0.4'}
+
   [email protected]:
     resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
     engines: {node: '>= 0.4'}
@@ -3609,6 +3654,13 @@ packages:
   [email protected]:
     resolution: {integrity: sha512-MVNK56NiMrOwitFB7cqDwq0CQutbw+0BvLshJSse0MUNU+y1FC3bUS/AQg7oUng+/wKrrki7JfmwtVHkVfPLlw==}
 
+  [email protected]:
+    resolution: {integrity: sha512-qqnD1yMU6tk/jnaMosogGySTZP8YtUgAffA9nMN+E/rjxcfRQ6IEk7IiozUjgxKoFHBGjTLnrHB/YC45r/59EQ==}
+
+  [email protected]:
+    resolution: {integrity: sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==}
+    engines: {node: '>= 0.4'}
+
   [email protected]:
     resolution: {integrity: sha512-bRB4qbgUDWrdY1eMk123KiaCSW9VzQ+QLZrmU7D//cCFkmksPd9mUMpmWoFK/rxjIeTfTSOpKCoGoimlvI+AWw==}
     engines: {node: '>=14.0.0'}
@@ -3812,8 +3864,8 @@ packages:
     resolution: {integrity: sha512-bFi65yM+xZgk+u/KRIpekdSYkTB5W1pEf0Lt8Q8Msh7b+eQ7LXVtIB1Bkm4fvclDEL1b2CZkMhv2mOeF8tMdkA==}
     engines: {node: '>=12.0.0'}
 
-  [email protected].1:
-    resolution: {integrity: sha512-YSFlK1Ee0/GC8QaO91tHcDxJiE/X4FbpAyQWkxAvG6AXCuR65YzK8ua6D9hvi/TzUfZMpc+BwuM1IPw8fmQBiQ==}
+  [email protected].2:
+    resolution: {integrity: sha512-28HqgMZAmih1Czt9ny7qr6ek2qddF4FclbMzwhCREB6OFfH+rXAnuNCwo1/wFvrtbgsQDb4kSbX9de9lFbrXnA==}
     engines: {node: '>= 0.10.0'}
 
   [email protected]:
@@ -3946,6 +3998,10 @@ packages:
     resolution: {integrity: sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==}
     engines: {node: '>= 0.4'}
 
+  [email protected]:
+    resolution: {integrity: sha512-VW6Pxhsrk0KAOqs3WEd0klDiF/+V7gQOpAvY1jVU/LHmaD/kQO4523aiJuikX/QAKYiW6x8Jh+RJej1almdtCA==}
+    engines: {node: '>= 0.4'}
+
   [email protected]:
     resolution: {integrity: sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==}
     engines: {node: '>=6'}
@@ -3954,6 +4010,10 @@ packages:
     resolution: {integrity: sha512-g/Q1aTSDOxFpchXC4i8ZWvxA1lnPqx/JHqcpIw0/LX9T8x/GBbi6YnlN5nhaKIFkT8oFsscUKgDJYxfwfS6QsQ==}
     engines: {node: '>=8'}
 
+  [email protected]:
+    resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
+    engines: {node: '>= 0.4'}
+
   [email protected]:
     resolution: {integrity: sha512-X5+4+iD+HoSeEED+uwrQ07BOQr0kEDFMVqqpBuI+RaZBpBpHCuXxo70bjar6f0b0u/DQJsJ7ssurpP0V60Az+w==}
 
@@ -3998,6 +4058,10 @@ packages:
     resolution: {integrity: sha512-FQoVQnqcdk4hVM4JN1eromaun4iuS34oStkdlLENLdpULsuQcTyXj8w7ayhuUfPwEYZ1ZOooOTT6fdA9Vmx/RA==}
     engines: {node: '>= 0.4'}
 
+  [email protected]:
+    resolution: {integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==}
+    engines: {node: '>= 0.4'}
+
   [email protected]:
     resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
 
@@ -4198,6 +4262,10 @@ packages:
     resolution: {integrity: sha512-z0vtXSwucUJtANQWldhbtbt7BnL0vxiFjIdDLAatwhDYty2bad6s+rijD6Ri4YuYJubLzIJLUidCh09e1djEVQ==}
     engines: {node: '>= 0.4'}
 
+  [email protected]:
+    resolution: {integrity: sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==}
+    engines: {node: '>= 0.4'}
+
   [email protected]:
     resolution: {integrity: sha512-AAB9hiomQs5DXWcRB1rqsxGUstbRroFOPPVAomNk/3XHR5JyEZChOyTWe2oayKnsSsr/kcGqF+z6yuH6HHpN0A==}
 
@@ -4294,8 +4362,8 @@ packages:
   [email protected]:
     resolution: {integrity: sha512-JVAfqNPTvNq3sB/VHQJAFxN/sPgKnsKrCwyRt15zwNCdrMMJDdcEOdubuy+DuJYYdm0ox1J4uzEuYKkN+9yhVg==}
 
-  [email protected].6:
-    resolution: {integrity: sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==}
+  [email protected].7:
+    resolution: {integrity: sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==}
     hasBin: true
 
   [email protected]:
@@ -4374,8 +4442,8 @@ packages:
   [email protected]:
     resolution: {integrity: sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==}
 
-  [email protected].2:
-    resolution: {integrity: sha512-eop+wDAvpItUys0FWkHIKeC9ybYrTGbU41U5K7+bttZZeohvnY7M9dZ5kB21GNWiFT2q1OoPTvncPCgSOVO5ow==}
+  [email protected].3:
+    resolution: {integrity: sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==}
     engines: {node: '>=14'}
 
   [email protected]:
@@ -4443,6 +4511,10 @@ packages:
   [email protected]:
     resolution: {integrity: sha512-wiYz4+JrLyb/DqW2hkFJxP7Vd7JuTDm77fvbM8VfEQdmSMqcImWeeRbHwZjBjIFki/VaMK2BhFi7oUUZeM5bqw==}
 
+  [email protected]:
+    resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
+    engines: {node: '>= 0.4'}
+
   [email protected]:
     resolution: {integrity: sha512-xitP+WxNPcTTOgnTJcrhM0xvdPepipPSf3I8EIpGKeFLjt3PlJLIDG3u8EX53ZIubkb+5U2+3rELYpEhHhzdkg==}
 
@@ -4821,6 +4893,9 @@ packages:
   [email protected]:
     resolution: {integrity: sha512-xUsx5n/mN0uQf4V548PKQ+YShA4/IW0KI1dZhrNrPCLG+xizETbHTkOa1f8/xut9JRPp8kQuMnz0oqwkTiLo/A==}
 
+  [email protected]:
+    resolution: {integrity: sha512-qmdSIPC4bDJXgZTCR7XosJiNKySV7O215tsPtDN9iEO/7q/76b/ijtgRu/+epFXSJhijtTCCGp3DWS549P3xKw==}
+
   [email protected]:
     resolution: {integrity: sha512-sEKPVl2rM+MNVkGQt3ChdmD8YsigmXdn5NifZn6jiwn9LRJpWm8F3guhaqrJT/JOat6pwpbXEk6kv+b9DMIjsQ==}
 
@@ -5032,6 +5107,9 @@ packages:
   [email protected]:
     resolution: {integrity: sha512-SWzvYcSJh4d/SGLIOQfZ/CoNv6BTlI6YEQ7Nj82oDVnRpwe/Z/F1EMx42x3JAOwGBlCjeCH0BRJQbQ/opHL17w==}
 
+  [email protected]:
+    resolution: {integrity: sha512-GG2AQYWoLgL877gQIKeRPGO1xF9+eG1ujIb5soS5gPvLQ1y2o8FL90w2QWNdf9I361Mpp7726c+lj3U0qK1uGw==}
+
   [email protected]:
     resolution: {integrity: sha512-kHt7kzLoS9VBZfUsiKjv43mr91ea+U05EyKkEtqp7vNbHxmaVuEqN7XxeEVnGrMtYOAxGrDElSi96K7EgO1zCA==}
     engines: {node: '>=6'}
@@ -5064,8 +5142,8 @@ packages:
     resolution: {integrity: sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==}
     engines: {node: '>=16 || 14 >=14.18'}
 
-  [email protected].10:
-    resolution: {integrity: sha512-7lf7qcQidTku0Gu3YDPc8DJ1q7OOucfa/BSsIwjuh56VU7katFvuM8hULfkwB3Fns/rsVF7PwPKVw1sl5KQS9w==}
+  [email protected].12:
+    resolution: {integrity: sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ==}
 
   [email protected]:
     resolution: {integrity: sha512-Yhpw4T9C6hPpgPeA28us07OJeqZ5EzQTkbfwuhsUg0c237RomFoETJgmp2sa3F/41gfLE6G5cqcYwznmeEeOlQ==}
@@ -5073,6 +5151,9 @@ packages:
   [email protected]:
     resolution: {integrity: sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==}
 
+  [email protected]:
+    resolution: {integrity: sha512-15Ztpk+nov8DR524R4BF7uEuzESgzUEAV4Ah7CUMNGXdE5ELuvxElxGXndBl32vMSsWa1jpNf22Z+Er3sKwq+w==}
+
   [email protected]:
     resolution: {integrity: sha512-vE7JKRyES09KiunauX7nd2Q9/L7lhok4smP9RZTDeD4MVs72Dp2qNFVz39Nz5a0FVEW0BJR6C0DYrq6unoziZA==}
     engines: {node: '>= 14.16'}
@@ -5117,6 +5198,9 @@ packages:
   [email protected]:
     resolution: {integrity: sha512-sQoqa8alT3nHjGuTjuKgOnvjo4cljkufdtLMnO2LBP/wRwuDlo1tkaEdMxCRhyGRPacv/ztlZgDPm2b7FAmEvw==}
 
+  [email protected]:
+    resolution: {integrity: sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==}
+
   [email protected]:
     resolution: {integrity: sha512-yBgLP75OS8oCyUI0cXiWtVKXQKbLrfGfp4JUJwQD6i8n1OHUagig9WyJtj3I6/0+5TMm2nICc3lOYgD88NGEqw==}
     engines: {node: '>=18.12'}
@@ -5150,8 +5234,8 @@ packages:
     peerDependencies:
       postcss: ^8.1.0
 
-  postcss-modules-local-by-default@4.1.0:
-    resolution: {integrity: sha512-rm0bdSv4jC3BDma3s9H19ZddW0aHX6EoqwDYU2IfZhRN+53QrufTRo2IdkAbRqLx4R2IYbZnbjKKxg4VN5oU9Q==}
+  postcss-modules-local-by-default@4.2.0:
+    resolution: {integrity: sha512-5kcJm/zk+GJDSfw+V/42fJ5fhjL5YbFDl8nVdXkJPLLW+Vf9mTD5Xe0wqIaDnLuL2U6cDNpTr+UQ+v2HWIBhzw==}
     engines: {node: ^10 || ^12 || >= 14}
     peerDependencies:
       postcss: ^8.1.0
@@ -5188,6 +5272,10 @@ packages:
     resolution: {integrity: sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA==}
     engines: {node: ^10 || ^12 || >=14}
 
+  [email protected]:
+    resolution: {integrity: sha512-6oz2beyjc5VMn/KV1pPw8fliQkhBXrVn1Z3TVyqZxU8kZpzEKhBdmCFqI6ZbmGtamQvQGuU1sgPTk8ZrXDD7jQ==}
+    engines: {node: ^10 || ^12 || >=14}
+
   [email protected]:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
     engines: {node: '>= 0.8.0'}
@@ -5370,15 +5458,15 @@ packages:
       react: ^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
       react-dom: ^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
 
-  [email protected].0:
-    resolution: {integrity: sha512-kQ7Unsl5YdyOltsPGl31zOjLrDv+m2VcIEcIHqYYD3Lp0UppLjrzcfJqDJwXxFw3TH/yvapbnUvPlAj7Kx5nbg==}
+  [email protected].1:
+    resolution: {integrity: sha512-YraE27C/RdjcZwl5UCqF/ffXnZDxpJdk9Q6jw38SZHjXs7NNdpViq2l2c7fO7+4uWaEfcwfGCv3RSg4e1By/fQ==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
       react: '>=16.8'
       react-dom: '>=16.8'
 
-  [email protected].0:
-    resolution: {integrity: sha512-HrYdIFqdrnhDw0PqG/AKjAqEqM7AvxCz0DQ4h2W8k6nqmc5uRBYDag0SBxx9iYz5G8gnuNVLzUe13wl9eAsXXg==}
+  [email protected].1:
+    resolution: {integrity: sha512-2omQTA3rkMljmrvvo6WtewGdVh45SpL9hGiCI9uUrwGGfNFDIvGK4gYJsKlJoNVi6AQZcopSCballL+QGOm7fA==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
       react: '>=16.8'
@@ -5759,10 +5847,26 @@ packages:
   [email protected]:
     resolution: {integrity: sha512-qIneep7QRwxRd5oiHb8jaRzH15V/S8F3saCXOdjwRLgozZJr5x2yeBhQtqkO3FSzQDwYEFAYuifg4oHjpDghrg==}
 
+  [email protected]:
+    resolution: {integrity: sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==}
+    engines: {node: '>= 0.4'}
+
+  [email protected]:
+    resolution: {integrity: sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==}
+    engines: {node: '>= 0.4'}
+
+  [email protected]:
+    resolution: {integrity: sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==}
+    engines: {node: '>= 0.4'}
+
   [email protected]:
     resolution: {integrity: sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==}
     engines: {node: '>= 0.4'}
 
+  [email protected]:
+    resolution: {integrity: sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==}
+    engines: {node: '>= 0.4'}
+
   [email protected]:
     resolution: {integrity: sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==}
 
@@ -5817,8 +5921,8 @@ packages:
   [email protected]:
     resolution: {integrity: sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==}
 
-  [email protected].20:
-    resolution: {integrity: sha512-jg25NiDV/1fLtSgEgyvVyDunvaNHbuwF9lfNV17gSmPFAlYzdfNBlLtLzXTevwkPj7DhGbmN9VnmJIgLnhvaBw==}
+  [email protected].21:
+    resolution: {integrity: sha512-Bvg/8F5XephndSK3JffaRqdT+gyhfqIPwDHpX80tJrF8QQRYMo8sNMeaZ2Dp5+jhwKnUmIOyFFQfHRkjJm5nXg==}
 
   [email protected]:
     resolution: {integrity: sha512-MGrFH9Z4NP9Iyhqn16sDtBpRRNJ0Y2hNa6D65h736fVSaPCHr4DM4sWUNvVaSuC+0OBGhwsrydQwmgfg5LncqQ==}
@@ -5961,8 +6065,8 @@ packages:
   [email protected]:
     resolution: {integrity: sha512-P+Vu1qXfzediirmHOC3xKGAYeZtPcV9g76X+xg2FD4tYgR71ewMA35Y3sCz3zhiN/dwefRpJX0yBcgwi1fXNQA==}
 
-  [email protected].1:
-    resolution: {integrity: sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==}
+  [email protected].2:
+    resolution: {integrity: sha512-EsaAXwxmx8UB7FRKqeozqEPop69DXcmYwTQwXvyAPF352HJsPdkVhvTaDPYqfNgruveJIJy3TA2l+2zj8LJIJA==}
 
   [email protected]:
     resolution: {integrity: sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==}
@@ -6470,8 +6574,8 @@ packages:
   [email protected]:
     resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
 
-  yaml@2.6.1:
-    resolution: {integrity: sha512-7r0XPzioN/Q9kXBro/XPnA6kznR73DHq+GXh5ON7ZozRO6aMjbmiBuKste2wslTFkC5d1dw0GooOCepZXJ2SAg==}
+  yaml@2.7.0:
+    resolution: {integrity: sha512-+hSoy/QHluxmC9kCIJyL/uyFmLmc+e5CFR5Wa+bpIhIj85LVb9ZH2nVnqrHoSvKogwODv0ClqZkmiSSaIH5LTA==}
     engines: {node: '>= 14'}
     hasBin: true
 
@@ -7080,6 +7184,14 @@ snapshots:
       '@jridgewell/trace-mapping': 0.3.25
       jsesc: 3.0.2
 
+  '@babel/[email protected]':
+    dependencies:
+      '@babel/parser': 7.26.5
+      '@babel/types': 7.26.5
+      '@jridgewell/gen-mapping': 0.3.8
+      '@jridgewell/trace-mapping': 0.3.25
+      jsesc: 3.0.2
+
   '@babel/[email protected]':
     dependencies:
       '@babel/types': 7.26.0
@@ -7134,6 +7246,8 @@ snapshots:
 
   '@babel/[email protected]': {}
 
+  '@babel/[email protected]': {}
+
   '@babel/[email protected](@babel/[email protected])':
     dependencies:
       '@babel/core': 7.26.0
@@ -7172,10 +7286,14 @@ snapshots:
     dependencies:
       '@babel/types': 7.26.0
 
+  '@babel/[email protected]':
+    dependencies:
+      '@babel/types': 7.26.5
+
   '@babel/[email protected](@babel/[email protected])':
     dependencies:
       '@babel/core': 7.26.0
-      '@babel/helper-plugin-utils': 7.25.9
+      '@babel/helper-plugin-utils': 7.26.5
 
   '@babel/[email protected](@babel/[email protected])':
     dependencies:
@@ -7240,24 +7358,41 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@babel/[email protected]':
+    dependencies:
+      '@babel/code-frame': 7.26.2
+      '@babel/generator': 7.26.5
+      '@babel/parser': 7.26.5
+      '@babel/template': 7.25.9
+      '@babel/types': 7.26.5
+      debug: 4.4.0
+      globals: 11.12.0
+    transitivePeerDependencies:
+      - supports-color
+
   '@babel/[email protected]':
     dependencies:
       '@babel/helper-string-parser': 7.25.9
       '@babel/helper-validator-identifier': 7.25.9
 
-  '@blitz/[email protected](@types/eslint@8.56.10)([email protected])([email protected])(typescript@5.7.2)':
+  '@babel/types@7.26.5':
     dependencies:
-      '@stylistic/eslint-plugin-ts': 2.11.0(eslint@9.16.0([email protected]))([email protected])
-      '@typescript-eslint/eslint-plugin': 8.17.0(@typescript-eslint/[email protected](eslint@9.16.0([email protected]))([email protected]))([email protected]([email protected]))([email protected])
-      '@typescript-eslint/parser': 8.17.0([email protected]([email protected]))([email protected])
-      '@typescript-eslint/utils': 8.17.0(eslint@9.16.0([email protected].6))([email protected])
+      '@babel/helper-string-parser': 7.25.9
+      '@babel/helper-validator-identifier': 7.25.9
+
+  '@blitz/eslint-plugin@0.1.0(@types/eslint@8.56.10)([email protected].7)([email protected])([email protected])':
+    dependencies:
+      '@stylistic/eslint-plugin-ts': 2.11.0([email protected]([email protected]))([email protected])
+      '@typescript-eslint/eslint-plugin': 8.17.0(@typescript-eslint/[email protected]([email protected]([email protected]))([email protected]))([email protected]([email protected]))([email protected])
+      '@typescript-eslint/parser': 8.17.0([email protected]([email protected]))([email protected])
+      '@typescript-eslint/utils': 8.17.0([email protected]([email protected]))([email protected])
       common-tags: 1.8.2
-      eslint: 9.16.0([email protected].6)
-      eslint-config-prettier: 9.1.0([email protected]([email protected].6))
-      eslint-plugin-jsonc: 2.18.2([email protected]([email protected].6))
-      eslint-plugin-prettier: 5.2.1(@types/[email protected])([email protected]([email protected]([email protected].6)))([email protected]([email protected].6))([email protected])
+      eslint: 9.16.0([email protected].7)
+      eslint-config-prettier: 9.1.0([email protected]([email protected].7))
+      eslint-plugin-jsonc: 2.18.2([email protected]([email protected].7))
+      eslint-plugin-prettier: 5.2.1(@types/[email protected])([email protected]([email protected]([email protected].7)))([email protected]([email protected].7))([email protected])
       globals: 15.13.0
-      typescript-eslint: 8.17.0([email protected]([email protected].6))([email protected])
+      typescript-eslint: 8.17.0([email protected]([email protected].7))([email protected])
     transitivePeerDependencies:
       - '@eslint/json'
       - '@types/eslint'
@@ -7723,9 +7858,9 @@ snapshots:
   '@esbuild/[email protected]':
     optional: true
 
-  '@eslint-community/[email protected]([email protected]([email protected].6))':
+  '@eslint-community/[email protected]([email protected]([email protected].7))':
     dependencies:
-      eslint: 9.16.0([email protected].6)
+      eslint: 9.16.0([email protected].7)
       eslint-visitor-keys: 3.4.3
 
   '@eslint-community/[email protected]': {}
@@ -7923,6 +8058,12 @@ snapshots:
       '@jridgewell/sourcemap-codec': 1.5.0
       '@jridgewell/trace-mapping': 0.3.25
 
+  '@jridgewell/[email protected]':
+    dependencies:
+      '@jridgewell/set-array': 1.2.1
+      '@jridgewell/sourcemap-codec': 1.5.0
+      '@jridgewell/trace-mapping': 0.3.25
+
   '@jridgewell/[email protected]': {}
 
   '@jridgewell/[email protected]': {}
@@ -8167,6 +8308,11 @@ snapshots:
 
   '@opentelemetry/[email protected]': {}
 
+  '@phosphor-icons/[email protected]([email protected]([email protected]))([email protected])':
+    dependencies:
+      react: 18.3.1
+      react-dom: 18.3.1([email protected])
+
   '@pkgjs/[email protected]':
     optional: true
 
@@ -8556,51 +8702,51 @@ snapshots:
     dependencies:
       react: 18.3.1
 
-  '@remix-run/[email protected].0(@cloudflare/[email protected])([email protected])':
+  '@remix-run/[email protected].2(@cloudflare/[email protected])([email protected])':
     dependencies:
       '@cloudflare/workers-types': 4.20241127.0
-      '@remix-run/cloudflare': 2.15.0(@cloudflare/[email protected])([email protected])
+      '@remix-run/cloudflare': 2.15.2(@cloudflare/[email protected])([email protected])
     optionalDependencies:
       typescript: 5.7.2
 
-  '@remix-run/[email protected].0(@cloudflare/[email protected])([email protected])':
+  '@remix-run/[email protected].2(@cloudflare/[email protected])([email protected])':
     dependencies:
       '@cloudflare/kv-asset-handler': 0.1.3
       '@cloudflare/workers-types': 4.20241127.0
-      '@remix-run/server-runtime': 2.15.0([email protected])
+      '@remix-run/server-runtime': 2.15.2([email protected])
     optionalDependencies:
       typescript: 5.7.2
 
-  '@remix-run/[email protected].0(@remix-run/[email protected].0([email protected]([email protected]))([email protected])([email protected]))(@types/[email protected].1)([email protected])([email protected])([email protected](@types/[email protected].1)([email protected]))([email protected](@cloudflare/[email protected]))':
+  '@remix-run/[email protected].2(@remix-run/[email protected].2([email protected]([email protected]))([email protected])([email protected]))(@types/[email protected].10)([email protected])([email protected])([email protected](@types/[email protected].10)([email protected]))([email protected](@cloudflare/[email protected]))':
     dependencies:
       '@babel/core': 7.26.0
-      '@babel/generator': 7.26.2
-      '@babel/parser': 7.26.2
+      '@babel/generator': 7.26.5
+      '@babel/parser': 7.26.5
       '@babel/plugin-syntax-decorators': 7.25.9(@babel/[email protected])
       '@babel/plugin-syntax-jsx': 7.25.9(@babel/[email protected])
       '@babel/preset-typescript': 7.26.0(@babel/[email protected])
-      '@babel/traverse': 7.25.9
-      '@babel/types': 7.26.0
+      '@babel/traverse': 7.26.5
+      '@babel/types': 7.26.5
       '@mdx-js/mdx': 2.3.0
       '@npmcli/package-json': 4.0.1
-      '@remix-run/node': 2.15.0([email protected])
-      '@remix-run/react': 2.15.0([email protected]([email protected]))([email protected])([email protected])
+      '@remix-run/node': 2.15.2([email protected])
+      '@remix-run/react': 2.15.2([email protected]([email protected]))([email protected])([email protected])
       '@remix-run/router': 1.21.0
-      '@remix-run/server-runtime': 2.15.0([email protected])
+      '@remix-run/server-runtime': 2.15.2([email protected])
       '@types/mdx': 2.0.13
-      '@vanilla-extract/integration': 6.5.0(@types/[email protected].1)([email protected])
+      '@vanilla-extract/integration': 6.5.0(@types/[email protected].10)([email protected])
       arg: 5.0.2
       cacache: 17.1.4
       chalk: 4.1.2
       chokidar: 3.6.0
       cross-spawn: 7.0.6
       dotenv: 16.4.7
-      es-module-lexer: 1.5.4
+      es-module-lexer: 1.6.0
       esbuild: 0.17.6
       esbuild-plugins-node-modules-polyfill: 1.6.8([email protected])
       execa: 5.1.1
       exit-hook: 2.2.1
-      express: 4.21.1
+      express: 4.21.2
       fs-extra: 10.1.0
       get-port: 5.1.1
       gunzip-maybe: 1.4.2
@@ -8613,10 +8759,10 @@ snapshots:
       picocolors: 1.1.1
       picomatch: 2.3.1
       pidtree: 0.6.0
-      postcss: 8.4.49
-      postcss-discard-duplicates: 5.1.0(postcss@8.4.49)
-      postcss-load-config: 4.0.2(postcss@8.4.49)
-      postcss-modules: 6.0.1(postcss@8.4.49)
+      postcss: 8.5.1
+      postcss-discard-duplicates: 5.1.0(postcss@8.5.1)
+      postcss-load-config: 4.0.2(postcss@8.5.1)
+      postcss-modules: 6.0.1(postcss@8.5.1)
       prettier: 2.8.8
       pretty-ms: 7.0.1
       react-refresh: 0.14.2
@@ -8624,14 +8770,14 @@ snapshots:
       remark-mdx-frontmatter: 1.1.1
       semver: 7.6.3
       set-cookie-parser: 2.7.1
-      tar-fs: 2.1.1
+      tar-fs: 2.1.2
       tsconfig-paths: 4.2.0
       valibot: 0.41.0([email protected])
-      vite-node: 1.6.0(@types/[email protected].1)([email protected])
+      vite-node: 1.6.0(@types/[email protected].10)([email protected])
       ws: 7.5.10
     optionalDependencies:
       typescript: 5.7.2
-      vite: 5.4.11(@types/[email protected].1)([email protected])
+      vite: 5.4.11(@types/[email protected].10)([email protected])
       wrangler: 3.91.0(@cloudflare/[email protected])
     transitivePeerDependencies:
       - '@types/node'
@@ -8649,18 +8795,6 @@ snapshots:
       - ts-node
       - utf-8-validate
 
-  '@remix-run/[email protected]([email protected])':
-    dependencies:
-      '@remix-run/server-runtime': 2.15.0([email protected])
-      '@remix-run/web-fetch': 4.4.2
-      '@web3-storage/multipart-parser': 1.0.0
-      cookie-signature: 1.2.2
-      source-map-support: 0.5.21
-      stream-slice: 0.1.2
-      undici: 6.21.0
-    optionalDependencies:
-      typescript: 5.7.2
-
   '@remix-run/[email protected]([email protected])':
     dependencies:
       '@remix-run/server-runtime': 2.15.2([email protected])
@@ -8673,32 +8807,20 @@ snapshots:
     optionalDependencies:
       typescript: 5.7.2
 
-  '@remix-run/[email protected].0([email protected]([email protected]))([email protected])([email protected])':
+  '@remix-run/[email protected].2([email protected]([email protected]))([email protected])([email protected])':
     dependencies:
       '@remix-run/router': 1.21.0
-      '@remix-run/server-runtime': 2.15.0([email protected])
+      '@remix-run/server-runtime': 2.15.2([email protected])
       react: 18.3.1
       react-dom: 18.3.1([email protected])
-      react-router: 6.28.0([email protected])
-      react-router-dom: 6.28.0([email protected]([email protected]))([email protected])
+      react-router: 6.28.1([email protected])
+      react-router-dom: 6.28.1([email protected]([email protected]))([email protected])
       turbo-stream: 2.4.0
     optionalDependencies:
       typescript: 5.7.2
 
   '@remix-run/[email protected]': {}
 
-  '@remix-run/[email protected]([email protected])':
-    dependencies:
-      '@remix-run/router': 1.21.0
-      '@types/cookie': 0.6.0
-      '@web3-storage/multipart-parser': 1.0.0
-      cookie: 0.6.0
-      set-cookie-parser: 2.7.1
-      source-map: 0.7.4
-      turbo-stream: 2.4.0
-    optionalDependencies:
-      typescript: 5.7.2
-
   '@remix-run/[email protected]([email protected])':
     dependencies:
       '@remix-run/router': 1.21.0
@@ -9133,10 +9255,10 @@ snapshots:
       '@smithy/util-buffer-from': 3.0.0
       tslib: 2.8.1
 
-  '@stylistic/[email protected]([email protected]([email protected].6))([email protected])':
+  '@stylistic/[email protected]([email protected]([email protected].7))([email protected])':
     dependencies:
-      '@typescript-eslint/utils': 8.17.0([email protected]([email protected].6))([email protected])
-      eslint: 9.16.0([email protected].6)
+      '@typescript-eslint/utils': 8.17.0([email protected]([email protected].7))([email protected])
+      eslint: 9.16.0([email protected].7)
       eslint-visitor-keys: 4.2.0
       espree: 10.3.0
     transitivePeerDependencies:
@@ -9219,6 +9341,10 @@ snapshots:
     dependencies:
       undici-types: 6.20.0
 
+  '@types/[email protected]':
+    dependencies:
+      undici-types: 6.20.0
+
   '@types/[email protected]': {}
 
   '@types/[email protected]':
@@ -9236,15 +9362,15 @@ snapshots:
 
   '@types/[email protected]': {}
 
-  '@typescript-eslint/[email protected](@typescript-eslint/[email protected]([email protected]([email protected].6))([email protected]))([email protected]([email protected].6))([email protected])':
+  '@typescript-eslint/[email protected](@typescript-eslint/[email protected]([email protected]([email protected].7))([email protected]))([email protected]([email protected].7))([email protected])':
     dependencies:
       '@eslint-community/regexpp': 4.12.1
-      '@typescript-eslint/parser': 8.17.0([email protected]([email protected].6))([email protected])
+      '@typescript-eslint/parser': 8.17.0([email protected]([email protected].7))([email protected])
       '@typescript-eslint/scope-manager': 8.17.0
-      '@typescript-eslint/type-utils': 8.17.0([email protected]([email protected].6))([email protected])
-      '@typescript-eslint/utils': 8.17.0([email protected]([email protected].6))([email protected])
+      '@typescript-eslint/type-utils': 8.17.0([email protected]([email protected].7))([email protected])
+      '@typescript-eslint/utils': 8.17.0([email protected]([email protected].7))([email protected])
       '@typescript-eslint/visitor-keys': 8.17.0
-      eslint: 9.16.0([email protected].6)
+      eslint: 9.16.0([email protected].7)
       graphemer: 1.4.0
       ignore: 5.3.2
       natural-compare: 1.4.0
@@ -9254,14 +9380,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/[email protected]([email protected]([email protected].6))([email protected])':
+  '@typescript-eslint/[email protected]([email protected]([email protected].7))([email protected])':
     dependencies:
       '@typescript-eslint/scope-manager': 8.17.0
       '@typescript-eslint/types': 8.17.0
       '@typescript-eslint/typescript-estree': 8.17.0([email protected])
       '@typescript-eslint/visitor-keys': 8.17.0
       debug: 4.3.7
-      eslint: 9.16.0([email protected].6)
+      eslint: 9.16.0([email protected].7)
     optionalDependencies:
       typescript: 5.7.2
     transitivePeerDependencies:
@@ -9272,12 +9398,12 @@ snapshots:
       '@typescript-eslint/types': 8.17.0
       '@typescript-eslint/visitor-keys': 8.17.0
 
-  '@typescript-eslint/[email protected]([email protected]([email protected].6))([email protected])':
+  '@typescript-eslint/[email protected]([email protected]([email protected].7))([email protected])':
     dependencies:
       '@typescript-eslint/typescript-estree': 8.17.0([email protected])
-      '@typescript-eslint/utils': 8.17.0([email protected]([email protected].6))([email protected])
+      '@typescript-eslint/utils': 8.17.0([email protected]([email protected].7))([email protected])
       debug: 4.3.7
-      eslint: 9.16.0([email protected].6)
+      eslint: 9.16.0([email protected].7)
       ts-api-utils: 1.4.3([email protected])
     optionalDependencies:
       typescript: 5.7.2
@@ -9301,13 +9427,13 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/[email protected]([email protected]([email protected].6))([email protected])':
+  '@typescript-eslint/[email protected]([email protected]([email protected].7))([email protected])':
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.1([email protected]([email protected].6))
+      '@eslint-community/eslint-utils': 4.4.1([email protected]([email protected].7))
       '@typescript-eslint/scope-manager': 8.17.0
       '@typescript-eslint/types': 8.17.0
       '@typescript-eslint/typescript-estree': 8.17.0([email protected])
-      eslint: 9.16.0([email protected].6)
+      eslint: 9.16.0([email protected].7)
     optionalDependencies:
       typescript: 5.7.2
     transitivePeerDependencies:
@@ -9334,13 +9460,13 @@ snapshots:
 
   '@ungap/[email protected]': {}
 
-  '@unocss/[email protected]([email protected])([email protected](@types/[email protected].1)([email protected]))':
+  '@unocss/[email protected]([email protected])([email protected](@types/[email protected].10)([email protected]))':
     dependencies:
       '@unocss/core': 0.61.9
       '@unocss/reset': 0.61.9
-      '@unocss/vite': 0.61.9([email protected])([email protected](@types/[email protected].1)([email protected]))
+      '@unocss/vite': 0.61.9([email protected])([email protected](@types/[email protected].10)([email protected]))
     optionalDependencies:
-      vite: 5.4.11(@types/[email protected].1)([email protected])
+      vite: 5.4.11(@types/[email protected].10)([email protected])
     transitivePeerDependencies:
       - rollup
       - supports-color
@@ -9384,7 +9510,7 @@ snapshots:
       gzip-size: 6.0.0
       sirv: 2.0.4
 
-  '@unocss/[email protected](postcss@8.4.49)':
+  '@unocss/[email protected](postcss@8.5.1)':
     dependencies:
       '@unocss/config': 0.61.9
       '@unocss/core': 0.61.9
@@ -9392,7 +9518,7 @@ snapshots:
       css-tree: 2.3.1
       fast-glob: 3.3.2
       magic-string: 0.30.14
-      postcss: 8.4.49
+      postcss: 8.5.1
     transitivePeerDependencies:
       - supports-color
 
@@ -9477,7 +9603,7 @@ snapshots:
     dependencies:
       '@unocss/core': 0.61.9
 
-  '@unocss/[email protected]([email protected])([email protected](@types/[email protected].1)([email protected]))':
+  '@unocss/[email protected]([email protected])([email protected](@types/[email protected].10)([email protected]))':
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@rollup/pluginutils': 5.1.3([email protected])
@@ -9489,18 +9615,18 @@ snapshots:
       chokidar: 3.6.0
       fast-glob: 3.3.2
       magic-string: 0.30.14
-      vite: 5.4.11(@types/[email protected].1)([email protected])
+      vite: 5.4.11(@types/[email protected].10)([email protected])
     transitivePeerDependencies:
       - rollup
       - supports-color
 
-  '@vanilla-extract/babel-plugin-debug-ids@1.1.0':
+  '@vanilla-extract/babel-plugin-debug-ids@1.2.0':
     dependencies:
       '@babel/core': 7.26.0
     transitivePeerDependencies:
       - supports-color
 
-  '@vanilla-extract/css@1.16.1':
+  '@vanilla-extract/css@1.17.0':
     dependencies:
       '@emotion/hash': 0.9.2
       '@vanilla-extract/private': 1.0.6
@@ -9517,21 +9643,21 @@ snapshots:
     transitivePeerDependencies:
       - babel-plugin-macros
 
-  '@vanilla-extract/[email protected](@types/[email protected].1)([email protected])':
+  '@vanilla-extract/[email protected](@types/[email protected].10)([email protected])':
     dependencies:
       '@babel/core': 7.26.0
       '@babel/plugin-syntax-typescript': 7.25.9(@babel/[email protected])
-      '@vanilla-extract/babel-plugin-debug-ids': 1.1.0
-      '@vanilla-extract/css': 1.16.1
-      esbuild: 0.17.19
+      '@vanilla-extract/babel-plugin-debug-ids': 1.2.0
+      '@vanilla-extract/css': 1.17.0
+      esbuild: 0.17.6
       eval: 0.1.8
       find-up: 5.0.0
       javascript-stringify: 2.1.0
       lodash: 4.17.21
-      mlly: 1.7.3
+      mlly: 1.7.4
       outdent: 0.8.0
-      vite: 5.4.11(@types/[email protected].1)([email protected])
-      vite-node: 1.6.0(@types/[email protected].1)([email protected])
+      vite: 5.4.11(@types/[email protected].10)([email protected])
+      vite-node: 1.6.0(@types/[email protected].10)([email protected])
     transitivePeerDependencies:
       - '@types/node'
       - babel-plugin-macros
@@ -9553,13 +9679,13 @@ snapshots:
       chai: 5.1.2
       tinyrainbow: 1.2.0
 
-  '@vitest/[email protected]([email protected](@types/[email protected].1)([email protected]))':
+  '@vitest/[email protected]([email protected](@types/[email protected].10)([email protected]))':
     dependencies:
       '@vitest/spy': 2.1.8
       estree-walker: 3.0.3
       magic-string: 0.30.14
     optionalDependencies:
-      vite: 5.4.11(@types/[email protected].1)([email protected])
+      vite: 5.4.11(@types/[email protected].10)([email protected])
 
   '@vitest/[email protected]':
     dependencies:
@@ -9861,6 +9987,11 @@ snapshots:
       tar: 6.2.1
       unique-filename: 3.0.0
 
+  [email protected]:
+    dependencies:
+      es-errors: 1.3.0
+      function-bind: 1.1.2
+
   [email protected]:
     dependencies:
       es-define-property: 1.0.0
@@ -9869,6 +10000,11 @@ snapshots:
       get-intrinsic: 1.2.4
       set-function-length: 1.2.2
 
+  [email protected]:
+    dependencies:
+      call-bind-apply-helpers: 1.0.1
+      get-intrinsic: 1.2.7
+
   [email protected]: {}
 
   [email protected]: {}
@@ -10088,6 +10224,10 @@ snapshots:
     dependencies:
       ms: 2.1.3
 
+  [email protected]:
+    dependencies:
+      ms: 2.1.3
+
   [email protected]:
     dependencies:
       character-entities: 2.0.2
@@ -10168,6 +10308,12 @@ snapshots:
 
   [email protected]: {}
 
+  [email protected]:
+    dependencies:
+      call-bind-apply-helpers: 1.0.1
+      es-errors: 1.3.0
+      gopd: 1.2.0
+
   [email protected]: {}
 
   [email protected]:
@@ -10219,10 +10365,18 @@ snapshots:
     dependencies:
       get-intrinsic: 1.2.4
 
+  [email protected]: {}
+
   [email protected]: {}
 
   [email protected]: {}
 
+  [email protected]: {}
+
+  [email protected]:
+    dependencies:
+      es-errors: 1.3.0
+
   [email protected]([email protected]):
     dependencies:
       '@jspm/core': 2.0.1
@@ -10341,27 +10495,27 @@ snapshots:
 
   [email protected]: {}
 
-  [email protected]([email protected]([email protected].6)):
+  [email protected]([email protected]([email protected].7)):
     dependencies:
-      eslint: 9.16.0([email protected].6)
+      eslint: 9.16.0([email protected].7)
       semver: 7.6.3
 
-  [email protected]([email protected]([email protected].6)):
+  [email protected]([email protected]([email protected].7)):
     dependencies:
-      eslint: 9.16.0([email protected].6)
+      eslint: 9.16.0([email protected].7)
 
-  [email protected]([email protected]([email protected].6))([email protected]):
+  [email protected]([email protected]([email protected].7))([email protected]):
     dependencies:
-      eslint: 9.16.0([email protected].6)
+      eslint: 9.16.0([email protected].7)
       esquery: 1.6.0
       jsonc-eslint-parser: 2.4.0
 
-  [email protected]([email protected]([email protected].6)):
+  [email protected]([email protected]([email protected].7)):
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.1([email protected]([email protected].6))
-      eslint: 9.16.0([email protected].6)
-      eslint-compat-utils: 0.6.4([email protected]([email protected].6))
-      eslint-json-compat-utils: 0.2.1([email protected]([email protected].6))([email protected])
+      '@eslint-community/eslint-utils': 4.4.1([email protected]([email protected].7))
+      eslint: 9.16.0([email protected].7)
+      eslint-compat-utils: 0.6.4([email protected]([email protected].7))
+      eslint-json-compat-utils: 0.2.1([email protected]([email protected].7))([email protected])
       espree: 9.6.1
       graphemer: 1.4.0
       jsonc-eslint-parser: 2.4.0
@@ -10370,15 +10524,15 @@ snapshots:
     transitivePeerDependencies:
       - '@eslint/json'
 
-  [email protected](@types/[email protected])([email protected]([email protected]([email protected].6)))([email protected]([email protected].6))([email protected]):
+  [email protected](@types/[email protected])([email protected]([email protected]([email protected].7)))([email protected]([email protected].7))([email protected]):
     dependencies:
-      eslint: 9.16.0([email protected].6)
+      eslint: 9.16.0([email protected].7)
       prettier: 3.4.1
       prettier-linter-helpers: 1.0.0
       synckit: 0.9.2
     optionalDependencies:
       '@types/eslint': 8.56.10
-      eslint-config-prettier: 9.1.0([email protected]([email protected].6))
+      eslint-config-prettier: 9.1.0([email protected]([email protected].7))
 
   [email protected]:
     dependencies:
@@ -10389,9 +10543,9 @@ snapshots:
 
   [email protected]: {}
 
-  [email protected]([email protected].6):
+  [email protected]([email protected].7):
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.1([email protected]([email protected].6))
+      '@eslint-community/eslint-utils': 4.4.1([email protected]([email protected].7))
       '@eslint-community/regexpp': 4.12.1
       '@eslint/config-array': 0.19.0
       '@eslint/core': 0.9.0
@@ -10426,7 +10580,7 @@ snapshots:
       natural-compare: 1.4.0
       optionator: 0.9.4
     optionalDependencies:
-      jiti: 1.21.6
+      jiti: 1.21.7
     transitivePeerDependencies:
       - supports-color
 
@@ -10497,7 +10651,7 @@ snapshots:
 
   [email protected]:
     dependencies:
-      '@types/node': 22.10.1
+      '@types/node': 22.10.10
       require-like: 0.1.2
 
   [email protected]: {}
@@ -10529,7 +10683,7 @@ snapshots:
 
   [email protected]: {}
 
-  [email protected].1:
+  [email protected].2:
     dependencies:
       accepts: 1.3.8
       array-flatten: 1.1.1
@@ -10550,7 +10704,7 @@ snapshots:
       methods: 1.1.2
       on-finished: 2.4.1
       parseurl: 1.3.3
-      path-to-regexp: 0.1.10
+      path-to-regexp: 0.1.12
       proxy-addr: 2.0.7
       qs: 6.13.0
       range-parser: 1.2.1
@@ -10695,10 +10849,28 @@ snapshots:
       has-symbols: 1.1.0
       hasown: 2.0.2
 
+  [email protected]:
+    dependencies:
+      call-bind-apply-helpers: 1.0.1
+      es-define-property: 1.0.1
+      es-errors: 1.3.0
+      es-object-atoms: 1.1.1
+      function-bind: 1.1.2
+      get-proto: 1.0.1
+      gopd: 1.2.0
+      has-symbols: 1.1.0
+      hasown: 2.0.2
+      math-intrinsics: 1.1.0
+
   [email protected]: {}
 
   [email protected]: {}
 
+  [email protected]:
+    dependencies:
+      dunder-proto: 1.0.1
+      es-object-atoms: 1.1.1
+
   [email protected]:
     dependencies:
       data-uri-to-buffer: 2.0.2
@@ -10741,6 +10913,8 @@ snapshots:
     dependencies:
       get-intrinsic: 1.2.4
 
+  [email protected]: {}
+
   [email protected]: {}
 
   [email protected]: {}
@@ -10939,9 +11113,9 @@ snapshots:
     dependencies:
       safer-buffer: 2.1.2
 
-  [email protected](postcss@8.4.49):
+  [email protected](postcss@8.5.1):
     dependencies:
-      postcss: 8.4.49
+      postcss: 8.5.1
 
   [email protected]: {}
 
@@ -10964,7 +11138,7 @@ snapshots:
       debug: 4.3.7
       esbuild: 0.23.1
       jiti: 2.0.0-beta.3
-      jiti-v1: [email protected].6
+      jiti-v1: [email protected].7
       pathe: 1.1.2
       tsx: 4.19.2
     transitivePeerDependencies:
@@ -11017,6 +11191,10 @@ snapshots:
     dependencies:
       hasown: 2.0.2
 
+  [email protected]:
+    dependencies:
+      hasown: 2.0.2
+
   [email protected]: {}
 
   [email protected]: {}
@@ -11101,7 +11279,7 @@ snapshots:
 
   [email protected]: {}
 
-  [email protected].6: {}
+  [email protected].7: {}
 
   [email protected]: {}
 
@@ -11172,7 +11350,7 @@ snapshots:
     dependencies:
       immediate: 3.0.6
 
-  [email protected].2: {}
+  [email protected].3: {}
 
   [email protected]: {}
 
@@ -11228,6 +11406,8 @@ snapshots:
 
   [email protected]: {}
 
+  [email protected]: {}
+
   [email protected]:
     dependencies:
       hash-base: 3.0.5
@@ -11374,7 +11554,7 @@ snapshots:
       ccount: 2.0.1
       mdast-util-from-markdown: 1.3.1
       mdast-util-to-markdown: 1.5.0
-      parse-entities: 4.0.1
+      parse-entities: 4.0.2
       stringify-entities: 4.0.4
       unist-util-remove-position: 4.0.2
       unist-util-stringify-position: 3.0.3
@@ -11873,7 +12053,7 @@ snapshots:
   [email protected]:
     dependencies:
       '@types/debug': 4.1.12
-      debug: 4.3.7
+      debug: 4.4.0
       decode-named-character-reference: 1.0.2
       micromark-core-commonmark: 1.1.0
       micromark-factory-space: 1.1.0
@@ -12013,6 +12193,13 @@ snapshots:
       pkg-types: 1.2.1
       ufo: 1.5.4
 
+  [email protected]:
+    dependencies:
+      acorn: 8.14.0
+      pathe: 2.0.2
+      pkg-types: 1.3.1
+      ufo: 1.5.4
+
   [email protected]: {}
 
   [email protected]: {}
@@ -12110,7 +12297,7 @@ snapshots:
   [email protected]:
     dependencies:
       hosted-git-info: 6.1.3
-      is-core-module: 2.15.1
+      is-core-module: 2.16.1
       semver: 7.6.3
       validate-npm-package-license: 3.0.4
 
@@ -12259,6 +12446,16 @@ snapshots:
       is-decimal: 2.0.1
       is-hexadecimal: 2.0.1
 
+  [email protected]:
+    dependencies:
+      '@types/unist': 2.0.11
+      character-entities-legacy: 3.0.0
+      character-reference-invalid: 2.0.1
+      decode-named-character-reference: 1.0.2
+      is-alphanumerical: 2.0.1
+      is-decimal: 2.0.1
+      is-hexadecimal: 2.0.1
+
   [email protected]: {}
 
   [email protected]:
@@ -12282,12 +12479,14 @@ snapshots:
       lru-cache: 10.4.3
       minipass: 7.1.2
 
-  [email protected].10: {}
+  [email protected].12: {}
 
   [email protected]: {}
 
   [email protected]: {}
 
+  [email protected]: {}
+
   [email protected]: {}
 
   [email protected]:
@@ -12332,52 +12531,58 @@ snapshots:
       mlly: 1.7.3
       pathe: 1.1.2
 
+  [email protected]:
+    dependencies:
+      confbox: 0.1.8
+      mlly: 1.7.4
+      pathe: 2.0.2
+
   [email protected]: {}
 
   [email protected]: {}
 
-  [email protected](postcss@8.4.49):
+  [email protected](postcss@8.5.1):
     dependencies:
-      postcss: 8.4.49
+      postcss: 8.5.1
 
-  [email protected](postcss@8.4.49):
+  [email protected](postcss@8.5.1):
     dependencies:
-      lilconfig: 3.1.2
-      yaml: 2.6.1
+      lilconfig: 3.1.3
+      yaml: 2.7.0
     optionalDependencies:
-      postcss: 8.4.49
+      postcss: 8.5.1
 
-  [email protected](postcss@8.4.49):
+  [email protected](postcss@8.5.1):
     dependencies:
-      postcss: 8.4.49
+      postcss: 8.5.1
 
-  postcss-modules-local-by-default@4.1.0(postcss@8.4.49):
+  postcss-modules-local-by-default@4.2.0(postcss@8.5.1):
     dependencies:
-      icss-utils: 5.1.0(postcss@8.4.49)
-      postcss: 8.4.49
+      icss-utils: 5.1.0(postcss@8.5.1)
+      postcss: 8.5.1
       postcss-selector-parser: 7.0.0
       postcss-value-parser: 4.2.0
 
-  [email protected](postcss@8.4.49):
+  [email protected](postcss@8.5.1):
     dependencies:
-      postcss: 8.4.49
+      postcss: 8.5.1
       postcss-selector-parser: 7.0.0
 
-  [email protected](postcss@8.4.49):
+  [email protected](postcss@8.5.1):
     dependencies:
-      icss-utils: 5.1.0(postcss@8.4.49)
-      postcss: 8.4.49
+      icss-utils: 5.1.0(postcss@8.5.1)
+      postcss: 8.5.1
 
-  [email protected](postcss@8.4.49):
+  [email protected](postcss@8.5.1):
     dependencies:
       generic-names: 4.0.0
-      icss-utils: 5.1.0(postcss@8.4.49)
+      icss-utils: 5.1.0(postcss@8.5.1)
       lodash.camelcase: 4.3.0
-      postcss: 8.4.49
-      postcss-modules-extract-imports: 3.1.0(postcss@8.4.49)
-      postcss-modules-local-by-default: 4.1.0(postcss@8.4.49)
-      postcss-modules-scope: 3.2.1(postcss@8.4.49)
-      postcss-modules-values: 4.0.0(postcss@8.4.49)
+      postcss: 8.5.1
+      postcss-modules-extract-imports: 3.1.0(postcss@8.5.1)
+      postcss-modules-local-by-default: 4.2.0(postcss@8.5.1)
+      postcss-modules-scope: 3.2.1(postcss@8.5.1)
+      postcss-modules-values: 4.0.0(postcss@8.5.1)
       string-hash: 1.1.3
 
   [email protected]:
@@ -12399,6 +12604,12 @@ snapshots:
       picocolors: 1.1.1
       source-map-js: 1.2.1
 
+  [email protected]:
+    dependencies:
+      nanoid: 3.3.8
+      picocolors: 1.1.1
+      source-map-js: 1.2.1
+
   [email protected]: {}
 
   [email protected]:
@@ -12466,7 +12677,7 @@ snapshots:
 
   [email protected]:
     dependencies:
-      side-channel: 1.0.6
+      side-channel: 1.1.0
 
   [email protected]:
     dependencies:
@@ -12503,7 +12714,7 @@ snapshots:
     dependencies:
       dnd-core: 16.0.1
 
-  [email protected](@types/[email protected].1)(@types/[email protected])([email protected]):
+  [email protected](@types/[email protected].10)(@types/[email protected])([email protected]):
     dependencies:
       '@react-dnd/invariant': 4.0.2
       '@react-dnd/shallowequal': 4.0.2
@@ -12512,7 +12723,7 @@ snapshots:
       hoist-non-react-statics: 3.3.2
       react: 18.3.1
     optionalDependencies:
-      '@types/node': 22.10.1
+      '@types/node': 22.10.10
       '@types/react': 18.3.12
 
   [email protected]([email protected]):
@@ -12575,14 +12786,14 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1([email protected])
 
-  [email protected].0([email protected]([email protected]))([email protected]):
+  [email protected].1([email protected]([email protected]))([email protected]):
     dependencies:
       '@remix-run/router': 1.21.0
       react: 18.3.1
       react-dom: 18.3.1([email protected])
-      react-router: 6.28.0([email protected])
+      react-router: 6.28.1([email protected])
 
-  [email protected].0([email protected]):
+  [email protected].1([email protected]):
     dependencies:
       '@remix-run/router': 1.21.0
       react: 18.3.1
@@ -12725,20 +12936,20 @@ snapshots:
       mdast-util-to-markdown: 2.1.2
       unified: 11.0.5
 
-  [email protected](@remix-run/[email protected].0([email protected]([email protected]))([email protected])([email protected]))(@remix-run/[email protected]([email protected]))([email protected]([email protected]))([email protected]):
+  [email protected](@remix-run/[email protected].2([email protected]([email protected]))([email protected])([email protected]))(@remix-run/[email protected]([email protected]))([email protected]([email protected]))([email protected]):
     dependencies:
-      '@remix-run/react': 2.15.0([email protected]([email protected]))([email protected])([email protected])
+      '@remix-run/react': 2.15.2([email protected]([email protected]))([email protected])([email protected])
       '@remix-run/server-runtime': 2.15.2([email protected])
       react: 18.3.1
       react-dom: 18.3.1([email protected])
 
-  [email protected](@remix-run/[email protected].0(@cloudflare/[email protected])([email protected]))(@remix-run/[email protected]([email protected]))(@remix-run/[email protected].0([email protected]([email protected]))([email protected])([email protected]))(@remix-run/[email protected])([email protected])([email protected]):
+  [email protected](@remix-run/[email protected].2(@cloudflare/[email protected])([email protected]))(@remix-run/[email protected]([email protected]))(@remix-run/[email protected].2([email protected]([email protected]))([email protected])([email protected]))(@remix-run/[email protected])([email protected])([email protected]):
     dependencies:
       type-fest: 4.30.0
     optionalDependencies:
-      '@remix-run/cloudflare': 2.15.0(@cloudflare/[email protected])([email protected])
+      '@remix-run/cloudflare': 2.15.2(@cloudflare/[email protected])([email protected])
       '@remix-run/node': 2.15.2([email protected])
-      '@remix-run/react': 2.15.0([email protected]([email protected]))([email protected])([email protected])
+      '@remix-run/react': 2.15.2([email protected]([email protected]))([email protected])([email protected])
       '@remix-run/router': 1.21.0
       react: 18.3.1
       zod: 3.23.8
@@ -13023,6 +13234,26 @@ snapshots:
       '@shikijs/vscode-textmate': 9.3.0
       '@types/hast': 3.0.4
 
+  [email protected]:
+    dependencies:
+      es-errors: 1.3.0
+      object-inspect: 1.13.3
+
+  [email protected]:
+    dependencies:
+      call-bound: 1.0.3
+      es-errors: 1.3.0
+      get-intrinsic: 1.2.7
+      object-inspect: 1.13.3
+
+  [email protected]:
+    dependencies:
+      call-bound: 1.0.3
+      es-errors: 1.3.0
+      get-intrinsic: 1.2.7
+      object-inspect: 1.13.3
+      side-channel-map: 1.0.1
+
   [email protected]:
     dependencies:
       call-bind: 1.0.7
@@ -13030,6 +13261,14 @@ snapshots:
       get-intrinsic: 1.2.4
       object-inspect: 1.13.3
 
+  [email protected]:
+    dependencies:
+      es-errors: 1.3.0
+      object-inspect: 1.13.3
+      side-channel-list: 1.0.0
+      side-channel-map: 1.0.1
+      side-channel-weakmap: 1.0.2
+
   [email protected]: {}
 
   [email protected]: {}
@@ -13073,16 +13312,16 @@ snapshots:
   [email protected]:
     dependencies:
       spdx-expression-parse: 3.0.1
-      spdx-license-ids: 3.0.20
+      spdx-license-ids: 3.0.21
 
   [email protected]: {}
 
   [email protected]:
     dependencies:
       spdx-exceptions: 2.5.0
-      spdx-license-ids: 3.0.20
+      spdx-license-ids: 3.0.21
 
-  [email protected].20: {}
+  [email protected].21: {}
 
   [email protected]:
     dependencies:
@@ -13214,7 +13453,7 @@ snapshots:
 
   [email protected]: {}
 
-  [email protected].1:
+  [email protected].2:
     dependencies:
       chownr: 1.1.4
       mkdirp-classic: 0.5.3
@@ -13315,12 +13554,12 @@ snapshots:
       media-typer: 0.3.0
       mime-types: 2.1.35
 
-  [email protected]([email protected]([email protected].6))([email protected]):
+  [email protected]([email protected]([email protected].7))([email protected]):
     dependencies:
-      '@typescript-eslint/eslint-plugin': 8.17.0(@typescript-eslint/[email protected]([email protected]([email protected].6))([email protected]))([email protected]([email protected].6))([email protected])
-      '@typescript-eslint/parser': 8.17.0([email protected]([email protected].6))([email protected])
-      '@typescript-eslint/utils': 8.17.0([email protected]([email protected].6))([email protected])
-      eslint: 9.16.0([email protected].6)
+      '@typescript-eslint/eslint-plugin': 8.17.0(@typescript-eslint/[email protected]([email protected]([email protected].7))([email protected]))([email protected]([email protected].7))([email protected])
+      '@typescript-eslint/parser': 8.17.0([email protected]([email protected].7))([email protected])
+      '@typescript-eslint/utils': 8.17.0([email protected]([email protected].7))([email protected])
+      eslint: 9.16.0([email protected].7)
     optionalDependencies:
       typescript: 5.7.2
     transitivePeerDependencies:
@@ -13442,13 +13681,13 @@ snapshots:
 
   [email protected]: {}
 
-  [email protected](postcss@8.4.49)([email protected])([email protected](@types/[email protected].1)([email protected])):
+  [email protected](postcss@8.5.1)([email protected])([email protected](@types/[email protected].10)([email protected])):
     dependencies:
-      '@unocss/astro': 0.61.9([email protected])([email protected](@types/[email protected].1)([email protected]))
+      '@unocss/astro': 0.61.9([email protected])([email protected](@types/[email protected].10)([email protected]))
       '@unocss/cli': 0.61.9([email protected])
       '@unocss/core': 0.61.9
       '@unocss/extractor-arbitrary-variants': 0.61.9
-      '@unocss/postcss': 0.61.9(postcss@8.4.49)
+      '@unocss/postcss': 0.61.9(postcss@8.5.1)
       '@unocss/preset-attributify': 0.61.9
       '@unocss/preset-icons': 0.61.9
       '@unocss/preset-mini': 0.61.9
@@ -13463,9 +13702,9 @@ snapshots:
       '@unocss/transformer-compile-class': 0.61.9
       '@unocss/transformer-directives': 0.61.9
       '@unocss/transformer-variant-group': 0.61.9
-      '@unocss/vite': 0.61.9([email protected])([email protected](@types/[email protected].1)([email protected]))
+      '@unocss/vite': 0.61.9([email protected])([email protected](@types/[email protected].10)([email protected]))
     optionalDependencies:
-      vite: 5.4.11(@types/[email protected].1)([email protected])
+      vite: 5.4.11(@types/[email protected].10)([email protected])
     transitivePeerDependencies:
       - postcss
       - rollup
@@ -13572,13 +13811,13 @@ snapshots:
       '@types/unist': 3.0.3
       vfile-message: 4.0.2
 
-  [email protected](@types/[email protected].1)([email protected]):
+  [email protected](@types/[email protected].10)([email protected]):
     dependencies:
       cac: 6.7.14
-      debug: 4.3.7
+      debug: 4.4.0
       pathe: 1.1.2
       picocolors: 1.1.1
-      vite: 5.4.11(@types/[email protected].1)([email protected])
+      vite: 5.4.11(@types/[email protected].10)([email protected])
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -13590,13 +13829,13 @@ snapshots:
       - supports-color
       - terser
 
-  [email protected](@types/[email protected].1)([email protected]):
+  [email protected](@types/[email protected].10)([email protected]):
     dependencies:
       cac: 6.7.14
       debug: 4.3.7
       es-module-lexer: 1.5.4
       pathe: 1.1.2
-      vite: 5.4.11(@types/[email protected].1)([email protected])
+      vite: 5.4.11(@types/[email protected].10)([email protected])
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -13608,43 +13847,43 @@ snapshots:
       - supports-color
       - terser
 
-  [email protected]([email protected])([email protected](@types/[email protected].1)([email protected])):
+  [email protected]([email protected])([email protected](@types/[email protected].10)([email protected])):
     dependencies:
       '@rollup/plugin-inject': 5.0.5([email protected])
       node-stdlib-browser: 1.3.0
-      vite: 5.4.11(@types/[email protected].1)([email protected])
+      vite: 5.4.11(@types/[email protected].10)([email protected])
     transitivePeerDependencies:
       - rollup
 
-  [email protected]([email protected](@types/[email protected].1)([email protected])):
+  [email protected]([email protected](@types/[email protected].10)([email protected])):
     dependencies:
-      vite: 5.4.11(@types/[email protected].1)([email protected])
+      vite: 5.4.11(@types/[email protected].10)([email protected])
 
-  [email protected]([email protected])([email protected](@types/[email protected].1)([email protected])):
+  [email protected]([email protected])([email protected](@types/[email protected].10)([email protected])):
     dependencies:
       debug: 4.3.7
       globrex: 0.1.2
       tsconfck: 3.1.4([email protected])
     optionalDependencies:
-      vite: 5.4.11(@types/[email protected].1)([email protected])
+      vite: 5.4.11(@types/[email protected].10)([email protected])
     transitivePeerDependencies:
       - supports-color
       - typescript
 
-  [email protected](@types/[email protected].1)([email protected]):
+  [email protected](@types/[email protected].10)([email protected]):
     dependencies:
       esbuild: 0.21.5
       postcss: 8.4.49
       rollup: 4.28.0
     optionalDependencies:
-      '@types/node': 22.10.1
+      '@types/node': 22.10.10
       fsevents: 2.3.3
       sass-embedded: 1.81.0
 
-  [email protected](@types/[email protected].1)([email protected]):
+  [email protected](@types/[email protected].10)([email protected]):
     dependencies:
       '@vitest/expect': 2.1.8
-      '@vitest/mocker': 2.1.8([email protected](@types/[email protected].1)([email protected]))
+      '@vitest/mocker': 2.1.8([email protected](@types/[email protected].10)([email protected]))
       '@vitest/pretty-format': 2.1.8
       '@vitest/runner': 2.1.8
       '@vitest/snapshot': 2.1.8
@@ -13660,11 +13899,11 @@ snapshots:
       tinyexec: 0.3.1
       tinypool: 1.0.2
       tinyrainbow: 1.2.0
-      vite: 5.4.11(@types/[email protected].1)([email protected])
-      vite-node: 2.1.8(@types/[email protected].1)([email protected])
+      vite: 5.4.11(@types/[email protected].10)([email protected])
+      vite-node: 2.1.8(@types/[email protected].10)([email protected])
       why-is-node-running: 2.3.0
     optionalDependencies:
-      '@types/node': 22.10.1
+      '@types/node': 22.10.10
     transitivePeerDependencies:
       - less
       - lightningcss
@@ -13780,7 +14019,7 @@ snapshots:
 
   [email protected]: {}
 
-  yaml@2.6.1: {}
+  yaml@2.7.0: {}
 
   [email protected]: {}