@phenx-inc/ctlsurf 0.3.13 → 0.3.14

package/out/renderer/assets/{index-D23nru43.js → index-ByJTqkiQ.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./cssMode-CYoo4t9f.js","./lspLanguageFeatures-B9aNeatS.js","./htmlMode-f5nBuprq.js","./jsonMode-BvF-xK9U.js","./javascript-CcarFzBL.js","./typescript-BX6guVRK.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./cssMode-G_SDogBL.js","./lspLanguageFeatures-CxLZ421s.js","./htmlMode-DSxpefzL.js","./jsonMode-BrwPy7fY.js","./javascript-CzLoo8aq.js","./typescript-Cjuzf37q.js"])))=>i.map(i=>d[i]);
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
@@ -206558,7 +206558,7 @@ const lessDefaults = new LanguageServiceDefaultsImpl$3(
   modeConfigurationDefault$2
 );
 function getMode$3() {
-  return __vitePreload(() => import("./cssMode-CYoo4t9f.js"), true ? __vite__mapDeps([0,1]) : void 0, import.meta.url);
+  return __vitePreload(() => import("./cssMode-G_SDogBL.js"), true ? __vite__mapDeps([0,1]) : void 0, import.meta.url);
 }
 languages.onLanguage("less", () => {
   getMode$3().then((mode2) => mode2.setupMode(lessDefaults));
@@ -206663,7 +206663,7 @@ const razorLanguageService = registerHTMLLanguageService(
 );
 const razorDefaults = razorLanguageService.defaults;
 function getMode$2() {
-  return __vitePreload(() => import("./htmlMode-f5nBuprq.js"), true ? __vite__mapDeps([2,1]) : void 0, import.meta.url);
+  return __vitePreload(() => import("./htmlMode-DSxpefzL.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);
@@ -206747,7 +206747,7 @@ const jsonDefaults = new LanguageServiceDefaultsImpl$1(
 );
 const getWorker$1 = () => getMode$1().then((mode2) => mode2.getWorker());
 function getMode$1() {
-  return __vitePreload(() => import("./jsonMode-BvF-xK9U.js"), true ? __vite__mapDeps([3,1]) : void 0, import.meta.url);
+  return __vitePreload(() => import("./jsonMode-BrwPy7fY.js"), true ? __vite__mapDeps([3,1]) : void 0, import.meta.url);
 }
 languages.register({
   id: "json",
@@ -206993,7 +206993,7 @@ const getJavaScriptWorker = () => {
   return getMode().then((mode) => mode.getJavaScriptWorker());
 };
 function getMode() {
-  return __vitePreload(() => import("./tsMode-CdC3i1gG.js"), true ? [] : void 0, import.meta.url);
+  return __vitePreload(() => import("./tsMode-B7KLV2X6.js"), true ? [] : void 0, import.meta.url);
 }
 languages.onLanguage("typescript", () => {
   return getMode().then((mode) => mode.setupTypeScript(typescriptDefaults));
@@ -207188,49 +207188,49 @@ registerLanguage({
   extensions: [".ftl", ".ftlh", ".ftlx"],
   aliases: ["FreeMarker2", "Apache FreeMarker2"],
   loader: () => {
-    return __vitePreload(() => import("./freemarker2--UQnPZsn.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-BzEus0h2.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--UQnPZsn.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAngleInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-BzEus0h2.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--UQnPZsn.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagBracketInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-BzEus0h2.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--UQnPZsn.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAngleInterpolationBracket);
+    return __vitePreload(() => import("./freemarker2-BzEus0h2.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--UQnPZsn.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagBracketInterpolationBracket);
+    return __vitePreload(() => import("./freemarker2-BzEus0h2.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--UQnPZsn.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-BzEus0h2.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--UQnPZsn.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationBracket);
+    return __vitePreload(() => import("./freemarker2-BzEus0h2.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationBracket);
   }
 });
 registerLanguage({
@@ -207251,7 +207251,7 @@ registerLanguage({
   extensions: [".handlebars", ".hbs"],
   aliases: ["Handlebars", "handlebars", "hbs"],
   mimetypes: ["text/x-handlebars-template"],
-  loader: () => __vitePreload(() => import("./handlebars-DVDrmX0C.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./handlebars-Et995f6O.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "hcl",
@@ -207264,7 +207264,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-D1-cXoLy.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./html-D4wgKxPD.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "ini",
@@ -207287,7 +207287,7 @@ registerLanguage({
   filenames: ["jakefile"],
   aliases: ["JavaScript", "javascript", "js"],
   mimetypes: ["text/javascript"],
-  loader: () => __vitePreload(() => import("./javascript-CcarFzBL.js"), true ? __vite__mapDeps([4,5]) : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./javascript-CzLoo8aq.js"), true ? __vite__mapDeps([4,5]) : void 0, import.meta.url)
 });
 registerLanguage({
   id: "julia",
@@ -207326,7 +207326,7 @@ registerLanguage({
   extensions: [".liquid", ".html.liquid"],
   aliases: ["Liquid", "liquid"],
   mimetypes: ["application/liquid"],
-  loader: () => __vitePreload(() => import("./liquid-CHLtUKl2.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./liquid-BsfPf6YG.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "m3",
@@ -207344,7 +207344,7 @@ registerLanguage({
   id: "mdx",
   extensions: [".mdx"],
   aliases: ["MDX", "mdx"],
-  loader: () => __vitePreload(() => import("./mdx-HGDrkifZ.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./mdx-CPvHIsAR.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "mips",
@@ -207443,7 +207443,7 @@ registerLanguage({
   extensions: [".py", ".rpy", ".pyw", ".cpy", ".gyp", ".gypi"],
   aliases: ["Python", "py"],
   firstLine: "^#!/.*\\bpython[0-9.-]*\\b",
-  loader: () => __vitePreload(() => import("./python-B_dPzjJ6.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./python-Dr7dCUjG.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "qsharp",
@@ -207462,7 +207462,7 @@ registerLanguage({
   extensions: [".cshtml"],
   aliases: ["Razor", "razor"],
   mimetypes: ["text/x-cshtml"],
-  loader: () => __vitePreload(() => import("./razor-CHheM4ot.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./razor-a7zjD7Y3.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "redis",
@@ -207595,7 +207595,7 @@ registerLanguage({
   aliases: ["TypeScript", "ts", "typescript"],
   mimetypes: ["text/typescript"],
   loader: () => {
-    return __vitePreload(() => import("./typescript-BX6guVRK.js"), true ? [] : void 0, import.meta.url);
+    return __vitePreload(() => import("./typescript-Cjuzf37q.js"), true ? [] : void 0, import.meta.url);
   }
 });
 registerLanguage({
@@ -207640,14 +207640,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-CpS-pOPE.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./xml-Yz9xINtk.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-Du0AjOHW.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./yaml-DtKnp5J0.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;
@@ -211754,6 +211754,269 @@ function SettingsDialog({ open, onClose }) {
     )
   ] }) });
 }
+const STATUS_OPTIONS = [
+  { value: "Open", color: "#7aa2f7" },
+  { value: "In Progress", color: "#e0af68" },
+  { value: "Blocked", color: "#f7768e" },
+  { value: "Done", color: "#9ece6a" }
+];
+const PRIORITY_OPTIONS = [
+  { value: "Low", color: "#565f89" },
+  { value: "Med", color: "#e0af68" },
+  { value: "High", color: "#f7768e" }
+];
+const colorOf = (opts, value) => opts.find((o) => o.value === value)?.color ?? "#565f89";
+function formatDate(iso) {
+  if (!iso) return "";
+  const d = new Date(iso);
+  if (Number.isNaN(d.getTime())) return "";
+  return d.toLocaleDateString("en-US", { month: "short", day: "numeric" });
+}
+function TagIcon({ size: size2 = 16 }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      width: size2,
+      height: size2,
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "7", y1: "7", x2: "7.01", y2: "7" })
+      ]
+    }
+  );
+}
+function Segmented({ options, value, onChange }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ticket-segmented", children: options.map((o) => {
+    const active = o.value === value;
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "button",
+      {
+        type: "button",
+        className: `ticket-seg ${active ? "active" : ""}`,
+        style: active ? { borderColor: o.color, color: o.color, background: `${o.color}1f` } : void 0,
+        onClick: () => onChange(o.value),
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-seg-dot", style: { background: o.color } }),
+          o.value
+        ]
+      },
+      o.value
+    );
+  }) });
+}
+function TicketPanel({ open, onClose }) {
+  const [project, setProject] = reactExports.useState(null);
+  const [view, setView] = reactExports.useState("list");
+  const [tickets, setTickets] = reactExports.useState([]);
+  const [listLoading, setListLoading] = reactExports.useState(false);
+  const [listError, setListError] = reactExports.useState(null);
+  const [editingId, setEditingId] = reactExports.useState(null);
+  const [title, setTitle] = reactExports.useState("");
+  const [description, setDescription] = reactExports.useState("");
+  const [status2, setStatus] = reactExports.useState(STATUS_OPTIONS[0].value);
+  const [priority, setPriority] = reactExports.useState("Med");
+  const [save, setSave] = reactExports.useState({ kind: "idle" });
+  const refreshList = reactExports.useCallback(async () => {
+    setListLoading(true);
+    setListError(null);
+    try {
+      const r = await window.worker.listTickets();
+      if (r?.ok) setTickets(r.tickets || []);
+      else {
+        setTickets([]);
+        setListError(r?.error || "Failed to load tickets");
+      }
+    } catch (err) {
+      setTickets([]);
+      setListError(err?.message || "Failed to load tickets");
+    } finally {
+      setListLoading(false);
+    }
+  }, []);
+  reactExports.useEffect(() => {
+    if (!open) return;
+    setView("list");
+    let cancelled = false;
+    window.worker.getTicketProject().then((r) => {
+      if (!cancelled) setProject(r?.name ?? null);
+    }).catch(() => {
+      if (!cancelled) setProject(null);
+    });
+    void refreshList();
+    return () => {
+      cancelled = true;
+    };
+  }, [open, refreshList]);
+  const openNewForm = reactExports.useCallback(() => {
+    setEditingId(null);
+    setTitle("");
+    setDescription("");
+    setStatus(STATUS_OPTIONS[0].value);
+    setPriority("Med");
+    setSave({ kind: "idle" });
+    setView("form");
+  }, []);
+  const openEditForm = reactExports.useCallback((t) => {
+    setEditingId(t.id);
+    setTitle(t.title);
+    setDescription(t.description);
+    setStatus(STATUS_OPTIONS.some((o) => o.value === t.status) ? t.status : STATUS_OPTIONS[0].value);
+    setPriority(PRIORITY_OPTIONS.some((o) => o.value === t.priority) ? t.priority : "Med");
+    setSave({ kind: "idle" });
+    setView("form");
+  }, []);
+  const handleSave = reactExports.useCallback(async () => {
+    if (!title.trim() || save.kind === "saving") return;
+    setSave({ kind: "saving" });
+    const payload = { title: title.trim(), description: description.trim(), status: status2, priority };
+    try {
+      const r = editingId ? await window.worker.updateTicket(editingId, payload) : await window.worker.addTicket(payload);
+      if (r?.ok) {
+        setView("list");
+        void refreshList();
+      } else {
+        setSave({ kind: "error", message: r?.error || "Failed to save ticket" });
+      }
+    } catch (err) {
+      setSave({ kind: "error", message: err?.message || "Failed to save ticket" });
+    }
+  }, [title, description, status2, priority, editingId, save.kind, refreshList]);
+  reactExports.useEffect(() => {
+    if (!open) 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") {
+        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" }) })
+          ] })
+        ] }),
+        /* @__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))
+        ] }),
+        /* @__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 })
+          ] }),
+          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"
+              }
+            )
+          ] })
+        ] })
+      ] })
+    ] })
+  ] });
+}
 const DEFAULT_LAYOUT = {
   type: "split",
   direction: "horizontal",
@@ -211783,6 +212046,7 @@ function App() {
   });
   const [activeTabId, setActiveTabId] = reactExports.useState(tabs[0].id);
   const [trackingActive, setTrackingActive] = reactExports.useState(false);
+  const [showTicketPanel, setShowTicketPanel] = reactExports.useState(false);
   const [pickerTargetTabId, setPickerTargetTabId] = reactExports.useState(tabs[0].id);
   const [showAgentPicker, setShowAgentPicker] = reactExports.useState(true);
   const visiblePaneIds = findPaneIds(layout2);
@@ -212057,6 +212321,37 @@ function App() {
             ]
           }
         ),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "button",
+          {
+            className: `titlebar-btn titlebar-icon-btn ${showTicketPanel ? "active" : ""}`,
+            onClick: () => setShowTicketPanel((v2) => !v2),
+            title: "Tickets for the active project",
+            "aria-label": "Tickets",
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                "svg",
+                {
+                  className: "ticket-tag-icon",
+                  viewBox: "0 0 24 24",
+                  width: "13",
+                  height: "13",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  "aria-hidden": "true",
+                  children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z" }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "7", y1: "7", x2: "7.01", y2: "7" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Tickets" })
+            ]
+          }
+        ),
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "titlebar-separator" }),
         agents.map((a) => {
           const activeTab = tabs.find((t) => t.id === activeTabId);
@@ -212095,6 +212390,7 @@ 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/{javascript-CcarFzBL.js → javascript-CzLoo8aq.js}

@@ -1,5 +1,5 @@
-import { conf as conf$1, language as language$1 } from "./typescript-BX6guVRK.js";
-import "./index-D23nru43.js";
+import { conf as conf$1, language as language$1 } from "./typescript-Cjuzf37q.js";
+import "./index-ByJTqkiQ.js";
 const conf = conf$1;
 const language = {
   // Set defaultToken to invalid to see what you do not tokenize yet

package/out/renderer/assets/{jsonMode-BvF-xK9U.js → jsonMode-BrwPy7fY.js}

@@ -1,6 +1,6 @@
-import { c as createWebWorker, l as languages, e as editor } from "./index-D23nru43.js";
-import { f as DocumentFormattingEditProvider, g as DocumentRangeFormattingEditProvider, C as CompletionAdapter, H as HoverAdapter, b as DocumentSymbolAdapter, d as DocumentColorAdapter, F as FoldingRangeAdapter, S as SelectionRangeAdapter, e as DiagnosticsAdapter } from "./lspLanguageFeatures-B9aNeatS.js";
-import { a, D, h, R, c, i, j, t, k } from "./lspLanguageFeatures-B9aNeatS.js";
+import { c as createWebWorker, l as languages, e as editor } from "./index-ByJTqkiQ.js";
+import { f as DocumentFormattingEditProvider, g as DocumentRangeFormattingEditProvider, C as CompletionAdapter, H as HoverAdapter, b as DocumentSymbolAdapter, d as DocumentColorAdapter, F as FoldingRangeAdapter, S as SelectionRangeAdapter, e as DiagnosticsAdapter } from "./lspLanguageFeatures-CxLZ421s.js";
+import { a, D, h, R, c, i, j, t, k } from "./lspLanguageFeatures-CxLZ421s.js";
 const STOP_WHEN_IDLE_FOR = 2 * 60 * 1e3;
 class WorkerManager {
   constructor(defaults) {

package/out/renderer/assets/{liquid-CHLtUKl2.js → liquid-BsfPf6YG.js}

@@ -1,4 +1,4 @@
-import { l as languages } from "./index-D23nru43.js";
+import { l as languages } from "./index-ByJTqkiQ.js";
 const EMPTY_ELEMENTS = [
   "area",
   "base",

package/out/renderer/assets/{lspLanguageFeatures-B9aNeatS.js → lspLanguageFeatures-CxLZ421s.js}

@@ -1,4 +1,4 @@
-import { R as Range$1, l as languages, e as editor, U as Uri, M as MarkerSeverity } from "./index-D23nru43.js";
+import { R as Range$1, l as languages, e as editor, U as Uri, M as MarkerSeverity } from "./index-ByJTqkiQ.js";
 var DocumentUri;
 (function(DocumentUri2) {
   function is(value) {

package/out/renderer/assets/{mdx-HGDrkifZ.js → mdx-CPvHIsAR.js}

@@ -1,4 +1,4 @@
-import { l as languages } from "./index-D23nru43.js";
+import { l as languages } from "./index-ByJTqkiQ.js";
 const conf = {
   comments: {
     blockComment: ["{/*", "*/}"]

package/out/renderer/assets/{python-B_dPzjJ6.js → python-Dr7dCUjG.js}

@@ -1,4 +1,4 @@
-import { l as languages } from "./index-D23nru43.js";
+import { l as languages } from "./index-ByJTqkiQ.js";
 const conf = {
   comments: {
     lineComment: "#",

package/out/renderer/assets/{razor-CHheM4ot.js → razor-a7zjD7Y3.js}

@@ -1,4 +1,4 @@
-import { l as languages } from "./index-D23nru43.js";
+import { l as languages } from "./index-ByJTqkiQ.js";
 const EMPTY_ELEMENTS = [
   "area",
   "base",

package/out/renderer/assets/{tsMode-CdC3i1gG.js → tsMode-B7KLV2X6.js}

@@ -1,4 +1,4 @@
-import { c as createWebWorker, e as editor, U as Uri, a as MarkerTag, M as MarkerSeverity, l as languages, t as typescriptDefaults, R as Range } from "./index-D23nru43.js";
+import { c as createWebWorker, e as editor, U as Uri, a as MarkerTag, M as MarkerSeverity, l as languages, t as typescriptDefaults, R as Range } from "./index-ByJTqkiQ.js";
 class WorkerManager {
   constructor(_modeId, _defaults) {
     this._modeId = _modeId;

package/out/renderer/assets/{typescript-BX6guVRK.js → typescript-Cjuzf37q.js}

@@ -1,4 +1,4 @@
-import { l as languages } from "./index-D23nru43.js";
+import { l as languages } from "./index-ByJTqkiQ.js";
 const conf = {
   wordPattern: /(-?\d*\.\d\w*)|([^\`\~\!\@\#\%\^\&\*\(\)\-\=\+\[\{\]\}\\\|\;\:\'\"\,\.\<\>\/\?\s]+)/g,
   comments: {

package/out/renderer/assets/{xml-CpS-pOPE.js → xml-Yz9xINtk.js}

@@ -1,4 +1,4 @@
-import { l as languages } from "./index-D23nru43.js";
+import { l as languages } from "./index-ByJTqkiQ.js";
 const conf = {
   comments: {
     blockComment: ["<!--", "-->"]

package/out/renderer/assets/{yaml-Du0AjOHW.js → yaml-DtKnp5J0.js}

@@ -1,4 +1,4 @@
-import { l as languages } from "./index-D23nru43.js";
+import { l as languages } from "./index-ByJTqkiQ.js";
 const conf = {
   comments: {
     lineComment: "#"

package/out/renderer/index.html

@@ -4,8 +4,8 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>ctlsurf-worker</title>
-  <script type="module" crossorigin src="./assets/index-D23nru43.js"></script>
-  <link rel="stylesheet" crossorigin href="./assets/index-65hyKM_8.css">
+  <script type="module" crossorigin src="./assets/index-ByJTqkiQ.js"></script>
+  <link rel="stylesheet" crossorigin href="./assets/index-AQ346NMi.css">
 </head>
 <body>
   <div id="root"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phenx-inc/ctlsurf",
-  "version": "0.3.13",
+  "version": "0.3.14",
   "description": "Agent-agnostic terminal and desktop app for ctlsurf — run Claude Code, Codex, or any coding agent with live session logging and remote control",
   "main": "out/main/index.js",
   "bin": {

package/src/main/ctlsurfApi.ts

@@ -123,6 +123,17 @@ export class CtlsurfApi {
     return this.request('PUT', `/datastore/${blockId}/rows/${rowId}`, { data })
   }
 
+  async queryRows(blockId: string, opts?: {
+    orderBy?: string; order?: 'asc' | 'desc'; limit?: number
+  }): Promise<{ rows: Array<{ id: string; data: Record<string, unknown>; created_at: string | null; updated_at: string | null }>; total_count: number }> {
+    const params = new URLSearchParams()
+    if (opts?.orderBy) params.set('order_by', opts.orderBy)
+    if (opts?.order) params.set('order', opts.order)
+    params.set('limit', String(opts?.limit ?? 200))
+    const qs = params.toString()
+    return this.request('GET', `/datastore/${blockId}/rows${qs ? `?${qs}` : ''}`)
+  }
+
   async getDatastoreSchema(blockId: string): Promise<{ block_id: string; columns: Array<{ id: string; name: string; type: string }> }> {
     return this.request('GET', `/datastore/${blockId}/schema`)
   }