img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl",
+ className
+ )}
+ {...props}
+ />
+ )
+}
+
+function CardHeader({ className, ...props }: React.ComponentProps<"div">) {
+ return (
+
+ )
+}
+
+function CardTitle({ className, ...props }: React.ComponentProps<"div">) {
+ return (
+
+ )
+}
+
+function CardDescription({ className, ...props }: React.ComponentProps<"div">) {
+ return (
+
+ )
+}
+
+function CardAction({ className, ...props }: React.ComponentProps<"div">) {
+ return (
+
+ )
+}
+
+function CardContent({ className, ...props }: React.ComponentProps<"div">) {
+ return (
+
+ )
+}
+
+function CardFooter({ className, ...props }: React.ComponentProps<"div">) {
+ return (
+
+ )
+}
+
+export {
+ Card,
+ CardHeader,
+ CardFooter,
+ CardTitle,
+ CardAction,
+ CardDescription,
+ CardContent,
+}
diff --git a/maxc-landing-page/components/ui/separator.tsx b/maxc-landing-page/components/ui/separator.tsx
new file mode 100644
index 0000000..d457090
--- /dev/null
+++ b/maxc-landing-page/components/ui/separator.tsx
@@ -0,0 +1,28 @@
+"use client"
+
+import * as React from "react"
+import { Separator as SeparatorPrimitive } from "radix-ui"
+
+import { cn } from "@/lib/utils"
+
+function Separator({
+ className,
+ orientation = "horizontal",
+ decorative = true,
+ ...props
+}: React.ComponentProps
) {
+ return (
+
+
\ No newline at end of file
diff --git a/maxc-landing-page/public/file.svg b/maxc-landing-page/public/file.svg
new file mode 100644
index 0000000..004145c
--- /dev/null
+++ b/maxc-landing-page/public/file.svg
@@ -0,0 +1 @@
+
+
diff --git a/maxc-landing-page/public/maxc_logo_full_dark_single.svg b/maxc-landing-page/public/maxc_logo_full_dark_single.svg
new file mode 100644
index 0000000..4a0823c
--- /dev/null
+++ b/maxc-landing-page/public/maxc_logo_full_dark_single.svg
@@ -0,0 +1,5 @@
+
+
diff --git a/maxc-landing-page/public/maxc_logo_full_white_single.svg b/maxc-landing-page/public/maxc_logo_full_white_single.svg
new file mode 100644
index 0000000..b9a75ec
--- /dev/null
+++ b/maxc-landing-page/public/maxc_logo_full_white_single.svg
@@ -0,0 +1,5 @@
+
+
diff --git a/maxc-landing-page/public/maxc_logo_white.svg b/maxc-landing-page/public/maxc_logo_white.svg
new file mode 100644
index 0000000..45a0bc3
--- /dev/null
+++ b/maxc-landing-page/public/maxc_logo_white.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/maxc-landing-page/public/next.svg b/maxc-landing-page/public/next.svg
new file mode 100644
index 0000000..5174b28
--- /dev/null
+++ b/maxc-landing-page/public/next.svg
@@ -0,0 +1 @@
+ = OnceLock::new();
-fn init_server() -> RpcState {
- let config = BackendConfig::from_env().unwrap_or_else(|_| BackendConfig::default());
+fn init_server(data_dir: Option) -> RpcState {
+ let mut config = BackendConfig::from_env().unwrap_or_else(|_| BackendConfig::default());
+
+ // Resolve event_dir to an absolute path under the app data directory.
+ // On Windows this is %APPDATA%/com.polluxstudio.maxc-desktop/
+ // This ensures the event store is always writable regardless of CWD.
+ if let Some(dir) = data_dir {
+ let events_dir = dir.join("events");
+ config.event_dir = events_dir.to_string_lossy().to_string();
+ }
+
let server = RpcServer::new(config).expect("failed to start backend automation server");
RpcState {
server: Arc::new(server),
@@ -140,20 +149,29 @@ async fn update_download_and_install(app: tauri::AppHandle, channel: String) ->
.download_and_install(|_, _| {}, || {})
.await
.map_err(|e| e.to_string())?;
+
+ // Restart the app after successful update install
+ app.restart();
}
Ok(())
}
#[cfg_attr(mobile, tauri::mobile_entry_point)]
pub fn run() {
- let state = RPC_STATE.get_or_init(init_server).clone();
-
tauri::Builder::default()
- .manage(state)
.plugin(tauri_plugin_opener::init())
.plugin(tauri_plugin_dialog::init())
.plugin(tauri_plugin_notification::init())
.plugin(tauri_plugin_updater::Builder::new().build())
+ .setup(|app| {
+ // Resolve the app data directory for reliable event store path.
+ let data_dir = app.path().app_data_dir().ok();
+ let state = RPC_STATE
+ .get_or_init(|| init_server(data_dir))
+ .clone();
+ app.manage(state);
+ Ok(())
+ })
.invoke_handler(tauri::generate_handler![
rpc_call,
get_git_branch,
diff --git a/maxc_desktop/src-tauri/tauri.conf.json b/maxc_desktop/src-tauri/tauri.conf.json
index ff5e732..d5ceb33 100644
--- a/maxc_desktop/src-tauri/tauri.conf.json
+++ b/maxc_desktop/src-tauri/tauri.conf.json
@@ -15,9 +15,13 @@
"title": "maxc",
"width": 1280,
"height": 832,
+ "minWidth": 1100,
+ "minHeight": 720,
"decorations": false,
"center": true,
"maximized": true,
+ "resizable": true,
+ "maximizable": true,
"fullscreen": false
}
],
@@ -25,17 +29,22 @@
"csp": null
}
},
- "bundle": {
- "active": true,
- "targets": "all",
- "createUpdaterArtifacts": true,
- "icon": [
- "icons/32x32.png",
- "icons/128x128.png",
- "icons/128x128@2x.png",
- "icons/icon.icns",
- "icons/icon.ico"
- ]
+ "bundle": {
+ "active": true,
+ "targets": "all",
+ "createUpdaterArtifacts": true,
+ "icon": [
+ "icons/32x32.png",
+ "icons/128x128.png",
+ "icons/128x128@2x.png",
+ "icons/icon.icns",
+ "icons/icon.ico"
+ ],
+ "windows": {
+ "nsis": {
+ "installMode": "currentUser"
+ }
+ }
},
"plugins": {
"updater": {
diff --git a/maxc_desktop/src/App.css b/maxc_desktop/src/App.css
index 2ee91bf..2dcabd9 100644
--- a/maxc_desktop/src/App.css
+++ b/maxc_desktop/src/App.css
@@ -38,6 +38,9 @@
--sidebar-accent-foreground: oklch(0.205 0 0);
--sidebar-border: oklch(0.922 0 0);
--sidebar-ring: oklch(0.708 0 0);
+ --scrollbar-thumb: oklch(0.62 0 0 / 0.35);
+ --scrollbar-thumb-hover: oklch(0.52 0 0 / 0.5);
+ --scrollbar-track: transparent;
}
.dark {
@@ -72,6 +75,9 @@
--sidebar-accent-foreground: oklch(0.985 0 0);
--sidebar-border: oklch(1 0 0 / 10%);
--sidebar-ring: oklch(0.556 0 0);
+ --scrollbar-thumb: oklch(0.8 0 0 / 0.25);
+ --scrollbar-thumb-hover: oklch(0.9 0 0 / 0.4);
+ --scrollbar-track: transparent;
}
@theme inline {
@@ -152,3 +158,28 @@
width: 0;
height: 0;
}
+
+.settings-scroll {
+ scrollbar-width: thin;
+ scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
+}
+
+.settings-scroll::-webkit-scrollbar {
+ width: 8px;
+ height: 8px;
+}
+
+.settings-scroll::-webkit-scrollbar-thumb {
+ background: var(--scrollbar-thumb);
+ border-radius: 999px;
+ border: 2px solid transparent;
+ background-clip: content-box;
+}
+
+.settings-scroll::-webkit-scrollbar-thumb:hover {
+ background: var(--scrollbar-thumb-hover);
+}
+
+.settings-scroll::-webkit-scrollbar-track {
+ background: var(--scrollbar-track);
+}
diff --git a/maxc_desktop/src/App.tsx b/maxc_desktop/src/App.tsx
index d500274..02967c8 100644
--- a/maxc_desktop/src/App.tsx
+++ b/maxc_desktop/src/App.tsx
@@ -10,15 +10,15 @@ import {
import { getVersion } from "@tauri-apps/api/app";
import {
Bell,
- ChevronDown,
ChevronRight,
- Check,
FolderOpen,
GitBranch,
Keyboard,
+ Loader2,
Minus,
Moon,
Plus,
+ ScrollText,
Settings,
Square,
Sun,
@@ -29,33 +29,21 @@ import {
import logoDark from "./assets/maxc_logo_dark.svg";
import logoWhite from "./assets/maxc_logo_white.svg";
import { Button } from "@/components/ui/button";
+import {
+ Dialog,
+ DialogContent,
+ DialogDescription,
+ DialogHeader,
+ DialogTitle,
+} from "@/components/ui/dialog";
import { type XtermHandle } from "@/components/XtermTerminal";
import { PaneContainer, type PaneNode, type BrowserState } from "@/components/PaneContainer";
import { type SurfaceState } from "@/components/SurfaceTabBar";
import { NotificationPanel, type NotificationItem } from "@/components/NotificationPanel";
+import { SettingsDialog } from "@/components/SettingsDialog";
import { cn } from "@/lib/utils";
import "./App.css";
-// ---------------------------------------------------------------------------
-// RPC helper
-// ---------------------------------------------------------------------------
-
-async function rpc(method: string, params: Record): Promise {
- const request = {
- id: crypto.randomUUID(),
- method,
- params,
- };
- const raw = await invoke("rpc_call", { request: JSON.stringify(request) });
- const parsed = JSON.parse(raw);
- if (parsed.error) {
- const code = parsed.error.code || "ERROR";
- const message = parsed.error.message || "Unknown error";
- throw new Error(code + ": " + message);
- }
- return parsed.result as T;
-}
-
// ---------------------------------------------------------------------------
// Types
// ---------------------------------------------------------------------------
@@ -84,14 +72,146 @@ type Readiness = {
};
type EnvEntry = { key: string; value: string };
-type UpdateInfo = {
- available: boolean;
- version?: string;
- current_version?: string;
- date_ms?: number | null;
- body?: string | null;
+
+type ShortcutDef = {
+ id: string;
+ label: string;
+ defaultKeys: string;
+};
+
+type ShortcutBinding = ShortcutDef & { keys: string };
+
+type ParsedShortcut = ShortcutBinding & {
+ binding: {
+ key: string;
+ ctrl: boolean;
+ shift: boolean;
+ alt: boolean;
+ } | null;
+};
+
+const LOG_FILTERS = [
+ { id: "all", label: "All" },
+ { id: "system", label: "system.*" },
+ { id: "session", label: "session.*" },
+ { id: "workspace", label: "workspace.*" },
+ { id: "pane", label: "pane.*" },
+ { id: "surface", label: "surface.*" },
+ { id: "terminal", label: "terminal.*" },
+ { id: "browser", label: "browser.*" },
+ { id: "agent", label: "agent.*" },
+ { id: "notification", label: "notification.*" },
+ { id: "other", label: "Other" },
+];
+
+type BackendLogEntry = {
+ timestamp_ms: number;
+ level: "trace" | "debug" | "info" | "warn" | "error";
+ component: string;
+ event: string;
+ correlation_id: string;
+ command_id?: string | null;
+ connection_id?: string | null;
+ workspace_id?: string | null;
+ surface_id?: string | null;
+ method?: string | null;
+ duration_ms?: number | null;
+ status?: string | null;
+ fields?: Record;
};
+const DEFAULT_SHORTCUTS: ShortcutDef[] = [
+ { id: "new-window", label: "New window", defaultKeys: "Ctrl+Shift+N" },
+ { id: "new-workspace", label: "New workspace", defaultKeys: "Ctrl+N" },
+ { id: "new-terminal", label: "New terminal", defaultKeys: "Ctrl+T" },
+ { id: "new-browser", label: "New browser", defaultKeys: "Ctrl+B" },
+ { id: "split-right", label: "Split pane right", defaultKeys: "Ctrl+D" },
+ { id: "split-down", label: "Split pane down", defaultKeys: "Ctrl+Shift+D" },
+ { id: "toggle-shortcuts", label: "Toggle shortcuts", defaultKeys: "Ctrl+/" },
+];
+
+const MODIFIER_ALIASES = new Map([
+ ["ctrl", "ctrl"],
+ ["control", "ctrl"],
+ ["cmd", "ctrl"],
+ ["command", "ctrl"],
+ ["meta", "ctrl"],
+ ["shift", "shift"],
+ ["alt", "alt"],
+ ["option", "alt"],
+]);
+
+function normalizeKeyToken(token: string) {
+ return token.length === 1 ? token.toLowerCase() : token.toLowerCase();
+}
+
+function parseShortcutKeys(raw: string) {
+ const trimmed = raw.trim();
+ if (!trimmed) return null;
+ const parts = trimmed.split("+").map((p) => p.trim()).filter(Boolean);
+ if (parts.length === 0) return null;
+ let ctrl = false;
+ let shift = false;
+ let alt = false;
+ const keyPart = parts[parts.length - 1];
+ for (const part of parts.slice(0, -1)) {
+ const mod = MODIFIER_ALIASES.get(part.toLowerCase());
+ if (mod === "ctrl") ctrl = true;
+ if (mod === "shift") shift = true;
+ if (mod === "alt") alt = true;
+ }
+ if (MODIFIER_ALIASES.has(keyPart.toLowerCase())) return null;
+ return {
+ key: normalizeKeyToken(keyPart),
+ ctrl,
+ shift,
+ alt,
+ };
+}
+
+function matchesShortcutEvent(e: KeyboardEvent, binding: { key: string; ctrl: boolean; shift: boolean; alt: boolean }) {
+ const key = normalizeKeyToken(e.key);
+ if (key !== binding.key) return false;
+ const hasCtrl = e.ctrlKey || e.metaKey;
+ if (binding.ctrl !== hasCtrl) return false;
+ if (binding.shift !== e.shiftKey) return false;
+ if (binding.alt !== e.altKey) return false;
+ return true;
+}
+
+function getMethodFamily(method?: string | null) {
+ if (!method) return "other";
+ const normalized = method.toLowerCase();
+ const idx = normalized.indexOf(".");
+ if (idx <= 0) return "other";
+ return normalized.slice(0, idx);
+}
+
+function extractLogMethod(entry: BackendLogEntry) {
+ if (entry.method) return entry.method;
+ const fieldMethod = entry.fields?.method;
+ return typeof fieldMethod === "string" ? fieldMethod : null;
+}
+
+function shortcutsFromStorage(): Record | null {
+ if (typeof window === "undefined") return null;
+ try {
+ const raw = window.localStorage.getItem("maxc-shortcuts");
+ if (!raw) return null;
+ const parsed = JSON.parse(raw);
+ return typeof parsed === "object" && parsed !== null ? parsed : null;
+ } catch {
+ return null;
+ }
+}
+
+function buildShortcutMap(overrides?: Record | null) {
+ const map: Record = {};
+ for (const def of DEFAULT_SHORTCUTS) {
+ map[def.id] = overrides?.[def.id] ?? def.defaultKeys;
+ }
+ return map;
+}
// ---------------------------------------------------------------------------
// Title Bar
// ---------------------------------------------------------------------------
@@ -106,6 +226,7 @@ function TitleBar({ theme }: { theme: "dark" | "light" }) {
}, []);
const handleMin = () => appWindow?.minimize().catch(console.error);
+ const handleMax = () => appWindow?.toggleMaximize().catch(console.error);
const handleClose = () => appWindow?.close().catch(console.error);
return (
@@ -114,7 +235,7 @@ function TitleBar({ theme }: { theme: "dark" | "light" }) {