@rajat-rastogi/maestro 0.2.6 → 0.3.0

package/app/out/renderer/assets/{index-B6_qR_Gq.js → index-BhyiwAsE.js}

@@ -6976,9 +6976,9 @@ const NAV_ITEMS = [
   { id: "terminals", label: "Terminals", icon: "▦" }
 ];
 function Sidebar({ activeView, onNavigate, runActive, waitingCount }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("nav", { style: styles$j.sidebar, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$j.logo, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$j.logoText, children: "Maestro" }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { style: styles$j.navList, children: NAV_ITEMS.map((item) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("nav", { style: styles$n.sidebar, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$n.logo, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$n.logoText, children: "Maestro" }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { style: styles$n.navList, children: NAV_ITEMS.map((item) => {
       const isActive = activeView === item.id;
       const hasRunDot = item.id === "run" && runActive;
       const hasWaitingBadge = item.id === "terminals" && (waitingCount ?? 0) > 0;
@@ -6986,24 +6986,24 @@ function Sidebar({ activeView, onNavigate, runActive, waitingCount }) {
         "button",
         {
           style: {
-            ...styles$j.navBtn,
-            ...isActive ? styles$j.navBtnActive : {}
+            ...styles$n.navBtn,
+            ...isActive ? styles$n.navBtnActive : {}
           },
           onClick: () => onNavigate(item.id),
           title: item.label,
           children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$j.navIcon, children: item.icon }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$j.navLabel, children: item.label }),
-            hasRunDot && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$j.runDot }),
-            hasWaitingBadge && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$j.waitingBadge, children: waitingCount })
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$n.navIcon, children: item.icon }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$n.navLabel, children: item.label }),
+            hasRunDot && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$n.runDot }),
+            hasWaitingBadge && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$n.waitingBadge, children: waitingCount })
           ]
         }
       ) }, item.id);
     }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$j.footer, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$j.footerText, children: "v0.1.0" }) })
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$n.footer, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$n.footerText, children: "v0.1.0" }) })
   ] });
 }
-const styles$j = {
+const styles$n = {
   sidebar: {
     width: "var(--sidebar-width)",
     minWidth: "var(--sidebar-width)",
@@ -7117,41 +7117,41 @@ function HomeView({ onNavigate }) {
   async function handleLaunch(filePath) {
     onNavigate("run", filePath);
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$i.root, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$i.header, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$m.root, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$m.header, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { style: styles$i.title, children: "Maestro" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { style: styles$i.subtitle, children: "Autonomous AI coding orchestrator" })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { style: styles$m.title, children: "Maestro" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { style: styles$m.subtitle, children: "Autonomous AI coding orchestrator" })
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$i.headerActions, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$m.headerActions, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "btn btn-ghost", onClick: handleBrowse, children: "Open file…" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "btn btn-primary", onClick: () => onNavigate("create"), children: "✦ New Plan" })
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$i.content, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$i.sectionHeader, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { style: styles$i.sectionTitle, children: "Recent Plans" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$i.dirLabel, children: dir })
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$m.content, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$m.sectionHeader, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { style: styles$m.sectionTitle, children: "Recent Plans" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$m.dirLabel, children: dir })
       ] }),
-      loading && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$i.loading, children: "Loading plans…" }),
-      !loading && plans.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$i.empty, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$i.emptyIcon, children: "✦" }),
+      loading && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$m.loading, children: "Loading plans…" }),
+      !loading && plans.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$m.empty, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$m.emptyIcon, children: "✦" }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
           "No plan files found in ",
           /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: dir })
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$i.emptyActions, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$m.emptyActions, children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "btn btn-primary", onClick: () => onNavigate("create"), children: "Create your first plan" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "btn btn-ghost", onClick: handleBrowse, children: "Browse for a plan file" })
         ] })
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$i.planGrid, children: plans.map((plan) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$i.planCard, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$i.cardTop, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { style: styles$i.planName, children: plan.name }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$i.planDate, children: formatDate(plan.mtime) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$m.planGrid, children: plans.map((plan) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$m.planCard, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$m.cardTop, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { style: styles$m.planName, children: plan.name }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$m.planDate, children: formatDate(plan.mtime) })
         ] }),
-        plan.preview && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { style: styles$i.planPreview, children: plan.preview }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$i.cardActions, children: [
+        plan.preview && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { style: styles$m.planPreview, children: plan.preview }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$m.cardActions, children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             "button",
             {
@@ -7174,16 +7174,16 @@ function HomeView({ onNavigate }) {
         ] })
       ] }, plan.filePath)) })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$i.quickActions, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$i.quickTitle, children: "Quick actions" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$i.quickGrid, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$m.quickActions, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$m.quickTitle, children: "Quick actions" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$m.quickGrid, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "btn btn-ghost", onClick: () => onNavigate("replay"), children: "↺ Replay previous run" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "btn btn-ghost", onClick: () => onNavigate("config"), children: "⚙ Edit configuration" })
       ] })
     ] })
   ] });
 }
-const styles$i = {
+const styles$m = {
   root: {
     display: "flex",
     flexDirection: "column",
@@ -7375,9 +7375,9 @@ function PlanCreatorView({ onNavigate }) {
     setLogs((prev) => [...prev, `> ${stdinInput}`]);
     setStdinInput("");
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$h.root, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$h.header, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { style: styles$h.title, children: "Create Plan" }),
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$l.root, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$l.header, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { style: styles$l.title, children: "Create Plan" }),
       stage === "running" && /* @__PURE__ */ jsxRuntimeExports.jsx(
         "button",
         {
@@ -7391,17 +7391,17 @@ function PlanCreatorView({ onNavigate }) {
         }
       )
     ] }),
-    stage === "input" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$h.inputStage, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$h.inputCard, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$h.inputIcon, children: "✦" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { style: styles$h.inputTitle, children: "What do you want to build?" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { style: styles$h.inputSubtitle, children: "Describe your goal. Maestro will explore the codebase and create a detailed plan." }),
+    stage === "input" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$l.inputStage, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$l.inputCard, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$l.inputIcon, children: "✦" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { style: styles$l.inputTitle, children: "What do you want to build?" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { style: styles$l.inputSubtitle, children: "Describe your goal. Maestro will explore the codebase and create a detailed plan." }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         "textarea",
         {
           value: description,
           onChange: (e) => setDescription(e.target.value),
           placeholder: "e.g. Add OAuth authentication with GitHub to the web app",
-          style: styles$h.descTextarea,
+          style: styles$l.descTextarea,
           onKeyDown: (e) => {
             if (e.key === "Enter" && (e.ctrlKey || e.metaKey)) handleStart();
           },
@@ -7419,13 +7419,13 @@ function PlanCreatorView({ onNavigate }) {
         }
       )
     ] }) }),
-    (stage === "running" || stage === "done" || stage === "error") && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$h.runStage, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$h.logArea, children: [
-        logs.map((line, i) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$h.logLine, className: "mono", children: line }, i)),
-        stage === "running" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$h.cursor, children: "▌" }),
+    (stage === "running" || stage === "done" || stage === "error") && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$l.runStage, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$l.logArea, children: [
+        logs.map((line, i) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$l.logLine, className: "mono", children: line }, i)),
+        stage === "running" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$l.cursor, children: "▌" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: logsEndRef })
       ] }),
-      stage === "running" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$h.stdinRow, children: [
+      stage === "running" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$l.stdinRow, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "input",
           {
@@ -7434,18 +7434,18 @@ function PlanCreatorView({ onNavigate }) {
             onChange: (e) => setStdinInput(e.target.value),
             placeholder: "Type your answer and press Enter…",
             onKeyDown: (e) => e.key === "Enter" && sendStdin(),
-            style: styles$h.stdinInput,
+            style: styles$l.stdinInput,
             autoFocus: true
           }
         ),
         /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "btn btn-primary btn-sm", onClick: sendStdin, children: "Send" })
       ] }),
-      stage === "done" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$h.doneBar, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: styles$h.doneMsg, children: [
+      stage === "done" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$l.doneBar, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: styles$l.doneMsg, children: [
           "✓ Plan created",
           createdFile ? `: ${createdFile.split(/[\\/]/).pop()}` : ""
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$h.doneActions, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$l.doneActions, children: [
           createdFile && /* @__PURE__ */ jsxRuntimeExports.jsx(
             "button",
             {
@@ -7457,14 +7457,14 @@ function PlanCreatorView({ onNavigate }) {
           /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "btn btn-ghost", onClick: () => setStage("input"), children: "Create another" })
         ] })
       ] }),
-      stage === "error" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$h.errorBar, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$h.errorMsg, children: error ?? "Plan creation failed." }),
+      stage === "error" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$l.errorBar, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$l.errorMsg, children: error ?? "Plan creation failed." }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "btn btn-ghost btn-sm", onClick: () => setStage("input"), children: "Try again" })
       ] })
     ] })
   ] });
 }
-const styles$h = {
+const styles$l = {
   root: {
     display: "flex",
     flexDirection: "column",
@@ -7704,12 +7704,12 @@ function LogStream({ events, isReplay }) {
     ...s,
     events: s.events.filter((e) => matchesFilter(e, filter) && matchesSearch(e, search))
   })).filter((s) => s.header || s.events.length > 0);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$g.root, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$g.toolbar, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$g.filters, children: ["all", "task", "review"].map((f2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$k.root, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$k.toolbar, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$k.filters, children: ["all", "task", "review"].map((f2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
         "button",
         {
-          style: { ...styles$g.filterBtn, ...filter === f2 ? styles$g.filterBtnActive : {} },
+          style: { ...styles$k.filterBtn, ...filter === f2 ? styles$k.filterBtnActive : {} },
           onClick: () => setFilter(f2),
           children: f2.charAt(0).toUpperCase() + f2.slice(1)
         },
@@ -7724,17 +7724,17 @@ function LogStream({ events, isReplay }) {
           value: search,
           onChange: (e) => setSearch(e.target.value),
           onKeyDown: (e) => e.key === "Escape" && (setSearch(""), e.target.blur()),
-          style: styles$g.searchInput
+          style: styles$k.searchInput
         }
       ),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$g.toolbarRight, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("button", { style: styles$g.iconBtn, onClick: toggleAll, title: allCollapsed ? "Expand all" : "Collapse all", children: allCollapsed ? "⊞" : "⊟" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("button", { style: styles$g.iconBtn, onClick: copyLogs, title: "Copy all logs", children: copied ? "✓" : "⎘" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("button", { style: styles$g.iconBtn, onClick: exportLogs, title: "Export logs", children: "↓" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$k.toolbarRight, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("button", { style: styles$k.iconBtn, onClick: toggleAll, title: allCollapsed ? "Expand all" : "Collapse all", children: allCollapsed ? "⊞" : "⊟" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("button", { style: styles$k.iconBtn, onClick: copyLogs, title: "Copy all logs", children: copied ? "✓" : "⎘" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("button", { style: styles$k.iconBtn, onClick: exportLogs, title: "Export logs", children: "↓" }),
         !isReplay && /* @__PURE__ */ jsxRuntimeExports.jsx(
           "button",
           {
-            style: { ...styles$g.iconBtn, color: autoScroll ? "var(--green)" : "var(--text-muted)" },
+            style: { ...styles$k.iconBtn, color: autoScroll ? "var(--green)" : "var(--text-muted)" },
             onClick: () => setAutoScroll((v2) => !v2),
             title: "Auto-scroll",
             children: "↓↓"
@@ -7742,13 +7742,13 @@ function LogStream({ events, isReplay }) {
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: containerRef, onScroll, style: styles$g.logArea, children: [
-      filtered.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$g.empty, children: events.length === 0 ? "Waiting for log events…" : "No events match the current filter." }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: containerRef, onScroll, style: styles$k.logArea, children: [
+      filtered.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$k.empty, children: events.length === 0 ? "Waiting for log events…" : "No events match the current filter." }),
       filtered.map((section, sIdx) => {
         const isCollapsed = !!section.header && collapsedSections.has(sIdx);
-        return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$g.section, children: [
-          section.header ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$g.sectionHeader, onClick: () => toggleSection(sIdx), children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$g.sectionArrow, children: isCollapsed ? "▶" : "▼" }),
+        return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$k.section, children: [
+          section.header ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$k.sectionHeader, onClick: () => toggleSection(sIdx), children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$k.sectionArrow, children: isCollapsed ? "▶" : "▼" }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "log-header", children: section.header })
           ] }) : null,
           !isCollapsed && section.events.map((ev, eIdx) => /* @__PURE__ */ jsxRuntimeExports.jsx(LogLine, { event: ev }, eIdx))
@@ -7759,15 +7759,15 @@ function LogStream({ events, isReplay }) {
   ] });
 }
 function LogLine({ event }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$g.logLine, className: `mono log-${event.phase}`, children: [
-    event.ts && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: styles$g.ts, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$k.logLine, className: `mono log-${event.phase}`, children: [
+    event.ts && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: styles$k.ts, children: [
       event.ts,
       " "
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: event.text })
   ] });
 }
-const styles$g = {
+const styles$k = {
   root: {
     display: "flex",
     flexDirection: "column",
@@ -7898,9 +7898,9 @@ function parsePlan(md2) {
 function PlanPanel({ planContent }) {
   const [collapsed, setCollapsed] = reactExports.useState(false);
   if (!planContent) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$f.panel, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$f.header, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Plan" }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$f.empty, children: "Loading plan…" })
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$j.panel, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$j.header, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Plan" }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$j.empty, children: "Loading plan…" })
     ] });
   }
   const plan = parsePlan(planContent);
@@ -7909,39 +7909,39 @@ function PlanPanel({ planContent }) {
     (acc, t2) => acc + t2.checkboxes.filter((c) => c.checked).length,
     0
   );
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$f.panel, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$f.header, onClick: () => setCollapsed((v2) => !v2), children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$f.headerTitle, children: plan.title || "Plan" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: styles$f.progress, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$j.panel, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$j.header, onClick: () => setCollapsed((v2) => !v2), children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$j.headerTitle, children: plan.title || "Plan" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: styles$j.progress, children: [
         doneChecks,
         "/",
         totalChecks
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$f.collapseBtn, children: collapsed ? "▶" : "▼" })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$j.collapseBtn, children: collapsed ? "▶" : "▼" })
     ] }),
-    !collapsed && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$f.taskList, children: plan.tasks.map((task) => {
+    !collapsed && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$j.taskList, children: plan.tasks.map((task) => {
       const done = task.checkboxes.filter((c) => c.checked).length;
       const total = task.checkboxes.length;
       const allDone = total > 0 && done === total;
-      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$f.task, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { ...styles$f.taskTitle, ...allDone ? styles$f.taskDone : {} }, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$f.taskIndex, children: task.index }),
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$j.task, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { ...styles$j.taskTitle, ...allDone ? styles$j.taskDone : {} }, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$j.taskIndex, children: task.index }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: task.title }),
-          total > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: styles$f.taskCount, children: [
+          total > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: styles$j.taskCount, children: [
             done,
             "/",
             total
           ] })
         ] }),
-        task.checkboxes.map((cb2, i) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$f.checkbox, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { ...styles$f.checkIcon, ...cb2.checked ? styles$f.checkDone : {} }, children: cb2.checked ? "✓" : "○" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { ...cb2.checked ? styles$f.checkTextDone : {} }, children: cb2.text })
+        task.checkboxes.map((cb2, i) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$j.checkbox, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { ...styles$j.checkIcon, ...cb2.checked ? styles$j.checkDone : {} }, children: cb2.checked ? "✓" : "○" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { ...cb2.checked ? styles$j.checkTextDone : {} }, children: cb2.text })
         ] }, i))
       ] }, task.index);
     }) })
   ] });
 }
-const styles$f = {
+const styles$j = {
   panel: {
     width: "var(--panel-width)",
     minWidth: "var(--panel-width)",
@@ -8394,15 +8394,15 @@ function RunView({ initialPlanFile }) {
     if (file) setTargetPlanFile(file);
   }
   const statusColor = store.status === "running" ? "var(--green)" : store.status === "complete" ? "var(--blue)" : store.status === "error" ? "var(--red)" : "var(--text-muted)";
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$e.root, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$e.header, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$e.headerLeft, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { ...styles$e.statusDot, background: statusColor } }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$e.planLabel, children: store.planFile ? store.planFile.split(/[\\/]/).pop() : "No plan running" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { ...styles$e.statusBadge, color: statusColor }, children: store.status }),
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$i.root, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$i.header, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$i.headerLeft, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { ...styles$i.statusDot, background: statusColor } }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$i.planLabel, children: store.planFile ? store.planFile.split(/[\\/]/).pop() : "No plan running" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { ...styles$i.statusBadge, color: statusColor }, children: store.status }),
         store.status === "running" && /* @__PURE__ */ jsxRuntimeExports.jsx(ElapsedTimer$1, { startedAt: store.startedAt })
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$e.headerRight, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$i.headerRight, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "button",
           {
@@ -8421,7 +8421,7 @@ function RunView({ initialPlanFile }) {
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$e.main, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$i.main, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(LogStream, { events: store.logs }),
       showPanel && /* @__PURE__ */ jsxRuntimeExports.jsx(PlanPanel, { planContent: store.planContent })
     ] }),
@@ -8448,11 +8448,11 @@ function LaunchDialog({ initialPlanFile, initialOpts, onLaunch, onCancel, onBrow
   const [tasksOnly, setTasksOnly] = reactExports.useState(initialOpts.tasksOnly ?? false);
   const [reviewOnly, setReviewOnly] = reactExports.useState(initialOpts.reviewOnly ?? false);
   const canLaunch = planFile.trim().length > 0;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$e.overlay, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$e.dialog, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { style: styles$e.dialogTitle, children: "Launch Plan" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$e.field, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("label", { style: styles$e.fieldLabel, children: "Plan file" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$e.fileRow, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$i.overlay, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$i.dialog, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { style: styles$i.dialogTitle, children: "Launch Plan" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$i.field, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("label", { style: styles$i.fieldLabel, children: "Plan file" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$i.fileRow, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "input",
           {
@@ -8466,14 +8466,14 @@ function LaunchDialog({ initialPlanFile, initialOpts, onLaunch, onCancel, onBrow
         /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "btn btn-ghost btn-sm", onClick: onBrowse, children: "Browse" })
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$e.field, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("label", { style: styles$e.fieldLabel, children: "Provider" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$i.field, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("label", { style: styles$i.fieldLabel, children: "Provider" }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "select",
         {
           value: provider,
           onChange: (e) => setProvider(e.target.value),
-          style: styles$e.select,
+          style: styles$i.select,
           children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "", children: "Default (from config)" }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "claude", children: "Claude" }),
@@ -8482,8 +8482,8 @@ function LaunchDialog({ initialPlanFile, initialOpts, onLaunch, onCancel, onBrow
         }
       )
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$e.field, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("label", { style: styles$e.fieldLabel, children: "Max iterations" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$i.field, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("label", { style: styles$i.fieldLabel, children: "Max iterations" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         "input",
         {
@@ -8494,12 +8494,12 @@ function LaunchDialog({ initialPlanFile, initialOpts, onLaunch, onCancel, onBrow
         }
       )
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$e.toggleRow, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$i.toggleRow, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(ToggleField$1, { label: "Worktree mode", checked: worktree, onChange: setWorktree }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(ToggleField$1, { label: "Tasks only", checked: tasksOnly, onChange: setTasksOnly }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(ToggleField$1, { label: "Review only", checked: reviewOnly, onChange: setReviewOnly })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$e.dialogActions, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$i.dialogActions, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "btn btn-ghost", onClick: onCancel, children: "Cancel" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         "button",
@@ -8520,7 +8520,7 @@ function LaunchDialog({ initialPlanFile, initialOpts, onLaunch, onCancel, onBrow
   ] }) });
 }
 function ToggleField$1({ label, checked, onChange }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { style: styles$e.toggle, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { style: styles$i.toggle, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       "input",
       {
@@ -8533,7 +8533,7 @@ function ToggleField$1({ label, checked, onChange }) {
     /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { fontSize: "13px", color: "var(--text-secondary)" }, children: label })
   ] });
 }
-const styles$e = {
+const styles$i = {
   root: {
     display: "flex",
     flexDirection: "column",
@@ -8647,28 +8647,28 @@ const styles$e = {
 };
 function SessionList({ sessions, onSelect }) {
   if (sessions.length === 0) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$d.empty, children: [
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$h.empty, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "No completed sessions found." }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("p", { style: { marginTop: "8px", fontSize: "12px", color: "var(--text-muted)" }, children: "Run a plan first, then come back to replay it." })
     ] });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$d.grid, children: sessions.map((session) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$h.grid, children: sessions.map((session) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "button",
     {
-      style: styles$d.card,
+      style: styles$h.card,
       onClick: () => onSelect(session),
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$d.cardHeader, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$d.planName, children: session.planName }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$h.cardHeader, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$h.planName, children: session.planName }),
           session.active && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "badge badge-green", style: { fontSize: "10px" }, children: "active" })
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$d.meta, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "var(--text-muted)", fontSize: "11px" }, children: session.id }) })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$h.meta, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "var(--text-muted)", fontSize: "11px" }, children: session.id }) })
       ]
     },
     session.id
   )) });
 }
-const styles$d = {
+const styles$h = {
   grid: {
     display: "grid",
     gridTemplateColumns: "repeat(auto-fill, minmax(280px, 1fr))",
@@ -8791,13 +8791,13 @@ function ReplayView() {
     }
   }
   if (store.loading && !store.port) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$c.loading, children: "Starting replay server…" });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$g.loading, children: "Starting replay server…" });
   }
   if (error && !store.port) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$c.errorPage, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$c.errorTitle, children: "Failed to start replay" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$c.errorMsg, children: error }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { style: styles$c.errorHint, children: [
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$g.errorPage, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$g.errorTitle, children: "Failed to start replay" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$g.errorMsg, children: error }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { style: styles$g.errorHint, children: [
         "Make sure ",
         /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: "maestro" }),
         " is installed and available on your PATH."
@@ -8805,8 +8805,8 @@ function ReplayView() {
     ] });
   }
   if (store.activeSessionId && store.replayData) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$c.root, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$c.header, children: [
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$g.root, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$g.header, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "button",
           {
@@ -8815,7 +8815,7 @@ function ReplayView() {
             children: "← Back"
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$c.sessionLabel, children: store.activeSessionId }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$g.sessionLabel, children: store.activeSessionId }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "button",
           {
@@ -8825,15 +8825,15 @@ function ReplayView() {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$c.main, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$g.main, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(LogStream, { events: store.replayData.events, isReplay: true }),
         showPanel && /* @__PURE__ */ jsxRuntimeExports.jsx(PlanPanel, { planContent: store.replayData.planContent })
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$c.root, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$c.header, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { style: styles$c.title, children: "Replay" }),
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$g.root, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$g.header, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { style: styles$g.title, children: "Replay" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         "button",
         {
@@ -8844,8 +8844,8 @@ function ReplayView() {
         }
       )
     ] }),
-    error && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$c.errorBanner, children: error }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$c.sessionArea, children: store.loading ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$c.loading, children: "Loading sessions…" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+    error && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$g.errorBanner, children: error }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$g.sessionArea, children: store.loading ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$g.loading, children: "Loading sessions…" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
       SessionList,
       {
         sessions: store.sessions,
@@ -8854,7 +8854,7 @@ function ReplayView() {
     ) })
   ] });
 }
-const styles$c = {
+const styles$g = {
   root: {
     display: "flex",
     flexDirection: "column",
@@ -9008,7 +9008,7 @@ function ConfigEditor({ state, target, dirtyValues, searchQuery, expandAll, onEx
     (s) => s.fields.every((f2) => !f2.toLowerCase().includes(q2) && !(FIELD_DESCRIPTIONS[f2] ?? "").toLowerCase().includes(q2))
   );
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-    noMatches && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$b.noMatch, children: "No matching config keys." }),
+    noMatches && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$f.noMatch, children: "No matching config keys." }),
     SECTIONS.map((section) => {
       const matchingFields = q2 ? section.fields.filter(
         (f2) => f2.toLowerCase().includes(q2) || (FIELD_DESCRIPTIONS[f2] ?? "").toLowerCase().includes(q2)
@@ -9016,20 +9016,20 @@ function ConfigEditor({ state, target, dirtyValues, searchQuery, expandAll, onEx
       if (q2 && matchingFields.length === 0) return null;
       const isCollapsed = !q2 && collapsedSections.has(section.id);
       const hasDirtyField = section.fields.some((f2) => isDirty(f2));
-      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$b.section, children: [
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$f.section, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs(
           "div",
           {
-            style: styles$b.sectionHeader,
+            style: styles$f.sectionHeader,
             onClick: () => toggleSection(section.id),
             children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$b.sectionToggle, children: isCollapsed ? "▶" : "▼" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$b.sectionTitle, children: section.title }),
-              hasDirtyField && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$b.dirtyDot, children: "•" })
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$f.sectionToggle, children: isCollapsed ? "▶" : "▼" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$f.sectionTitle, children: section.title }),
+              hasDirtyField && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$f.dirtyDot, children: "•" })
             ]
           }
         ),
-        !isCollapsed && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$b.sectionBody, children: (q2 ? matchingFields : section.fields).map((key) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+        !isCollapsed && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$f.sectionBody, children: (q2 ? matchingFields : section.fields).map((key) => /* @__PURE__ */ jsxRuntimeExports.jsx(
           FieldRow,
           {
             fieldKey: key,
@@ -9048,9 +9048,9 @@ function ConfigEditor({ state, target, dirtyValues, searchQuery, expandAll, onEx
 function FieldRow({ fieldKey, value, dirty, overridden, onChange, onReset }) {
   const desc = FIELD_DESCRIPTIONS[fieldKey];
   const showReset = dirty || overridden;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$b.fieldRow, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { text: desc, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$b.fieldLabel, children: fieldKey }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$b.fieldControl, children: fieldKey in SELECT_FIELDS ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$f.fieldRow, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { text: desc, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$f.fieldLabel, children: fieldKey }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$f.fieldControl, children: fieldKey in SELECT_FIELDS ? /* @__PURE__ */ jsxRuntimeExports.jsx(
       SelectField,
       {
         value: String(value ?? ""),
@@ -9104,7 +9104,7 @@ function FieldRow({ fieldKey, value, dirty, overridden, onChange, onReset }) {
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       "button",
       {
-        style: { ...styles$b.resetBtn, ...showReset ? styles$b.resetBtnVisible : {} },
+        style: { ...styles$f.resetBtn, ...showReset ? styles$f.resetBtnVisible : {} },
         onClick: onReset,
         title: "Reset to default",
         tabIndex: showReset ? 0 : -1,
@@ -9139,8 +9139,8 @@ function SelectField({ value, options, dirty, overridden, onChange }) {
   );
 }
 function ToggleField({ value, dirty, overridden, onChange }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$b.toggleWrap, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { style: styles$b.toggle, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$f.toggleWrap, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { style: styles$f.toggle, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         "input",
         {
@@ -9151,11 +9151,11 @@ function ToggleField({ value, dirty, overridden, onChange }) {
         }
       ),
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: {
-        ...styles$b.toggleSlider,
+        ...styles$f.toggleSlider,
         background: value ? "var(--accent-muted)" : "#333",
         borderColor: value ? "var(--accent)" : "#555"
       }, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: {
-        ...styles$b.toggleThumb,
+        ...styles$f.toggleThumb,
         transform: value ? "translateX(18px)" : "none",
         background: value ? "var(--accent)" : "#888"
       } }) })
@@ -9186,7 +9186,7 @@ function TextInput({ value, hint, dirty, overridden, onChange }) {
         style: inputClass(dirty, overridden)
       }
     ),
-    hint && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$b.fieldHint, children: hint })
+    hint && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$f.fieldHint, children: hint })
   ] });
 }
 function ColorField({ value, dirty, overridden, onChange }) {
@@ -9201,12 +9201,12 @@ function ColorField({ value, dirty, overridden, onChange }) {
     picker.addEventListener("change", () => picker.remove());
     picker.click();
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$b.colorWrap, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$f.colorWrap, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       "div",
       {
         style: {
-          ...styles$b.colorSwatch,
+          ...styles$f.colorSwatch,
           background: isHex ? value : "#333"
         },
         onClick: openPicker,
@@ -9237,12 +9237,12 @@ function Tooltip({ text, children }) {
       onMouseLeave: () => setVisible(false),
       children: [
         children,
-        visible && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$b.tooltip, children: text })
+        visible && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$f.tooltip, children: text })
       ]
     }
   );
 }
-const styles$b = {
+const styles$f = {
   section: {
     marginBottom: "6px",
     border: "1px solid var(--border-subtle)",
@@ -9433,21 +9433,21 @@ function ConfigView() {
   }
   const hasDirty = Object.keys(dirtyValues).length > 0;
   if (error) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$a.errorPage, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$a.errorTitle, children: "Failed to load config" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { style: styles$a.errorMsg, children: error })
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$e.errorPage, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$e.errorTitle, children: "Failed to load config" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { style: styles$e.errorMsg, children: error })
     ] });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$a.root, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$a.header, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$a.headerTitle, children: "Maestro Config" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$a.spacer }),
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$e.root, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$e.header, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$e.headerTitle, children: "Maestro Config" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$e.spacer }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "btn btn-ghost btn-sm", onClick: handleDiscard, disabled: !hasDirty, children: "Discard" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "btn btn-primary btn-sm", onClick: handleSave, disabled: !hasDirty, children: "Save" })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$a.toolbar, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$a.toolbarLabel, children: "Save to:" }),
-      ["global", "project"].map((t2) => /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { style: { ...styles$a.radioLabel, ...target === t2 ? styles$a.radioLabelActive : {} }, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$e.toolbar, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$e.toolbarLabel, children: "Save to:" }),
+      ["global", "project"].map((t2) => /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { style: { ...styles$e.radioLabel, ...target === t2 ? styles$e.radioLabelActive : {} }, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "input",
           {
@@ -9463,25 +9463,25 @@ function ConfigView() {
           }
         ),
         t2.charAt(0).toUpperCase() + t2.slice(1),
-        state && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$a.targetPath, children: t2 === "global" ? state.globalConfigPath : state.projectConfigPath })
+        state && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$e.targetPath, children: t2 === "global" ? state.globalConfigPath : state.projectConfigPath })
       ] }, t2)),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$a.spacer }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$e.spacer }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "btn btn-ghost btn-sm", onClick: () => setExpandAll(true), children: "Expand All" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "btn btn-ghost btn-sm", onClick: () => setExpandAll(false), children: "Collapse All" })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$a.searchRow, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$e.searchRow, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       "input",
       {
         type: "text",
         placeholder: "Search config keys…",
         value: search,
         onChange: (e) => setSearch(e.target.value),
-        style: styles$a.searchInput,
+        style: styles$e.searchInput,
         autoComplete: "off",
         spellCheck: false
       }
     ) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$a.content, children: loading ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$a.loading, children: "Loading configuration…" }) : state ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$e.content, children: loading ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$e.loading, children: "Loading configuration…" }) : state ? /* @__PURE__ */ jsxRuntimeExports.jsx(
       ConfigEditor,
       {
         state,
@@ -9510,14 +9510,14 @@ function ConfigView() {
       }
     ) : null }),
     toast && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: {
-      ...styles$a.toast,
+      ...styles$e.toast,
       borderColor: toast.isError ? "var(--red)" : "var(--green)",
       color: toast.isError ? "var(--red)" : "var(--green)",
       background: toast.isError ? "#2d0a0a" : "#0a2d0a"
     }, children: toast.msg })
   ] });
 }
-const styles$a = {
+const styles$e = {
   root: {
     display: "flex",
     flexDirection: "column",
@@ -9638,9 +9638,9 @@ function CopyBlock({ text }) {
       setTimeout(() => setCopied(false), 2e3);
     });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$9.copyBlock, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { style: styles$9.code, children: text }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("button", { style: styles$9.copyBtn, onClick: handleCopy, title: "Copy to clipboard", children: copied ? "✓ Copied" : "Copy" })
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$d.copyBlock, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { style: styles$d.code, children: text }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("button", { style: styles$d.copyBtn, onClick: handleCopy, title: "Copy to clipboard", children: copied ? "✓ Copied" : "Copy" })
   ] });
 }
 const STATUS_DOT = {
@@ -9654,15 +9654,15 @@ function MachineCard({ machine, onSetup, onRemove, onPing, onAddressSet, onRdp,
   const [showTunnelSetup, setShowTunnelSetup] = reactExports.useState(false);
   const sshReady = machine.onboarded && (machine.authMethod === "dev-tunnel" ? !!machine.tunnelId : machine.address.length > 0);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$9.card, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$9.left, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { ...styles$9.statusDot, color }, children: label.split(" ")[0] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$9.info, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$9.nameRow, children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$9.name, children: machine.name }),
-            machine.projectName && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$9.project, children: machine.projectName })
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$d.card, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$d.left, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { ...styles$d.statusDot, color }, children: label.split(" ")[0] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$d.info, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$d.nameRow, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$d.name, children: machine.name }),
+            machine.projectName && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$d.project, children: machine.projectName })
           ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$9.meta, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$d.meta, children: [
             machine.authMethod === "dev-tunnel" ? machine.tunnelId ? /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
               "tunnel: ",
               machine.tunnelId
@@ -9683,10 +9683,10 @@ function MachineCard({ machine, onSetup, onRemove, onPing, onAddressSet, onRdp,
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$9.right, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { ...styles$9.statusLabel, color }, children: label.split(" ").slice(1).join(" ") }),
-        machine.type !== "host" && (sshReady ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$9.sshReadyBadge, children: "✓ Agent Ready" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$9.sshNotReadyBadge, children: "⚠ Agent Setup Required" })),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$9.actions, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$d.right, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { ...styles$d.statusLabel, color }, children: label.split(" ").slice(1).join(" ") }),
+        machine.type !== "host" && (sshReady ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$d.sshReadyBadge, children: "✓ Agent Ready" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$d.sshNotReadyBadge, children: "⚠ Agent Setup Required" })),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$d.actions, children: [
           machine.type !== "host" && /* @__PURE__ */ jsxRuntimeExports.jsx(
             "button",
             {
@@ -9765,16 +9765,16 @@ function TunnelSetupPanel({ machine, onClose, onSaved }) {
       setSaving(false);
     }
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$9.overlay, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$9.panel, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$9.panelHeader, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$d.overlay, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$d.panel, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$d.panelHeader, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
         "Setup Agent — ",
         machine.name
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("button", { style: styles$9.closeBtn, onClick: onClose, children: "✕" })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("button", { style: styles$d.closeBtn, onClick: onClose, children: "✕" })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$9.panelBody, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { style: styles$9.step, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$d.panelBody, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { style: styles$d.step, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "Step 1." }),
         " RDP into ",
         /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: machine.name }),
@@ -9783,24 +9783,24 @@ function TunnelSetupPanel({ machine, onClose, onSaved }) {
         " (right-click → Run as Administrator) and install Maestro:"
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(CopyBlock, { text: `npm install -g @rajat-rastogi/maestro` }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { style: styles$9.step, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { style: styles$d.step, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "Step 2." }),
         " In the same elevated shell, run the agent setup wizard. It will install devtunnel, deploy the agent, configure Claude hooks, and register an auto-start task. ",
         /* @__PURE__ */ jsxRuntimeExports.jsx("em", { children: "Admin elevation is required for the Scheduled Task registration." })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(CopyBlock, { text: `maestro --install-agent` }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { style: styles$9.step, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { style: styles$d.step, children: [
         "When prompted for the tunnel name, use: ",
         /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: suggestedId })
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { style: styles$9.step, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { style: styles$d.step, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "Step 3." }),
         " Enter the tunnel ID below and click ",
         /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "Save & Ping" }),
         " to verify connectivity:"
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "8px", marginTop: "4px" }, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("label", { style: styles$9.inputLabel, children: "Tunnel ID (from the wizard output)" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("label", { style: styles$d.inputLabel, children: "Tunnel ID (from the wizard output)" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "input",
           {
@@ -9808,12 +9808,12 @@ function TunnelSetupPanel({ machine, onClose, onSaved }) {
             value: tunnelId,
             onChange: (e) => setTunnelId(e.target.value),
             placeholder: suggestedId,
-            style: { ...styles$9.input, fontFamily: "monospace", fontSize: "12px" }
+            style: { ...styles$d.input, fontFamily: "monospace", fontSize: "12px" }
           }
         )
       ] }),
-      pingResult === "online" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$9.pingSuccess, children: "✓ Agent connected — tunnel is reachable." }),
-      pingResult === "offline" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$9.pingFailure, children: [
+      pingResult === "online" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$d.pingSuccess, children: "✓ Agent connected — tunnel is reachable." }),
+      pingResult === "offline" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$d.pingFailure, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
           "✕ Could not reach agent on ",
           machine.name,
@@ -9846,7 +9846,7 @@ function TunnelSetupPanel({ machine, onClose, onSaved }) {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$9.panelFooter, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$d.panelFooter, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "btn btn-ghost btn-sm", onClick: onClose, children: pingResult === "online" ? "Done" : "Cancel" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         "button",
@@ -9860,7 +9860,7 @@ function TunnelSetupPanel({ machine, onClose, onSaved }) {
     ] })
   ] }) });
 }
-const styles$9 = {
+const styles$d = {
   card: {
     display: "flex",
     alignItems: "center",
@@ -10087,13 +10087,13 @@ function OnboardingPanel({ onClose, onAdded }) {
       setAdding(false);
     }
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$8.overlay, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$8.panel, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$8.header, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$8.title, children: "Add Windows 365 Cloud PC" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("button", { style: styles$8.closeBtn, onClick: onClose, children: "✕" })
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$c.overlay, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$c.panel, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$c.header, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$c.title, children: "Add Windows 365 Cloud PC" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("button", { style: styles$c.closeBtn, onClick: onClose, children: "✕" })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$8.body, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$8.setupNote, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$c.body, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$c.setupNote, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "How to find your Device name:" }),
         " Open the Windows App → find your Cloud PC → click ",
         /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "⋯" }),
@@ -10105,8 +10105,8 @@ function OnboardingPanel({ onClose, onAdded }) {
         /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: "CPC-username-XXXX" }),
         ")."
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$8.field, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("label", { style: styles$8.label, children: "Display name" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$c.field, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("label", { style: styles$c.label, children: "Display name" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "input",
           {
@@ -10117,10 +10117,10 @@ function OnboardingPanel({ onClose, onAdded }) {
             placeholder: "My Cloud PC"
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$8.hint, children: 'The "Cloud PC name" shown in View Details — just for your reference.' })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$c.hint, children: 'The "Cloud PC name" shown in View Details — just for your reference.' })
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$8.field, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("label", { style: styles$8.label, children: "Device name" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$c.field, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("label", { style: styles$c.label, children: "Device name" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "input",
           {
@@ -10131,13 +10131,13 @@ function OnboardingPanel({ onClose, onAdded }) {
             style: { fontFamily: "monospace", fontSize: "13px" }
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: styles$8.hint, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: styles$c.hint, children: [
           "From Windows App → ⋯ → View Details → ",
           /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "Device name" })
         ] })
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$8.field, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("label", { style: styles$8.label, children: "Username (UPN) — optional" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$c.field, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("label", { style: styles$c.label, children: "Username (UPN) — optional" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "input",
           {
@@ -10147,18 +10147,18 @@ function OnboardingPanel({ onClose, onAdded }) {
             placeholder: "you@contoso.com"
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$8.hint, children: "Pre-fills the login field when RDP opens. Leave blank if unsure." })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$c.hint, children: "Pre-fills the login field when RDP opens. Leave blank if unsure." })
       ] }),
-      error && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$8.error, children: error })
+      error && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$c.error, children: error })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$8.footer, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$c.footer, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { flex: 1 } }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "btn btn-ghost", onClick: onClose, children: "Cancel" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "btn btn-primary", disabled: adding || !cloudPcId.trim(), onClick: handleAdd, children: adding ? "Adding…" : "Add Cloud PC" })
     ] })
   ] }) });
 }
-const styles$8 = {
+const styles$c = {
   overlay: {
     position: "fixed",
     inset: 0,
@@ -10325,11 +10325,11 @@ function MachinesView({ onMachineAdded, onMachineRemoved }) {
       setDiscoveryError(`RDP launch failed: ${String(err)}`);
     }
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$7.root, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$7.header, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$7.headerLeft, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$b.root, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$b.header, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$b.headerLeft, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { style: { fontSize: "18px", fontWeight: 600 }, children: "Machines" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: styles$7.countBadge, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: styles$b.countBadge, children: [
           onlineCount,
           "/",
           machines.length,
@@ -10356,12 +10356,12 @@ function MachinesView({ onMachineAdded, onMachineRemoved }) {
         )
       ] })
     ] }),
-    discoveryError && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$7.discoveryBanner, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+    discoveryError && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$b.discoveryBanner, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
       "⚠ ",
       discoveryError
     ] }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$7.list, children: [
-      machines.length === 0 && discoveryState !== "loading" ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$7.empty, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$b.list, children: [
+      machines.length === 0 && discoveryState !== "loading" ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$b.empty, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "No machines found." }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { style: { color: "var(--text-muted)", fontSize: "13px", marginTop: "8px" }, children: [
           "Sign in with ",
@@ -10381,7 +10381,7 @@ function MachinesView({ onMachineAdded, onMachineRemoved }) {
         },
         machine.id
       )),
-      discoveryState === "loading" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$7.discovering, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { opacity: 0.5 }, children: "Discovering Azure Dev Boxes & Cloud PCs…" }) })
+      discoveryState === "loading" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$b.discovering, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { opacity: 0.5 }, children: "Discovering Azure Dev Boxes & Cloud PCs…" }) })
     ] }),
     showOnboarding && /* @__PURE__ */ jsxRuntimeExports.jsx(
       OnboardingPanel,
@@ -10395,7 +10395,7 @@ function MachinesView({ onMachineAdded, onMachineRemoved }) {
     )
   ] });
 }
-const styles$7 = {
+const styles$b = {
   root: {
     display: "flex",
     flexDirection: "column",
@@ -10532,7 +10532,8 @@ function useTerminalTile({
   sessionId,
   interactive,
   refreshKey = 0,
-  onResize
+  onResize,
+  onLargePaste
 }) {
   const handleRef = reactExports.useRef(null);
   const unsubRef = reactExports.useRef(null);
@@ -10542,6 +10543,7 @@ function useTerminalTile({
     let terminal = null;
     let fitAddon = null;
     let destroyed = false;
+    let batchRaf = 0;
     async function init() {
       const { Terminal } = await __vitePreload(async () => {
         const { Terminal: Terminal2 } = await import("./xterm-BgoKG_Sn.js").then((n2) => n2.x);
@@ -10593,6 +10595,14 @@ function useTerminalTile({
         terminal.write(buffer);
       }
       let liveEventCount = 0;
+      let batchBuffer = "";
+      const flushBatch = () => {
+        if (batchBuffer && terminal) {
+          terminal.write(batchBuffer);
+          batchBuffer = "";
+        }
+        batchRaf = 0;
+      };
       const unsubData = window.maestro.sessions.onData((ev) => {
         const event = ev;
         if (event.sessionId === sessionId && terminal) {
@@ -10600,7 +10610,13 @@ function useTerminalTile({
           if (liveEventCount <= 3) {
             console.log(`[useTerminalTile] onData #${liveEventCount} for ${sessionId}: ${event.data.length} chars`);
           }
-          terminal.write(event.data);
+          if (event.data.length < 128) {
+            if (batchBuffer) flushBatch();
+            terminal.write(event.data);
+          } else {
+            batchBuffer += event.data;
+            if (!batchRaf) batchRaf = requestAnimationFrame(flushBatch);
+          }
         }
       });
       unsubRef.current = unsubData;
@@ -10619,10 +10635,36 @@ function useTerminalTile({
         terminal.onData((data) => {
           window.maestro.sessions.sendInput(sessionId, data);
         });
+        terminal.attachCustomKeyEventHandler((e) => {
+          const isPaste = (e.ctrlKey || e.metaKey) && e.key === "v" && e.type === "keydown";
+          if (!isPaste) return true;
+          navigator.clipboard.readText().then((text) => {
+            if (!text) return;
+            const lines = text.split("\n");
+            const sendPaste = () => {
+              const wrapped = `\x1B[200~${text}\x1B[201~`;
+              window.maestro.sessions.sendInput(sessionId, wrapped);
+            };
+            if (lines.length > 5 && onLargePaste) {
+              onLargePaste(text, sendPaste);
+            } else if (lines.length > 1) {
+              sendPaste();
+            } else {
+              window.maestro.sessions.sendInput(sessionId, text);
+            }
+          });
+          return false;
+        });
       }
       handleRef.current = {
         fit() {
           if (fitAddon && terminal) fitAddon.fit();
+        },
+        getSelection() {
+          return terminal?.getSelection() ?? "";
+        },
+        clearTerminal() {
+          terminal?.clear();
         }
       };
       const prev = unsubRef.current;
@@ -10634,6 +10676,7 @@ function useTerminalTile({
     init().catch(console.error);
     return () => {
       destroyed = true;
+      if (batchRaf) cancelAnimationFrame(batchRaf);
       if (interactive) {
         window.maestro.sessions.resize(sessionId, 120, 30).catch(() => {
         });
@@ -10649,7 +10692,9 @@ function useTerminalTile({
 const useSessionsStore = create((set) => ({
   sessions: [],
   activeFullscreenId: null,
+  splitIds: null,
   filterTags: {},
+  filterStates: /* @__PURE__ */ new Set(),
   setSessions(sessions) {
     set({ sessions });
   },
@@ -10677,24 +10722,130 @@ const useSessionsStore = create((set) => ({
     }));
   },
   setFullscreen(id2) {
-    set({ activeFullscreenId: id2 });
+    set({ activeFullscreenId: id2, splitIds: null });
+  },
+  setSplit(ids) {
+    set({ splitIds: ids, activeFullscreenId: null });
   },
   setFilterTags(tags) {
     set({ filterTags: tags });
+  },
+  toggleFilterState(state) {
+    set((s) => {
+      const next = new Set(s.filterStates);
+      if (next.has(state)) next.delete(state);
+      else next.add(state);
+      return { filterStates: next };
+    });
+  },
+  clearFilterStates() {
+    set({ filterStates: /* @__PURE__ */ new Set() });
   }
 }));
-function filterSessions(sessions, filterTags) {
+function filterSessions(sessions, filterTags, filterStates) {
   const filterEntries = Object.entries(filterTags).filter(([k2, v2]) => k2 && (v2 || v2 === ""));
-  if (filterEntries.length === 0) return sessions;
-  return sessions.filter(
-    (s) => filterEntries.every(([key, value]) => {
-      const tagVal = s.tags[key];
-      if (tagVal === void 0) return false;
-      if (value === "" || value === "*") return true;
-      return tagVal === value;
-    })
-  );
+  const hasTagFilter = filterEntries.length > 0;
+  const hasStateFilter = filterStates && filterStates.size > 0;
+  if (!hasTagFilter && !hasStateFilter) return sessions;
+  return sessions.filter((s) => {
+    if (hasStateFilter && !filterStates.has(s.state)) return false;
+    if (hasTagFilter) {
+      return filterEntries.every(([key, value]) => {
+        const tagVal = s.tags[key];
+        if (tagVal === void 0) return false;
+        if (value === "" || value === "*") return true;
+        return tagVal === value;
+      });
+    }
+    return true;
+  });
+}
+function ContextMenu({ x: x2, y: y2, items, onClose }) {
+  const menuRef = reactExports.useRef(null);
+  const [pos, setPos] = reactExports.useState({ left: x2, top: y2 });
+  reactExports.useLayoutEffect(() => {
+    if (!menuRef.current) return;
+    const rect = menuRef.current.getBoundingClientRect();
+    let left = x2;
+    let top = y2;
+    if (left + rect.width > window.innerWidth - 8) left = window.innerWidth - rect.width - 8;
+    if (top + rect.height > window.innerHeight - 8) top = window.innerHeight - rect.height - 8;
+    if (left < 8) left = 8;
+    if (top < 8) top = 8;
+    setPos({ left, top });
+  }, [x2, y2]);
+  reactExports.useEffect(() => {
+    function onMouseDown(e) {
+      if (menuRef.current && !menuRef.current.contains(e.target)) {
+        onClose();
+      }
+    }
+    function onKeyDown(e) {
+      if (e.key === "Escape") onClose();
+    }
+    document.addEventListener("mousedown", onMouseDown);
+    document.addEventListener("keydown", onKeyDown);
+    return () => {
+      document.removeEventListener("mousedown", onMouseDown);
+      document.removeEventListener("keydown", onKeyDown);
+    };
+  }, [onClose]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: menuRef, style: { ...styles$a.menu, left: pos.left, top: pos.top }, children: items.map(
+    (item, i) => item.divider ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$a.divider }, i) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "button",
+      {
+        style: { ...styles$a.item, ...item.danger ? { color: "var(--state-error)" } : {} },
+        onClick: () => {
+          item.onClick();
+          onClose();
+        },
+        children: [
+          item.icon && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$a.icon, children: item.icon }),
+          item.label
+        ]
+      },
+      i
+    )
+  ) });
 }
+const styles$a = {
+  menu: {
+    position: "fixed",
+    zIndex: 400,
+    background: "var(--bg-elevated)",
+    border: "1px solid var(--border)",
+    borderRadius: "var(--radius-sm)",
+    boxShadow: "0 4px 16px rgba(0,0,0,0.4)",
+    minWidth: "160px",
+    padding: "4px",
+    display: "flex",
+    flexDirection: "column"
+  },
+  item: {
+    display: "flex",
+    alignItems: "center",
+    gap: "8px",
+    background: "transparent",
+    border: "none",
+    color: "var(--text-secondary)",
+    fontSize: "12px",
+    padding: "6px 10px",
+    textAlign: "left",
+    borderRadius: "var(--radius-sm)",
+    width: "100%",
+    cursor: "pointer"
+  },
+  icon: {
+    width: "16px",
+    textAlign: "center",
+    flexShrink: 0
+  },
+  divider: {
+    height: "1px",
+    background: "var(--border-subtle)",
+    margin: "4px 0"
+  }
+};
 function TerminalTile({ session, onFullscreen, onClose, onRename, onEditTags }) {
   const containerRef = reactExports.useRef(null);
   const [menuOpen, setMenuOpen] = reactExports.useState(false);
@@ -10721,6 +10872,7 @@ function TerminalTile({ session, onFullscreen, onClose, onRename, onEditTags })
   const customTags = Object.entries(session.tags).filter(
     ([k2]) => !["machine", "provider", "state"].includes(k2)
   );
+  const [ctxMenu, setCtxMenu] = reactExports.useState(null);
   const handleRename = reactExports.useCallback(() => {
     if (renameValue.trim() && renameValue !== session.name) {
       window.maestro.sessions.rename(session.id, renameValue.trim());
@@ -10729,17 +10881,32 @@ function TerminalTile({ session, onFullscreen, onClose, onRename, onEditTags })
     setRenaming(false);
     setMenuOpen(false);
   }, [renameValue, session]);
+  const ctxMenuItems = [
+    { label: "Fullscreen", icon: "🔍", onClick: onFullscreen },
+    { label: "Rename", icon: "✏", onClick: () => setRenaming(true) },
+    { label: "Edit tags", icon: "🏷", onClick: onEditTags },
+    { divider: true, label: "", onClick: () => {
+    } },
+    { label: "Stop & Clear", icon: "⏹", onClick: () => window.maestro.sessions.interrupt(session.id) },
+    { divider: true, label: "", onClick: () => {
+    } },
+    { label: "Close", icon: "✕", onClick: onClose, danger: true }
+  ];
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
-      style: styles$6.tile,
+      style: styles$9.tile,
+      onContextMenu: (e) => {
+        e.preventDefault();
+        setCtxMenu({ x: e.clientX, y: e.clientY });
+      },
       onClick: (e) => {
-        if (menuOpen || renaming) return;
+        if (menuOpen || renaming || ctxMenu) return;
         if (e.target.closest("[data-no-fullscreen]")) return;
         onFullscreen();
       },
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$6.header, onClick: (e) => e.stopPropagation(), children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$9.header, onClick: (e) => e.stopPropagation(), children: [
           renaming ? /* @__PURE__ */ jsxRuntimeExports.jsx(
             "input",
             {
@@ -10751,13 +10918,13 @@ function TerminalTile({ session, onFullscreen, onClose, onRename, onEditTags })
                 if (e.key === "Enter") handleRename();
                 if (e.key === "Escape") setRenaming(false);
               },
-              style: styles$6.renameInput,
+              style: styles$9.renameInput,
               "data-no-fullscreen": ""
             }
-          ) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$6.sessionName, title: session.name, children: session.name }),
+          ) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$9.sessionName, title: session.name, children: session.name }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(StateBadge, { state: session.state, confidence: session.stateConfidence, enteredAt: session.stateEnteredAt }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { position: "relative" }, "data-no-fullscreen": "", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("button", { style: styles$6.menuBtn, onClick: () => setMenuOpen((v2) => !v2), title: "Options", children: "⋯" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("button", { style: styles$9.menuBtn, onClick: () => setMenuOpen((v2) => !v2), title: "Options", children: "⋯" }),
             menuOpen && /* @__PURE__ */ jsxRuntimeExports.jsx(
               TileContextMenu,
               {
@@ -10773,6 +10940,10 @@ function TerminalTile({ session, onFullscreen, onClose, onRename, onEditTags })
                   setMenuOpen(false);
                   onEditTags();
                 },
+                onInterrupt: () => {
+                  setMenuOpen(false);
+                  window.maestro.sessions.interrupt(session.id);
+                },
                 onClose: () => {
                   setMenuOpen(false);
                   onClose();
@@ -10781,32 +10952,35 @@ function TerminalTile({ session, onFullscreen, onClose, onRename, onEditTags })
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$6.previewWrapper, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: containerRef, style: styles$6.xtermContainer }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$6.footer, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$6.footerRow, children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$6.providerBadge, children: session.provider }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$6.dirLabel, title: session.workingDirectory, children: shortDir(session.workingDirectory) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$9.previewWrapper, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: containerRef, style: styles$9.xtermContainer }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$9.footer, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$9.footerRow, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$9.providerBadge, children: session.provider }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$9.dirLabel, title: session.workingDirectory, children: shortDir(session.workingDirectory) }),
             /* @__PURE__ */ jsxRuntimeExports.jsx(ElapsedTimer, { enteredAt: session.stateEnteredAt, state: session.state })
           ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$6.footerRow, children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: styles$6.machineName, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$9.footerRow, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: styles$9.machineName, children: [
               "⬡ ",
               machineName
             ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$6.tagRow, children: customTags.map(([k2, v2]) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$6.tag, children: v2 ? `${k2}:${v2}` : k2 }, k2)) })
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$9.tagRow, children: customTags.map(([k2, v2]) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$9.tag, children: v2 ? `${k2}:${v2}` : k2 }, k2)) })
           ] })
-        ] })
+        ] }),
+        ctxMenu && /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenu, { x: ctxMenu.x, y: ctxMenu.y, items: ctxMenuItems, onClose: () => setCtxMenu(null) })
       ]
     }
   );
 }
-function TileContextMenu({ onFullscreen, onRename, onEditTags, onClose }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$6.contextMenu, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("button", { style: styles$6.ctxItem, onClick: onFullscreen, children: "🔍 Go fullscreen" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("button", { style: styles$6.ctxItem, onClick: onRename, children: "✏ Rename" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("button", { style: styles$6.ctxItem, onClick: onEditTags, children: "🏷 Edit tags" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$6.ctxDivider }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("button", { style: { ...styles$6.ctxItem, color: "var(--red)" }, onClick: onClose, children: "✕ Close" })
+function TileContextMenu({ onFullscreen, onRename, onEditTags, onInterrupt, onClose }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$9.contextMenu, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("button", { style: styles$9.ctxItem, onClick: onFullscreen, children: "🔍 Go fullscreen" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("button", { style: styles$9.ctxItem, onClick: onRename, children: "✏ Rename" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("button", { style: styles$9.ctxItem, onClick: onEditTags, children: "🏷 Edit tags" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$9.ctxDivider }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("button", { style: styles$9.ctxItem, onClick: onInterrupt, children: "⏹ Stop & Clear" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$9.ctxDivider }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("button", { style: { ...styles$9.ctxItem, color: "var(--red)" }, onClick: onClose, children: "✕ Close" })
   ] });
 }
 function ElapsedTimer({ enteredAt, state }) {
@@ -10820,12 +10994,12 @@ function ElapsedTimer({ enteredAt, state }) {
   const s = Math.floor(elapsed / 1e3);
   const m2 = Math.floor(s / 60);
   const label = m2 > 0 ? `${m2}:${String(s % 60).padStart(2, "0")}` : `${s}s`;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$6.elapsed, children: label });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$9.elapsed, children: label });
 }
 function StateBadge({ state, confidence, enteredAt }) {
   const { icon, label, color } = STATE_BADGE[state] ?? STATE_BADGE.idle;
   const suffix = confidence === "heuristic" ? "?" : "";
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: { ...styles$6.stateBadge, color, borderColor: `${color}40` }, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: { ...styles$9.stateBadge, color, borderColor: `${color}40` }, children: [
     icon,
     " ",
     label,
@@ -10845,7 +11019,7 @@ function shortDir(dir) {
   const parts = dir.replace(/\\/g, "/").split("/");
   return parts.length > 2 ? `…/${parts.slice(-2).join("/")}` : dir;
 }
-const styles$6 = {
+const styles$9 = {
   tile: {
     display: "flex",
     flexDirection: "column",
@@ -11015,10 +11189,13 @@ const STATE_LABEL = {
 };
 function FullscreenOverlay({ session, onClose }) {
   const containerRef = reactExports.useRef(null);
-  useTerminalTile({
+  const [ctxMenu, setCtxMenu] = reactExports.useState(null);
+  const [pendingPaste, setPendingPaste] = reactExports.useState(null);
+  const handleRef = useTerminalTile({
     containerRef,
     sessionId: session.id,
-    interactive: true
+    interactive: true,
+    onLargePaste: (text, send) => setPendingPaste({ text, send })
   });
   reactExports.useEffect(() => {
     const handler = (e) => {
@@ -11029,25 +11206,87 @@ function FullscreenOverlay({ session, onClose }) {
   }, [onClose]);
   const stateColor = STATE_BADGE_COLOR[session.state] ?? "var(--state-idle)";
   const machineName = session.tags["machine"] ?? session.machineId;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$5.overlay, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$5.header, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$5.sessionName, children: session.name }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$5.dot, children: "·" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$5.meta, children: session.provider }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$5.dot, children: "·" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$5.meta, children: machineName }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$5.dot, children: "·" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: { ...styles$5.stateBadge, color: stateColor }, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$8.overlay, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$8.header, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$8.sessionName, children: session.name }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$8.dot, children: "·" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$8.meta, children: session.provider }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$8.dot, children: "·" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$8.meta, children: machineName }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$8.dot, children: "·" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: { ...styles$8.stateBadge, color: stateColor }, children: [
         STATE_LABEL[session.state] ?? session.state,
         session.stateConfidence === "heuristic" ? "?" : ""
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { flex: 1 } }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("button", { style: styles$5.closeBtn, onClick: onClose, title: "Close fullscreen (Esc)", children: "⊠" })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("button", { style: styles$8.closeBtn, onClick: onClose, title: "Close fullscreen (Esc)", children: "⊠" })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: containerRef, style: styles$5.terminalBody })
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "div",
+      {
+        ref: containerRef,
+        style: styles$8.terminalBody,
+        onContextMenu: (e) => {
+          e.preventDefault();
+          setCtxMenu({ x: e.clientX, y: e.clientY });
+        }
+      }
+    ),
+    ctxMenu && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      ContextMenu,
+      {
+        x: ctxMenu.x,
+        y: ctxMenu.y,
+        items: [
+          {
+            label: "Copy",
+            icon: "📋",
+            onClick: () => {
+              const sel = handleRef.current?.getSelection() ?? "";
+              if (sel) navigator.clipboard.writeText(sel);
+            }
+          },
+          {
+            label: "Paste",
+            icon: "📎",
+            onClick: () => {
+              navigator.clipboard.readText().then((text) => {
+                if (text) window.maestro.sessions.sendInput(session.id, text);
+              });
+            }
+          },
+          { divider: true, label: "", onClick: () => {
+          } },
+          {
+            label: "Clear terminal",
+            icon: "🗑",
+            onClick: () => handleRef.current?.clearTerminal()
+          }
+        ],
+        onClose: () => setCtxMenu(null)
+      }
+    ),
+    pendingPaste && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$8.pasteOverlay, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$8.pasteDialog, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$8.pasteTitle, children: [
+        "Paste ",
+        pendingPaste.text.split("\n").length,
+        " lines?"
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("pre", { style: styles$8.pastePreview, children: [
+        pendingPaste.text.split("\n").slice(0, 10).join("\n"),
+        pendingPaste.text.split("\n").length > 10 ? "\n..." : ""
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$8.pasteActions, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "btn btn-ghost btn-sm", onClick: () => setPendingPaste(null), children: "Cancel" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "btn btn-primary btn-sm", onClick: () => {
+          pendingPaste.send();
+          setPendingPaste(null);
+        }, children: "Paste" })
+      ] })
+    ] }) })
   ] });
 }
-const styles$5 = {
+const styles$8 = {
   overlay: {
     position: "fixed",
     inset: 0,
@@ -11095,6 +11334,325 @@ const styles$5 = {
     flex: 1,
     overflow: "hidden",
     padding: "8px"
+  },
+  pasteOverlay: {
+    position: "fixed",
+    inset: 0,
+    background: "rgba(0,0,0,0.6)",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    zIndex: 250
+  },
+  pasteDialog: {
+    background: "var(--bg-surface)",
+    border: "1px solid var(--border)",
+    borderRadius: "var(--radius)",
+    padding: "16px",
+    maxWidth: "480px",
+    width: "90%"
+  },
+  pasteTitle: {
+    fontSize: "14px",
+    fontWeight: 600,
+    marginBottom: "12px",
+    color: "var(--text-primary)"
+  },
+  pastePreview: {
+    fontSize: "11px",
+    fontFamily: "'Cascadia Code', Consolas, monospace",
+    background: "var(--bg-base)",
+    border: "1px solid var(--border)",
+    borderRadius: "var(--radius-sm)",
+    padding: "10px",
+    maxHeight: "200px",
+    overflow: "auto",
+    color: "var(--text-secondary)",
+    whiteSpace: "pre-wrap",
+    margin: 0
+  },
+  pasteActions: {
+    display: "flex",
+    justifyContent: "flex-end",
+    gap: "8px",
+    marginTop: "12px"
+  }
+};
+function SplitPaneOverlay({ left, right, onClose }) {
+  const leftRef = reactExports.useRef(null);
+  const rightRef = reactExports.useRef(null);
+  const [focusSide, setFocusSide] = reactExports.useState("left");
+  useTerminalTile({ containerRef: leftRef, sessionId: left.id, interactive: true });
+  useTerminalTile({ containerRef: rightRef, sessionId: right.id, interactive: true });
+  reactExports.useEffect(() => {
+    function onKeyDown(e) {
+      if (e.key === "Escape") {
+        onClose();
+        return;
+      }
+      const ctrlOrCmd = e.ctrlKey || e.metaKey;
+      if (ctrlOrCmd && e.key === "1") {
+        e.preventDefault();
+        setFocusSide("left");
+      }
+      if (ctrlOrCmd && e.key === "2") {
+        e.preventDefault();
+        setFocusSide("right");
+      }
+    }
+    window.addEventListener("keydown", onKeyDown);
+    return () => window.removeEventListener("keydown", onKeyDown);
+  }, [onClose]);
+  reactExports.useEffect(() => {
+    const target = focusSide === "left" ? leftRef.current : rightRef.current;
+    const textarea = target?.querySelector("textarea");
+    textarea?.focus();
+  }, [focusSide]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$7.overlay, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$7.header, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        PaneTab,
+        {
+          session: left,
+          active: focusSide === "left",
+          onClick: () => setFocusSide("left")
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        PaneTab,
+        {
+          session: right,
+          active: focusSide === "right",
+          onClick: () => setFocusSide("right")
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { flex: 1 } }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$7.hint, children: "Ctrl+1/2 switch · Esc close" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("button", { style: styles$7.closeBtn, onClick: onClose, title: "Close split (Esc)", children: "⊠" })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$7.panes, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "div",
+        {
+          ref: leftRef,
+          style: {
+            ...styles$7.pane,
+            borderColor: focusSide === "left" ? "var(--accent)" : "var(--border-subtle)"
+          },
+          onClick: () => setFocusSide("left")
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$7.divider }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "div",
+        {
+          ref: rightRef,
+          style: {
+            ...styles$7.pane,
+            borderColor: focusSide === "right" ? "var(--accent)" : "var(--border-subtle)"
+          },
+          onClick: () => setFocusSide("right")
+        }
+      )
+    ] })
+  ] });
+}
+function PaneTab({ session, active, onClick }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "button",
+    {
+      style: {
+        ...styles$7.tab,
+        background: active ? "var(--bg-base)" : "transparent",
+        color: active ? "var(--text-primary)" : "var(--text-muted)",
+        borderBottomColor: active ? "var(--accent)" : "transparent"
+      },
+      onClick,
+      children: session.name
+    }
+  );
+}
+const styles$7 = {
+  overlay: {
+    position: "fixed",
+    inset: 0,
+    zIndex: 200,
+    background: "var(--bg-base)",
+    display: "flex",
+    flexDirection: "column"
+  },
+  header: {
+    display: "flex",
+    alignItems: "center",
+    gap: "4px",
+    padding: "6px 16px",
+    background: "var(--bg-surface)",
+    borderBottom: "1px solid var(--border)",
+    flexShrink: 0
+  },
+  tab: {
+    fontSize: "12px",
+    fontWeight: 600,
+    padding: "6px 12px",
+    border: "none",
+    borderBottom: "2px solid",
+    cursor: "pointer"
+  },
+  hint: {
+    fontSize: "11px",
+    color: "var(--text-muted)",
+    marginRight: "8px"
+  },
+  closeBtn: {
+    background: "transparent",
+    border: "none",
+    color: "var(--text-muted)",
+    fontSize: "18px",
+    cursor: "pointer"
+  },
+  panes: {
+    flex: 1,
+    display: "flex",
+    overflow: "hidden"
+  },
+  pane: {
+    flex: 1,
+    position: "relative",
+    overflow: "hidden",
+    padding: "4px",
+    border: "2px solid",
+    borderRadius: "2px"
+  },
+  divider: {
+    width: "4px",
+    background: "var(--border)",
+    flexShrink: 0,
+    cursor: "col-resize"
+  }
+};
+function TabbedWorkspace({ sessions, onClose }) {
+  const [activeTabId, setActiveTabId] = reactExports.useState(
+    sessions[0]?.id ?? null
+  );
+  const [closedTabs, setClosedTabs] = reactExports.useState([]);
+  React$2.useEffect(() => {
+    function onKeyDown(e) {
+      if ((e.ctrlKey || e.metaKey) && e.shiftKey && e.key === "T") {
+        e.preventDefault();
+        if (closedTabs.length > 0) {
+          const lastClosed = closedTabs[closedTabs.length - 1];
+          setClosedTabs((prev) => prev.slice(0, -1));
+          setActiveTabId(lastClosed);
+        }
+      }
+    }
+    window.addEventListener("keydown", onKeyDown);
+    return () => window.removeEventListener("keydown", onKeyDown);
+  }, [closedTabs]);
+  const activeSession = sessions.find((s) => s.id === activeTabId) ?? sessions[0];
+  const visibleSessions = sessions.filter((s) => !closedTabs.includes(s.id));
+  function handleCloseTab(e, id2) {
+    e.stopPropagation();
+    setClosedTabs((prev) => [...prev, id2]);
+    if (activeTabId === id2) {
+      const remaining = visibleSessions.filter((s) => s.id !== id2);
+      setActiveTabId(remaining[0]?.id ?? null);
+    }
+  }
+  if (!activeSession || visibleSessions.length === 0) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$6.empty, children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { style: { color: "var(--text-muted)" }, children: "No open tabs. Press Ctrl+Shift+T to reopen." }) });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$6.root, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$6.tabBar, children: visibleSessions.map((session) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "button",
+      {
+        style: {
+          ...styles$6.tab,
+          background: session.id === activeTabId ? "var(--bg-base)" : "transparent",
+          color: session.id === activeTabId ? "var(--text-primary)" : "var(--text-muted)",
+          borderBottomColor: session.id === activeTabId ? "var(--accent)" : "transparent"
+        },
+        onClick: () => setActiveTabId(session.id),
+        onAuxClick: (e) => {
+          if (e.button === 1) handleCloseTab(e, session.id);
+        },
+        title: `${session.name} · ${session.provider} · ${session.state}`,
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$6.tabName, children: session.name }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "span",
+            {
+              style: styles$6.tabClose,
+              onClick: (e) => handleCloseTab(e, session.id),
+              children: "×"
+            }
+          )
+        ]
+      },
+      session.id
+    )) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ActiveTerminal, { session: activeSession }, activeSession.id)
+  ] });
+}
+function ActiveTerminal({ session }) {
+  const containerRef = reactExports.useRef(null);
+  useTerminalTile({
+    containerRef,
+    sessionId: session.id,
+    interactive: true
+  });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: containerRef, style: styles$6.terminal });
+}
+const styles$6 = {
+  root: {
+    display: "flex",
+    flexDirection: "column",
+    height: "100%"
+  },
+  tabBar: {
+    display: "flex",
+    alignItems: "stretch",
+    background: "var(--bg-surface)",
+    borderBottom: "1px solid var(--border)",
+    overflowX: "auto",
+    flexShrink: 0
+  },
+  tab: {
+    display: "flex",
+    alignItems: "center",
+    gap: "6px",
+    padding: "8px 14px",
+    fontSize: "12px",
+    fontWeight: 500,
+    border: "none",
+    borderBottom: "2px solid",
+    cursor: "pointer",
+    maxWidth: "180px",
+    minWidth: "80px",
+    flexShrink: 0,
+    whiteSpace: "nowrap"
+  },
+  tabName: {
+    overflow: "hidden",
+    textOverflow: "ellipsis"
+  },
+  tabClose: {
+    fontSize: "14px",
+    lineHeight: 1,
+    opacity: 0.5,
+    flexShrink: 0
+  },
+  terminal: {
+    flex: 1,
+    position: "relative",
+    overflow: "hidden",
+    padding: "8px"
+  },
+  empty: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    height: "100%"
   }
 };
 function DirectoryBrowser({ machineId, initialPath, onSelect }) {
@@ -11131,9 +11689,9 @@ function DirectoryBrowser({ machineId, initialPath, onSelect }) {
     }
   }
   if (loading) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$4.loading, children: "Loading directory tree…" });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$5.loading, children: "Loading directory tree…" });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$4.root, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$5.root, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     TreeLevel,
     {
       nodes: roots,
@@ -11150,15 +11708,15 @@ function TreeLevel({ nodes, setNodes, selected, onToggle, depth }) {
       "button",
       {
         style: {
-          ...styles$4.treeItem,
+          ...styles$5.treeItem,
           paddingLeft: `${12 + depth * 14}px`,
           background: selected === node.path ? "var(--accent-muted)" : "transparent",
           color: selected === node.path ? "var(--text-primary)" : "var(--text-secondary)"
         },
         onClick: () => onToggle(node, nodes, setNodes),
         children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$4.treeIcon, children: node.isDir ? node.loading ? "⏳" : node.expanded ? "▼" : "▶" : "📄" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$4.treeName, children: node.name })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$5.treeIcon, children: node.isDir ? node.loading ? "⏳" : node.expanded ? "▼" : "▶" : "📄" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$5.treeName, children: node.name })
         ]
       }
     ),
@@ -11189,7 +11747,7 @@ function updateNode(nodes, targetPath, updates) {
     return n2;
   });
 }
-const styles$4 = {
+const styles$5 = {
   root: {
     border: "1px solid var(--border)",
     borderRadius: "var(--radius-sm)",
@@ -11238,6 +11796,13 @@ function CreateTerminalModal({ onClose, onCreated }) {
   const [creating, setCreating] = reactExports.useState(false);
   const [error, setError] = reactExports.useState("");
   const machines = useMachinesStore((s) => s.machines.filter((m2) => m2.onboarded));
+  const prevMachineRef = React$2.useRef(machineId);
+  React$2.useEffect(() => {
+    if (prevMachineRef.current !== machineId) {
+      prevMachineRef.current = machineId;
+      setDirectory("");
+    }
+  }, [machineId]);
   async function handleCreate() {
     setCreating(true);
     setError("");
@@ -11272,17 +11837,17 @@ function CreateTerminalModal({ onClose, onCreated }) {
       return next;
     });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$3.overlay, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$3.dialog, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$3.dialogHeader, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$3.dialogTitle, children: "New Terminal" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: styles$3.stepLabel, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$4.overlay, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$4.dialog, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$4.dialogHeader, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$4.dialogTitle, children: "New Terminal" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: styles$4.stepLabel, children: [
         "Step ",
         step,
         " of 3"
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("button", { style: styles$3.closeBtn, onClick: onClose, children: "✕" })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("button", { style: styles$4.closeBtn, onClick: onClose, children: "✕" })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$3.body, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$4.body, children: [
       step === 1 && /* @__PURE__ */ jsxRuntimeExports.jsx(
         Step1,
         {
@@ -11319,7 +11884,7 @@ function CreateTerminalModal({ onClose, onCreated }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$3.dialogFooter, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$4.dialogFooter, children: [
       step > 1 && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "btn btn-ghost", onClick: () => setStep((s) => s - 1), children: "← Back" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { flex: 1 } }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "btn btn-ghost", onClick: onClose, children: "Cancel" }),
@@ -11344,9 +11909,9 @@ function CreateTerminalModal({ onClose, onCreated }) {
   ] }) });
 }
 function Step1({ name, setName, machineId, setMachineId, provider, setProvider, machines }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$3.step, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$3.field, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("label", { style: styles$3.label, children: "Session name" }),
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$4.step, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$4.field, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("label", { style: styles$4.label, children: "Session name" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         "input",
         {
@@ -11358,14 +11923,14 @@ function Step1({ name, setName, machineId, setMachineId, provider, setProvider,
         }
       )
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$3.field, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("label", { style: styles$3.label, children: "Machine" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$3.machineList, children: machines.map((m2) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$4.field, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("label", { style: styles$4.label, children: "Machine" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$4.machineList, children: machines.map((m2) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "button",
         {
           style: {
-            ...styles$3.machineOption,
-            ...machineId === m2.id ? styles$3.machineOptionSelected : {}
+            ...styles$4.machineOption,
+            ...machineId === m2.id ? styles$4.machineOptionSelected : {}
           },
           onClick: () => setMachineId(m2.id),
           children: [
@@ -11377,14 +11942,14 @@ function Step1({ name, setName, machineId, setMachineId, provider, setProvider,
         m2.id
       )) })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$3.field, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("label", { style: styles$3.label, children: "AI Provider" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$3.providerRow, children: ["claude", "copilot", "none"].map((p2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$4.field, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("label", { style: styles$4.label, children: "AI Provider" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$4.providerRow, children: ["claude", "copilot", "none"].map((p2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
         "button",
         {
           style: {
-            ...styles$3.providerBtn,
-            ...provider === p2 ? styles$3.providerBtnSelected : {}
+            ...styles$4.providerBtn,
+            ...provider === p2 ? styles$4.providerBtnSelected : {}
           },
           onClick: () => setProvider(p2),
           children: p2
@@ -11398,15 +11963,16 @@ function Step2({ machineId, directory, setDirectory }) {
   const [showBrowser, setShowBrowser] = reactExports.useState(true);
   const [homeDir, setHomeDir] = reactExports.useState("C:\\");
   React$2.useEffect(() => {
+    setDirectory("");
     window.maestro.fs.homeDir(machineId).then((h) => {
       setHomeDir(h);
-      if (!directory) setDirectory(h);
+      setDirectory(h);
     }).catch(() => {
     });
   }, [machineId]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$3.step, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$3.field, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("label", { style: styles$3.label, children: "Working directory" }),
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$4.step, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$4.field, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("label", { style: styles$4.label, children: "Working directory" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         "input",
         {
@@ -11420,7 +11986,7 @@ function Step2({ machineId, directory, setDirectory }) {
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "button",
       {
-        style: styles$3.browserToggle,
+        style: styles$4.browserToggle,
         onClick: () => setShowBrowser((v2) => !v2),
         children: [
           showBrowser ? "▼" : "▶",
@@ -11436,17 +12002,17 @@ function Step2({ machineId, directory, setDirectory }) {
         onSelect: setDirectory
       }
     ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { style: styles$3.hint, children: "Select a directory above or type the path manually." })
+    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { style: styles$4.hint, children: "Select a directory above or type the path manually." })
   ] });
 }
 function Step3({ name, machineId, provider, directory, tags, tagInput, setTagInput, addTag, removeTag, error }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$3.step, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$3.field, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("label", { style: styles$3.label, children: "Tags (optional)" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$3.tagEditor, children: [
-        Object.entries(tags).map(([k2, v2]) => /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: styles$3.tagChip, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$4.step, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$4.field, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("label", { style: styles$4.label, children: "Tags (optional)" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$4.tagEditor, children: [
+        Object.entries(tags).map(([k2, v2]) => /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: styles$4.tagChip, children: [
           v2 ? `${k2}:${v2}` : k2,
-          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { style: styles$3.tagRemove, onClick: () => removeTag(k2), children: "×" })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { style: styles$4.tagRemove, onClick: () => removeTag(k2), children: "×" })
         ] }, k2)),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "input",
@@ -11461,35 +12027,35 @@ function Step3({ name, machineId, provider, directory, tags, tagInput, setTagInp
               }
             },
             placeholder: "type tag and press Enter…",
-            style: styles$3.tagInput
+            style: styles$4.tagInput
           }
         )
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { style: styles$3.hint, children: "Use key:value or plain labels. Press Enter to add." })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { style: styles$4.hint, children: "Use key:value or plain labels. Press Enter to add." })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$3.summary, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$3.summaryTitle, children: "Summary" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$3.summaryRow, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$3.summaryKey, children: "Name" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$4.summary, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$4.summaryTitle, children: "Summary" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$4.summaryRow, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$4.summaryKey, children: "Name" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: name })
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$3.summaryRow, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$3.summaryKey, children: "Machine" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$4.summaryRow, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$4.summaryKey, children: "Machine" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: machineId })
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$3.summaryRow, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$3.summaryKey, children: "Provider" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$4.summaryRow, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$4.summaryKey, children: "Provider" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: provider })
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$3.summaryRow, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$3.summaryKey, children: "Directory" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$4.summaryRow, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$4.summaryKey, children: "Directory" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { fontFamily: "monospace", fontSize: "12px" }, children: directory || "(default)" })
       ] })
     ] }),
-    error && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$3.error, children: error })
+    error && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$4.error, children: error })
   ] });
 }
-const styles$3 = {
+const styles$4 = {
   overlay: {
     position: "fixed",
     inset: 0,
@@ -11689,9 +12255,22 @@ const styles$3 = {
     flexShrink: 0
   }
 };
+const STATUS_PILLS = {
+  working: { icon: "●", label: "Working", color: "var(--state-working)" },
+  waiting: { icon: "⏳", label: "Waiting", color: "var(--state-waiting)" },
+  permission: { icon: "🔐", label: "Input Required", color: "var(--state-permission)" },
+  idle: { icon: "○", label: "Idle", color: "var(--state-idle)" },
+  done: { icon: "✓", label: "Done", color: "var(--state-done)" },
+  error: { icon: "✗", label: "Error", color: "var(--state-error)" }
+};
+const ALL_STATES = ["working", "waiting", "permission", "idle", "done", "error"];
 function TagFilterBar() {
-  const { sessions, filterTags, setFilterTags } = useSessionsStore();
+  const { sessions, filterTags, setFilterTags, filterStates, toggleFilterState, clearFilterStates } = useSessionsStore();
   const [popoverOpen, setPopoverOpen] = reactExports.useState(false);
+  const stateCounts = /* @__PURE__ */ new Map();
+  for (const s of sessions) {
+    stateCounts.set(s.state, (stateCounts.get(s.state) ?? 0) + 1);
+  }
   const allTags = {};
   for (const s of sessions) {
     for (const [k2, v2] of Object.entries(s.tags)) {
@@ -11700,14 +12279,42 @@ function TagFilterBar() {
     }
   }
   const activeFilters = Object.entries(filterTags).filter(([k2]) => k2);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$2.root, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$2.icon, children: "🏷" }),
-    activeFilters.map(([k2, v2]) => /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: styles$2.chip, children: [
+  const hasAnyFilter = activeFilters.length > 0 || filterStates.size > 0;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$3.root, children: [
+    ALL_STATES.map((state) => {
+      const count = stateCounts.get(state) ?? 0;
+      if (count === 0) return null;
+      const { icon, label, color } = STATUS_PILLS[state];
+      const active = filterStates.has(state);
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "button",
+        {
+          onClick: () => toggleFilterState(state),
+          style: {
+            ...styles$3.statusPill,
+            color: active ? "#fff" : color,
+            background: active ? color : "transparent",
+            borderColor: active ? color : `${color}40`
+          },
+          children: [
+            icon,
+            " ",
+            label,
+            " ",
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$3.pillCount, children: count })
+          ]
+        },
+        state
+      );
+    }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$3.separator, children: "│" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$3.icon, children: "🏷" }),
+    activeFilters.map(([k2, v2]) => /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: styles$3.chip, children: [
       v2 && v2 !== "*" ? `${k2}:${v2}` : k2,
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         "button",
         {
-          style: styles$2.chipRemove,
+          style: styles$3.chipRemove,
           onClick: () => {
             const next = { ...filterTags };
             delete next[k2];
@@ -11718,7 +12325,7 @@ function TagFilterBar() {
       )
     ] }, k2)),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { position: "relative" }, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("button", { style: styles$2.addBtn, onClick: () => setPopoverOpen((v2) => !v2), children: "+ Filter" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("button", { style: styles$3.addBtn, onClick: () => setPopoverOpen((v2) => !v2), children: "+ Filter" }),
       popoverOpen && /* @__PURE__ */ jsxRuntimeExports.jsx(
         FilterPopover,
         {
@@ -11731,17 +12338,20 @@ function TagFilterBar() {
         }
       )
     ] }),
-    activeFilters.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { style: styles$2.clearBtn, onClick: () => setFilterTags({}), children: "Clear filters" })
+    hasAnyFilter && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { style: styles$3.clearBtn, onClick: () => {
+      setFilterTags({});
+      clearFilterStates();
+    }, children: "Clear filters" })
   ] });
 }
 function FilterPopover({ allTags, onApply, onClose }) {
   const [selected, setSelected] = reactExports.useState({});
   const systemKeys = ["machine", "provider", "state"];
   const customKeys = Object.keys(allTags).filter((k2) => !systemKeys.includes(k2));
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$2.popover, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$2.popoverTitle, children: "Filter by tag" }),
-    systemKeys.filter((k2) => allTags[k2]).map((k2) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$2.popoverRow, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: styles$2.popoverKey, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$3.popover, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$3.popoverTitle, children: "Filter by tag" }),
+    systemKeys.filter((k2) => allTags[k2]).map((k2) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$3.popoverRow, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: styles$3.popoverKey, children: [
         k2,
         ":"
       ] }),
@@ -11750,7 +12360,7 @@ function FilterPopover({ allTags, onApply, onClose }) {
         {
           value: selected[k2] ?? "",
           onChange: (e) => setSelected((prev) => ({ ...prev, [k2]: e.target.value })),
-          style: styles$2.popoverSelect,
+          style: styles$3.popoverSelect,
           children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "", children: "any" }),
             Array.from(allTags[k2]).map((v2) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: v2, children: v2 }, v2))
@@ -11758,8 +12368,8 @@ function FilterPopover({ allTags, onApply, onClose }) {
         }
       )
     ] }, k2)),
-    customKeys.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$2.popoverRow, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$2.popoverKey, children: "custom:" }),
+    customKeys.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$3.popoverRow, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$3.popoverKey, children: "custom:" }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "select",
         {
@@ -11768,7 +12378,7 @@ function FilterPopover({ allTags, onApply, onClose }) {
             const v2 = e.target.value;
             setSelected((prev) => v2 ? { ...prev, _custom: v2 } : { ...prev });
           },
-          style: styles$2.popoverSelect,
+          style: styles$3.popoverSelect,
           children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "", children: "pick tag…" }),
             customKeys.map((k2) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: k2, children: k2 }, k2))
@@ -11776,7 +12386,7 @@ function FilterPopover({ allTags, onApply, onClose }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$2.popoverActions, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$3.popoverActions, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "btn btn-ghost btn-sm", onClick: onClose, children: "Cancel" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         "button",
@@ -11796,7 +12406,7 @@ function FilterPopover({ allTags, onApply, onClose }) {
     ] })
   ] });
 }
-const styles$2 = {
+const styles$3 = {
   root: {
     display: "flex",
     alignItems: "center",
@@ -11804,6 +12414,28 @@ const styles$2 = {
     flex: 1,
     flexWrap: "wrap"
   },
+  statusPill: {
+    display: "inline-flex",
+    alignItems: "center",
+    gap: "4px",
+    fontSize: "11px",
+    fontWeight: 600,
+    padding: "3px 8px",
+    borderRadius: "10px",
+    border: "1px solid",
+    cursor: "pointer",
+    transition: "all 0.15s",
+    whiteSpace: "nowrap"
+  },
+  pillCount: {
+    fontSize: "10px",
+    opacity: 0.8
+  },
+  separator: {
+    color: "var(--border)",
+    fontSize: "14px",
+    margin: "0 2px"
+  },
   icon: {
     fontSize: "14px"
   },
@@ -11897,15 +12529,48 @@ function TerminalsView({ onSessionAdded }) {
   const {
     sessions,
     filterTags,
+    filterStates,
     activeFullscreenId,
+    splitIds,
     setFullscreen,
+    setSplit,
     removeSession,
     updateSession
   } = useSessionsStore();
   const [showCreate, setShowCreate] = reactExports.useState(false);
   const [editTagsId, setEditTagsId] = reactExports.useState(null);
-  const filtered = filterSessions(sessions, filterTags);
+  const [viewMode, setViewMode] = reactExports.useState("grid");
+  const filtered = filterSessions(sessions, filterTags, filterStates);
   const fullscreenSession = activeFullscreenId ? sessions.find((s) => s.id === activeFullscreenId) ?? null : null;
+  reactExports.useEffect(() => {
+    function onKeyDown(e) {
+      if (showCreate || editTagsId) return;
+      const target = e.target;
+      if (target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.tagName === "SELECT") return;
+      const ctrlOrCmd = e.ctrlKey || e.metaKey;
+      if (ctrlOrCmd && e.key === "n") {
+        e.preventDefault();
+        setShowCreate(true);
+      } else if (ctrlOrCmd && e.key === "\\") {
+        e.preventDefault();
+        if (splitIds) {
+          setSplit(null);
+        } else if (activeFullscreenId && filtered.length >= 2) {
+          const currentIdx = filtered.findIndex((s) => s.id === activeFullscreenId);
+          const nextIdx = (currentIdx + 1) % filtered.length;
+          setSplit([activeFullscreenId, filtered[nextIdx].id]);
+        }
+      } else if (ctrlOrCmd && e.key >= "1" && e.key <= "9") {
+        e.preventDefault();
+        const index = parseInt(e.key) - 1;
+        if (filtered[index]) {
+          setFullscreen(filtered[index].id);
+        }
+      }
+    }
+    window.addEventListener("keydown", onKeyDown);
+    return () => window.removeEventListener("keydown", onKeyDown);
+  }, [filtered, showCreate, editTagsId, setFullscreen]);
   async function handleClose(id2) {
     await window.maestro.sessions.destroy(id2).catch(() => {
     });
@@ -11916,15 +12581,24 @@ function TerminalsView({ onSessionAdded }) {
     });
     updateSession({ id: id2, name });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$1.root, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$1.toolbar, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$2.root, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$2.toolbar, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(TagFilterBar, {}),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$1.toolbarRight, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: styles$1.count, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$2.toolbarRight, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: styles$2.count, children: [
           filtered.length,
           "/",
           sessions.length
         ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            className: "btn btn-ghost btn-sm",
+            onClick: () => setViewMode((v2) => v2 === "grid" ? "tabs" : "grid"),
+            title: viewMode === "grid" ? "Switch to tabbed view" : "Switch to grid view",
+            children: viewMode === "grid" ? "☰ Tabs" : "▦ Grid"
+          }
+        ),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "button",
           {
@@ -11935,12 +12609,18 @@ function TerminalsView({ onSessionAdded }) {
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$1.gridWrapper, children: filtered.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$1.empty, children: sessions.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$1.emptyIcon, children: "▦" }),
+    viewMode === "tabs" && filtered.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+      TabbedWorkspace,
+      {
+        sessions: filtered,
+        onClose: (id2) => handleClose(id2)
+      }
+    ) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$2.gridWrapper, children: filtered.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$2.empty, children: sessions.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$2.emptyIcon, children: "▦" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("p", { style: { fontWeight: 600, marginBottom: "8px" }, children: "No terminals yet" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("p", { style: { color: "var(--text-muted)", fontSize: "13px", marginBottom: "16px" }, children: "Launch an AI coding session to get started." }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "btn btn-primary", onClick: () => setShowCreate(true), children: "+ New Terminal" })
-    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("p", { style: { color: "var(--text-muted)" }, children: "No sessions match the current filter." }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$1.grid, children: filtered.map((session) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("p", { style: { color: "var(--text-muted)" }, children: "No sessions match the current filter." }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$2.grid, children: filtered.map((session) => /* @__PURE__ */ jsxRuntimeExports.jsx(
       TerminalTile,
       {
         session,
@@ -11958,6 +12638,19 @@ function TerminalsView({ onSessionAdded }) {
         onClose: () => setFullscreen(null)
       }
     ),
+    splitIds && (() => {
+      const leftSession = sessions.find((s) => s.id === splitIds[0]);
+      const rightSession = sessions.find((s) => s.id === splitIds[1]);
+      if (!leftSession || !rightSession) return null;
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        SplitPaneOverlay,
+        {
+          left: leftSession,
+          right: rightSession,
+          onClose: () => setSplit(null)
+        }
+      );
+    })(),
     showCreate && /* @__PURE__ */ jsxRuntimeExports.jsx(
       CreateTerminalModal,
       {
@@ -11996,16 +12689,16 @@ function TagEditPanel({ sessionId, initialTags, onClose, onSave }) {
     setTags((prev) => ({ ...prev, [key.trim()]: val.trim() }));
     setInput("");
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$1.tagEditOverlay, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$1.tagEditPanel, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$1.tagEditHeader, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$2.tagEditOverlay, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$2.tagEditPanel, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$2.tagEditHeader, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
         session?.name,
         " · Tags"
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("button", { style: { background: "transparent", border: "none", color: "var(--text-muted)", fontSize: "16px" }, onClick: onClose, children: "✕" })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$1.tagEditorInline, children: [
-      Object.entries(tags).filter(([k2]) => !["machine", "provider", "state"].includes(k2)).map(([k2, v2]) => /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: styles$1.tagChipEdit, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles$2.tagEditorInline, children: [
+      Object.entries(tags).filter(([k2]) => !["machine", "provider", "state"].includes(k2)).map(([k2, v2]) => /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: styles$2.tagChipEdit, children: [
         v2 ? `${k2}:${v2}` : k2,
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "button",
@@ -12040,7 +12733,7 @@ function TagEditPanel({ sessionId, initialTags, onClose, onSave }) {
     ] })
   ] }) });
 }
-const styles$1 = {
+const styles$2 = {
   root: {
     display: "flex",
     flexDirection: "column",
@@ -12141,12 +12834,92 @@ const styles$1 = {
     borderRadius: "10px"
   }
 };
+let nextId = 0;
+const useToastsStore = create((set) => ({
+  toasts: [],
+  addToast(message, type) {
+    const id2 = `toast-${nextId++}`;
+    const toast = { id: id2, message, type, createdAt: Date.now() };
+    set((s) => ({
+      toasts: [...s.toasts.slice(-4), toast]
+      // cap at 5
+    }));
+    setTimeout(() => {
+      set((s) => ({ toasts: s.toasts.filter((t2) => t2.id !== id2) }));
+    }, 5e3);
+  },
+  removeToast(id2) {
+    set((s) => ({ toasts: s.toasts.filter((t2) => t2.id !== id2) }));
+  }
+}));
+const TYPE_COLORS = {
+  info: "var(--state-working)",
+  success: "var(--state-done)",
+  warning: "var(--state-waiting)",
+  error: "var(--state-error)"
+};
+function ToastContainer() {
+  const { toasts, removeToast } = useToastsStore();
+  if (toasts.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles$1.container, children: toasts.map((toast) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      style: { ...styles$1.toast, borderLeftColor: TYPE_COLORS[toast.type] },
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles$1.message, children: toast.message }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("button", { style: styles$1.dismiss, onClick: () => removeToast(toast.id), children: "✕" })
+      ]
+    },
+    toast.id
+  )) });
+}
+const styles$1 = {
+  container: {
+    position: "fixed",
+    bottom: "16px",
+    right: "16px",
+    zIndex: 300,
+    display: "flex",
+    flexDirection: "column",
+    gap: "8px",
+    maxWidth: "360px"
+  },
+  toast: {
+    display: "flex",
+    alignItems: "center",
+    gap: "8px",
+    padding: "10px 12px",
+    background: "var(--bg-elevated)",
+    border: "1px solid var(--border)",
+    borderLeft: "3px solid",
+    borderRadius: "var(--radius-sm)",
+    boxShadow: "0 4px 16px rgba(0,0,0,0.4)",
+    animation: "slideIn 0.2s ease-out"
+  },
+  message: {
+    flex: 1,
+    fontSize: "12px",
+    color: "var(--text-primary)",
+    lineHeight: 1.4
+  },
+  dismiss: {
+    background: "transparent",
+    border: "none",
+    color: "var(--text-muted)",
+    fontSize: "12px",
+    cursor: "pointer",
+    padding: "0 2px",
+    flexShrink: 0
+  }
+};
 function App() {
   const [view, setView] = reactExports.useState("home");
   const [runPlanFile, setRunPlanFile] = reactExports.useState(null);
   const runStatus = useRunStore((s) => s.status);
   const { setMachines, addMachine, removeMachine, updateStatus } = useMachinesStore();
   const { setSessions, addSession, updateSession, removeSession, applyStateChange } = useSessionsStore();
+  const addToast = useToastsStore((s) => s.addToast);
+  const prevStatesRef = reactExports.useRef(/* @__PURE__ */ new Map());
   const waitingCount = useSessionsStore(
     (s) => s.sessions.filter((sess) => sess.state === "waiting").length
   );
@@ -12161,9 +12934,29 @@ function App() {
     const unsubSessionData = window.maestro.sessions.onData((_ev) => {
     });
     const unsubStateChanged = window.maestro.sessions.onStateChanged((ev) => {
-      applyStateChange(ev);
+      const event = ev;
+      const prev = prevStatesRef.current.get(event.sessionId);
+      if (prev && prev !== event.state) {
+        const session = useSessionsStore.getState().sessions.find((s) => s.id === event.sessionId);
+        const name = session?.name ?? event.sessionId.slice(0, 8);
+        const labels = {
+          working: "Working",
+          waiting: "Waiting",
+          permission: "Input Required",
+          idle: "Idle",
+          done: "Done",
+          error: "Error"
+        };
+        addToast(`${name}: ${labels[prev] ?? prev} → ${labels[event.state] ?? event.state}`, "info");
+      }
+      prevStatesRef.current.set(event.sessionId, event.state);
+      applyStateChange(event);
     });
     const unsubDestroyed = window.maestro.sessions.onDestroyed((id2) => {
+      const session = useSessionsStore.getState().sessions.find((s) => s.id === id2);
+      const name = session?.name ?? id2.slice(0, 8);
+      addToast(`"${name}" session ended`, "warning");
+      prevStatesRef.current.delete(id2);
       removeSession(id2);
     });
     return () => {
@@ -12212,7 +13005,8 @@ function App() {
         }
       ),
       view === "terminals" && /* @__PURE__ */ jsxRuntimeExports.jsx(TerminalsView, { onSessionAdded: addSession })
-    ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ToastContainer, {})
   ] });
 }
 const styles = {