fix: upgrade dependencies

.gitignore

@@ -1,4 +1,5 @@
 node_modules
+.yarn
 
 # Output
 .output

.yarnrc.yml

@@ -0,0 +1 @@
+nodeLinker: node-modules

flake.nix

@@ -29,18 +29,33 @@
         basePath,
         apiPath ? basePath,
       }:
-        pkgs.mkYarnPackage {
+        pkgs.stdenv.mkDerivation (finalAttrs: {
+          pname = cleanName;
           inherit (package) version;
-          name = cleanName;
+
           src = ./.;
-          packageJson = ./package.json;
-          yarnLock = ./yarn.lock;
 
           BASE_PATH = basePath;
           PUBLIC_API_PATH = apiPath;
 
+          yarnOfflineCache = pkgs.yarn-berry_4.fetchYarnBerryDeps {
+            yarnLock = finalAttrs.src + "/yarn.lock";
+            hash = "";
+          };
+
+          nativeBuildInputs = with pkgs; [
+            yarn-berry_4
+            yarn-berry_4.yarnBerryConfigHook
+            nodejs
+            npmHooks.npmInstallHook
+          ];
+
           buildPhase = ''
-            yarn --offline --frozen-lockfile build
+            runHook preBuild
+
+            yarn build
+
+            runHook postBuild
           '';
           installPhase = ''
             runHook preInstall
@@ -51,7 +66,7 @@
             runHook postInstall
           '';
           distPhase = "true";
-        };
+        });
     in {
       default = bundle {
         basePath = "/ui/console";

package.json

@@ -21,8 +21,8 @@
 		"@internationalized/date": "^3.10.0",
 		"@lucide/svelte": "^0.561.0",
 		"@sveltejs/adapter-static": "^3.0.10",
-		"@sveltejs/kit": "^2.16.0",
-		"@sveltejs/vite-plugin-svelte": "^5.0.0",
+		"@sveltejs/kit": "^2.58.0",
+		"@sveltejs/vite-plugin-svelte": "^7.0.0",
 		"@tailwindcss/vite": "^4.0.0",
 		"bits-ui": "^2.14.4",
 		"clsx": "^2.1.1",
@@ -34,13 +34,13 @@
 		"mode-watcher": "^1.0.8",
 		"openapi-typescript": "^7.8.0",
 		"paneforge": "1.0.0-next.5",
-		"phosphor-icons-svelte": "^2.0.9",
+		"phosphor-svelte": "^3.1.0",
 		"prettier": "^3.4.2",
 		"prettier-plugin-svelte": "^3.3.3",
 		"prettier-plugin-tailwindcss": "^0.6.11",
 		"shx": "^0.4.0",
 		"svelte": "^5.0.0",
-		"svelte-check": "^4.0.0",
+		"svelte-check": "^4.4.6",
 		"svelte-sonner": "^1.0.5",
 		"sveltekit-superforms": "^2.28.1",
 		"tailwind-merge": "^3.0.2",
@@ -49,15 +49,15 @@
 		"tw-animate-css": "^1.3.0",
 		"typescript": "^5.8.3",
 		"typescript-eslint": "^8.20.0",
-		"vite": "^6.2.6"
+		"vite": "^8.0.10"
 	},
 	"dependencies": {
-		"@codemirror/lang-javascript": "^6.2.4",
+		"@codemirror/lang-javascript": "^6.2.5",
 		"@codemirror/lang-json": "^6.0.2",
 		"@supabase/supabase-js": "^2.57.4",
 		"@uiw/codemirror-theme-dracula": "^4.25.4",
-		"@unovis/svelte": "^1.6.1",
-		"@unovis/ts": "^1.6.1",
+		"@unovis/svelte": "^1.6.5",
+		"@unovis/ts": "^1.6.5",
 		"codemirror": "^6.0.2",
 		"date-fns": "^4.1.0",
 		"express": "^5.1.0",
@@ -66,7 +66,7 @@
 		"svelte-codemirror-editor": "^2.1.0",
 		"svelte-highlight": "^7.9.0",
 		"virtua": "^0.48.5",
-		"zod": "4.1.13"
+		"zod": "^4.3.6"
 	},
-	"packageManager": "yarn@1.22.22+sha1.ac34549e6aa8e7ead463a7407e1c7390f61a6610"
+	"packageManager": "yarn@4.13.0"
 }

src/lib/components/SessionSwitcher.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { Button } from '@coral-os/component-library/ui/button/index.js';
 
-	import CaretUpDown from 'phosphor-icons-svelte/IconCaretUpDownRegular.svelte';
+	import CaretUpDown from 'phosphor-svelte/lib/CaretUpDownIcon';
 
 	import * as Command from '@coral-os/component-library/ui/command/index.js';
 	import * as Popover from '@coral-os/component-library/ui/popover/index.js';

src/lib/components/app-sidebar.svelte

@@ -12,23 +12,23 @@
 	import Login from './Login.svelte';
 	import Welcome from './dialogs/welcome.svelte';
 
-	import IconFileArchive from 'phosphor-icons-svelte/IconFileArchiveRegular.svelte';
-	import MoonIcon from 'phosphor-icons-svelte/IconMoonRegular.svelte';
-	import SunIcon from 'phosphor-icons-svelte/IconSunRegular.svelte';
-	import IconArrowsClockwise from 'phosphor-icons-svelte/IconArrowsClockwiseRegular.svelte';
-	import IconRobot from 'phosphor-icons-svelte/IconRobotRegular.svelte';
-	import IconSearch from 'phosphor-icons-svelte/IconMagnifyingGlassRegular.svelte';
-	import IconQuestion from 'phosphor-icons-svelte/IconQuestionRegular.svelte';
-	import IconPackage from 'phosphor-icons-svelte/IconPackageRegular.svelte';
-	import IconNotepad from 'phosphor-icons-svelte/IconNotepadRegular.svelte';
-	import IconCircuity from 'phosphor-icons-svelte/IconCircuitryRegular.svelte';
-	import IconFolder from 'phosphor-icons-svelte/IconFolderRegular.svelte';
-	import IconPlus from 'phosphor-icons-svelte/IconPlusRegular.svelte';
-	import IconXRegular from 'phosphor-icons-svelte/IconXRegular.svelte';
-	import IconGhost from 'phosphor-icons-svelte/IconGhostRegular.svelte';
-	import IconSkull from 'phosphor-icons-svelte/IconSkullRegular.svelte';
-	import IconEnvelopeOpen from 'phosphor-icons-svelte/IconEnvelopeOpenRegular.svelte';
-	import IconDotsThree from 'phosphor-icons-svelte/IconDotsThreeRegular.svelte';
+	import IconFileArchive from 'phosphor-svelte/lib/ArchiveIcon';
+	import MoonIcon from 'phosphor-svelte/lib/MoonIcon';
+	import SunIcon from 'phosphor-svelte/lib/SunIcon';
+	import IconArrowsClockwise from 'phosphor-svelte/lib/ArrowsClockwiseIcon';
+	import IconRobot from 'phosphor-svelte/lib/RobotIcon';
+	import IconSearch from 'phosphor-svelte/lib/MagnifyingGlassIcon';
+	import IconQuestion from 'phosphor-svelte/lib/QuestionIcon';
+	import IconPackage from 'phosphor-svelte/lib/PackageIcon';
+	import IconNotepad from 'phosphor-svelte/lib/NotepadIcon';
+	import IconCircuity from 'phosphor-svelte/lib/CircuitryIcon';
+	import IconFolder from 'phosphor-svelte/lib/FolderIcon';
+	import IconPlus from 'phosphor-svelte/lib/PlusIcon';
+	import IconXRegular from 'phosphor-svelte/lib/XIcon';
+	import IconGhost from 'phosphor-svelte/lib/GhostIcon';
+	import IconSkull from 'phosphor-svelte/lib/SkullIcon';
+	import IconEnvelopeOpen from 'phosphor-svelte/lib/EnvelopeOpenIcon';
+	import IconDotsThree from 'phosphor-svelte/lib/DotsThreeIcon';
 
 	import * as Popover from '@coral-os/component-library/ui/popover/index.js';
 

src/lib/components/dialogs/quickswitch.svelte

@@ -5,8 +5,8 @@
 	import { Input } from '@coral-os/component-library/ui/input/index.js';
 	import type { AppContext } from '$lib/context';
 	import { Session } from '$lib/session.svelte';
-	import IconChats from 'phosphor-icons-svelte/IconChatsRegular.svelte';
-	import IconRobot from 'phosphor-icons-svelte/IconRobotRegular.svelte';
+	import IconChats from 'phosphor-svelte/lib/ChatsIcon';
+	import IconRobot from 'phosphor-svelte/lib/RobotIcon';
 
 	let {
 		ctx,

src/lib/components/dialogs/telemetry.svelte

@@ -2,12 +2,12 @@
 	// import * as Dialog from '$lib/components/ui/dialog/index.js';
 	// import * as Tabs from '$lib/components/ui/tabs/index.js';
 	//
-	// import Arrow from 'phosphor-icons-svelte/IconArrowRightRegular.svelte';
-	// import Chat from 'phosphor-icons-svelte/IconChatRegular.svelte';
-	// import TextIndent from 'phosphor-icons-svelte/IconTextIndentRegular.svelte';
-	// import GlobeSimple from 'phosphor-icons-svelte/IconGlobeSimpleRegular.svelte';
+	// import Arrow from 'phosphor-svelte/lib/ArrowRightIcon';
+	// import Chat from 'phosphor-svelte/lib/ChatIcon';
+	// import TextIndent from 'phosphor-svelte/lib/TextIndentIcon';
+	// import GlobeSimple from 'phosphor-svelte/lib/GlobeSimpleIcon';
 	// import CodeBlock from '$lib/components/code-block.svelte';
-	// import Funnel from 'phosphor-icons-svelte/IconFunnelRegular.svelte';
+	// import Funnel from 'phosphor-svelte/lib/FunnelIcon';
 	//
 	// import { type paths, type components } from '../../../generated/api';
 	// import type { Session } from '$lib/session.svelte';

src/lib/components/error-page-handler.svelte

@@ -2,7 +2,7 @@
 	import { page } from '$app/state';
 	import { Button } from '@coral-os/component-library/ui/button/index.js';
 	import * as Alert from '@coral-os/component-library/ui/alert/index.js';
-	import IconAlertCircle from 'phosphor-icons-svelte/IconWarningCircleRegular.svelte';
+	import IconAlertCircle from 'phosphor-svelte/lib/WarningCircleIcon';
 	import { Spinner } from '@coral-os/component-library/ui/spinner/index.js';
 	import { base } from '$app/paths';
 

src/lib/components/logs.svelte

@@ -11,12 +11,12 @@
 
 	import { type VirtualizerHandle } from 'virtua/svelte';
 
-	import IconWarning from 'phosphor-icons-svelte/IconWarningRegular.svelte';
-	import IconWarningCircle from 'phosphor-icons-svelte/IconWarningCircleRegular.svelte';
-	import IconInfo from 'phosphor-icons-svelte/IconInfoRegular.svelte';
-	import IconArrowDown from 'phosphor-icons-svelte/IconArrowDownRegular.svelte';
-	import IconBug from 'phosphor-icons-svelte/IconBugRegular.svelte';
-	import IconPath from 'phosphor-icons-svelte/IconPathRegular.svelte';
+	import IconWarning from 'phosphor-svelte/lib/WarningIcon';
+	import IconWarningCircle from 'phosphor-svelte/lib/WarningCircleIcon';
+	import IconInfo from 'phosphor-svelte/lib/InfoIcon';
+	import IconArrowDown from 'phosphor-svelte/lib/ArrowDownIcon';
+	import IconBug from 'phosphor-svelte/lib/BugIcon';
+	import IconPath from 'phosphor-svelte/lib/PathIcon';
 	import { Button } from '@coral-os/component-library/ui/button/index.js';
 	import { slide } from 'svelte/transition';
 	import type { Snapshot } from '@sveltejs/kit';

src/lib/components/namespace-switcher.svelte

@@ -7,7 +7,7 @@
 	import { Badge } from '@coral-os/component-library/ui/badge/index.js';
 	import { TooltipLabel } from '@coral-os/component-library';
 
-	import CaretUpDown from 'phosphor-icons-svelte/IconCaretUpDownRegular.svelte';
+	import CaretUpDown from 'phosphor-svelte/lib/CaretUpDownIcon';
 
 	import Logo from '$lib/icons/logo.svelte';
 	import { watch } from 'runed';

src/lib/components/telemetry-message.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import User from 'phosphor-icons-svelte/IconUserRegular.svelte';
-	import Robot from 'phosphor-icons-svelte/IconRobotRegular.svelte';
-	import Wrench from 'phosphor-icons-svelte/IconWrenchRegular.svelte';
+	import User from 'phosphor-svelte/lib/UserIcon';
+	import Robot from 'phosphor-svelte/lib/RobotIcon';
+	import Wrench from 'phosphor-svelte/lib/WrenchIcon';
 	import { CodeBlock } from '@coral-os/component-library';
 	import { Separator } from '@coral-os/component-library/ui/separator/index.js';
 

src/lib/components/tour/TourOverlay.svelte

@@ -10,7 +10,7 @@
 <script lang="ts">
 	import { cn } from '@coral-os/component-library/utils.js';
 
-	import IconX from 'phosphor-icons-svelte/IconXRegular.svelte';
+	import IconX from 'phosphor-svelte/lib/XIcon';
 
 	import * as Popover from '@coral-os/component-library/components/ui/popover/index.js';
 	import { Button } from '@coral-os/component-library/components/ui/button/index.js';

src/routes/(app)/agent/+page.svelte

@@ -11,8 +11,8 @@
 	import LogsComponent from '$lib/components/logs.svelte';
 	import RemoteControl from '$lib/components/remote-control.svelte';
 
-	import CaretRight from 'phosphor-icons-svelte/IconCaretRightRegular.svelte';
-	import ExternalLink from 'phosphor-icons-svelte/IconArrowsOutRegular.svelte';
+	import CaretRight from 'phosphor-svelte/lib/CaretRightIcon';
+	import ExternalLink from 'phosphor-svelte/lib/ArrowsOutIcon';
 	import { appContext } from '$lib/context';
 	import { cn } from '$lib/utils';
 	import { base } from '$app/paths';

src/routes/(app)/finance/dashboard/+page.svelte

@@ -2,7 +2,7 @@
 	import * as Breadcrumb from '@coral-os/component-library/ui/breadcrumb/index.js';
 	import * as Sidebar from '@coral-os/component-library/ui/sidebar/index.js';
 	import { Separator } from '@coral-os/component-library/ui/separator/index.js';
-	import IconCrane from 'phosphor-icons-svelte/IconCraneRegular.svelte';
+	import IconCrane from 'phosphor-svelte/lib/CraneIcon';
 </script>
 
 <header class="bg-background sticky top-0 flex h-16 shrink-0 items-center gap-2 border-b px-4">

src/routes/(app)/finance/wallet/+page.svelte

@@ -2,7 +2,7 @@
 	import * as Breadcrumb from '@coral-os/component-library/ui/breadcrumb/index.js';
 	import * as Sidebar from '@coral-os/component-library/ui/sidebar/index.js';
 	import { Separator } from '@coral-os/component-library/ui/separator/index.js';
-	import IconCrane from 'phosphor-icons-svelte/IconCraneRegular.svelte';
+	import IconCrane from 'phosphor-svelte/lib/CraneIcon';
 </script>
 
 <header class="bg-background sticky top-0 flex h-16 shrink-0 items-center gap-2 border-b px-4">

src/routes/(app)/server/logs/+page.svelte

@@ -2,7 +2,7 @@
 	import * as Breadcrumb from '@coral-os/component-library/ui/breadcrumb/index.js';
 	import * as Sidebar from '@coral-os/component-library/ui/sidebar/index.js';
 	import { Separator } from '@coral-os/component-library/ui/separator/index.js';
-	import IconCrane from 'phosphor-icons-svelte/IconCraneRegular.svelte';
+	import IconCrane from 'phosphor-svelte/lib/CraneIcon';
 </script>
 
 <header class="bg-background sticky top-0 flex h-16 shrink-0 items-center gap-2 border-b px-4">

src/routes/(app)/server/registry/+page.svelte

@@ -1,20 +1,15 @@
 <script lang="ts">
 	import * as Sidebar from '@coral-os/component-library/ui/sidebar/index.js';
 	import * as Card from '@coral-os/component-library/ui/card/index.js';
-	import * as Item from '@coral-os/component-library/ui/item/index.js';
 	import * as InputGroup from '@coral-os/component-library/ui/input-group/index.js';
 
-	import { Input } from '@coral-os/component-library/ui/input/index.js';
-	import { Button } from '@coral-os/component-library/ui/button/index.js';
 	import { Separator } from '@coral-os/component-library/ui/separator/index.js';
 	import * as Dialog from '@coral-os/component-library/ui/dialog/index.js';
 	import * as Avatar from '@coral-os/component-library/ui/avatar/index.js';
 
-	import IconCrane from 'phosphor-icons-svelte/IconCraneRegular.svelte';
 	import { appContext } from '$lib/context';
-	import IconMagnifyingGlassRegular from 'phosphor-icons-svelte/IconMagnifyingGlassRegular.svelte';
+	import IconMagnifyingGlassRegular from 'phosphor-svelte/lib/MagnifyingGlassIcon';
 	import { fade } from 'svelte/transition';
-	import { Badge } from '@coral-os/component-library/ui/badge/index.js';
 	import { Skeleton } from '@coral-os/component-library/ui/skeleton/index.js';
 	import Breadcrumbs from '$lib/components/Breadcrumbs.svelte';
 

src/routes/(app)/thread/ThreadView.svelte

@@ -15,7 +15,7 @@
 	import { Toggle } from '@coral-os/component-library/ui/toggle/index.js';
 	import { Input } from '@coral-os/component-library/components/ui/input/index.js';
 
-	import IconPaperPlaneRight from 'phosphor-icons-svelte/IconPaperPlaneRightRegular.svelte';
+	import IconPaperPlaneRight from 'phosphor-svelte/lib/PaperPlaneRightIcon';
 
 	let ctx = appContext.get();
 

src/routes/(app)/tools/user-input/+page.svelte

@@ -3,7 +3,7 @@
 	import * as Breadcrumb from '@coral-os/component-library/ui/breadcrumb/index.js';
 	import * as Sidebar from '@coral-os/component-library/ui/sidebar/index.js';
 
-	import IconRobot from 'phosphor-icons-svelte/IconRobotRegular.svelte';
+	import IconRobot from 'phosphor-svelte/lib/RobotIcon';
 	import { Input } from '@coral-os/component-library/ui/input/index.js';
 	import { Separator } from '@coral-os/component-library/ui/separator/index.js';
 

src/routes/(app)/workbench/+page.svelte

@@ -34,12 +34,12 @@
 	import { Button, buttonVariants } from '@coral-os/component-library/ui/button/index.js';
 	import * as Tooltip from '@coral-os/component-library/ui/tooltip/index.js';
 
-	import IconWrenchRegular from 'phosphor-icons-svelte/IconWrenchRegular.svelte';
-	import IconUsersThreeRegular from 'phosphor-icons-svelte/IconUsersThreeRegular.svelte';
-	import IconRobotRegular from 'phosphor-icons-svelte/IconRobotRegular.svelte';
-	import IconCaretDown from 'phosphor-icons-svelte/IconCaretDownRegular.svelte';
-	import IconPlusCircle from 'phosphor-icons-svelte/IconPlusCircleRegular.svelte';
-	import IconTrashRegular from 'phosphor-icons-svelte/IconTrashRegular.svelte';
+	import IconWrenchRegular from 'phosphor-svelte/lib/WrenchIcon';
+	import IconUsersThreeRegular from 'phosphor-svelte/lib/UsersThreeIcon';
+	import IconRobotRegular from 'phosphor-svelte/lib/RobotIcon';
+	import IconCaretDown from 'phosphor-svelte/lib/CaretDownIcon';
+	import IconPlusCircle from 'phosphor-svelte/lib/PlusCircleIcon';
+	import IconTrashRegular from 'phosphor-svelte/lib/TrashIcon';
 
 	import { Checkbox } from '@coral-os/component-library/ui/checkbox/index.js';
 	import { Label } from '@coral-os/component-library/ui/label/index.js';

src/routes/(app)/workbench/OptionField.svelte

@@ -71,7 +71,7 @@
 	import * as Tooltip from '@coral-os/component-library/ui/tooltip/index.js';
 	import { buttonVariants } from '@coral-os/component-library/ui/button/index.js';
 
-	import IconArrowUUpLeft from 'phosphor-icons-svelte/IconArrowUUpLeftRegular.svelte';
+	import IconArrowUUpLeft from 'phosphor-svelte/lib/ArrowUUpLeftIcon';
 
 	import { cn } from '$lib/utils';
 

src/routes/(app)/workbench/options/List.svelte

@@ -6,7 +6,7 @@
 	import type { Component } from 'svelte';
 	import * as store from 'svelte/store';
 
-	import IconXRegular from 'phosphor-icons-svelte/IconXRegular.svelte';
+	import IconXRegular from 'phosphor-svelte/lib/XIcon';
 
 	type Props = OptionProps<
 		| 'list[blob]'

src/routes/(app)/workbench/panes/CodePane.svelte

@@ -2,7 +2,7 @@
 	import * as Tabs from '@coral-os/component-library/ui/tabs/index.js';
 	import * as Tooltip from '@coral-os/component-library/ui/tooltip/index.js';
 
-	import IconArrowsClockwise from 'phosphor-icons-svelte/IconArrowsClockwiseRegular.svelte';
+	import IconArrowsClockwise from 'phosphor-svelte/lib/ArrowsClockwiseIcon';
 
 	import CodeMirror from 'svelte-codemirror-editor';
 	import { json } from '@codemirror/lang-json';

src/routes/(app)/workbench/panes/SessionPane.svelte

@@ -2,7 +2,7 @@
 	import * as Item from '@coral-os/component-library/ui/item/index.js';
 	import * as Form from '@coral-os/component-library/ui/form/index.js';
 
-	import IconTrash from 'phosphor-icons-svelte/IconTrashRegular.svelte';
+	import IconTrash from 'phosphor-svelte/lib/TrashIcon';
 
 	import { Input } from '@coral-os/component-library/ui/input/index.js';
 	import { Separator } from '@coral-os/component-library/ui/separator/index.js';

src/routes/(app)/workbench/templates/+page.svelte

@@ -16,11 +16,11 @@
 	import { formatDistanceToNow } from 'date-fns';
 	import { cn } from '$lib/utils.js';
 
-	import IconPlus from 'phosphor-icons-svelte/IconPlusRegular.svelte';
+	import IconPlus from 'phosphor-svelte/lib/PlusIcon';
 
 	import AgentGraph from '$lib/components/AgentGraph.svelte';
 
-	import IconWarningCircleRegular from 'phosphor-icons-svelte/IconWarningCircleRegular.svelte';
+	import IconWarningCircleRegular from 'phosphor-svelte/lib/WarningCircleIcon';
 	import type { TemplateV1 } from './TemplateV1';
 	import {
 		normalizeTemplate,