diff --git a/.changeset/update-local-explorer-sidebar.md b/.changeset/update-local-explorer-sidebar.md
new file mode 100644
index 0000000000..8300df284a
--- /dev/null
+++ b/.changeset/update-local-explorer-sidebar.md
@@ -0,0 +1,11 @@
+---
+"@cloudflare/local-explorer-ui": minor
+---
+
+Update local explorer sidebar with collapsible groups, theme persistence, and Kumo v1.17
+
+Adds localStorage persistence for sidebar group expansion states and theme mode (light/dark/system). The sidebar now uses Kumo v1.17 primitives with collapsible groups and a theme toggle in the footer.
+
+Users can now cycle between light, dark, and system theme modes, and their preference will be persisted across sessions.
+
+Sidebar groups (D1, Durable Objects, KV, R2, Workflows) also remember their collapsed/expanded state.
diff --git a/packages/local-explorer-ui/package.json b/packages/local-explorer-ui/package.json
index 8e75059a41..d3b005bbad 100644
--- a/packages/local-explorer-ui/package.json
+++ b/packages/local-explorer-ui/package.json
@@ -22,7 +22,7 @@
 	},
 	"dependencies": {
 		"@base-ui/react": "^1.1.0",
-		"@cloudflare/kumo": "^1.5.0",
+		"@cloudflare/kumo": "^1.17.0",
 		"@cloudflare/workers-editor-shared": "^0.1.1",
 		"@codemirror/autocomplete": "^6.20.0",
 		"@codemirror/commands": "^6.10.2",
diff --git a/packages/local-explorer-ui/src/__e2e__/r2/r2-bucket.spec.ts b/packages/local-explorer-ui/src/__e2e__/r2/r2-bucket.spec.ts
index 199627238c..87a928c3d7 100644
--- a/packages/local-explorer-ui/src/__e2e__/r2/r2-bucket.spec.ts
+++ b/packages/local-explorer-ui/src/__e2e__/r2/r2-bucket.spec.ts
@@ -8,6 +8,7 @@ import {
 	navigateToR2Object,
 	page,
 	seedR2,
+	waitForBreadcrumbText,
 	waitForDialog,
 	waitForTableRows,
 	waitForText,
@@ -88,8 +89,8 @@ describe("R2 Bucket", () => {
 			await navigateToR2Bucket("my-bucket");
 			await waitForTableRows(1);
 
-			await waitForText("R2");
-			await waitForText("my-bucket");
+			await waitForBreadcrumbText("R2");
+			await waitForBreadcrumbText("my-bucket");
 		});
 
 		test("navigates into a directory and updates breadcrumbs", async () => {
@@ -273,10 +274,10 @@ describe("R2 Bucket", () => {
 			await navigateToR2Object("my-bucket", "documents/report.txt");
 
 			// Breadcrumbs should show: R2 > my-bucket > documents > report.txt
-			await waitForText("R2");
-			await waitForText("my-bucket");
-			await waitForText("documents");
-			await waitForText("report.txt");
+			await waitForBreadcrumbText("R2");
+			await waitForBreadcrumbText("my-bucket");
+			await waitForBreadcrumbText("documents");
+			await waitForBreadcrumbText("report.txt");
 		});
 	});
 
@@ -358,7 +359,11 @@ describe("R2 Bucket", () => {
 
 			await waitForDialog();
 			await waitForText("Delete object?");
-			await waitForText("readme.txt");
+
+			// "readme.txt" appears in multiple places (sidebar, breadcrumbs, heading),
+			// so scope the assertion to the dialog.
+			const dialog = page.getByRole("dialog");
+			await dialog.getByText("readme.txt").waitFor({ state: "visible" });
 		});
 
 		test("deletes object from detail page and navigates back", async () => {
diff --git a/packages/local-explorer-ui/src/__e2e__/utils.ts b/packages/local-explorer-ui/src/__e2e__/utils.ts
index fb33535978..78b6ba8e20 100644
--- a/packages/local-explorer-ui/src/__e2e__/utils.ts
+++ b/packages/local-explorer-ui/src/__e2e__/utils.ts
@@ -144,27 +144,28 @@ export async function navigateToDOObject(
  */
 export async function navigateToDOObjectByName(
 	className: string,
-	table?: string
+	table?: string,
+	objectName: string = "test-object"
 ): Promise<string> {
 	await navigateToDOClass(className);
 	await waitForText(className);
 
-	const openStudioLink = page.locator('a:has-text("Open Studio")').first();
-	await openStudioLink.waitFor({ state: "visible", timeout: 10_000 });
-
-	const href = await openStudioLink.getAttribute("href");
-	if (!href) {
-		throw new Error("Could not find href on Open Studio link");
-	}
+	await fillByPlaceholder("Enter instance name or hex ID...", objectName);
+	await page.getByRole("button", { name: "Open Studio" }).click();
+	await waitForPageLoad();
 
-	// Extract the object ID from the href (format: /cdn-cgi/explorer/do/{className}/{objectId})
-	const match = href.match(/\/cdn-cgi\/explorer\/do\/[^/]+\/([a-f0-9]+)/);
+	// Extract the object ID from the current URL after navigation.
+	const objectPath = new URL(page.url()).pathname;
+	const match = objectPath.match(/\/cdn-cgi\/explorer\/do\/[^/]+\/([^/?#]+)/);
 	if (!match || !match[1]) {
-		throw new Error(`Could not extract object ID from href: ${href}`);
+		throw new Error(`Could not extract object ID from URL path: ${objectPath}`);
 	}
+
 	const objectId: string = match[1];
 
-	await navigateToDOObject(className, objectId, table);
+	if (table) {
+		await navigateToDOObject(className, objectId, table);
+	}
 
 	return objectId;
 }
@@ -183,6 +184,34 @@ export async function waitForText(
 	});
 }
 
+/**
+ * Wait for text to appear inside the breadcrumb navigation bar.
+ *
+ * Use this instead of `waitForText` when the same text also appears in the
+ * sidebar (e.g. bucket names, object keys) to avoid Playwright resolving
+ * to the wrong element.
+ */
+export async function waitForBreadcrumbText(
+	text: string,
+	options?: {
+		timeout?: number;
+	}
+): Promise<void> {
+	// The Kumo breadcrumb `<nav>` contains both a mobile and desktop layout.
+	// The desktop layout uses `hidden sm:contents`, so target it directly to
+	// avoid matching the hidden mobile `<span class="truncate">` first.
+	const desktopBreadcrumb = page.locator(
+		'nav[aria-label="breadcrumb"] > .hidden.sm\\:contents'
+	);
+	await desktopBreadcrumb
+		.getByText(text)
+		.first()
+		.waitFor({
+			state: "visible",
+			timeout: options?.timeout ?? WAIT_OPTIONS.timeout,
+		});
+}
+
 /**
  * Wait for an element to be visible.
  */
@@ -318,9 +347,11 @@ export async function runAllQueries(): Promise<void> {
  * Open the table selector dropdown in the breadcrumb bar.
  */
 export async function openTableSelector(): Promise<void> {
-	// The `TableSelect` uses a `Select.Trigger` which contains either "Select table" or the table name
-	// Find the `Select` trigger by looking for the text + caret icon combo
-	const tableSelector = page.locator('text="Select table"').first();
+	// The `TableSelect` trigger text is dynamic ("Select table" or current table name).
+	// Target the table selector trigger by its unique utility class on the breadcrumb row.
+	const tableSelector = page
+		.locator('button[class*="-mx-1.5"]:visible')
+		.first();
 	await tableSelector.click();
 
 	await page.waitForSelector('[role="listbox"]', {
diff --git a/packages/local-explorer-ui/src/__tests__/utils/sidebar-state.test.ts b/packages/local-explorer-ui/src/__tests__/utils/sidebar-state.test.ts
new file mode 100644
index 0000000000..349142998c
--- /dev/null
+++ b/packages/local-explorer-ui/src/__tests__/utils/sidebar-state.test.ts
@@ -0,0 +1,312 @@
+import { afterEach, beforeEach, describe, test, vi } from "vitest";
+import {
+	DEFAULT_GROUP_STATE,
+	DEFAULT_SIDEBAR_OPEN,
+	loadGroupState,
+	loadSidebarOpenState,
+	saveGroupState,
+	saveSidebarOpenState,
+	SIDEBAR_GROUP_IDS,
+} from "../../utils/sidebar-state";
+import type { SidebarGroupState } from "../../utils/sidebar-state";
+
+const GROUPS_STORAGE_KEY = "local-explorer.sidebar.groups.v1";
+const OPEN_STORAGE_KEY = "local-explorer.sidebar.open.v1";
+
+/**
+ * Minimal localStorage stub scoped to each test.
+ */
+function createStorageStub(): Storage {
+	const store = new Map<string, string>();
+	return {
+		getItem: (key: string) => store.get(key) ?? null,
+		setItem: (key: string, value: string) => {
+			store.set(key, value);
+		},
+		removeItem: (key: string) => {
+			store.delete(key);
+		},
+		clear: () => {
+			store.clear();
+		},
+		get length() {
+			return store.size;
+		},
+		key: (_index: number) => null,
+	};
+}
+
+describe("sidebar-state", () => {
+	let storageStub: Storage;
+
+	beforeEach(() => {
+		storageStub = createStorageStub();
+		vi.stubGlobal("localStorage", storageStub);
+	});
+
+	afterEach(() => {
+		vi.unstubAllGlobals();
+	});
+
+	describe("getDefaultGroupState", () => {
+		test("returns all groups expanded", ({ expect }) => {
+			for (const id of SIDEBAR_GROUP_IDS) {
+				expect(DEFAULT_GROUP_STATE[id]).toBe(true);
+			}
+		});
+
+		test("contains exactly the known group IDs", ({ expect }) => {
+			expect(Object.keys(DEFAULT_GROUP_STATE).sort()).toEqual(
+				[...SIDEBAR_GROUP_IDS].sort()
+			);
+		});
+	});
+
+	describe("loadGroupState", () => {
+		test("returns defaults when nothing is stored", ({ expect }) => {
+			expect(loadGroupState()).toEqual(DEFAULT_GROUP_STATE);
+		});
+
+		test("returns defaults when stored value is not valid JSON", ({
+			expect,
+		}) => {
+			storageStub.setItem(GROUPS_STORAGE_KEY, "not-json{{{");
+			expect(loadGroupState()).toEqual(DEFAULT_GROUP_STATE);
+		});
+
+		test("returns defaults when stored value is null JSON", ({ expect }) => {
+			storageStub.setItem(GROUPS_STORAGE_KEY, "null");
+			expect(loadGroupState()).toEqual(DEFAULT_GROUP_STATE);
+		});
+
+		test("returns defaults when stored value is an array", ({ expect }) => {
+			storageStub.setItem(GROUPS_STORAGE_KEY, "[1,2,3]");
+			expect(loadGroupState()).toEqual(DEFAULT_GROUP_STATE);
+		});
+
+		test("returns defaults when stored value is a string", ({ expect }) => {
+			storageStub.setItem(GROUPS_STORAGE_KEY, '"hello"');
+			expect(loadGroupState()).toEqual(DEFAULT_GROUP_STATE);
+		});
+
+		test("returns defaults when stored value is a number", ({ expect }) => {
+			storageStub.setItem(GROUPS_STORAGE_KEY, "42");
+			expect(loadGroupState()).toEqual(DEFAULT_GROUP_STATE);
+		});
+
+		test("merges partial stored state onto defaults", ({ expect }) => {
+			storageStub.setItem(GROUPS_STORAGE_KEY, JSON.stringify({ d1: false }));
+			const state = loadGroupState();
+			expect(state.d1).toBe(false);
+			expect(state.do).toBe(true);
+			expect(state.kv).toBe(true);
+			expect(state.r2).toBe(true);
+			expect(state.workflows).toBe(true);
+		});
+
+		test("respects all stored boolean values", ({ expect }) => {
+			const stored: SidebarGroupState = {
+				d1: false,
+				do: false,
+				kv: true,
+				r2: false,
+				workflows: true,
+			};
+			storageStub.setItem(GROUPS_STORAGE_KEY, JSON.stringify(stored));
+			expect(loadGroupState()).toEqual(stored);
+		});
+
+		test("ignores non-boolean values in stored object", ({ expect }) => {
+			storageStub.setItem(
+				GROUPS_STORAGE_KEY,
+				JSON.stringify({ d1: "yes", do: 42, kv: null, r2: false })
+			);
+			const state = loadGroupState();
+			// Non-boolean values should fall back to defaults (true)
+			expect(state.d1).toBe(true);
+			expect(state.do).toBe(true);
+			expect(state.kv).toBe(true);
+			// Valid boolean should be respected
+			expect(state.r2).toBe(false);
+			expect(state.workflows).toBe(true);
+		});
+
+		test("ignores unknown keys in stored object", ({ expect }) => {
+			storageStub.setItem(
+				GROUPS_STORAGE_KEY,
+				JSON.stringify({ d1: false, unknownGroup: false })
+			);
+			const state = loadGroupState();
+			expect(state.d1).toBe(false);
+			expect("unknownGroup" in state).toBe(false);
+		});
+
+		test("returns defaults when localStorage.getItem throws", ({ expect }) => {
+			vi.spyOn(storageStub, "getItem").mockImplementation(() => {
+				throw new Error("SecurityError");
+			});
+			expect(loadGroupState()).toEqual(DEFAULT_GROUP_STATE);
+		});
+	});
+
+	describe("saveGroupState", () => {
+		test("persists state to localStorage", ({ expect }) => {
+			const state: SidebarGroupState = {
+				d1: false,
+				do: true,
+				kv: false,
+				r2: true,
+				workflows: false,
+			};
+			saveGroupState(state);
+			const raw = storageStub.getItem(GROUPS_STORAGE_KEY);
+			expect(raw).not.toBeNull();
+			expect(JSON.parse(raw as string)).toEqual(state);
+		});
+
+		test("does not throw when localStorage.setItem throws", ({ expect }) => {
+			vi.spyOn(storageStub, "setItem").mockImplementation(() => {
+				throw new Error("QuotaExceededError");
+			});
+			expect(() => saveGroupState(DEFAULT_GROUP_STATE)).not.toThrow();
+		});
+	});
+
+	describe("round-trip", () => {
+		test("loadGroupState returns what saveGroupState persisted", ({
+			expect,
+		}) => {
+			const state: SidebarGroupState = {
+				d1: false,
+				do: false,
+				kv: true,
+				r2: false,
+				workflows: true,
+			};
+			saveGroupState(state);
+			expect(loadGroupState()).toEqual(state);
+		});
+
+		test("multiple saves overwrite previous state", ({ expect }) => {
+			saveGroupState({ ...DEFAULT_GROUP_STATE, d1: false });
+			saveGroupState({ ...DEFAULT_GROUP_STATE, kv: false });
+			const state = loadGroupState();
+			expect(state.d1).toBe(true); // overwritten by second save
+			expect(state.kv).toBe(false);
+		});
+	});
+
+	describe("DEFAULT_SIDEBAR_OPEN", () => {
+		test("defaults to true (expanded)", ({ expect }) => {
+			expect(DEFAULT_SIDEBAR_OPEN).toBe(true);
+		});
+	});
+
+	describe("loadSidebarOpenState", () => {
+		test("returns default when nothing is stored", ({ expect }) => {
+			expect(loadSidebarOpenState()).toBe(DEFAULT_SIDEBAR_OPEN);
+		});
+
+		test("returns default when stored value is not valid JSON", ({
+			expect,
+		}) => {
+			storageStub.setItem(OPEN_STORAGE_KEY, "not-json{{{");
+			expect(loadSidebarOpenState()).toBe(DEFAULT_SIDEBAR_OPEN);
+		});
+
+		test("returns default when stored value is null JSON", ({ expect }) => {
+			storageStub.setItem(OPEN_STORAGE_KEY, "null");
+			expect(loadSidebarOpenState()).toBe(DEFAULT_SIDEBAR_OPEN);
+		});
+
+		test("returns default when stored value is a string", ({ expect }) => {
+			storageStub.setItem(OPEN_STORAGE_KEY, '"hello"');
+			expect(loadSidebarOpenState()).toBe(DEFAULT_SIDEBAR_OPEN);
+		});
+
+		test("returns default when stored value is a number", ({ expect }) => {
+			storageStub.setItem(OPEN_STORAGE_KEY, "42");
+			expect(loadSidebarOpenState()).toBe(DEFAULT_SIDEBAR_OPEN);
+		});
+
+		test("returns default when stored value is an object", ({ expect }) => {
+			storageStub.setItem(OPEN_STORAGE_KEY, '{"open":true}');
+			expect(loadSidebarOpenState()).toBe(DEFAULT_SIDEBAR_OPEN);
+		});
+
+		test("returns default when stored value is an array", ({ expect }) => {
+			storageStub.setItem(OPEN_STORAGE_KEY, "[true]");
+			expect(loadSidebarOpenState()).toBe(DEFAULT_SIDEBAR_OPEN);
+		});
+
+		test("returns true when stored value is true", ({ expect }) => {
+			storageStub.setItem(OPEN_STORAGE_KEY, "true");
+			expect(loadSidebarOpenState()).toBe(true);
+		});
+
+		test("returns false when stored value is false", ({ expect }) => {
+			storageStub.setItem(OPEN_STORAGE_KEY, "false");
+			expect(loadSidebarOpenState()).toBe(false);
+		});
+
+		test("returns default when localStorage.getItem throws", ({ expect }) => {
+			vi.spyOn(storageStub, "getItem").mockImplementation(() => {
+				throw new Error("SecurityError");
+			});
+			expect(loadSidebarOpenState()).toBe(DEFAULT_SIDEBAR_OPEN);
+		});
+	});
+
+	describe("saveSidebarOpenState", () => {
+		test("persists true to `localStorage`", ({ expect }) => {
+			saveSidebarOpenState(true);
+			const raw = storageStub.getItem(OPEN_STORAGE_KEY);
+			expect(raw).toBe("true");
+		});
+
+		test("persists false to `localStorage`", ({ expect }) => {
+			saveSidebarOpenState(false);
+			const raw = storageStub.getItem(OPEN_STORAGE_KEY);
+			expect(raw).toBe("false");
+		});
+
+		test("does not throw when localStorage.setItem throws", ({ expect }) => {
+			vi.spyOn(storageStub, "setItem").mockImplementation(() => {
+				throw new Error("QuotaExceededError");
+			});
+			expect(() => saveSidebarOpenState(true)).not.toThrow();
+		});
+	});
+
+	describe("sidebar open round-trip", () => {
+		test("`loadSidebarOpenState` returns what `saveSidebarOpenState` persisted", ({
+			expect,
+		}) => {
+			saveSidebarOpenState(false);
+			expect(loadSidebarOpenState()).toBe(false);
+
+			saveSidebarOpenState(true);
+			expect(loadSidebarOpenState()).toBe(true);
+		});
+
+		test("multiple saves overwrite previous state", ({ expect }) => {
+			saveSidebarOpenState(false);
+			saveSidebarOpenState(true);
+			expect(loadSidebarOpenState()).toBe(true);
+		});
+	});
+
+	describe("storage key isolation", () => {
+		test("sidebar open state and group state use separate keys", ({
+			expect,
+		}) => {
+			saveSidebarOpenState(false);
+			saveGroupState({ ...DEFAULT_GROUP_STATE, d1: false });
+
+			// Each should be independently readable
+			expect(loadSidebarOpenState()).toBe(false);
+			expect(loadGroupState().d1).toBe(false);
+			expect(loadGroupState().kv).toBe(true);
+		});
+	});
+});
diff --git a/packages/local-explorer-ui/src/__tests__/utils/theme-state.test.ts b/packages/local-explorer-ui/src/__tests__/utils/theme-state.test.ts
new file mode 100644
index 0000000000..2c7cbd78b8
--- /dev/null
+++ b/packages/local-explorer-ui/src/__tests__/utils/theme-state.test.ts
@@ -0,0 +1,157 @@
+import { afterEach, beforeEach, describe, test, vi } from "vitest";
+import {
+	getNextThemeMode,
+	loadThemeMode,
+	resolveThemeMode,
+	saveThemeMode,
+	THEME_MODES,
+} from "../../utils/theme-state";
+import type { ThemeMode } from "../../utils/theme-state";
+
+const STORAGE_KEY = "local-explorer.theme.v1";
+
+/**
+ * Minimal localStorage stub scoped to each test.
+ */
+function createStorageStub(): Storage {
+	const store = new Map<string, string>();
+	return {
+		getItem: (key: string) => store.get(key) ?? null,
+		setItem: (key: string, value: string) => {
+			store.set(key, value);
+		},
+		removeItem: (key: string) => {
+			store.delete(key);
+		},
+		clear: () => {
+			store.clear();
+		},
+		get length() {
+			return store.size;
+		},
+		key: (_index: number) => null,
+	};
+}
+
+describe("theme-state", () => {
+	let storageStub: Storage;
+
+	beforeEach(() => {
+		storageStub = createStorageStub();
+		vi.stubGlobal("localStorage", storageStub);
+	});
+
+	afterEach(() => {
+		vi.unstubAllGlobals();
+	});
+
+	describe("THEME_MODES", () => {
+		test("contains exactly light, dark, system in cycle order", ({
+			expect,
+		}) => {
+			expect(THEME_MODES).toEqual(["light", "dark", "system"]);
+		});
+	});
+
+	describe("getNextThemeMode", () => {
+		test("cycles light -> dark", ({ expect }) => {
+			expect(getNextThemeMode("light")).toBe("dark");
+		});
+
+		test("cycles dark -> system", ({ expect }) => {
+			expect(getNextThemeMode("dark")).toBe("system");
+		});
+
+		test("cycles system -> light", ({ expect }) => {
+			expect(getNextThemeMode("system")).toBe("light");
+		});
+
+		test("full cycle returns to the starting mode", ({ expect }) => {
+			let mode: ThemeMode = "light";
+			for (let i = 0; i < THEME_MODES.length; i++) {
+				mode = getNextThemeMode(mode);
+			}
+			expect(mode).toBe("light");
+		});
+	});
+
+	describe("resolveThemeMode", () => {
+		test('returns "light" for mode "light" regardless of OS', ({ expect }) => {
+			expect(resolveThemeMode("light", false)).toBe("light");
+			expect(resolveThemeMode("light", true)).toBe("light");
+		});
+
+		test('returns "dark" for mode "dark" regardless of OS', ({ expect }) => {
+			expect(resolveThemeMode("dark", false)).toBe("dark");
+			expect(resolveThemeMode("dark", true)).toBe("dark");
+		});
+
+		test('returns OS preference for mode "system"', ({ expect }) => {
+			expect(resolveThemeMode("system", false)).toBe("light");
+			expect(resolveThemeMode("system", true)).toBe("dark");
+		});
+	});
+
+	describe("loadThemeMode", () => {
+		test('returns "system" when nothing is stored', ({ expect }) => {
+			expect(loadThemeMode()).toBe("system");
+		});
+
+		test('returns "system" for unrecognised stored value', ({ expect }) => {
+			storageStub.setItem(STORAGE_KEY, "neon");
+			expect(loadThemeMode()).toBe("system");
+		});
+
+		test('returns "system" for empty string', ({ expect }) => {
+			storageStub.setItem(STORAGE_KEY, "");
+			expect(loadThemeMode()).toBe("system");
+		});
+
+		test("returns stored mode when valid", ({ expect }) => {
+			for (const mode of THEME_MODES) {
+				storageStub.setItem(STORAGE_KEY, mode);
+				expect(loadThemeMode()).toBe(mode);
+			}
+		});
+
+		test('returns "system" when `localStorage.getItem` throws', ({
+			expect,
+		}) => {
+			vi.spyOn(storageStub, "getItem").mockImplementation(() => {
+				throw new Error("SecurityError");
+			});
+			expect(loadThemeMode()).toBe("system");
+		});
+	});
+
+	describe("saveThemeMode", () => {
+		test("persists mode to `localStorage`", ({ expect }) => {
+			saveThemeMode("dark");
+			expect(storageStub.getItem(STORAGE_KEY)).toBe("dark");
+		});
+
+		test("overwrites previous value", ({ expect }) => {
+			saveThemeMode("light");
+			saveThemeMode("dark");
+			expect(storageStub.getItem(STORAGE_KEY)).toBe("dark");
+		});
+
+		test("does not throw when `localStorage.setItem` throws", ({ expect }) => {
+			vi.spyOn(storageStub, "setItem").mockImplementation(() => {
+				throw new Error("QuotaExceededError");
+			});
+			expect(() => saveThemeMode("dark")).not.toThrow();
+		});
+	});
+
+	describe("round-trip", () => {
+		test("`loadThemeMode` returns what saveThemeMode persisted", ({
+			expect,
+		}) => {
+			for (const mode of THEME_MODES) {
+				saveThemeMode(mode);
+				expect(loadThemeMode()).toBe(mode);
+			}
+		});
+	});
+});
diff --git a/packages/local-explorer-ui/src/components/Breadcrumbs.tsx b/packages/local-explorer-ui/src/components/Breadcrumbs.tsx
index 9265797ed8..ebab5698a0 100644
--- a/packages/local-explorer-ui/src/components/Breadcrumbs.tsx
+++ b/packages/local-explorer-ui/src/components/Breadcrumbs.tsx
@@ -15,7 +15,7 @@ export function Breadcrumbs({
 	title,
 }: BreadcrumbsProps): JSX.Element {
 	return (
-		<div className="box-border flex min-h-16.75 shrink-0 items-center gap-2 border-b border-kumo-fill bg-kumo-elevated px-6 py-4 text-sm">
+		<div className="box-border flex min-h-14.5 shrink-0 items-center gap-2 border-b border-kumo-fill bg-kumo-elevated px-6 text-sm">
 			<KumoBreadcrumbs>
 				<KumoBreadcrumbs.Current icon={<Icon className="h-4 w-4" />}>
 					{title}
diff --git a/packages/local-explorer-ui/src/components/Sidebar.tsx b/packages/local-explorer-ui/src/components/Sidebar.tsx
index 7d9add6bf3..db075a3aae 100644
--- a/packages/local-explorer-ui/src/components/Sidebar.tsx
+++ b/packages/local-explorer-ui/src/components/Sidebar.tsx
@@ -1,215 +1,321 @@
-import { CloudflareLogo, cn } from "@cloudflare/kumo";
-import { Collapsible } from "@cloudflare/kumo/primitives/collapsible";
-import { CaretRightIcon } from "@phosphor-icons/react";
-import { Link } from "@tanstack/react-router";
+import {
+	Badge,
+	CloudflareLogo,
+	cn,
+	Sidebar,
+	useSidebar,
+} from "@cloudflare/kumo";
+import { MonitorIcon, MoonIcon, SunIcon } from "@phosphor-icons/react";
+import { useRouter } from "@tanstack/react-router";
+import { useCallback, useState } from "react";
 import D1Icon from "../assets/icons/d1.svg?react";
 import DOIcon from "../assets/icons/durable-objects.svg?react";
 import KVIcon from "../assets/icons/kv.svg?react";
 import R2Icon from "../assets/icons/r2.svg?react";
 import WorkflowsIcon from "../assets/icons/workflows.svg?react";
+import { loadGroupState, saveGroupState } from "../utils/sidebar-state";
+import { getNextThemeMode } from "../utils/theme-state";
+import { SidebarGroupPopup } from "./SidebarGroupPopup";
 import { WorkerSelector, type LocalExplorerWorker } from "./WorkerSelector";
 import type { LocalExplorerWorkerBindings } from "../api";
 import type { FileRouteTypes } from "../routeTree.gen";
+import type { SidebarGroupId, SidebarGroupState } from "../utils/sidebar-state";
+import type { ThemeMode } from "../utils/theme-state";
 import type { FC } from "react";
 
-interface SidebarItemGroupProps {
-	emptyLabel: string;
-	icon: FC<{ className?: string }>;
-	items: Array<{
-		id: string;
-		isActive: boolean;
+const THEME_MODE_CONFIG = {
+	light: {
+		icon: SunIcon,
+		label: "Light",
+	},
+	dark: {
+		icon: MoonIcon,
+		label: "Dark",
+	},
+	system: {
+		icon: MonitorIcon,
+		label: "System",
+	},
+} satisfies Record<
+	ThemeMode,
+	{
+		icon: typeof SunIcon;
 		label: string;
-		link: {
-			params: object;
-			search?: object;
-			to: FileRouteTypes["to"];
-		};
-	}>;
-	title: string;
-}
-
-function SidebarItemGroup({
-	emptyLabel,
-	icon: Icon,
-	items,
-	title,
-}: SidebarItemGroupProps): JSX.Element {
-	return (
-		<Collapsible.Root defaultOpen className="py-0.5">
-			<Collapsible.Trigger className="group ml-1 flex w-[calc(100%-0.25rem)] cursor-pointer items-center gap-2 rounded-l-md bg-transparent p-3 text-xs font-semibold text-kumo-default transition-colors hover:bg-kumo-brand/10">
-				<CaretRightIcon
-					className="h-3.5 w-3.5 text-kumo-subtle transition-transform duration-200 group-data-panel-open:rotate-90"
-					weight="bold"
-				/>
-				<Icon className="h-4 w-4 text-kumo-subtle" />
-				{title}
-			</Collapsible.Trigger>
-
-			<Collapsible.Panel className="overflow-hidden transition-[height,opacity] duration-200 ease-out data-ending-style:h-0 data-ending-style:opacity-0 data-starting-style:h-0 data-starting-style:opacity-0">
-				<ul className="ml-3 list-none space-y-0.5 border-l border-kumo-fill pl-3">
-					{items.map((item) => (
-						<li key={item.id}>
-							<Link
-								className={cn(
-									"block cursor-pointer rounded-l-md px-2 py-2.5 text-sm text-kumo-default no-underline transition-colors hover:bg-kumo-brand/10",
-									{
-										"bg-kumo-brand/10 font-medium text-kumo-link hover:bg-kumo-brand/20":
-											item.isActive,
-									}
-								)}
-								params={item.link.params}
-								search={item.link.search}
-								to={item.link.to}
-							>
-								{item.label}
-							</Link>
-						</li>
-					))}
-
-					{items.length === 0 && (
-						<li className="px-2 py-1.5 text-sm text-kumo-subtle italic">
-							{emptyLabel}
-						</li>
-					)}
-				</ul>
-			</Collapsible.Panel>
-		</Collapsible.Root>
-	);
-}
+	}
+>;
 
 interface SidebarProps {
-	currentPath: string;
 	bindings?: LocalExplorerWorkerBindings;
-	workers: LocalExplorerWorker[];
-	selectedWorker: string;
+	currentPath: string;
+	onCycleTheme: () => void;
 	onWorkerChange: (workerName: string) => void;
+	selectedWorker: string;
+	themeMode: ThemeMode;
+	workers: LocalExplorerWorker[];
 }
 
-export function Sidebar({
-	currentPath,
+export function AppSidebar({
 	bindings,
-	workers,
-	selectedWorker,
+	currentPath,
+	onCycleTheme,
 	onWorkerChange,
+	selectedWorker,
+	themeMode,
+	workers,
 }: SidebarProps) {
+	const router = useRouter();
+	const sidebar = useSidebar();
+
+	const [groupOpen, setGroupOpen] = useState<SidebarGroupState>(loadGroupState);
+
+	const handleGroupOpenChange = useCallback(
+		(groupId: SidebarGroupId, open: boolean) => {
+			setGroupOpen((prev) => {
+				const next = { ...prev, [groupId]: open };
+				saveGroupState(next);
+				return next;
+			});
+		},
+		[]
+	);
+
 	const showWorkerSelector = workers.length > 1;
 	const workerSearch = workers.length > 1 ? { worker: selectedWorker } : {};
 
-	const kvNamespaces = bindings?.kv ?? [];
-	const databases = bindings?.d1 ?? [];
+	const d1Databases = bindings?.d1 ?? [];
 	const doNamespaces = (bindings?.do ?? []).filter((ns) => ns.useSqlite);
+	const kvNamespaces = bindings?.kv ?? [];
 	const r2Buckets = bindings?.r2 ?? [];
 	const workflows = bindings?.workflows ?? [];
 
+	const sidebarItemGroups = [
+		{
+			emptyLabel: "No databases",
+			groupId: "d1" as const,
+			icon: D1Icon,
+			items: d1Databases.map((db) => ({
+				id: db.id,
+				isActive: currentPath === `/d1/${db.id}`,
+				label: db.bindingName,
+				link: {
+					params: { databaseId: db.id },
+					search: { table: undefined, ...workerSearch },
+					to: "/d1/$databaseId",
+				},
+			})),
+			title: "D1 Databases",
+		},
+		{
+			emptyLabel: "No SQLite namespaces",
+			groupId: "do" as const,
+			icon: DOIcon,
+			items: doNamespaces.map((ns) => ({
+				id: ns.id,
+				isActive:
+					currentPath === `/do/${ns.className}` ||
+					currentPath.startsWith(`/do/${ns.className}/`),
+				label: ns.className,
+				link: {
+					params: { className: ns.className },
+					search: workerSearch,
+					to: "/do/$className",
+				},
+			})),
+			title: "Durable Objects",
+		},
+		{
+			emptyLabel: "No namespaces",
+			groupId: "kv" as const,
+			icon: KVIcon,
+			items: kvNamespaces.map((ns) => ({
+				id: ns.id,
+				isActive: currentPath === `/kv/${ns.id}`,
+				label: ns.bindingName,
+				link: {
+					params: { namespaceId: ns.id },
+					search: workerSearch,
+					to: "/kv/$namespaceId",
+				},
+			})),
+			title: "KV Namespaces",
+		},
+		{
+			emptyLabel: "No buckets",
+			groupId: "r2" as const,
+			icon: R2Icon,
+			items: r2Buckets.map((bucket) => ({
+				id: bucket.id,
+				isActive:
+					currentPath === `/r2/${bucket.id}` ||
+					currentPath.startsWith(`/r2/${bucket.id}/`),
+				label: bucket.bindingName,
+				link: {
+					params: { bucketName: bucket.id },
+					search: workerSearch,
+					to: "/r2/$bucketName",
+				},
+			})),
+			title: "R2 Buckets",
+		},
+		{
+			emptyLabel: "No workflows",
+			groupId: "workflows" as const,
+			icon: WorkflowsIcon,
+			items: workflows.map((wf) => ({
+				id: wf.id,
+				isActive:
+					currentPath === `/workflows/${wf.id}` ||
+					currentPath.startsWith(`/workflows/${wf.id}/`),
+				label: wf.bindingName,
+				link: {
+					params: { workflowName: wf.id },
+					search: workerSearch,
+					to: "/workflows/$workflowName",
+				},
+			})),
+			title: "Workflows",
+		},
+	] satisfies Array<{
+		emptyLabel: string;
+		groupId: SidebarGroupId;
+		icon: FC<{ className?: string }>;
+		items: Array<{
+			id: string;
+			isActive: boolean;
+			label: string;
+			link: {
+				params: object;
+				search?: object;
+				to: FileRouteTypes["to"];
+			};
+		}>;
+		title: string;
+	}>;
+
 	return (
-		<aside className="flex w-sidebar flex-col border-r border-kumo-fill bg-kumo-elevated">
-			<a
-				className="box-border flex min-h-16.75 items-center gap-2.5 p-4"
-				href="/cdn-cgi/explorer/"
-			>
-				<CloudflareLogo variant="glyph" className="h-8 w-8 shrink-0" />
-				<div className="flex flex-col gap-px">
-					<span className="text-sm leading-tight font-semibold text-kumo-default">
-						Local Explorer
-					</span>
-					<span className="text-[10px] font-medium tracking-wide text-kumo-subtle uppercase">
-						Cloudflare DevTools
-					</span>
+		<Sidebar className="bg-kumo-elevated">
+			<Sidebar.Header className="min-h-14.5 border-b">
+				<div className="flex w-full items-center justify-between">
+					<a
+						className="box-border flex items-center gap-2.5 px-1"
+						href="/cdn-cgi/explorer/"
+					>
+						<CloudflareLogo
+							className={cn(
+								"shrink-0 transition-all duration-200",
+								sidebar.open ? "h-8 w-8" : "h-6 w-6"
+							)}
+							variant="glyph"
+						/>
+
+						{sidebar.open ? (
+							<div className="flex flex-col gap-px">
+								<h3 className="text-text text-sm leading-tight font-semibold">
+									Local Explorer
+								</h3>
+
+								<p className="text-text-secondary text-[9px] font-medium tracking-wide uppercase">
+									Cloudflare DevTools
+								</p>
+							</div>
+						) : null}
+					</a>
+
+					{sidebar.open ? (
+						<Badge className="mr-1" variant="beta">
+							Beta
+						</Badge>
+					) : null}
 				</div>
-			</a>
-
-			{showWorkerSelector && (
-				<WorkerSelector
-					workers={workers}
-					selectedWorker={selectedWorker}
-					onWorkerChange={onWorkerChange}
-				/>
-			)}
-
-			<SidebarItemGroup
-				emptyLabel="No namespaces"
-				icon={KVIcon}
-				items={kvNamespaces.map((ns) => ({
-					id: ns.id,
-					isActive: currentPath === `/kv/${ns.id}`,
-					label: ns.bindingName,
-					link: {
-						params: { namespaceId: ns.id },
-						search: workerSearch,
-						to: "/kv/$namespaceId",
-					},
-				}))}
-				title="KV Namespaces"
-			/>
-
-			<SidebarItemGroup
-				emptyLabel="No databases"
-				icon={D1Icon}
-				items={databases.map((db) => ({
-					id: db.id,
-					isActive: currentPath === `/d1/${db.id}`,
-					label: db.bindingName,
-					link: {
-						params: { databaseId: db.id },
-						search: { table: undefined, ...workerSearch },
-						to: "/d1/$databaseId",
-					},
-				}))}
-				title="D1 Databases"
-			/>
-
-			<SidebarItemGroup
-				emptyLabel="No SQLite namespaces"
-				icon={DOIcon}
-				items={doNamespaces.map((ns) => ({
-					id: ns.id,
-					isActive:
-						currentPath === `/do/${ns.className}` ||
-						currentPath.startsWith(`/do/${ns.className}/`),
-					label: ns.className,
-					link: {
-						params: { className: ns.className },
-						search: workerSearch,
-						to: "/do/$className",
-					},
-				}))}
-				title="Durable Objects"
-			/>
-
-			<SidebarItemGroup
-				emptyLabel="No buckets"
-				icon={R2Icon}
-				items={r2Buckets.map((bucket) => ({
-					id: bucket.id,
-					isActive:
-						currentPath === `/r2/${bucket.id}` ||
-						currentPath.startsWith(`/r2/${bucket.id}/`),
-					label: bucket.bindingName,
-					link: {
-						params: { bucketName: bucket.id },
-						search: workerSearch,
-						to: "/r2/$bucketName",
-					},
-				}))}
-				title="R2 Buckets"
-			/>
-			<SidebarItemGroup
-				emptyLabel="No workflows"
-				icon={WorkflowsIcon}
-				items={workflows.map((wf) => ({
-					id: wf.id,
-					isActive:
-						currentPath === `/workflows/${wf.id}` ||
-						currentPath.startsWith(`/workflows/${wf.id}/`),
-					label: wf.bindingName,
-					link: {
-						params: { workflowName: wf.id },
-						search: workerSearch,
-						to: "/workflows/$workflowName",
-					},
-				}))}
-				title="Workflows"
-			/>
-		</aside>
+			</Sidebar.Header>
+
+			<Sidebar.Content>
+				{showWorkerSelector && (
+					<WorkerSelector
+						workers={workers}
+						selectedWorker={selectedWorker}
+						onWorkerChange={onWorkerChange}
+					/>
+				)}
+
+				{sidebar.open ? (
+					<Sidebar.MenuItem className="space-y-1">
+						{sidebarItemGroups.map((group) => (
+							<Sidebar.Collapsible
+								key={group.groupId}
+								open={groupOpen[group.groupId]}
+								onOpenChange={(open) => {
+									handleGroupOpenChange(group.groupId, open);
+								}}
+							>
+								<Sidebar.CollapsibleTrigger
+									render={
+										<Sidebar.MenuButton
+											icon={<group.icon width={20} height={20} />}
+										>
+											{group.title} <Sidebar.MenuChevron />
+										</Sidebar.MenuButton>
+									}
+								/>
+
+								<Sidebar.CollapsibleContent>
+									<Sidebar.MenuSub className="mt-1 ml-5.5 space-y-0.5">
+										{group.items.length === 0 ? (
+											<div className="text-text-secondary ml-8 px-2 py-1.5 text-sm italic">
+												{group.emptyLabel}
+											</div>
+										) : (
+											group.items.map((item) => (
+												<Sidebar.MenuSubButton
+													active={item.isActive}
+													className="cursor-pointer"
+													href={router.buildLocation(item.link).href}
+													key={item.id}
+												>
+													{item.label}
+												</Sidebar.MenuSubButton>
+											))
+										)}
+									</Sidebar.MenuSub>
+								</Sidebar.CollapsibleContent>
+							</Sidebar.Collapsible>
+						))}
+					</Sidebar.MenuItem>
+				) : (
+					<Sidebar.MenuItem className="space-y-1">
+						{sidebarItemGroups.map((group) => (
+							<SidebarGroupPopup
+								emptyLabel={group.emptyLabel}
+								icon={<group.icon width={20} height={20} />}
+								items={group.items}
+								key={group.groupId}
+								title={group.title}
+							/>
+						))}
+					</Sidebar.MenuItem>
+				)}
+			</Sidebar.Content>
+
+			<Sidebar.Footer className="gap-1">
+				{(() => {
+					const { icon: Icon, label } = THEME_MODE_CONFIG[themeMode];
+					const nextLabel =
+						THEME_MODE_CONFIG[getNextThemeMode(themeMode)].label;
+
+					return (
+						<Sidebar.MenuButton
+							aria-label={`Theme: ${label}. Switch to ${nextLabel}`}
+							className="px-2"
+							icon={<Icon size={18} weight="bold" />}
+							onClick={onCycleTheme}
+							tooltip={`Theme: ${label}`}
+							type="button"
+						/>
+					);
+				})()}
+
+				<Sidebar.Trigger className="cursor-pointer hover:bg-kumo-tint" />
+			</Sidebar.Footer>
+		</Sidebar>
 	);
 }
diff --git a/packages/local-explorer-ui/src/components/SidebarGroupPopup.tsx b/packages/local-explorer-ui/src/components/SidebarGroupPopup.tsx
new file mode 100644
index 0000000000..6af8756b78
--- /dev/null
+++ b/packages/local-explorer-ui/src/components/SidebarGroupPopup.tsx
@@ -0,0 +1,80 @@
+import { Sidebar, type SidebarMenuButtonProps } from "@cloudflare/kumo";
+import { Popover } from "@cloudflare/kumo/primitives/popover";
+import { Link } from "@tanstack/react-router";
+import type { FileRouteTypes } from "../routeTree.gen";
+
+interface SidebarGroupItem {
+	id: string;
+	isActive: boolean;
+	label: string;
+	link: {
+		params: object;
+		search?: object;
+		to: FileRouteTypes["to"];
+	};
+}
+
+interface SidebarGroupPopupProps {
+	emptyLabel: string;
+	icon: SidebarMenuButtonProps["icon"];
+	items: SidebarGroupItem[];
+	title: string;
+}
+
+export function SidebarGroupPopup({
+	emptyLabel,
+	icon,
+	items,
+	title,
+}: SidebarGroupPopupProps): JSX.Element {
+	const hasActiveItem = items.some((item) => item.isActive);
+
+	return (
+		<Popover.Root>
+			<Popover.Trigger
+				render={<Sidebar.MenuButton active={hasActiveItem} icon={icon} />}
+			/>
+
+			<Popover.Portal>
+				<Popover.Positioner
+					align="start"
+					className="z-100"
+					side="right"
+					sideOffset={8}
+				>
+					<Popover.Popup className="max-h-72 min-w-48 overflow-y-auto rounded-lg border border-kumo-fill bg-kumo-base shadow-[0_4px_12px_rgba(0,0,0,0.15)] transition-[opacity,transform] duration-150 data-ending-style:-translate-x-1 data-ending-style:opacity-0 data-starting-style:-translate-x-1 data-starting-style:opacity-0">
+						<div className="border-b border-kumo-fill px-3 py-2">
+							<span className="text-xs font-medium text-kumo-subtle">
+								{title}
+							</span>
+						</div>
+
+						<div className="p-1">
+							{items.length === 0 ? (
+								<div className="px-2 py-1.5 text-sm text-kumo-subtle italic">
+									{emptyLabel}
+								</div>
+							) : (
+								items.map((item) => (
+									<Link
+										className={`flex w-full items-center gap-2 rounded-md px-2 py-2 text-sm transition-colors outline-none select-none ${
+											item.isActive
+												? "bg-kumo-elevated font-medium text-kumo-default"
+												: "text-kumo-default hover:bg-kumo-elevated"
+										}`}
+										key={item.id}
+										params={item.link.params}
+										search={item.link.search}
+										to={item.link.to}
+									>
+										<span className="truncate">{item.label}</span>
+									</Link>
+								))
+							)}
+						</div>
+					</Popover.Popup>
+				</Popover.Positioner>
+			</Popover.Portal>
+		</Popover.Root>
+	);
+}
diff --git a/packages/local-explorer-ui/src/components/WorkerSelector.tsx b/packages/local-explorer-ui/src/components/WorkerSelector.tsx
index a19001b863..8b0add31fc 100644
--- a/packages/local-explorer-ui/src/components/WorkerSelector.tsx
+++ b/packages/local-explorer-ui/src/components/WorkerSelector.tsx
@@ -1,3 +1,4 @@
+import { Tooltip, useSidebar } from "@cloudflare/kumo";
 import { Select } from "@cloudflare/kumo/primitives/select";
 import {
 	CaretUpDownIcon,
@@ -63,6 +64,8 @@ export function WorkerSelector({
 	selectedWorker,
 	onWorkerChange,
 }: WorkerSelectorProps): JSX.Element {
+	const sidebar = useSidebar();
+
 	const [open, setOpen] = useState(false);
 
 	const handleValueChange = (value: string | null): void => {
@@ -75,14 +78,14 @@ export function WorkerSelector({
 	// Find the current worker that is hosting this explorer (isSelf = true)
 	const selfWorker = workers.find((w) => w.isSelf);
 
-	return (
-		<div className="px-4 py-2">
-			<Select.Root
-				onOpenChange={setOpen}
-				onValueChange={handleValueChange}
-				open={open}
-				value={selectedWorker}
-			>
+	const selectRoot = (
+		<Select.Root
+			onOpenChange={setOpen}
+			onValueChange={handleValueChange}
+			open={open}
+			value={selectedWorker}
+		>
+			{sidebar.open ? (
 				<Select.Trigger className="flex w-full cursor-pointer items-center justify-between gap-2 rounded-md border border-kumo-fill bg-kumo-base px-3 py-2 text-sm text-kumo-default transition-colors hover:bg-kumo-elevated data-popup-open:border-kumo-brand">
 					<span className="flex items-center gap-2 truncate">
 						<TerminalIcon className="h-4 w-4 shrink-0 text-kumo-subtle" />
@@ -92,50 +95,69 @@ export function WorkerSelector({
 						<CaretUpDownIcon className="h-3.5 w-3.5 shrink-0 text-kumo-subtle" />
 					</Select.Icon>
 				</Select.Trigger>
+			) : (
+				<Select.Trigger
+					aria-label={`Selected worker: ${selectedWorker}`}
+					className="flex cursor-pointer items-center justify-center rounded-md p-2 text-kumo-subtle transition-colors hover:bg-kumo-fill hover:text-kumo-default data-popup-open:bg-kumo-fill data-popup-open:text-kumo-default"
+				>
+					<TerminalIcon className="h-4 w-4 shrink-0" />
+				</Select.Trigger>
+			)}
 
-				<Select.Portal>
-					<Select.Positioner
-						align="start"
-						alignItemWithTrigger={false}
-						className="z-100"
-						side="bottom"
-						sideOffset={4}
-					>
-						<Select.Popup className="max-h-72 min-w-48 overflow-hidden rounded-lg border border-kumo-fill bg-kumo-base shadow-[0_4px_12px_rgba(0,0,0,0.15)] transition-[opacity,transform] duration-150 data-ending-style:-translate-y-1 data-ending-style:opacity-0 data-starting-style:-translate-y-1 data-starting-style:opacity-0">
-							<Select.List className="p-1">
-								{workers.map((worker) => {
-									const isSelected = selectedWorker === worker.name;
-									const Icon = isSelected ? CheckIcon : TerminalIcon;
+			<Select.Portal>
+				<Select.Positioner
+					align="start"
+					alignItemWithTrigger={false}
+					className="z-100"
+					side={sidebar.open ? "bottom" : "right"}
+					sideOffset={sidebar.open ? 4 : 8}
+				>
+					<Select.Popup className="max-h-72 min-w-48 overflow-hidden rounded-lg border border-kumo-fill bg-kumo-base shadow-[0_4px_12px_rgba(0,0,0,0.15)] transition-[opacity,transform] duration-150 data-ending-style:-translate-y-1 data-ending-style:opacity-0 data-starting-style:-translate-y-1 data-starting-style:opacity-0">
+						<Select.List className="p-1">
+							{workers.map((worker) => {
+								const isSelected = selectedWorker === worker.name;
+								const Icon = isSelected ? CheckIcon : TerminalIcon;
 
-									return (
-										<Select.Item
-											className="flex w-full cursor-pointer items-center gap-2 rounded-md px-2 py-2 text-sm text-kumo-default transition-colors outline-none select-none data-highlighted:bg-kumo-elevated"
-											key={worker.name}
-											value={worker.name}
-										>
-											<span className="flex w-4 items-center">
-												<Icon
-													className={`h-3.5 w-3.5 ${isSelected ? "" : "text-kumo-subtle"}`}
-												/>
+								return (
+									<Select.Item
+										className="flex w-full cursor-pointer items-center gap-2 rounded-md px-2 py-2 text-sm text-kumo-default transition-colors outline-none select-none data-highlighted:bg-kumo-elevated"
+										key={worker.name}
+										value={worker.name}
+									>
+										<span className="flex w-4 items-center">
+											<Icon
+												className={`h-3.5 w-3.5 ${isSelected ? "" : "text-kumo-subtle"}`}
+											/>
+										</span>
+										<Select.ItemText>
+											<span className="flex items-center gap-2">
+												{worker.name}
+												{worker.isSelf && selfWorker && (
+													<span className="rounded bg-kumo-brand/10 px-1.5 py-0.5 text-[10px] font-medium text-kumo-link">
+														Host
+													</span>
+												)}
 											</span>
-											<Select.ItemText>
-												<span className="flex items-center gap-2">
-													{worker.name}
-													{worker.isSelf && selfWorker && (
-														<span className="rounded bg-kumo-brand/10 px-1.5 py-0.5 text-[10px] font-medium text-kumo-link">
-															current
-														</span>
-													)}
-												</span>
-											</Select.ItemText>
-										</Select.Item>
-									);
-								})}
-							</Select.List>
-						</Select.Popup>
-					</Select.Positioner>
-				</Select.Portal>
-			</Select.Root>
+										</Select.ItemText>
+									</Select.Item>
+								);
+							})}
+						</Select.List>
+					</Select.Popup>
+				</Select.Positioner>
+			</Select.Portal>
+		</Select.Root>
+	);
+
+	if (sidebar.open) {
+		return <div className="px-3">{selectRoot}</div>;
+	}
+
+	return (
+		<div className="flex justify-center py-2">
+			<Tooltip content={selectedWorker} side="right">
+				{selectRoot}
+			</Tooltip>
 		</div>
 	);
 }
diff --git a/packages/local-explorer-ui/src/components/studio/WindowTab/ItemRenderer.tsx b/packages/local-explorer-ui/src/components/studio/WindowTab/ItemRenderer.tsx
index d8d9a5487b..3888e58368 100644
--- a/packages/local-explorer-ui/src/components/studio/WindowTab/ItemRenderer.tsx
+++ b/packages/local-explorer-ui/src/components/studio/WindowTab/ItemRenderer.tsx
@@ -31,10 +31,10 @@ export function StudioWindowTabItemRenderer({
 	return (
 		<div
 			className={cn(
-				"relative flex h-10 max-w-75 min-w-42.5 cursor-pointer items-center gap-2 border-r border-b border-kumo-fill px-2 text-left text-xs select-none hover:bg-kumo-elevated hover:text-kumo-default",
+				"relative flex h-10 max-w-75 min-w-42.5 cursor-pointer items-center gap-2 border-r border-b border-kumo-fill bg-kumo-elevated px-2 text-left text-xs select-none hover:text-kumo-default",
 				selected
-					? "border-b-kumo-brand bg-kumo-base text-kumo-default"
-					: "border-b-kumo-fill bg-kumo-elevated text-kumo-subtle",
+					? "border-b-kumo-brand text-kumo-default"
+					: "border-b-kumo-fill text-kumo-subtle",
 				isTemp && "italic",
 				isDirty && "not-italic"
 			)}
diff --git a/packages/local-explorer-ui/src/components/workflows/StepRow.tsx b/packages/local-explorer-ui/src/components/workflows/StepRow.tsx
index 49528fc820..51df8ef053 100644
--- a/packages/local-explorer-ui/src/components/workflows/StepRow.tsx
+++ b/packages/local-explorer-ui/src/components/workflows/StepRow.tsx
@@ -41,7 +41,7 @@ function StepStatusIcon({
 			);
 		}
 		return (
-			<div className="bg-kumo-success flex size-5 items-center justify-center rounded">
+			<div className="flex size-5 items-center justify-center rounded bg-kumo-success">
 				<CheckIcon size={12} weight="bold" className="text-white" />
 			</div>
 		);
diff --git a/packages/local-explorer-ui/src/main.tsx b/packages/local-explorer-ui/src/main.tsx
index 9dfb05bf75..64bebf8205 100644
--- a/packages/local-explorer-ui/src/main.tsx
+++ b/packages/local-explorer-ui/src/main.tsx
@@ -3,17 +3,15 @@ import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
 import "./styles/tailwind.css";
 import { routeTree } from "./routeTree.gen";
+import { applyThemeMode, loadThemeMode } from "./utils/theme-state";
 
+// Apply the persisted (or default "system") theme immediately so the first
+// paint already has the correct `data-mode` on <html>.
 const darkModeQuery = window.matchMedia("(prefers-color-scheme: dark)");
-
-function syncColorModeWithOS(): void {
-	document.documentElement.dataset.mode = darkModeQuery.matches
-		? "dark"
-		: "light";
-}
-
-syncColorModeWithOS();
-darkModeQuery.addEventListener("change", syncColorModeWithOS);
+applyThemeMode(loadThemeMode(), darkModeQuery.matches);
+darkModeQuery.addEventListener("change", () => {
+	applyThemeMode(loadThemeMode(), darkModeQuery.matches);
+});
 
 // eslint-disable-next-line turbo/no-undeclared-env-vars -- replaced at build time
 const router = createRouter({ routeTree, basepath: import.meta.env.BASE_URL });
diff --git a/packages/local-explorer-ui/src/routes/__root.tsx b/packages/local-explorer-ui/src/routes/__root.tsx
index 37a274e9d5..4ac5407ce8 100644
--- a/packages/local-explorer-ui/src/routes/__root.tsx
+++ b/packages/local-explorer-ui/src/routes/__root.tsx
@@ -1,18 +1,29 @@
-import { Toasty } from "@cloudflare/kumo";
+import { Sidebar, Toasty } from "@cloudflare/kumo";
 import {
 	createRootRoute,
 	Outlet,
 	useRouter,
 	useRouterState,
 } from "@tanstack/react-router";
-import { useCallback, useMemo } from "react";
+import { useCallback, useMemo, useState } from "react";
 import { localExplorerListWorkers } from "../api";
 import { NotFound } from "../components/NotFound";
-import { Sidebar } from "../components/Sidebar";
+import { AppSidebar } from "../components/Sidebar";
 import {
 	filterVisibleWorkers,
 	getSelectedWorker,
 } from "../components/WorkerSelector";
+import {
+	loadSidebarOpenState,
+	saveSidebarOpenState,
+} from "../utils/sidebar-state";
+import {
+	applyThemeMode,
+	getNextThemeMode,
+	loadThemeMode,
+	saveThemeMode,
+} from "../utils/theme-state";
+import type { ThemeMode } from "../utils/theme-state";
 
 export const Route = createRootRoute({
 	component: RootLayout,
@@ -30,6 +41,25 @@ function RootLayout() {
 	const currentPath = routerState.location.pathname;
 	const router = useRouter();
 
+	const [sidebarOpen, setSidebarOpen] = useState<boolean>(loadSidebarOpenState);
+	const [themeMode, setThemeMode] = useState<ThemeMode>(loadThemeMode);
+
+	const handleSidebarOpenChange = useCallback((open: boolean) => {
+		setSidebarOpen(open);
+		saveSidebarOpenState(open);
+	}, []);
+
+	const handleCycleTheme = useCallback(() => {
+		const next = getNextThemeMode(themeMode);
+		saveThemeMode(next);
+		applyThemeMode(
+			next,
+			window.matchMedia("(prefers-color-scheme: dark)").matches
+		);
+		setThemeMode(next);
+	}, [themeMode]);
+
+	// Filter out internal workers (like __asset-worker__, __router-worker__, etc.)
 	const visibleWorkers = useMemo(
 		() => filterVisibleWorkers(loaderData.workers),
 		[loaderData.workers]
@@ -55,17 +85,25 @@ function RootLayout() {
 
 	return (
 		<Toasty>
-			<div className="flex min-h-screen">
-				<Sidebar
-					currentPath={currentPath}
-					bindings={selectedWorkerObj?.bindings}
-					workers={visibleWorkers}
-					selectedWorker={selectedWorker}
-					onWorkerChange={handleWorkerChange}
-				/>
-				<main className="flex flex-1 flex-col overflow-y-auto">
-					<Outlet />
-				</main>
+			<div className="flex h-screen">
+				<Sidebar.Provider
+					onOpenChange={handleSidebarOpenChange}
+					open={sidebarOpen}
+					resizable={true}
+				>
+					<AppSidebar
+						bindings={selectedWorkerObj?.bindings}
+						currentPath={currentPath}
+						onCycleTheme={handleCycleTheme}
+						onWorkerChange={handleWorkerChange}
+						selectedWorker={selectedWorker}
+						themeMode={themeMode}
+						workers={visibleWorkers}
+					/>
+					<main className="flex flex-1 flex-col overflow-y-auto">
+						<Outlet />
+					</main>
+				</Sidebar.Provider>
 			</div>
 		</Toasty>
 	);
diff --git a/packages/local-explorer-ui/src/routes/d1/$databaseId.tsx b/packages/local-explorer-ui/src/routes/d1/$databaseId.tsx
index f32e6dfb4c..f531e0f781 100644
--- a/packages/local-explorer-ui/src/routes/d1/$databaseId.tsx
+++ b/packages/local-explorer-ui/src/routes/d1/$databaseId.tsx
@@ -40,8 +40,9 @@ export const Route = createFileRoute("/d1/$databaseId")({
 			tables,
 		};
 	},
-	validateSearch: (search) => ({
+	validateSearch: (search): { table?: string; worker?: string } => ({
 		table: typeof search.table === "string" ? search.table : undefined,
+		worker: typeof search.worker === "string" ? search.worker : undefined,
 	}),
 });
 
diff --git a/packages/local-explorer-ui/src/routes/do/$className.tsx b/packages/local-explorer-ui/src/routes/do/$className.tsx
index 914b2b4cbf..6deb9910ef 100644
--- a/packages/local-explorer-ui/src/routes/do/$className.tsx
+++ b/packages/local-explorer-ui/src/routes/do/$className.tsx
@@ -27,4 +27,7 @@ export const Route = createFileRoute("/do/$className")({
 		};
 	},
 	notFoundComponent: NotFound,
+	validateSearch: (search: Record<string, unknown>): { worker?: string } => ({
+		worker: typeof search.worker === "string" ? search.worker : undefined,
+	}),
 });
diff --git a/packages/local-explorer-ui/src/routes/do/$className/index.tsx b/packages/local-explorer-ui/src/routes/do/$className/index.tsx
index b9909cd4ec..9195426538 100644
--- a/packages/local-explorer-ui/src/routes/do/$className/index.tsx
+++ b/packages/local-explorer-ui/src/routes/do/$className/index.tsx
@@ -169,7 +169,7 @@ function NamespaceView() {
 						</Label>
 						<input
 							id="open-instance"
-							className="border-border bg-bg text-text ring-border focus:ring-primary mt-1.5 h-9 w-full rounded-lg border px-3 font-mono text-sm ring-1 focus:outline-none"
+							className="bg-bg text-text mt-1.5 h-9 w-full rounded-lg border border-kumo-line px-3 font-mono text-sm focus:ring focus:ring-kumo-ring focus:outline-none"
 							placeholder="Enter instance name or hex ID..."
 							value={openInstanceInput}
 							onChange={(e) => setOpenInstanceInput(e.target.value)}
diff --git a/packages/local-explorer-ui/src/routes/kv/$namespaceId.tsx b/packages/local-explorer-ui/src/routes/kv/$namespaceId.tsx
index 0fdc38702b..e6c36a9799 100644
--- a/packages/local-explorer-ui/src/routes/kv/$namespaceId.tsx
+++ b/packages/local-explorer-ui/src/routes/kv/$namespaceId.tsx
@@ -61,6 +61,9 @@ export const Route = createFileRoute("/kv/$namespaceId")({
 			hasMore: !!cursor,
 		};
 	},
+	validateSearch: (search: Record<string, unknown>): { worker?: string } => ({
+		worker: typeof search.worker === "string" ? search.worker : undefined,
+	}),
 });
 
 // Helper functions for optimistic entry state updates
diff --git a/packages/local-explorer-ui/src/routes/r2/$bucketName.tsx b/packages/local-explorer-ui/src/routes/r2/$bucketName.tsx
index 561a18a08c..6f511ea97d 100644
--- a/packages/local-explorer-ui/src/routes/r2/$bucketName.tsx
+++ b/packages/local-explorer-ui/src/routes/r2/$bucketName.tsx
@@ -4,4 +4,7 @@ import { ResourceError } from "../../components/ResourceError";
 export const Route = createFileRoute("/r2/$bucketName")({
 	component: () => <Outlet />,
 	errorComponent: ResourceError,
+	validateSearch: (search: Record<string, unknown>): { worker?: string } => ({
+		worker: typeof search.worker === "string" ? search.worker : undefined,
+	}),
 });
diff --git a/packages/local-explorer-ui/src/routes/r2/$bucketName/index.tsx b/packages/local-explorer-ui/src/routes/r2/$bucketName/index.tsx
index c6db74a136..b8f639f662 100644
--- a/packages/local-explorer-ui/src/routes/r2/$bucketName/index.tsx
+++ b/packages/local-explorer-ui/src/routes/r2/$bucketName/index.tsx
@@ -78,8 +78,8 @@ export const Route = createFileRoute("/r2/$bucketName/")({
 	},
 	notFoundComponent: NotFound,
 	validateSearch: (search: Record<string, unknown>): R2BucketSearch => ({
-		prefix: typeof search.prefix === "string" ? search.prefix : undefined,
 		delimiter: search.delimiter === false ? false : true,
+		prefix: typeof search.prefix === "string" ? search.prefix : undefined,
 	}),
 });
 
diff --git a/packages/local-explorer-ui/src/routes/workflows/$workflowName.tsx b/packages/local-explorer-ui/src/routes/workflows/$workflowName.tsx
index 165a38aa93..ac8e854e8f 100644
--- a/packages/local-explorer-ui/src/routes/workflows/$workflowName.tsx
+++ b/packages/local-explorer-ui/src/routes/workflows/$workflowName.tsx
@@ -9,4 +9,7 @@ export const Route = createFileRoute("/workflows/$workflowName")({
 			workflowName: params.workflowName,
 		};
 	},
+	validateSearch: (search: Record<string, unknown>): { worker?: string } => ({
+		worker: typeof search.worker === "string" ? search.worker : undefined,
+	}),
 });
diff --git a/packages/local-explorer-ui/src/routes/workflows/$workflowName/index.tsx b/packages/local-explorer-ui/src/routes/workflows/$workflowName/index.tsx
index 4df4f4946f..288f6fd052 100644
--- a/packages/local-explorer-ui/src/routes/workflows/$workflowName/index.tsx
+++ b/packages/local-explorer-ui/src/routes/workflows/$workflowName/index.tsx
@@ -863,7 +863,7 @@ function WorkflowInstancesView() {
 							</div>
 
 							{totalCount > 0 && (
-								<div className="flex items-center justify-between pt-4">
+								<div className="flex items-center justify-between gap-3 pt-4">
 									<DropdownMenu>
 										<DropdownMenu.Trigger
 											render={<Button icon={CaretUpDownIcon}>{perPage}</Button>}
diff --git a/packages/local-explorer-ui/src/styles/tailwind.css b/packages/local-explorer-ui/src/styles/tailwind.css
index c18a7c5a78..d17d450de1 100644
--- a/packages/local-explorer-ui/src/styles/tailwind.css
+++ b/packages/local-explorer-ui/src/styles/tailwind.css
@@ -42,6 +42,12 @@
 	}
 }
 
+/* TODO: Remove this once this PR is merged and release */
+/* https://github.com/cloudflare/kumo/pull/388 */
+[data-sidebar="sidebar"] [data-closed]:not([data-ending-style]) {
+	height: var(--collapsible-panel-height) !important;
+}
+
 /* Animated Cloudflare Logo keyframes */
 @keyframes animated-logo-container {
 	0% {
diff --git a/packages/local-explorer-ui/src/utils/sidebar-state.ts b/packages/local-explorer-ui/src/utils/sidebar-state.ts
new file mode 100644
index 0000000000..a5dc4ed4d4
--- /dev/null
+++ b/packages/local-explorer-ui/src/utils/sidebar-state.ts
@@ -0,0 +1,112 @@
+const GROUPS_STORAGE_KEY = "local-explorer.sidebar.groups.v1";
+const OPEN_STORAGE_KEY = "local-explorer.sidebar.open.v1";
+
+export const SIDEBAR_GROUP_IDS = ["d1", "do", "kv", "r2", "workflows"] as const;
+
+export type SidebarGroupId = (typeof SIDEBAR_GROUP_IDS)[number];
+
+export type SidebarGroupState = Record<SidebarGroupId, boolean>;
+
+export const DEFAULT_GROUP_STATE: SidebarGroupState = {
+	d1: true,
+	do: true,
+	kv: true,
+	r2: true,
+	workflows: true,
+};
+
+/**
+ * Read persisted group state from `localStorage`.
+ *
+ * Returns the default (all-expanded) state when:
+ * - `localStorage` is unavailable (e.g. SSR, security restrictions)
+ * - the stored value is missing, not valid JSON, or not an object
+ *
+ * Merges stored values onto defaults so that newly-added groups
+ * automatically default to expanded without requiring a migration.
+ */
+export function loadGroupState(): SidebarGroupState {
+	try {
+		const raw = localStorage.getItem(GROUPS_STORAGE_KEY);
+		if (raw === null) {
+			return DEFAULT_GROUP_STATE;
+		}
+
+		const parsed: unknown = JSON.parse(raw);
+		if (
+			typeof parsed !== "object" ||
+			parsed === null ||
+			Array.isArray(parsed)
+		) {
+			return DEFAULT_GROUP_STATE;
+		}
+
+		const record = parsed as Record<string, unknown>;
+		const merged = { ...DEFAULT_GROUP_STATE };
+
+		for (const id of SIDEBAR_GROUP_IDS) {
+			if (typeof record[id] === "boolean") {
+				merged[id] = record[id];
+			}
+		}
+
+		return merged;
+	} catch {
+		return DEFAULT_GROUP_STATE;
+	}
+}
+
+/**
+ * Persist group state to `localStorage`.
+ *
+ * Silently swallows errors (e.g. quota exceeded, security restrictions)
+ * so the UI never breaks due to storage failures.
+ */
+export function saveGroupState(state: SidebarGroupState): void {
+	try {
+		localStorage.setItem(GROUPS_STORAGE_KEY, JSON.stringify(state));
+	} catch {
+		// Silently ignore storage errors
+	}
+}
+
+export const DEFAULT_SIDEBAR_OPEN = true;
+
+/**
+ * Read persisted sidebar open/collapsed state from `localStorage`.
+ *
+ * Returns `true` (expanded) when:
+ * - `localStorage` is unavailable (e.g. SSR, security restrictions)
+ * - the stored value is missing, not valid JSON, or not a boolean
+ */
+export function loadSidebarOpenState(): boolean {
+	try {
+		const raw = localStorage.getItem(OPEN_STORAGE_KEY);
+		if (raw === null) {
+			return DEFAULT_SIDEBAR_OPEN;
+		}
+
+		const parsed: unknown = JSON.parse(raw);
+		if (typeof parsed !== "boolean") {
+			return DEFAULT_SIDEBAR_OPEN;
+		}
+
+		return parsed;
+	} catch {
+		return DEFAULT_SIDEBAR_OPEN;
+	}
+}
+
+/**
+ * Persist sidebar open/collapsed state to `localStorage`.
+ *
+ * Silently swallows errors (e.g. quota exceeded, security restrictions)
+ * so the UI never breaks due to storage failures.
+ */
+export function saveSidebarOpenState(open: boolean): void {
+	try {
+		localStorage.setItem(OPEN_STORAGE_KEY, JSON.stringify(open));
+	} catch {
+		// Silently ignore storage errors
+	}
+}
diff --git a/packages/local-explorer-ui/src/utils/theme-state.ts b/packages/local-explorer-ui/src/utils/theme-state.ts
new file mode 100644
index 0000000000..65e56d79e2
--- /dev/null
+++ b/packages/local-explorer-ui/src/utils/theme-state.ts
@@ -0,0 +1,101 @@
+const STORAGE_KEY = "local-explorer.theme.v1";
+
+/**
+ * The user-selectable theme modes.
+ *
+ * - `"light"` / `"dark"` force the corresponding appearance.
+ * - `"system"` follows the OS preference via `prefers-color-scheme`.
+ */
+export type ThemeMode = "dark" | "light" | "system";
+
+/**
+ * Ordered cycle: light -> dark -> system -> light
+ */
+export const THEME_MODES: readonly ThemeMode[] = [
+	"light",
+	"dark",
+	"system",
+] as const;
+
+/**
+ * Return the next mode in the cycle.
+ *
+ * light -> dark -> system -> light ...
+ */
+export function getNextThemeMode(current: ThemeMode): ThemeMode {
+	const index = THEME_MODES.indexOf(current);
+	const next = THEME_MODES[(index + 1) % THEME_MODES.length];
+
+	// Safety: modular arithmetic on a non-empty array always yields a valid index.
+	// The fallback satisfies the type checker without a non-null assertion.
+	return next ?? "system";
+}
+
+/**
+ * Resolve a `ThemeMode` to the effective `"light" | "dark"` value
+ * that should be applied to `document.documentElement.dataset.mode`.
+ *
+ * @param mode - The user-selected mode.
+ * @param prefers - Dark Whether the OS currently prefers dark mode.
+ */
+export function resolveThemeMode(
+	mode: ThemeMode,
+	prefersDark: boolean
+): "dark" | "light" {
+	if (mode === "system") {
+		return prefersDark ? "dark" : "light";
+	}
+
+	return mode;
+}
+
+/**
+ * Read the persisted theme mode from `localStorage`.
+ *
+ * Returns `"system"` when:
+ * - `localStorage` is unavailable (e.g. SSR, security restrictions)
+ * - the stored value is missing or not a recognised mode string
+ */
+export function loadThemeMode(): ThemeMode {
+	try {
+		const raw = localStorage.getItem(STORAGE_KEY);
+		if (raw !== null && isThemeMode(raw)) {
+			return raw;
+		}
+
+		return "system";
+	} catch {
+		return "system";
+	}
+}
+
+/**
+ * Persist the selected theme mode to `localStorage`.
+ *
+ * Silently swallows errors (e.g. quota exceeded, security restrictions)
+ * so the UI never breaks due to storage failures.
+ */
+export function saveThemeMode(mode: ThemeMode): void {
+	try {
+		localStorage.setItem(STORAGE_KEY, mode);
+	} catch {
+		// Silently ignore storage errors
+	}
+}
+
+/**
+ * Apply the effective theme to the document root element.
+ *
+ * Sets `data-mode` on `<html>` which Kumo's CSS uses for dark/light theming.
+ */
+export function applyThemeMode(mode: ThemeMode, prefersDark: boolean): void {
+	document.documentElement.dataset.mode = resolveThemeMode(mode, prefersDark);
+}
+
+// ---------------------------------------------------------------------------
+// Internal helpers
+// ---------------------------------------------------------------------------
+
+function isThemeMode(value: string): value is ThemeMode {
+	return (THEME_MODES as readonly string[]).includes(value);
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 34a4074053..fd184b4451 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1915,8 +1915,8 @@ importers:
         specifier: ^1.1.0
         version: 1.1.0(@types/react@19.2.13)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@cloudflare/kumo':
-        specifier: ^1.5.0
-        version: 1.5.0(@phosphor-icons/react@2.1.10(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@types/react@19.2.13)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(zod@4.3.6)
+        specifier: ^1.17.0
+        version: 1.17.0(@phosphor-icons/react@2.1.10(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@types/react@19.2.13)(echarts@6.0.0)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(zod@4.3.6)
       '@cloudflare/workers-editor-shared':
         specifier: ^0.1.1
         version: 0.1.1(@cloudflare/style-const@6.1.3(react@19.2.4))(@cloudflare/style-container@7.12.2(@cloudflare/style-const@6.1.3(react@19.2.4))(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
@@ -4696,6 +4696,17 @@ packages:
       '@types/react':
         optional: true
 
+  '@base-ui/react@1.3.0':
+    resolution: {integrity: sha512-FwpKqZbPz14AITp1CVgf4AjhKPe1OeeVKSBMdgD10zbFlj3QSWelmtCMLi2+/PFZZcIm3l87G7rwtCZJwHyXWA==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      '@types/react': ^17 || ^18 || ^19
+      react: ^17 || ^18 || ^19
+      react-dom: ^17 || ^18 || ^19
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
   '@base-ui/utils@0.2.4':
     resolution: {integrity: sha512-smZwpMhjO29v+jrZusBSc5T+IJ3vBb9cjIiBjtKcvWmRj9Z4DWGVR3efr1eHR56/bqY5a4qyY9ElkOY5ljo3ng==}
     peerDependencies:
@@ -4706,6 +4717,16 @@ packages:
       '@types/react':
         optional: true
 
+  '@base-ui/utils@0.2.6':
+    resolution: {integrity: sha512-yQ+qeuqohwhsNpoYDqqXaLllYAkPCP4vYdDrVo8FQXaAPfHWm1pG/Vm+jmGTA5JFS0BAIjookyapuJFY8F9PIw==}
+    peerDependencies:
+      '@types/react': ^17 || ^18 || ^19
+      react: ^17 || ^18 || ^19
+      react-dom: ^17 || ^18 || ^19
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
   '@better-auth/core@1.5.4':
     resolution: {integrity: sha512-k5AdwPRQETZn0vdB60EB9CDxxfllpJXKqVxTjyXIUSRz7delNGlU0cR/iRP3VfVJwvYR1NbekphBDNo+KGoEzQ==}
     peerDependencies:
@@ -5022,11 +5043,12 @@ packages:
     peerDependencies:
       react: ^15.0.0-0 || ^16.0.0-0 || ^17.0.0-0
 
-  '@cloudflare/kumo@1.5.0':
-    resolution: {integrity: sha512-Y2fE72C3KwniG94SYROVtMwD5wNx/IXQ3CPbZv+ayD37nEXx1He3D5qFwh5PgPGtBQCrHiAL4J2b9v2FkgEvkQ==}
+  '@cloudflare/kumo@1.17.0':
+    resolution: {integrity: sha512-BWa/EbsFAu5fBk4pLKjd+qZQH6jh6K1/vfLW/bIiCcqc/9641FuAME5CAQgCf7jHvkHrbMBxzg4jB6ZdJCW9FA==}
     hasBin: true
     peerDependencies:
       '@phosphor-icons/react': ^2.1.10
+      echarts: ^6.0.0
       react: ^18.0.0 || ^19.0.0
       react-dom: ^18.0.0 || ^19.0.0
       zod: ^4.0.0
@@ -5247,6 +5269,9 @@ packages:
     resolution: {integrity: sha512-LzxlLEMbBOPYB85uXrDqvD4MgcenjRBLIns3zyhx7vTPj/0u2eQhzXvPiGcaJrV38Q9dbkExWp6cOHPJ+EtFYg==}
     engines: {node: '>= 6'}
 
+  '@date-fns/tz@1.4.1':
+    resolution: {integrity: sha512-P5LUNhtbj6YfI3iJjw5EL9eUAG6OitD0W3fWQcpQjDRc/QIsL0tRNuO1PcDvPccWL1fSTXXdE1ds+l95DV/OFA==}
+
   '@dnd-kit/accessibility@3.1.1':
     resolution: {integrity: sha512-2P+YgaXF+gRsIihwwY1gCsQSYnu9Zyj2py8kY5fFvUM1qm2WA2u639R6YNVfU4GWr+ZM5mqEsfHZZLoRONbemw==}
     peerDependencies:
@@ -6093,15 +6118,27 @@ packages:
   '@floating-ui/core@1.7.4':
     resolution: {integrity: sha512-C3HlIdsBxszvm5McXlB8PeOEWfBhcGBTZGkGlWc2U0KFY5IwG5OQEuQ8rq52DZmcHDlPLd+YFBK+cZcytwIFWg==}
 
+  '@floating-ui/core@1.7.5':
+    resolution: {integrity: sha512-1Ih4WTWyw0+lKyFMcBHGbb5U5FtuHJuujoyyr5zTaWS5EYMeT6Jb2AuDeftsCsEuchO+mM2ij5+q9crhydzLhQ==}
+
   '@floating-ui/dom@1.7.5':
     resolution: {integrity: sha512-N0bD2kIPInNHUHehXhMke1rBGs1dwqvC9O9KYMyyjK7iXt7GAhnro7UlcuYcGdS/yYOlq0MAVgrow8IbWJwyqg==}
 
+  '@floating-ui/dom@1.7.6':
+    resolution: {integrity: sha512-9gZSAI5XM36880PPMm//9dfiEngYoC6Am2izES1FF406YFsjvyBMmeJ2g4SAju3xWwtuynNRFL2s9hgxpLI5SQ==}
+
   '@floating-ui/react-dom@2.1.7':
     resolution: {integrity: sha512-0tLRojf/1Go2JgEVm+3Frg9A3IW8bJgKgdO0BN5RkF//ufuz2joZM63Npau2ff3J6lUVYgDSNzNkR+aH3IVfjg==}
     peerDependencies:
       react: '>=16.8.0'
       react-dom: '>=16.8.0'
 
+  '@floating-ui/react-dom@2.1.8':
+    resolution: {integrity: sha512-cC52bHwM/n/CxS87FH0yWdngEZrjdtLW/qVruo68qg+prK7ZQ4YGdut2GyDVpoGeAYe/h899rVeOVm6Oi40k2A==}
+    peerDependencies:
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
+
   '@floating-ui/react@0.27.18':
     resolution: {integrity: sha512-xJWJxvmy3a05j643gQt+pRbht5XnTlGpsEsAPnMi5F5YTOEEJymA90uZKBD8OvIv5XvZ1qi4GcccSlqT3Bq44Q==}
     peerDependencies:
@@ -6111,6 +6148,9 @@ packages:
   '@floating-ui/utils@0.2.10':
     resolution: {integrity: sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==}
 
+  '@floating-ui/utils@0.2.11':
+    resolution: {integrity: sha512-RiB/yIh78pcIxl6lLMG0CgBXAZ2Y0eVHqMPYugu+9U0AeT6YBeiJpf7lbdJNIugFP5SIjwNRgo4DhR1Qxi26Gg==}
+
   '@hey-api/codegen-core@0.7.1':
     resolution: {integrity: sha512-X5qG+rr/BJvr+pEGcoW6l2azoZGrVuxsviEIhuf+3VwL9bk0atfubT65Xwo+4jDxXvjbhZvlwS0Ty3I7mLE2fg==}
     engines: {node: '>=20.19.0'}
@@ -8050,6 +8090,37 @@ packages:
     resolution: {integrity: sha512-A4srR9mEBFdVXwSEKjQ94msUbVkMr8JeFiEj9ouOFORw/Y/ux/WV2bWVD/ZI9wq0TcTNK8L1wBgU8UMS5lIq3A==}
     engines: {node: '>=14.18'}
 
+  '@shikijs/core@4.0.2':
+    resolution: {integrity: sha512-hxT0YF4ExEqB8G/qFdtJvpmHXBYJ2lWW7qTHDarVkIudPFE6iCIrqdgWxGn5s+ppkGXI0aEGlibI0PAyzP3zlw==}
+    engines: {node: '>=20'}
+
+  '@shikijs/engine-javascript@4.0.2':
+    resolution: {integrity: sha512-7PW0Nm49DcoUIQEXlJhNNBHyoGMjalRETTCcjMqEaMoJRLljy1Bi/EGV3/qLBgLKQejdspiiYuHGQW6dX94Nag==}
+    engines: {node: '>=20'}
+
+  '@shikijs/engine-oniguruma@4.0.2':
+    resolution: {integrity: sha512-UpCB9Y2sUKlS9z8juFSKz7ZtysmeXCgnRF0dlhXBkmQnek7lAToPte8DkxmEYGNTMii72zU/lyXiCB6StuZeJg==}
+    engines: {node: '>=20'}
+
+  '@shikijs/langs@4.0.2':
+    resolution: {integrity: sha512-KaXby5dvoeuZzN0rYQiPMjFoUrz4hgwIE+D6Du9owcHcl6/g16/yT5BQxSW5cGt2MZBz6Hl0YuRqf12omRfUUg==}
+    engines: {node: '>=20'}
+
+  '@shikijs/primitive@4.0.2':
+    resolution: {integrity: sha512-M6UMPrSa3fN5ayeJwFVl9qWofl273wtK1VG8ySDZ1mQBfhCpdd8nEx7nPZ/tk7k+TYcpqBZzj/AnwxT9lO+HJw==}
+    engines: {node: '>=20'}
+
+  '@shikijs/themes@4.0.2':
+    resolution: {integrity: sha512-mjCafwt8lJJaVSsQvNVrJumbnnj1RI8jbUKrPKgE6E3OvQKxnuRoBaYC51H4IGHePsGN/QtALglWBU7DoKDFnA==}
+    engines: {node: '>=20'}
+
+  '@shikijs/types@4.0.2':
+    resolution: {integrity: sha512-qzbeRooUTPnLE+sHD/Z8DStmaDgnbbc/pMrU203950aRqjX/6AFHeDYT+j00y2lPdz0ywJKx7o/7qnqTivtlXg==}
+    engines: {node: '>=20'}
+
+  '@shikijs/vscode-textmate@10.0.2':
+    resolution: {integrity: sha512-83yeghZ2xxin3Nj8z1NMd/NCuca+gsYXswywDy5bHvwlWL8tpTQmzGeUuHd9FC3E/SBEMvzJRwWEOz5gGes9Qg==}
+
   '@sinclair/typebox@0.27.8':
     resolution: {integrity: sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==}
 
@@ -8376,6 +8447,10 @@ packages:
     peerDependencies:
       '@svgr/core': '*'
 
+  '@tabby_ai/hijri-converter@1.0.5':
+    resolution: {integrity: sha512-r5bClKrcIusDoo049dSL8CawnHR6mRdDwhlQuIgZRNty68q0x8k3Lf1BtPAMxRf/GgnHBnIO4ujd3+GQdLWzxQ==}
+    engines: {node: '>=16.0.0'}
+
   '@tailwindcss/node@4.2.2':
     resolution: {integrity: sha512-pXS+wJ2gZpVXqFaUEjojq7jzMpTGf8rU6ipJz5ovJV6PUGmlJ+jvIwGrzdHdQ80Sg+wmQxUFuoW1UAAwHNEdFA==}
 
@@ -8632,6 +8707,9 @@ packages:
   '@types/glob-to-regexp@0.4.1':
     resolution: {integrity: sha512-S0mIukll6fbF0tvrKic/jj+jI8SHoSvGU+Cs95b/jzZEnBYCbj+7aJtQ9yeABuK3xP1okwA3jEH9qIRayijnvQ==}
 
+  '@types/hast@3.0.4':
+    resolution: {integrity: sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==}
+
   '@types/http-cache-semantics@4.0.4':
     resolution: {integrity: sha512-1m0bIFVc7eJWyve9S0RnuRgcQqF/Xd5QsUZAZeQFr1Q3/p9JWoQQEqmVy+DPTNpGXwhgIetAoYF8JSc33q29QA==}
 
@@ -8674,6 +8752,9 @@ packages:
   '@types/lodash@4.17.23':
     resolution: {integrity: sha512-RDvF6wTulMPjrNdCoYRC8gNR880JNGT8uB+REUpC2Ns4pRqQJhGz90wh7rgdXDPpCczF3VGktDuFGVnz8zP7HA==}
 
+  '@types/mdast@4.0.4':
+    resolution: {integrity: sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==}
+
   '@types/mime-types@3.0.1':
     resolution: {integrity: sha512-xRMsfuQbnRq1Ef+C+RKaENOxXX87Ygl38W1vDfPHRku02TgQr+Qd8iivLtAMcR0KF5/29xlnFihkTlbqFrGOVQ==}
 
@@ -8806,6 +8887,9 @@ packages:
   '@types/supports-color@8.1.1':
     resolution: {integrity: sha512-dPWnWsf+kzIG140B8z2w3fr5D03TLWbOAFQl45xUpI3vcizeXriNR5VYkWZ+WTMsUHqZ9Xlt3hrxGNANFyNQfw==}
 
+  '@types/unist@3.0.3':
+    resolution: {integrity: sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==}
+
   '@types/uuid@9.0.4':
     resolution: {integrity: sha512-zAuJWQflfx6dYJM62vna+Sn5aeSWhh3OB+wfUEACNcqUSc0AGc5JKl+ycL1vrH7frGTXhJchYjE1Hak8L819dA==}
 
@@ -8836,6 +8920,9 @@ packages:
   '@types/yauzl@2.10.3':
     resolution: {integrity: sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==}
 
+  '@ungap/structured-clone@1.3.0':
+    resolution: {integrity: sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==}
+
   '@verdaccio/auth@8.0.0-next-8.7':
     resolution: {integrity: sha512-CSLBAsCJT1oOpJ4OWnVGmN6o/ZilDNa7Aa5+AU1LI2lbRblqgr4BVRn07GFqimJ//6+tPzl8BHgyiCbBhh1ZiA==}
     engines: {node: '>=18'}
@@ -9550,6 +9637,9 @@ packages:
   caseless@0.12.0:
     resolution: {integrity: sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==}
 
+  ccount@2.0.1:
+    resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
+
   chai@6.2.2:
     resolution: {integrity: sha512-NUPRluOfOiTKBKvWPtSD4PhFvWCqOi0BGStNWs57X9js7XGTprSmFoz5F0tWhR4WPjNeR9jXqdC7/UpSJTnlRg==}
     engines: {node: '>=18'}
@@ -9562,6 +9652,12 @@ packages:
     resolution: {integrity: sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==}
     engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
 
+  character-entities-html4@2.1.0:
+    resolution: {integrity: sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==}
+
+  character-entities-legacy@3.0.0:
+    resolution: {integrity: sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==}
+
   chardet@2.1.1:
     resolution: {integrity: sha512-PsezH1rqdV9VvyNhxxOW32/d75r01NY7TQCmOqomRo15ZSOKbpTFVsfjghxo6JloQUCGnH4k1LGu0R4yCLlWQQ==}
 
@@ -9680,6 +9776,9 @@ packages:
     resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
     engines: {node: '>= 0.8'}
 
+  comma-separated-tokens@2.0.3:
+    resolution: {integrity: sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==}
+
   command-exists@1.2.9:
     resolution: {integrity: sha512-LTQ/SGc+s0Xc0Fu5WaKnR0YiygZkm9eKFvyS+fRsU7/ZWFF8ykFM6Pc9aCVf1+xasOOZpO3BAVgVrKvsqKHV7w==}
 
@@ -9933,6 +10032,9 @@ packages:
   dataloader@1.4.0:
     resolution: {integrity: sha512-68s5jYdlvasItOJnCuI2Q9s4q98g0pCyL3HrcKJu8KNugUl8ahgmZYg38ysLTgQjjXX3H8CJLkAvWrclWfcalw==}
 
+  date-fns-jalali@4.1.0-0:
+    resolution: {integrity: sha512-hTIP/z+t+qKwBDcmmsnmjWTduxCg+5KfdqWQvb2X/8C9+knYY6epN/pfxdDuyVlSVeFz0sM5eEfwIUQ70U4ckg==}
+
   date-fns@2.30.0:
     resolution: {integrity: sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==}
     engines: {node: '>=0.11'}
@@ -10069,6 +10171,10 @@ packages:
   deprecation@2.3.1:
     resolution: {integrity: sha512-xmHIy4F3scKVwMsQ4WnVaS8bHOx0DmVwRywosKhaILI0ywMDWPtBSku2HNxRvF7jtwDRsoEwYQSfbxj8b7RlJQ==}
 
+  dequal@2.0.3:
+    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
+    engines: {node: '>=6'}
+
   destr@2.0.5:
     resolution: {integrity: sha512-ugFTXCtDZunbzasqBxrK93Ik/DRYsO6S/fedkWEMKqt04xZ4csmnmwGDBAb07QWNaGMAmnTIemsYZCksjATwsA==}
 
@@ -10091,6 +10197,9 @@ packages:
   devalue@5.6.3:
     resolution: {integrity: sha512-nc7XjUU/2Lb+SvEFVGcWLiKkzfw8+qHI7zn8WYXKkLMgfGSHbgCEaR6bJpev8Cm6Rmrb19Gfd/tZvGqx9is3wg==}
 
+  devlop@1.1.0:
+    resolution: {integrity: sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==}
+
   devtools-protocol@0.0.1182435:
     resolution: {integrity: sha512-EmlkWb62wSbQNE1gRZZsi4KZYRaF5Skpp183LhRU7+sadKR06O1dHCjZmFSEG6Kv7P6S/UYLxcY3NlYwqKM99w==}
 
@@ -10309,6 +10418,9 @@ packages:
   ecdsa-sig-formatter@1.0.11:
     resolution: {integrity: sha512-nagl3RYrbNv6kQkeJIpt6NJZy8twLB/2vtz6yN9Z4vRKHN4/QZJIEbqohALSgwKdnksuY3k5Addp5lg8sVoVcQ==}
 
+  echarts@6.0.0:
+    resolution: {integrity: sha512-Tte/grDQRiETQP4xz3iZWSvoHrkCQtwqd6hs+mifXcjrCuo2iKWbajFObuLJVBlDIJlOzgQPd1hsaKt/3+OMkQ==}
+
   ee-first@1.1.1:
     resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
 
@@ -10793,6 +10905,20 @@ packages:
   fraction.js@4.3.7:
     resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==}
 
+  framer-motion@12.38.0:
+    resolution: {integrity: sha512-rFYkY/pigbcswl1XQSb7q424kSTQ8q6eAC+YUsSKooHQYuLdzdHjrt6uxUC+PRAO++q5IS7+TamgIw1AphxR+g==}
+    peerDependencies:
+      '@emotion/is-prop-valid': '*'
+      react: ^18.0.0 || ^19.0.0
+      react-dom: ^18.0.0 || ^19.0.0
+    peerDependenciesMeta:
+      '@emotion/is-prop-valid':
+        optional: true
+      react:
+        optional: true
+      react-dom:
+        optional: true
+
   fresh@0.5.2:
     resolution: {integrity: sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==}
     engines: {node: '>= 0.6'}
@@ -11013,6 +11139,12 @@ packages:
     resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
     engines: {node: '>= 0.4'}
 
+  hast-util-to-html@9.0.5:
+    resolution: {integrity: sha512-OguPdidb+fbHQSU4Q4ZiLKnzWo8Wwsf5bZfbvu7//a9oTYoqD/fWpe96NuHkoS9h0ccGOTe0C4NGXdtS0iObOw==}
+
+  hast-util-whitespace@3.0.0:
+    resolution: {integrity: sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==}
+
   he@1.2.0:
     resolution: {integrity: sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==}
     hasBin: true
@@ -11045,6 +11177,9 @@ packages:
   html-rewriter-wasm@0.4.1:
     resolution: {integrity: sha512-lNovG8CMCCmcVB1Q7xggMSf7tqPCijZXaH4gL6iE8BFghdQCbaY5Met9i1x2Ex8m/cZHDUtXK9H6/znKamRP8Q==}
 
+  html-void-elements@3.0.0:
+    resolution: {integrity: sha512-bEqo66MRXsUGxWHV5IP0PUiAWwoEjba4VCzg0LjFJBpchPaTfyfCKTG6bc5F8ucKec3q5y6qOdGyYTSBEvhCrg==}
+
   http-cache-semantics@4.1.1:
     resolution: {integrity: sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ==}
 
@@ -11874,6 +12009,9 @@ packages:
     engines: {node: '>=10.13.0'}
     hasBin: true
 
+  mdast-util-to-hast@13.2.1:
+    resolution: {integrity: sha512-cctsq2wp5vTsLIcaymblUriiTcZd0CwWtCbLvrOzYCDZoWyMNV8sZ7krj09FSnsiJi3WVsHLM4k6Dq/yaPyCXA==}
+
   mdn-data@2.0.28:
     resolution: {integrity: sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==}
 
@@ -11909,6 +12047,21 @@ packages:
     resolution: {integrity: sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==}
     engines: {node: '>= 0.6'}
 
+  micromark-util-character@2.1.1:
+    resolution: {integrity: sha512-wv8tdUTJ3thSFFFJKtpYKOYiGP2+v96Hvk4Tu8KpCAsTMs6yi+nVmGh1syvSCsaxz45J6Jbw+9DD6g97+NV67Q==}
+
+  micromark-util-encode@2.0.1:
+    resolution: {integrity: sha512-c3cVx2y4KqUnwopcO9b/SCdo2O67LwJJ/UyqGfbigahfegL9myoEFoDYZgkT7f36T0bLrM9hZTAaAyH+PCAXjw==}
+
+  micromark-util-sanitize-uri@2.0.1:
+    resolution: {integrity: sha512-9N9IomZ/YuGGZZmQec1MbgxtlgougxTodVwDzzEouPKo3qFWvymFHWcnDi2vzV1ff6kas9ucW+o3yzJK9YB1AQ==}
+
+  micromark-util-symbol@2.0.1:
+    resolution: {integrity: sha512-vs5t8Apaud9N28kgCrRUdEed4UJ+wWNvicHLPxCa9ENlYuAY31M0ETy5y1vA33YoNPDFTghEbnh6efaE8h4x0Q==}
+
+  micromark-util-types@2.0.2:
+    resolution: {integrity: sha512-Yw0ECSpJoViF1qTU4DC6NwtC4aWGt1EkzaQB8KPPyCRR8z9TWeV0HbEFGTO+ZY1wB22zmxnJqhPyTpOVCpeHTA==}
+
   micromatch@4.0.8:
     resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
     engines: {node: '>=8.6'}
@@ -12066,6 +12219,26 @@ packages:
       socks:
         optional: true
 
+  motion-dom@12.38.0:
+    resolution: {integrity: sha512-pdkHLD8QYRp8VfiNLb8xIBJis1byQ9gPT3Jnh2jqfFtAsWUA3dEepDlsWe/xMpO8McV+VdpKVcp+E+TGJEtOoA==}
+
+  motion-utils@12.36.0:
+    resolution: {integrity: sha512-eHWisygbiwVvf6PZ1vhaHCLamvkSbPIeAYxWUuL3a2PD/TROgE7FvfHWTIH4vMl798QLfMw15nRqIaRDXTlYRg==}
+
+  motion@12.38.0:
+    resolution: {integrity: sha512-uYfXzeHlgThchzwz5Te47dlv5JOUC7OB4rjJ/7XTUgtBZD8CchMN8qEJ4ZVsUmTyYA44zjV0fBwsiktRuFnn+w==}
+    peerDependencies:
+      '@emotion/is-prop-valid': '*'
+      react: ^18.0.0 || ^19.0.0
+      react-dom: ^18.0.0 || ^19.0.0
+    peerDependenciesMeta:
+      '@emotion/is-prop-valid':
+        optional: true
+      react:
+        optional: true
+      react-dom:
+        optional: true
+
   mri@1.2.0:
     resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==}
     engines: {node: '>=4'}
@@ -12305,6 +12478,12 @@ packages:
     resolution: {integrity: sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==}
     engines: {node: '>=12'}
 
+  oniguruma-parser@0.12.1:
+    resolution: {integrity: sha512-8Unqkvk1RYc6yq2WBYRj4hdnsAxVze8i7iPfQr8e4uSP3tRv0rpZcbGUDvxfQQcdwHt/e9PrMvGCsa8OqG9X3w==}
+
+  oniguruma-to-es@4.3.5:
+    resolution: {integrity: sha512-Zjygswjpsewa0NLTsiizVuMQZbp0MDyM6lIt66OxsF21npUDlzpHi1Mgb/qhQdkb+dWFTzJmFbEWdvZgRho8eQ==}
+
   open@11.0.0:
     resolution: {integrity: sha512-smsWv2LzFjP03xmvFoJ331ss6h+jixfA4UUV/Bsiyuu4YJPfN+FIQGOIiv4w9/+MoHkfkJ22UIaQWRVFRfH6Vw==}
     engines: {node: '>=20'}
@@ -13012,6 +13191,9 @@ packages:
   proper-lockfile@4.1.2:
     resolution: {integrity: sha512-TjNPblN4BwAWMXU8s9AEz4JmQxnD1NNL7bNOY/AKUzyamc379FWASUhc/K1pL2noVb+XmZKLL68cjzLsiOAMaA==}
 
+  property-information@7.1.0:
+    resolution: {integrity: sha512-TwEZ+X+yCJmYfL7TPUOcvBZ4QfoT5YenQiJuX//0th53DE6w0xxLEtfK3iyryQFddXuvkIk51EEgrJQ0WJkOmQ==}
+
   proto-list@1.2.4:
     resolution: {integrity: sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==}
 
@@ -13107,6 +13289,12 @@ packages:
   react-addons-shallow-compare@15.6.3:
     resolution: {integrity: sha512-EDJbgKTtGRLhr3wiGDXK/+AEJ59yqGS+tKE6mue0aNXT6ZMR7VJbbzIiT6akotmHg1BLj46ElJSb+NBMp80XBg==}
 
+  react-day-picker@9.14.0:
+    resolution: {integrity: sha512-tBaoDWjPwe0M5pGrum4H0SR6Lyk+BO9oHnp9JbKpGKW2mlraNPgP9BMfsg5pWpwrssARmeqk7YBl2oXutZTaHA==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      react: '>=16.8.0'
+
   react-display-name@0.2.5:
     resolution: {integrity: sha512-I+vcaK9t4+kypiSgaiVWAipqHRXYmZIuAiS8vzFvXHHXVigg/sMKwlRgLy6LH2i3rmP+0Vzfl5lFsFRwF1r3pg==}
 
@@ -13249,6 +13437,15 @@ packages:
   regenerator-runtime@0.14.1:
     resolution: {integrity: sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==}
 
+  regex-recursion@6.0.2:
+    resolution: {integrity: sha512-0YCaSCq2VRIebiaUviZNs0cBz1kg5kVS2UKUfNIx8YVs1cN3AV7NTctO5FOKBA+UT2BPJIWZauYHPqJODG50cg==}
+
+  regex-utilities@2.3.0:
+    resolution: {integrity: sha512-8VhliFJAWRaUiVvREIiW2NXXTmHs4vMNnSzuJVhscgmGav3g9VDxLrQndI3dZZVVdp0ZO/5v0xmX516/7M9cng==}
+
+  regex@6.1.0:
+    resolution: {integrity: sha512-6VwtthbV4o/7+OaAF9I5L5V3llLEsoPyq9P1JVXkedTP33c7MfCG0/5NOPcSJn0TzXcG9YUrR0gQSWioew3LDg==}
+
   regexp-to-ast@0.5.0:
     resolution: {integrity: sha512-tlbJqcMHnPKI9zSrystikWKwHkBqu2a/Sgw01h3zFjvYrMxEDYHzzoMZnUrbIfpTFEsoRnnviOXNCzFiSc54Qw==}
 
@@ -13565,6 +13762,10 @@ packages:
     resolution: {integrity: sha512-ObmnIF4hXNg1BqhnHmgbDETF8dLPCggZWBjkQfhZpbszZnYur5DUljTcCHii5LC3J5E0yeO/1LIMyH+UvHQgyw==}
     engines: {node: '>= 0.4'}
 
+  shiki@4.0.2:
+    resolution: {integrity: sha512-eAVKTMedR5ckPo4xne/PjYQYrU3qx78gtJZ+sHlXEg5IHhhoQhMfZVzetTYuaJS0L2Ef3AcCRzCHV8T0WI6nIQ==}
+    engines: {node: '>=20'}
+
   side-channel-list@1.0.0:
     resolution: {integrity: sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==}
     engines: {node: '>= 0.4'}
@@ -13676,6 +13877,9 @@ packages:
     engines: {node: '>= 8'}
     deprecated: The work that was done in this beta branch won't be included in future versions
 
+  space-separated-tokens@2.0.2:
+    resolution: {integrity: sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==}
+
   sparse-bitfield@3.0.3:
     resolution: {integrity: sha512-kvzhi7vqKTfkh0PZU+2D2PIllw2ymqJKujUcyPMd9Y75Nv4nPbGJZXNhxsgdQab2BmlDct1YnfQCguEvHr7VsQ==}
 
@@ -13804,6 +14008,9 @@ packages:
   string_decoder@1.3.0:
     resolution: {integrity: sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==}
 
+  stringify-entities@4.0.4:
+    resolution: {integrity: sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg==}
+
   strip-ansi@6.0.1:
     resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
     engines: {node: '>=8'}
@@ -14061,6 +14268,9 @@ packages:
     resolution: {integrity: sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==}
     hasBin: true
 
+  trim-lines@3.0.1:
+    resolution: {integrity: sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==}
+
   ts-dedent@2.2.0:
     resolution: {integrity: sha512-q5W7tVM71e2xjHZTlgfTDoPF/SmqKG5hddq9SzR49CH2hayqRKJtQ4mtRlSxKaJlR/+9rEM+mnBHf7I2/BQcpQ==}
     engines: {node: '>=6.10'}
@@ -14133,6 +14343,9 @@ packages:
       unplugin-unused:
         optional: true
 
+  tslib@2.3.0:
+    resolution: {integrity: sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==}
+
   tslib@2.8.1:
     resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
 
@@ -14368,6 +14581,21 @@ packages:
     resolution: {integrity: sha512-lRfVq8fE8gz6QMBuDM6a+LO3IAzTi05H6gCVaUpir2E1Rwpo4ZUog45KpNXKC/Mn3Yb9UDuHumeFTo9iV/D9FQ==}
     engines: {node: '>=18'}
 
+  unist-util-is@6.0.1:
+    resolution: {integrity: sha512-LsiILbtBETkDz8I9p1dQ0uyRUWuaQzd/cuEeS1hoRSyW5E5XGmTzlwY1OrNzzakGowI9Dr/I8HVaw4hTtnxy8g==}
+
+  unist-util-position@5.0.0:
+    resolution: {integrity: sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA==}
+
+  unist-util-stringify-position@4.0.0:
+    resolution: {integrity: sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==}
+
+  unist-util-visit-parents@6.0.2:
+    resolution: {integrity: sha512-goh1s1TBrqSqukSc8wrjwWhL0hiJxgA8m4kFxGlQ+8FYQ3C/m11FcTs4YYem7V664AhHVvgoQLk890Ssdsr2IQ==}
+
+  unist-util-visit@5.1.0:
+    resolution: {integrity: sha512-m+vIdyeCOpdr/QeQCu2EzxX/ohgS8KbnPDgFni4dQsfSCtpz8UqDyY5GjRru8PDKuYn7Fq19j1CQ+nJSsGKOzg==}
+
   universal-user-agent@6.0.1:
     resolution: {integrity: sha512-yCzhz6FN2wU1NiiQRogkTQszlQSlpWaw8SvVegAc+bDxbzHgh1vX8uIe8OYyMH6DwH+sdTJsgMl36+mSMdRJIQ==}
 
@@ -14490,6 +14718,12 @@ packages:
     resolution: {integrity: sha512-ZZKSmDAEFOijERBLkmYfJ+vmk3w+7hOLYDNkRCuRuMJGEmqYNCNLyBBFwWKVMhfwaEF3WOd0Zlw86U/WC/+nYw==}
     engines: {'0': node >=0.6.0}
 
+  vfile-message@4.0.3:
+    resolution: {integrity: sha512-QTHzsGd1EhbZs4AsQ20JX1rC3cOlt/IWJruk893DfLRr57lcnOeMaWG4K0JrRta4mIJZKth2Au3mM3u03/JWKw==}
+
+  vfile@6.0.3:
+    resolution: {integrity: sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==}
+
   vite-plugin-dts@4.0.1:
     resolution: {integrity: sha512-JFbAKMjJdJbeXJVwQNoi8M26lP+5Ene4/ryv9w0Z7Ca5N0DdxYEak9V3C0tqwHO7WZ9JLbwMsuUZOqYIyBRwSQ==}
     engines: {node: ^14.18.0 || >=16.0.0}
@@ -14863,6 +15097,12 @@ packages:
   zod@4.3.6:
     resolution: {integrity: sha512-rftlrkhHZOcjDwkGlnUtZZkvaPHCsDATp4pGpuOOMDaTdDDXF91wuVDJoWoPsKX/3YPQ5fHuF3STjcYyKr+Qhg==}
 
+  zrender@6.0.0:
+    resolution: {integrity: sha512-41dFXEEXuJpNecuUQq6JlbybmnHaqqpGlbH1yxnA5V9MMP4SbohSVZsJIwz+zdjQXSSlR1Vc34EgH1zxyTDvhg==}
+
+  zwitch@2.0.4:
+    resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==}
+
 snapshots:
 
   '@actions/core@1.11.1':
@@ -15715,6 +15955,19 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.13
 
+  '@base-ui/react@1.3.0(@types/react@19.2.13)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
+    dependencies:
+      '@babel/runtime': 7.29.2
+      '@base-ui/utils': 0.2.6(@types/react@19.2.13)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@floating-ui/react-dom': 2.1.8(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@floating-ui/utils': 0.2.11
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
+      tabbable: 6.4.0
+      use-sync-external-store: 1.6.0(react@19.2.4)
+    optionalDependencies:
+      '@types/react': 19.2.13
+
   '@base-ui/utils@0.2.4(@types/react@19.2.13)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
       '@babel/runtime': 7.28.6
@@ -15726,6 +15979,17 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.13
 
+  '@base-ui/utils@0.2.6(@types/react@19.2.13)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
+    dependencies:
+      '@babel/runtime': 7.29.2
+      '@floating-ui/utils': 0.2.11
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
+      reselect: 5.1.1
+      use-sync-external-store: 1.6.0(react@19.2.4)
+    optionalDependencies:
+      '@types/react': 19.2.13
+
   '@better-auth/core@1.5.4(@better-auth/utils@0.3.1)(@better-fetch/fetch@1.1.21)(@cloudflare/workers-types@4.20260410.1)(better-call@1.3.2(zod@4.3.6))(jose@5.9.3)(kysely@0.28.11)(nanostores@1.1.1)':
     dependencies:
       '@better-auth/utils': 0.3.1
@@ -16212,17 +16476,24 @@ snapshots:
     dependencies:
       react: 19.2.4
 
-  '@cloudflare/kumo@1.5.0(@phosphor-icons/react@2.1.10(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@types/react@19.2.13)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(zod@4.3.6)':
+  '@cloudflare/kumo@1.17.0(@phosphor-icons/react@2.1.10(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@types/react@19.2.13)(echarts@6.0.0)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(zod@4.3.6)':
     dependencies:
-      '@base-ui/react': 1.1.0(@types/react@19.2.13)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@base-ui/react': 1.3.0(@types/react@19.2.13)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@phosphor-icons/react': 2.1.10(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@shikijs/langs': 4.0.2
+      '@shikijs/themes': 4.0.2
       clsx: 2.1.1
+      echarts: 6.0.0
+      motion: 12.38.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       react: 19.2.4
+      react-day-picker: 9.14.0(react@19.2.4)
       react-dom: 19.2.4(react@19.2.4)
+      shiki: 4.0.2
       tailwind-merge: 3.4.0
     optionalDependencies:
       zod: 4.3.6
     transitivePeerDependencies:
+      - '@emotion/is-prop-valid'
       - '@types/react'
 
   '@cloudflare/kv-asset-handler@0.1.3':
@@ -16491,6 +16762,8 @@ snapshots:
       tunnel-agent: 0.6.0
       uuid: 8.3.2
 
+  '@date-fns/tz@1.4.1': {}
+
   '@dnd-kit/accessibility@3.1.1(react@19.2.4)':
     dependencies:
       react: 19.2.4
@@ -16993,19 +17266,34 @@ snapshots:
 
   '@floating-ui/core@1.7.4':
     dependencies:
-      '@floating-ui/utils': 0.2.10
+      '@floating-ui/utils': 0.2.11
+
+  '@floating-ui/core@1.7.5':
+    dependencies:
+      '@floating-ui/utils': 0.2.11
 
   '@floating-ui/dom@1.7.5':
     dependencies:
       '@floating-ui/core': 1.7.4
       '@floating-ui/utils': 0.2.10
 
+  '@floating-ui/dom@1.7.6':
+    dependencies:
+      '@floating-ui/core': 1.7.5
+      '@floating-ui/utils': 0.2.11
+
   '@floating-ui/react-dom@2.1.7(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
       '@floating-ui/dom': 1.7.5
       react: 19.2.4
       react-dom: 19.2.4(react@19.2.4)
 
+  '@floating-ui/react-dom@2.1.8(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
+    dependencies:
+      '@floating-ui/dom': 1.7.6
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
+
   '@floating-ui/react@0.27.18(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
       '@floating-ui/react-dom': 2.1.7(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
@@ -17016,6 +17304,8 @@ snapshots:
 
   '@floating-ui/utils@0.2.10': {}
 
+  '@floating-ui/utils@0.2.11': {}
+
   '@hey-api/codegen-core@0.7.1(typescript@5.8.3)':
     dependencies:
       '@hey-api/types': 0.1.3(typescript@5.8.3)
@@ -17948,36 +18238,36 @@ snapshots:
 
   '@radix-ui/number@1.0.1':
     dependencies:
-      '@babel/runtime': 7.28.6
+      '@babel/runtime': 7.29.2
 
   '@radix-ui/primitive@1.0.1':
     dependencies:
-      '@babel/runtime': 7.28.6
+      '@babel/runtime': 7.29.2
 
   '@radix-ui/react-compose-refs@1.0.1(@types/react@18.3.3)(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.28.6
+      '@babel/runtime': 7.29.2
       react: 18.3.1
     optionalDependencies:
       '@types/react': 18.3.3
 
   '@radix-ui/react-context@1.0.1(@types/react@18.3.3)(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.28.6
+      '@babel/runtime': 7.29.2
       react: 18.3.1
     optionalDependencies:
       '@types/react': 18.3.3
 
   '@radix-ui/react-direction@1.0.1(@types/react@18.3.3)(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.28.6
+      '@babel/runtime': 7.29.2
       react: 18.3.1
     optionalDependencies:
       '@types/react': 18.3.3
 
   '@radix-ui/react-presence@1.0.1(@types/react-dom@18.2.0)(@types/react@18.3.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.28.6
+      '@babel/runtime': 7.29.2
       '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.3)(react@18.3.1)
       '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.3.3)(react@18.3.1)
       react: 18.3.1
@@ -17988,7 +18278,7 @@ snapshots:
 
   '@radix-ui/react-primitive@1.0.3(@types/react-dom@18.2.0)(@types/react@18.3.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.28.6
+      '@babel/runtime': 7.29.2
       '@radix-ui/react-slot': 1.0.2(@types/react@18.3.3)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
@@ -18016,7 +18306,7 @@ snapshots:
 
   '@radix-ui/react-slot@1.0.2(@types/react@18.3.3)(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.28.6
+      '@babel/runtime': 7.29.2
       '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.3)(react@18.3.1)
       react: 18.3.1
     optionalDependencies:
@@ -18024,14 +18314,14 @@ snapshots:
 
   '@radix-ui/react-use-callback-ref@1.0.1(@types/react@18.3.3)(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.28.6
+      '@babel/runtime': 7.29.2
       react: 18.3.1
     optionalDependencies:
       '@types/react': 18.3.3
 
   '@radix-ui/react-use-layout-effect@1.0.1(@types/react@18.3.3)(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.28.6
+      '@babel/runtime': 7.29.2
       react: 18.3.1
     optionalDependencies:
       '@types/react': 18.3.3
@@ -18599,6 +18889,46 @@ snapshots:
     dependencies:
       '@sentry/types': 8.9.2
 
+  '@shikijs/core@4.0.2':
+    dependencies:
+      '@shikijs/primitive': 4.0.2
+      '@shikijs/types': 4.0.2
+      '@shikijs/vscode-textmate': 10.0.2
+      '@types/hast': 3.0.4
+      hast-util-to-html: 9.0.5
+
+  '@shikijs/engine-javascript@4.0.2':
+    dependencies:
+      '@shikijs/types': 4.0.2
+      '@shikijs/vscode-textmate': 10.0.2
+      oniguruma-to-es: 4.3.5
+
+  '@shikijs/engine-oniguruma@4.0.2':
+    dependencies:
+      '@shikijs/types': 4.0.2
+      '@shikijs/vscode-textmate': 10.0.2
+
+  '@shikijs/langs@4.0.2':
+    dependencies:
+      '@shikijs/types': 4.0.2
+
+  '@shikijs/primitive@4.0.2':
+    dependencies:
+      '@shikijs/types': 4.0.2
+      '@shikijs/vscode-textmate': 10.0.2
+      '@types/hast': 3.0.4
+
+  '@shikijs/themes@4.0.2':
+    dependencies:
+      '@shikijs/types': 4.0.2
+
+  '@shikijs/types@4.0.2':
+    dependencies:
+      '@shikijs/vscode-textmate': 10.0.2
+      '@types/hast': 3.0.4
+
+  '@shikijs/vscode-textmate@10.0.2': {}
+
   '@sinclair/typebox@0.27.8': {}
 
   '@sindresorhus/is@7.0.2': {}
@@ -19061,6 +19391,8 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@tabby_ai/hijri-converter@1.0.5': {}
+
   '@tailwindcss/node@4.2.2':
     dependencies:
       '@jridgewell/remapping': 2.3.5
@@ -19329,6 +19661,10 @@ snapshots:
 
   '@types/glob-to-regexp@0.4.1': {}
 
+  '@types/hast@3.0.4':
+    dependencies:
+      '@types/unist': 3.0.3
+
   '@types/http-cache-semantics@4.0.4': {}
 
   '@types/http-errors@2.0.4': {}
@@ -19371,6 +19707,10 @@ snapshots:
 
   '@types/lodash@4.17.23': {}
 
+  '@types/mdast@4.0.4':
+    dependencies:
+      '@types/unist': 3.0.3
+
   '@types/mime-types@3.0.1': {}
 
   '@types/mime@1.3.5': {}
@@ -19501,6 +19841,8 @@ snapshots:
 
   '@types/supports-color@8.1.1': {}
 
+  '@types/unist@3.0.3': {}
+
   '@types/uuid@9.0.4': {}
 
   '@types/webidl-conversions@7.0.3': {}
@@ -19532,6 +19874,8 @@ snapshots:
       '@types/node': 22.15.17
     optional: true
 
+  '@ungap/structured-clone@1.3.0': {}
+
   '@verdaccio/auth@8.0.0-next-8.7':
     dependencies:
       '@verdaccio/config': 8.0.0-next-8.7
@@ -20389,6 +20733,8 @@ snapshots:
 
   caseless@0.12.0: {}
 
+  ccount@2.0.1: {}
+
   chai@6.2.2: {}
 
   chalk@4.1.2:
@@ -20398,6 +20744,10 @@ snapshots:
 
   chalk@5.3.0: {}
 
+  character-entities-html4@2.1.0: {}
+
+  character-entities-legacy@3.0.0: {}
+
   chardet@2.1.1: {}
 
   chevrotain@10.5.0:
@@ -20520,6 +20870,8 @@ snapshots:
     dependencies:
       delayed-stream: 1.0.0
 
+  comma-separated-tokens@2.0.3: {}
+
   command-exists@1.2.9: {}
 
   commander@11.1.0: {}
@@ -20786,6 +21138,8 @@ snapshots:
 
   dataloader@1.4.0: {}
 
+  date-fns-jalali@4.1.0-0: {}
+
   date-fns@2.30.0:
     dependencies:
       '@babel/runtime': 7.28.6
@@ -20876,6 +21230,8 @@ snapshots:
 
   deprecation@2.3.1: {}
 
+  dequal@2.0.3: {}
+
   destr@2.0.5: {}
 
   destroy@1.2.0: {}
@@ -20889,6 +21245,10 @@ snapshots:
 
   devalue@5.6.3: {}
 
+  devlop@1.1.0:
+    dependencies:
+      dequal: 2.0.3
+
   devtools-protocol@0.0.1182435: {}
 
   devtools-protocol@0.0.1299070: {}
@@ -21013,6 +21373,11 @@ snapshots:
     dependencies:
       safe-buffer: 5.2.1
 
+  echarts@6.0.0:
+    dependencies:
+      tslib: 2.3.0
+      zrender: 6.0.0
+
   ee-first@1.1.1: {}
 
   effect@3.18.4:
@@ -21778,6 +22143,15 @@ snapshots:
 
   fraction.js@4.3.7: {}
 
+  framer-motion@12.38.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4):
+    dependencies:
+      motion-dom: 12.38.0
+      motion-utils: 12.36.0
+      tslib: 2.8.1
+    optionalDependencies:
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
+
   fresh@0.5.2: {}
 
   fresh@2.0.0: {}
@@ -22021,6 +22395,24 @@ snapshots:
     dependencies:
       function-bind: 1.1.2
 
+  hast-util-to-html@9.0.5:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/unist': 3.0.3
+      ccount: 2.0.1
+      comma-separated-tokens: 2.0.3
+      hast-util-whitespace: 3.0.0
+      html-void-elements: 3.0.0
+      mdast-util-to-hast: 13.2.1
+      property-information: 7.1.0
+      space-separated-tokens: 2.0.2
+      stringify-entities: 4.0.4
+      zwitch: 2.0.4
+
+  hast-util-whitespace@3.0.0:
+    dependencies:
+      '@types/hast': 3.0.4
+
   he@1.2.0: {}
 
   headers-polyfill@4.0.3: {}
@@ -22041,6 +22433,8 @@ snapshots:
 
   html-rewriter-wasm@0.4.1: {}
 
+  html-void-elements@3.0.0: {}
+
   http-cache-semantics@4.1.1: {}
 
   http-errors@2.0.0:
@@ -22784,6 +23178,18 @@ snapshots:
 
   md5-file@5.0.0: {}
 
+  mdast-util-to-hast@13.2.1:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      '@ungap/structured-clone': 1.3.0
+      devlop: 1.1.0
+      micromark-util-sanitize-uri: 2.0.1
+      trim-lines: 3.0.1
+      unist-util-position: 5.0.0
+      unist-util-visit: 5.1.0
+      vfile: 6.0.3
+
   mdn-data@2.0.28: {}
 
   mdn-data@2.0.30: {}
@@ -22804,6 +23210,23 @@ snapshots:
 
   methods@1.1.2: {}
 
+  micromark-util-character@2.1.1:
+    dependencies:
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-util-encode@2.0.1: {}
+
+  micromark-util-sanitize-uri@2.0.1:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-encode: 2.0.1
+      micromark-util-symbol: 2.0.1
+
+  micromark-util-symbol@2.0.1: {}
+
+  micromark-util-types@2.0.2: {}
+
   micromatch@4.0.8:
     dependencies:
       braces: 3.0.3
@@ -22933,6 +23356,20 @@ snapshots:
       bson: 7.2.0
       mongodb-connection-string-url: 7.0.1
 
+  motion-dom@12.38.0:
+    dependencies:
+      motion-utils: 12.36.0
+
+  motion-utils@12.36.0: {}
+
+  motion@12.38.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4):
+    dependencies:
+      framer-motion: 12.38.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      tslib: 2.8.1
+    optionalDependencies:
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
+
   mri@1.2.0: {}
 
   mrmime@2.0.1: {}
@@ -23175,6 +23612,14 @@ snapshots:
     dependencies:
       mimic-fn: 4.0.0
 
+  oniguruma-parser@0.12.1: {}
+
+  oniguruma-to-es@4.3.5:
+    dependencies:
+      oniguruma-parser: 0.12.1
+      regex: 6.1.0
+      regex-recursion: 6.0.2
+
   open@11.0.0:
     dependencies:
       default-browser: 5.4.0
@@ -23877,6 +24322,8 @@ snapshots:
       retry: 0.12.0
       signal-exit: 3.0.7
 
+  property-information@7.1.0: {}
+
   proto-list@1.2.4: {}
 
   protobufjs@7.4.0:
@@ -24000,6 +24447,14 @@ snapshots:
     dependencies:
       object-assign: 4.1.1
 
+  react-day-picker@9.14.0(react@19.2.4):
+    dependencies:
+      '@date-fns/tz': 1.4.1
+      '@tabby_ai/hijri-converter': 1.0.5
+      date-fns: 4.1.0
+      date-fns-jalali: 4.1.0-0
+      react: 19.2.4
+
   react-display-name@0.2.5: {}
 
   react-dom@18.3.1(react@18.3.1):
@@ -24186,6 +24641,16 @@ snapshots:
 
   regenerator-runtime@0.14.1: {}
 
+  regex-recursion@6.0.2:
+    dependencies:
+      regex-utilities: 2.3.0
+
+  regex-utilities@2.3.0: {}
+
+  regex@6.1.0:
+    dependencies:
+      regex-utilities: 2.3.0
+
   regexp-to-ast@0.5.0: {}
 
   regexp.prototype.flags@1.5.4:
@@ -24657,6 +25122,17 @@ snapshots:
 
   shell-quote@1.8.3: {}
 
+  shiki@4.0.2:
+    dependencies:
+      '@shikijs/core': 4.0.2
+      '@shikijs/engine-javascript': 4.0.2
+      '@shikijs/engine-oniguruma': 4.0.2
+      '@shikijs/langs': 4.0.2
+      '@shikijs/themes': 4.0.2
+      '@shikijs/types': 4.0.2
+      '@shikijs/vscode-textmate': 10.0.2
+      '@types/hast': 3.0.4
+
   side-channel-list@1.0.0:
     dependencies:
       es-errors: 1.3.0
@@ -24778,6 +25254,8 @@ snapshots:
     dependencies:
       whatwg-url: 7.1.0
 
+  space-separated-tokens@2.0.2: {}
+
   sparse-bitfield@3.0.3:
     dependencies:
       memory-pager: 1.5.0
@@ -24926,6 +25404,11 @@ snapshots:
     dependencies:
       safe-buffer: 5.2.1
 
+  stringify-entities@4.0.4:
+    dependencies:
+      character-entities-html4: 2.1.0
+      character-entities-legacy: 3.0.0
+
   strip-ansi@6.0.1:
     dependencies:
       ansi-regex: 5.0.1
@@ -25178,6 +25661,8 @@ snapshots:
 
   tree-kill@1.2.2: {}
 
+  trim-lines@3.0.1: {}
+
   ts-dedent@2.2.0: {}
 
   ts-interface-checker@0.1.13: {}
@@ -25255,6 +25740,8 @@ snapshots:
       - synckit
       - vue-tsc
 
+  tslib@2.3.0: {}
+
   tslib@2.8.1: {}
 
   tsup@8.3.0(@microsoft/api-extractor@7.52.8(@types/node@22.15.17))(jiti@2.6.1)(postcss@8.5.8)(supports-color@9.2.2)(tsx@4.21.0)(typescript@5.8.3)(yaml@2.8.1):
@@ -25569,6 +26056,29 @@ snapshots:
 
   unicorn-magic@0.1.0: {}
 
+  unist-util-is@6.0.1:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-position@5.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-stringify-position@4.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-visit-parents@6.0.2:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-is: 6.0.1
+
+  unist-util-visit@5.1.0:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-is: 6.0.1
+      unist-util-visit-parents: 6.0.2
+
   universal-user-agent@6.0.1: {}
 
   universalify@0.1.2: {}
@@ -25734,6 +26244,16 @@ snapshots:
       core-util-is: 1.0.2
       extsprintf: 1.3.0
 
+  vfile-message@4.0.3:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-stringify-position: 4.0.0
+
+  vfile@6.0.3:
+    dependencies:
+      '@types/unist': 3.0.3
+      vfile-message: 4.0.3
+
   vite-plugin-dts@4.0.1(@types/node@22.15.17)(rollup@4.57.1)(typescript@5.8.3)(vite@8.0.1(@types/node@22.15.17)(esbuild@0.27.3)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.8.1)):
     dependencies:
       '@microsoft/api-extractor': 7.47.4(@types/node@22.15.17)
@@ -26178,3 +26698,9 @@ snapshots:
   zod@3.25.76: {}
 
   zod@4.3.6: {}
+
+  zrender@6.0.0:
+    dependencies:
+      tslib: 2.3.0
+
+  zwitch@2.0.4: {}