@phenx-inc/ctlsurf 0.9.0 → 0.11.0

package/out/renderer/assets/{index-Cj7K9-Ba.js → index-BDlCPzCG.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./cssMode-BdYp0fp9.js","./lspLanguageFeatures-8SIcRAMh.js","./htmlMode-CCm0aJ6C.js","./jsonMode-BgCUHaFo.js","./javascript-B2niCouI.js","./typescript-rdwAjCi4.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./cssMode-Bmzy9hKX.js","./lspLanguageFeatures-Bhdn2Eqy.js","./htmlMode-DD7YPgga.js","./jsonMode-CTuGgRvC.js","./javascript-CsGLsswK.js","./typescript-oxBn_Vcw.js"])))=>i.map(i=>d[i]);
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
@@ -207841,7 +207841,7 @@ const lessDefaults = new LanguageServiceDefaultsImpl$3(
   modeConfigurationDefault$2
 );
 function getMode$3() {
-  return __vitePreload(() => import("./cssMode-BdYp0fp9.js"), true ? __vite__mapDeps([0,1]) : void 0, import.meta.url);
+  return __vitePreload(() => import("./cssMode-Bmzy9hKX.js"), true ? __vite__mapDeps([0,1]) : void 0, import.meta.url);
 }
 languages.onLanguage("less", () => {
   getMode$3().then((mode2) => mode2.setupMode(lessDefaults));
@@ -207946,7 +207946,7 @@ const razorLanguageService = registerHTMLLanguageService(
 );
 const razorDefaults = razorLanguageService.defaults;
 function getMode$2() {
-  return __vitePreload(() => import("./htmlMode-CCm0aJ6C.js"), true ? __vite__mapDeps([2,1]) : void 0, import.meta.url);
+  return __vitePreload(() => import("./htmlMode-DD7YPgga.js"), true ? __vite__mapDeps([2,1]) : void 0, import.meta.url);
 }
 function registerHTMLLanguageService(languageId, options = optionsDefault, modeConfiguration = getConfigurationDefault(languageId)) {
   const defaults = new LanguageServiceDefaultsImpl$2(languageId, options, modeConfiguration);
@@ -208030,7 +208030,7 @@ const jsonDefaults = new LanguageServiceDefaultsImpl$1(
 );
 const getWorker$1 = () => getMode$1().then((mode2) => mode2.getWorker());
 function getMode$1() {
-  return __vitePreload(() => import("./jsonMode-BgCUHaFo.js"), true ? __vite__mapDeps([3,1]) : void 0, import.meta.url);
+  return __vitePreload(() => import("./jsonMode-CTuGgRvC.js"), true ? __vite__mapDeps([3,1]) : void 0, import.meta.url);
 }
 languages.register({
   id: "json",
@@ -208276,7 +208276,7 @@ const getJavaScriptWorker = () => {
   return getMode().then((mode) => mode.getJavaScriptWorker());
 };
 function getMode() {
-  return __vitePreload(() => import("./tsMode-8FLRnobw.js"), true ? [] : void 0, import.meta.url);
+  return __vitePreload(() => import("./tsMode-YTLgCayh.js"), true ? [] : void 0, import.meta.url);
 }
 languages.onLanguage("typescript", () => {
   return getMode().then((mode) => mode.setupTypeScript(typescriptDefaults));
@@ -208471,49 +208471,49 @@ registerLanguage({
   extensions: [".ftl", ".ftlh", ".ftlx"],
   aliases: ["FreeMarker2", "Apache FreeMarker2"],
   loader: () => {
-    return __vitePreload(() => import("./freemarker2-Cya-9zr-.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-CDAsExTa.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationDollar);
   }
 });
 registerLanguage({
   id: "freemarker2.tag-angle.interpolation-dollar",
   aliases: ["FreeMarker2 (Angle/Dollar)", "Apache FreeMarker2 (Angle/Dollar)"],
   loader: () => {
-    return __vitePreload(() => import("./freemarker2-Cya-9zr-.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAngleInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-CDAsExTa.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAngleInterpolationDollar);
   }
 });
 registerLanguage({
   id: "freemarker2.tag-bracket.interpolation-dollar",
   aliases: ["FreeMarker2 (Bracket/Dollar)", "Apache FreeMarker2 (Bracket/Dollar)"],
   loader: () => {
-    return __vitePreload(() => import("./freemarker2-Cya-9zr-.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagBracketInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-CDAsExTa.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagBracketInterpolationDollar);
   }
 });
 registerLanguage({
   id: "freemarker2.tag-angle.interpolation-bracket",
   aliases: ["FreeMarker2 (Angle/Bracket)", "Apache FreeMarker2 (Angle/Bracket)"],
   loader: () => {
-    return __vitePreload(() => import("./freemarker2-Cya-9zr-.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAngleInterpolationBracket);
+    return __vitePreload(() => import("./freemarker2-CDAsExTa.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAngleInterpolationBracket);
   }
 });
 registerLanguage({
   id: "freemarker2.tag-bracket.interpolation-bracket",
   aliases: ["FreeMarker2 (Bracket/Bracket)", "Apache FreeMarker2 (Bracket/Bracket)"],
   loader: () => {
-    return __vitePreload(() => import("./freemarker2-Cya-9zr-.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagBracketInterpolationBracket);
+    return __vitePreload(() => import("./freemarker2-CDAsExTa.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagBracketInterpolationBracket);
   }
 });
 registerLanguage({
   id: "freemarker2.tag-auto.interpolation-dollar",
   aliases: ["FreeMarker2 (Auto/Dollar)", "Apache FreeMarker2 (Auto/Dollar)"],
   loader: () => {
-    return __vitePreload(() => import("./freemarker2-Cya-9zr-.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-CDAsExTa.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationDollar);
   }
 });
 registerLanguage({
   id: "freemarker2.tag-auto.interpolation-bracket",
   aliases: ["FreeMarker2 (Auto/Bracket)", "Apache FreeMarker2 (Auto/Bracket)"],
   loader: () => {
-    return __vitePreload(() => import("./freemarker2-Cya-9zr-.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationBracket);
+    return __vitePreload(() => import("./freemarker2-CDAsExTa.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationBracket);
   }
 });
 registerLanguage({
@@ -208534,7 +208534,7 @@ registerLanguage({
   extensions: [".handlebars", ".hbs"],
   aliases: ["Handlebars", "handlebars", "hbs"],
   mimetypes: ["text/x-handlebars-template"],
-  loader: () => __vitePreload(() => import("./handlebars-EJs9W5Ub.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./handlebars-CvpBYG1L.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "hcl",
@@ -208547,7 +208547,7 @@ registerLanguage({
   extensions: [".html", ".htm", ".shtml", ".xhtml", ".mdoc", ".jsp", ".asp", ".aspx", ".jshtm"],
   aliases: ["HTML", "htm", "html", "xhtml"],
   mimetypes: ["text/html", "text/x-jshtm", "text/template", "text/ng-template"],
-  loader: () => __vitePreload(() => import("./html-Ex4qy2lh.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./html-CNhEQqr8.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "ini",
@@ -208570,7 +208570,7 @@ registerLanguage({
   filenames: ["jakefile"],
   aliases: ["JavaScript", "javascript", "js"],
   mimetypes: ["text/javascript"],
-  loader: () => __vitePreload(() => import("./javascript-B2niCouI.js"), true ? __vite__mapDeps([4,5]) : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./javascript-CsGLsswK.js"), true ? __vite__mapDeps([4,5]) : void 0, import.meta.url)
 });
 registerLanguage({
   id: "julia",
@@ -208609,7 +208609,7 @@ registerLanguage({
   extensions: [".liquid", ".html.liquid"],
   aliases: ["Liquid", "liquid"],
   mimetypes: ["application/liquid"],
-  loader: () => __vitePreload(() => import("./liquid-DOQmSo4G.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./liquid-BrrN4uul.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "m3",
@@ -208627,7 +208627,7 @@ registerLanguage({
   id: "mdx",
   extensions: [".mdx"],
   aliases: ["MDX", "mdx"],
-  loader: () => __vitePreload(() => import("./mdx-DuKdGNKE.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./mdx-DJo-gax4.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "mips",
@@ -208726,7 +208726,7 @@ registerLanguage({
   extensions: [".py", ".rpy", ".pyw", ".cpy", ".gyp", ".gypi"],
   aliases: ["Python", "py"],
   firstLine: "^#!/.*\\bpython[0-9.-]*\\b",
-  loader: () => __vitePreload(() => import("./python-BUa4XFG-.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./python-DYHeg5b2.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "qsharp",
@@ -208745,7 +208745,7 @@ registerLanguage({
   extensions: [".cshtml"],
   aliases: ["Razor", "razor"],
   mimetypes: ["text/x-cshtml"],
-  loader: () => __vitePreload(() => import("./razor-BUw8jho0.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./razor-Cqcks14K.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "redis",
@@ -208878,7 +208878,7 @@ registerLanguage({
   aliases: ["TypeScript", "ts", "typescript"],
   mimetypes: ["text/typescript"],
   loader: () => {
-    return __vitePreload(() => import("./typescript-rdwAjCi4.js"), true ? [] : void 0, import.meta.url);
+    return __vitePreload(() => import("./typescript-oxBn_Vcw.js"), true ? [] : void 0, import.meta.url);
   }
 });
 registerLanguage({
@@ -208923,14 +208923,14 @@ registerLanguage({
   firstLine: "(\\<\\?xml.*)|(\\<svg)|(\\<\\!doctype\\s+svg)",
   aliases: ["XML", "xml"],
   mimetypes: ["text/xml", "application/xml", "application/xaml+xml", "application/xml-dtd"],
-  loader: () => __vitePreload(() => import("./xml-HOzT59Qg.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./xml-BEqGMCTc.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "yaml",
   extensions: [".yaml", ".yml"],
   aliases: ["YAML", "yaml", "YML", "yml"],
   mimetypes: ["application/x-yaml", "text/x-yaml"],
-  loader: () => __vitePreload(() => import("./yaml-B81JfLsW.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./yaml-BGSrk5HC.js"), true ? [] : void 0, import.meta.url)
 });
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -213094,7 +213094,7 @@ function Segmented({ options, value, onChange }) {
     );
   }) });
 }
-function TicketPanel({ open, onClose }) {
+function TicketPane() {
   const [project, setProject] = reactExports.useState(null);
   const [view, setView] = reactExports.useState("list");
   const [tickets, setTickets] = reactExports.useState([]);
@@ -213124,19 +213124,23 @@ function TicketPanel({ open, onClose }) {
     }
   }, []);
   reactExports.useEffect(() => {
-    if (!open) return;
-    setView("list");
     let cancelled = false;
-    window.worker.getTicketProject().then((r) => {
+    const loadProject = () => window.worker.getTicketProject().then((r) => {
       if (!cancelled) setProject(r?.name ?? null);
     }).catch(() => {
       if (!cancelled) setProject(null);
     });
+    loadProject();
     void refreshList();
+    const unsub = window.worker.onCwdChanged(() => {
+      loadProject();
+      void refreshList();
+    });
     return () => {
       cancelled = true;
+      unsub();
     };
-  }, [open, refreshList]);
+  }, [refreshList]);
   const openNewForm = reactExports.useCallback(() => {
     setEditingId(null);
     setTitle("");
@@ -213172,129 +213176,122 @@ function TicketPanel({ open, onClose }) {
     }
   }, [title, description, status2, priority, editingId, save.kind, refreshList]);
   reactExports.useEffect(() => {
-    if (!open) return;
+    if (view !== "form") return;
     const onKey = (e) => {
       if (e.key === "Escape") {
         e.preventDefault();
-        if (view === "form") setView("list");
-        else onClose();
-      } else if (e.key === "Enter" && (e.metaKey || e.ctrlKey) && view === "form") {
+        setView("list");
+      } else if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) {
         e.preventDefault();
         void handleSave();
       }
     };
     window.addEventListener("keydown", onKey);
     return () => window.removeEventListener("keydown", onKey);
-  }, [open, view, onClose, handleSave]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `ticket-scrim ${open ? "open" : ""}`, onClick: onClose }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `ticket-drawer ${open ? "open" : ""}`, role: "dialog", "aria-label": "Tickets", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ticket-drawer-header", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ticket-drawer-heading", children: [
-          view === "form" ? /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "ticket-drawer-back", onClick: () => setView("list"), title: "Back (Esc)", children: "‹" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-drawer-badge", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TagIcon, { size: 16 }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ticket-drawer-headtext", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-drawer-title", children: view === "form" ? editingId ? "Edit ticket" : "New ticket" : "Tickets" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-drawer-subtitle", children: project ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-              "in ",
-              /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: project })
-            ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-drawer-warn", children: "no ctlsurf project for this tab" }) })
-          ] })
+  }, [view, handleSave]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ticket-pane", role: "region", "aria-label": "Tickets", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ticket-drawer-header", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ticket-drawer-heading", children: [
+      view === "form" ? /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "ticket-drawer-back", onClick: () => setView("list"), title: "Back (Esc)", children: "‹" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-drawer-badge", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TagIcon, { size: 16 }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ticket-drawer-headtext", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-drawer-title", children: view === "form" ? editingId ? "Edit ticket" : "New ticket" : "Tickets" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-drawer-subtitle", children: project ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          "in ",
+          /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: project })
+        ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-drawer-warn", children: "no ctlsurf project for this tab" }) })
+      ] })
+    ] }) }),
+    view === "list" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ticket-list-body", children: [
+        listLoading && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ticket-list-msg", children: "Loading tickets…" }),
+        !listLoading && listError && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ticket-drawer-error", children: [
+          "⚠ ",
+          listError
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "ticket-drawer-close", onClick: onClose, title: "Close", children: "×" })
-      ] }),
-      view === "list" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ticket-list-body", children: [
-          listLoading && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ticket-list-msg", children: "Loading tickets…" }),
-          !listLoading && listError && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ticket-drawer-error", children: [
-            "⚠ ",
-            listError
-          ] }),
-          !listLoading && !listError && tickets.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ticket-empty", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-empty-icon", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TagIcon, { size: 26 }) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-empty-title", children: "No tickets yet" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-empty-hint", children: "Log the first one for this project." })
-          ] }),
-          !listLoading && tickets.map((t) => /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "ticket-card", onClick: () => openEditForm(t), children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-card-bar", style: { background: colorOf(STATUS_OPTIONS, t.status) } }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ticket-card-main", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-card-title", children: t.title || "Untitled" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ticket-card-meta", children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "ticket-card-status", style: { color: colorOf(STATUS_OPTIONS, t.status) }, children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-seg-dot", style: { background: colorOf(STATUS_OPTIONS, t.status) } }),
-                  t.status
-                ] }),
-                t.created && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-card-date", children: formatDate(t.created) })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "span",
-              {
-                className: "ticket-card-pri",
-                style: { color: colorOf(PRIORITY_OPTIONS, t.priority), borderColor: `${colorOf(PRIORITY_OPTIONS, t.priority)}66` },
-                children: t.priority
-              }
-            )
-          ] }, t.id))
+        !listLoading && !listError && tickets.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ticket-empty", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-empty-icon", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TagIcon, { size: 26 }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-empty-title", children: "No tickets yet" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-empty-hint", children: "Log the first one for this project." })
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ticket-drawer-footer", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-drawer-hint", children: tickets.length > 0 && `${tickets.length} ticket${tickets.length === 1 ? "" : "s"}` }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "ticket-btn-primary", onClick: openNewForm, children: "+ New ticket" })
-        ] })
-      ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ticket-drawer-body", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "ticket-field", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-field-label", children: "Title" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "input",
-              {
-                type: "text",
-                className: "ticket-input-title",
-                value: title,
-                autoFocus: true,
-                placeholder: "What needs doing?",
-                onChange: (e) => setTitle(e.target.value)
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "ticket-field", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-field-label", children: "Description" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "textarea",
-              {
-                value: description,
-                rows: 5,
-                placeholder: "Add detail, context, links…",
-                onChange: (e) => setDescription(e.target.value)
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ticket-field", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-field-label", children: "Status" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(Segmented, { options: STATUS_OPTIONS, value: status2, onChange: setStatus })
-          ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ticket-field", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-field-label", children: "Priority" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(Segmented, { options: PRIORITY_OPTIONS, value: priority, onChange: setPriority })
+        !listLoading && tickets.map((t) => /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "ticket-card", onClick: () => openEditForm(t), children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-card-bar", style: { background: colorOf(STATUS_OPTIONS, t.status) } }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ticket-card-main", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-card-title", children: t.title || "Untitled" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ticket-card-meta", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "ticket-card-status", style: { color: colorOf(STATUS_OPTIONS, t.status) }, children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-seg-dot", style: { background: colorOf(STATUS_OPTIONS, t.status) } }),
+                t.status
+              ] }),
+              t.created && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-card-date", children: formatDate(t.created) })
+            ] })
           ] }),
-          save.kind === "error" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ticket-drawer-error", children: [
-            "⚠ ",
-            save.message
-          ] })
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "span",
+            {
+              className: "ticket-card-pri",
+              style: { color: colorOf(PRIORITY_OPTIONS, t.priority), borderColor: `${colorOf(PRIORITY_OPTIONS, t.priority)}66` },
+              children: t.priority
+            }
+          )
+        ] }, t.id))
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ticket-drawer-footer", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-drawer-hint", children: tickets.length > 0 && `${tickets.length} ticket${tickets.length === 1 ? "" : "s"}` }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "ticket-btn-primary", onClick: openNewForm, children: "+ New ticket" })
+      ] })
+    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ticket-drawer-body", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "ticket-field", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-field-label", children: "Title" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "input",
+            {
+              type: "text",
+              className: "ticket-input-title",
+              value: title,
+              autoFocus: true,
+              placeholder: "What needs doing?",
+              onChange: (e) => setTitle(e.target.value)
+            }
+          )
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ticket-drawer-footer", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-drawer-hint", children: "⌘↵ to save" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ticket-drawer-footer-btns", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "ticket-btn-secondary", onClick: () => setView("list"), children: "Cancel" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "button",
-              {
-                className: "ticket-btn-primary",
-                onClick: handleSave,
-                disabled: !title.trim() || save.kind === "saving",
-                children: save.kind === "saving" ? "Saving…" : editingId ? "Save changes" : "Save ticket"
-              }
-            )
-          ] })
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "ticket-field", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-field-label", children: "Description" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "textarea",
+            {
+              value: description,
+              rows: 5,
+              placeholder: "Add detail, context, links…",
+              onChange: (e) => setDescription(e.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ticket-field", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-field-label", children: "Status" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Segmented, { options: STATUS_OPTIONS, value: status2, onChange: setStatus })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ticket-field", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-field-label", children: "Priority" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Segmented, { options: PRIORITY_OPTIONS, value: priority, onChange: setPriority })
+        ] }),
+        save.kind === "error" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ticket-drawer-error", children: [
+          "⚠ ",
+          save.message
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ticket-drawer-footer", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-drawer-hint", children: "⌘↵ to save" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ticket-drawer-footer-btns", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "ticket-btn-secondary", onClick: () => setView("list"), children: "Cancel" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              className: "ticket-btn-primary",
+              onClick: handleSave,
+              disabled: !title.trim() || save.kind === "saving",
+              children: save.kind === "saving" ? "Saving…" : editingId ? "Save changes" : "Save ticket"
+            }
+          )
         ] })
       ] })
     ] })
@@ -213305,7 +213302,7 @@ const DEFAULT_LAYOUT = {
   direction: "horizontal",
   children: [
     { type: "leaf", paneId: "terminal" },
-    { type: "leaf", paneId: "ctlsurf" }
+    { type: "leaf", paneId: "tickets" }
   ],
   sizes: [50, 50]
 };
@@ -213332,7 +213329,7 @@ function App() {
   });
   const [activeTabId, setActiveTabId] = reactExports.useState(tabs[0].id);
   const [trackingActive, setTrackingActive] = reactExports.useState(false);
-  const [showTicketPanel, setShowTicketPanel] = reactExports.useState(false);
+  const [agentStates, setAgentStates] = reactExports.useState({});
   const [showFloatingMic, setShowFloatingMic] = reactExports.useState(() => {
     try {
       return localStorage.getItem("ctlsurf.floatingMicVisible") !== "false";
@@ -213394,6 +213391,13 @@ function App() {
     });
     return unsub;
   }, []);
+  reactExports.useEffect(() => {
+    const unsub = window.worker.onAgentState((tabId, state) => {
+      if (!tabId) return;
+      setAgentStates((prev) => prev[tabId] === state ? prev : { ...prev, [tabId]: state });
+    });
+    return unsub;
+  }, []);
   reactExports.useEffect(() => {
     let cancelled = false;
     const refresh = async () => {
@@ -213553,6 +213557,10 @@ function App() {
             e.preventDefault();
             togglePane("ctlsurf");
             break;
+          case "K":
+            e.preventDefault();
+            togglePane("tickets");
+            break;
         }
       }
     };
@@ -213585,8 +213593,7 @@ function App() {
               children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "terminal-tab-label", children: [
                   tab.agent ? tab.agent.name : tab.label,
-                  tab.agentStatus === "active" && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "terminal-tab-dot active" }),
-                  tab.agentStatus === "exited" && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "terminal-tab-dot exited" })
+                  tab.agentStatus === "exited" ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "terminal-tab-dot exited" }) : agentStates[tab.id] === "awaiting_decision" ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "terminal-tab-dot decision", title: "Awaiting your approval" }) : agentStates[tab.id] === "awaiting_input" ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "terminal-tab-dot awaiting", title: "Awaiting your input" }) : tab.agentStatus === "active" ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "terminal-tab-dot active" }) : null
                 ] }),
                 tabs.length > 1 && /* @__PURE__ */ jsxRuntimeExports.jsx(
                   "button",
@@ -213629,7 +213636,8 @@ function App() {
         )) })
       ] })
     },
-    { id: "ctlsurf", label: "ctlsurf", content: /* @__PURE__ */ jsxRuntimeExports.jsx(CtlsurfPanel, { navigate: ctlsurfNav }) }
+    { id: "ctlsurf", label: "ctlsurf", content: /* @__PURE__ */ jsxRuntimeExports.jsx(CtlsurfPanel, { navigate: ctlsurfNav }) },
+    { id: "tickets", label: "Tickets", content: /* @__PURE__ */ jsxRuntimeExports.jsx(TicketPane, {}) }
   ];
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "app", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "titlebar", children: [
@@ -213658,9 +213666,9 @@ function App() {
         /* @__PURE__ */ jsxRuntimeExports.jsxs(
           "button",
           {
-            className: `titlebar-btn titlebar-icon-btn ${showTicketPanel ? "active" : ""}`,
-            onClick: () => setShowTicketPanel((v2) => !v2),
-            title: "Tickets for the active project",
+            className: `titlebar-btn titlebar-icon-btn ${visiblePaneIds.includes("tickets") ? "active" : ""}`,
+            onClick: () => togglePane("tickets"),
+            title: "Toggle tickets pane for the active project",
             "aria-label": "Tickets",
             children: [
               /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -213754,7 +213762,6 @@ function App() {
     ) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(StatusBar, { wsStatus, cwd: cwd2, onChangeCwd: handleChangeCwd, updateInfo }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(SettingsDialog, { open: showSettings, onClose: () => setShowSettings(false) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(TicketPanel, { open: showTicketPanel, onClose: () => setShowTicketPanel(false) }),
     showAgentPicker && agents.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
       AgentPicker,
       {

package/out/renderer/assets/{index-nvsNYP5c.css → index-CGHeDwZa.css}

@@ -7588,6 +7588,24 @@ html, body, #root {
   background: #565f89;
 }
 
+/* Agent is waiting on the user — pulse to draw the eye across tabs. */
+.terminal-tab-dot.awaiting {
+  background: #e0af68; /* amber: waiting for next prompt */
+  color: #e0af68;      /* drives the box-shadow glow via currentColor */
+  animation: tab-dot-pulse 1.1s ease-in-out infinite;
+}
+
+.terminal-tab-dot.decision {
+  background: #f7768e; /* red: blocked on an approval/permission prompt */
+  color: #f7768e;
+  animation: tab-dot-pulse 1.1s ease-in-out infinite;
+}
+
+@keyframes tab-dot-pulse {
+  0%, 100% { opacity: 1; box-shadow: 0 0 0 0 currentColor; }
+  50% { opacity: 0.35; box-shadow: 0 0 4px 1px currentColor; }
+}
+
 .terminal-tab-close {
   background: none;
   border: none;
@@ -8826,38 +8844,13 @@ html, body, #root {
 
 /* ─── Ticket drawer ──────────────────────────────── */
 
-.ticket-scrim {
-  position: fixed;
-  inset: 0;
-  background: rgba(13, 14, 22, 0.55);
-  backdrop-filter: blur(2px);
-  opacity: 0;
-  pointer-events: none;
-  transition: opacity 0.2s ease;
-  z-index: 90;
-}
-.ticket-scrim.open {
-  opacity: 1;
-  pointer-events: auto;
-}
-
-.ticket-drawer {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  width: 380px;
-  background: linear-gradient(180deg, #20243a 0%, #1b1e2e 100%);
-  border-left: 1px solid #343860;
-  box-shadow: -16px 0 48px rgba(0, 0, 0, 0.5);
+/* Docked side-pane variant: fills its pane (header/body/footer flex column). */
+.ticket-pane {
   display: flex;
   flex-direction: column;
-  transform: translateX(100%);
-  transition: transform 0.24s cubic-bezier(0.32, 0.72, 0, 1);
-  z-index: 100;
-}
-.ticket-drawer.open {
-  transform: translateX(0);
+  height: 100%;
+  min-height: 0;
+  background: linear-gradient(180deg, #20243a 0%, #1b1e2e 100%);
 }
 
 /* ── header ── */
@@ -8907,22 +8900,6 @@ html, body, #root {
 .ticket-drawer-warn {
   color: #e0af68;
 }
-.ticket-drawer-close {
-  background: none;
-  border: none;
-  color: #565f89;
-  font-size: 20px;
-  line-height: 1;
-  cursor: pointer;
-  padding: 2px 6px;
-  border-radius: 6px;
-  transition: background 0.12s ease, color 0.12s ease;
-}
-.ticket-drawer-close:hover {
-  color: #d5dbf5;
-  background: rgba(255, 255, 255, 0.06);
-}
-
 /* ── body ── */
 .ticket-drawer-body {
   flex: 1;