@phenx-inc/ctlsurf 0.16.1 → 0.17.0

package/out/renderer/assets/{index-DID1LlMU.css → index-CEjwKjtd.css}

@@ -8346,6 +8346,51 @@ html, body, #root {
   font-weight: 500;
 }
 
+/* Resources + plan quota (status bar gauges and details panel) */
+.res-bar { display: flex; align-items: center; gap: 12px; cursor: pointer; padding: 1px 6px; margin-right: 8px; border-radius: 4px; }
+.res-bar:hover { background: var(--bg-surface); }
+.res-group { display: inline-flex; align-items: center; gap: 7px; }
+.res-group + .res-group { padding-left: 10px; border-left: 1px solid var(--border-subtle); }
+.res-name { color: var(--text-soft); }
+.res-off { color: var(--text-muted); font-style: italic; }
+.res-gauge { display: inline-flex; align-items: center; gap: 3px; }
+.res-gauge-bar { width: 5px; height: 13px; background: var(--bg-surface-hi); border-radius: 2px; display: flex; align-items: flex-end; overflow: hidden; }
+.res-gauge-bar > span { width: 100%; border-radius: 2px; transition: height .6s ease; }
+.res-gauge-k { color: var(--text-muted); }
+.res-gauge-v { color: var(--text-bright); font-family: 'JetBrains Mono', 'Fira Code', monospace; min-width: 26px; }
+
+.res-panel { position: fixed; right: 0; bottom: 25px; width: 440px; max-height: 75vh; z-index: 50; cursor: default;
+  background: var(--bg-raised); border: 1px solid var(--border); border-right: none; border-radius: 8px 0 0 0;
+  box-shadow: -12px -12px 40px var(--shadow-color); display: flex; flex-direction: column; animation: res-rise .18s ease-out; }
+@keyframes res-rise { from { transform: translateY(20px); opacity: 0; } to { transform: none; opacity: 1; } }
+.res-panel-head { display: flex; align-items: baseline; gap: 10px; padding: 12px 14px 6px; }
+.res-panel-head h2 { margin: 0; font-size: 14px; color: var(--text-bright); }
+.res-close { background: none; border: none; color: var(--text-muted); cursor: pointer; font-size: 12px; }
+.res-close:hover { color: var(--text-bright); }
+.res-panel-body { overflow: auto; padding: 4px 14px 14px; display: flex; flex-direction: column; gap: 10px; font-size: 12px; color: var(--text); }
+.res-card { background: var(--bg-surface); border-radius: 6px; padding: 8px 10px; display: flex; flex-direction: column; gap: 5px; }
+.res-head { display: flex; align-items: center; gap: 8px; color: var(--text-bright); }
+.res-spacer { flex: 1; }
+.res-muted { color: var(--text-muted); font-size: 11.5px; }
+.res-note { margin-top: 2px; }
+.res-err { color: var(--danger); }
+.res-tag { font-size: 10.5px; color: var(--accent); border: 1px solid var(--border); border-radius: 3px; padding: 0 4px; }
+.res-dot { width: 7px; height: 7px; border-radius: 50%; }
+.res-dot.ok { background: var(--success); }
+.res-dot.bad { background: var(--danger); }
+.res-row { display: flex; align-items: center; gap: 8px; }
+.res-k { width: 40px; color: var(--text-soft); flex: none; }
+.res-k.wide { width: 112px; }
+.res-v { font-family: 'JetBrains Mono', 'Fira Code', monospace; font-size: 11.5px; min-width: 104px; }
+.res-v.narrow { min-width: 36px; }
+.res-resets { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.res-rbar { flex: 1; height: 6px; background: var(--bg-surface-hi); border-radius: 3px; overflow: hidden; min-width: 50px; }
+.res-rbar > span { display: block; height: 100%; border-radius: 3px; transition: width .6s ease; }
+.res-spark { flex: none; }
+.res-agent { padding: 2px 0; }
+.res-agent-name { color: var(--text); }
+.res-agent-name.active { color: var(--text-bright); }
+
 .tracking-dot {
   width: 6px;
   height: 6px;

package/out/renderer/assets/{index-HoDaBul3.js → index-Dm70hk5s.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./cssMode-DwHD6JSn.js","./lspLanguageFeatures-Bb27EY8c.js","./htmlMode-BfbLv-NB.js","./jsonMode-BileWbig.js","./javascript-DJjWOxID.js","./typescript-r5QB4yRW.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./cssMode-BtQxI2Eb.js","./lspLanguageFeatures-Ckqu5ubG.js","./htmlMode-DMVysDCg.js","./jsonMode-D1_oHzeN.js","./javascript-ChlyA1sf.js","./typescript-Do-98d_O.js"])))=>i.map(i=>d[i]);
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
@@ -208471,7 +208471,7 @@ const lessDefaults = new LanguageServiceDefaultsImpl$3(
   modeConfigurationDefault$2
 );
 function getMode$3() {
-  return __vitePreload(() => import("./cssMode-DwHD6JSn.js"), true ? __vite__mapDeps([0,1]) : void 0, import.meta.url);
+  return __vitePreload(() => import("./cssMode-BtQxI2Eb.js"), true ? __vite__mapDeps([0,1]) : void 0, import.meta.url);
 }
 languages.onLanguage("less", () => {
   getMode$3().then((mode2) => mode2.setupMode(lessDefaults));
@@ -208576,7 +208576,7 @@ const razorLanguageService = registerHTMLLanguageService(
 );
 const razorDefaults = razorLanguageService.defaults;
 function getMode$2() {
-  return __vitePreload(() => import("./htmlMode-BfbLv-NB.js"), true ? __vite__mapDeps([2,1]) : void 0, import.meta.url);
+  return __vitePreload(() => import("./htmlMode-DMVysDCg.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);
@@ -208660,7 +208660,7 @@ const jsonDefaults = new LanguageServiceDefaultsImpl$1(
 );
 const getWorker$1 = () => getMode$1().then((mode2) => mode2.getWorker());
 function getMode$1() {
-  return __vitePreload(() => import("./jsonMode-BileWbig.js"), true ? __vite__mapDeps([3,1]) : void 0, import.meta.url);
+  return __vitePreload(() => import("./jsonMode-D1_oHzeN.js"), true ? __vite__mapDeps([3,1]) : void 0, import.meta.url);
 }
 languages.register({
   id: "json",
@@ -208906,7 +208906,7 @@ const getJavaScriptWorker = () => {
   return getMode().then((mode) => mode.getJavaScriptWorker());
 };
 function getMode() {
-  return __vitePreload(() => import("./tsMode-sbsAvk21.js"), true ? [] : void 0, import.meta.url);
+  return __vitePreload(() => import("./tsMode-BwGC5o4O.js"), true ? [] : void 0, import.meta.url);
 }
 languages.onLanguage("typescript", () => {
   return getMode().then((mode) => mode.setupTypeScript(typescriptDefaults));
@@ -209101,49 +209101,49 @@ registerLanguage({
   extensions: [".ftl", ".ftlh", ".ftlx"],
   aliases: ["FreeMarker2", "Apache FreeMarker2"],
   loader: () => {
-    return __vitePreload(() => import("./freemarker2-Na9-bXYw.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-DRW5dmY5.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-Na9-bXYw.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAngleInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-DRW5dmY5.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-Na9-bXYw.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagBracketInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-DRW5dmY5.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-Na9-bXYw.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAngleInterpolationBracket);
+    return __vitePreload(() => import("./freemarker2-DRW5dmY5.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-Na9-bXYw.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagBracketInterpolationBracket);
+    return __vitePreload(() => import("./freemarker2-DRW5dmY5.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-Na9-bXYw.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-DRW5dmY5.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-Na9-bXYw.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationBracket);
+    return __vitePreload(() => import("./freemarker2-DRW5dmY5.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationBracket);
   }
 });
 registerLanguage({
@@ -209164,7 +209164,7 @@ registerLanguage({
   extensions: [".handlebars", ".hbs"],
   aliases: ["Handlebars", "handlebars", "hbs"],
   mimetypes: ["text/x-handlebars-template"],
-  loader: () => __vitePreload(() => import("./handlebars-D7gzKLS8.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./handlebars-CFLF3cP7.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "hcl",
@@ -209177,7 +209177,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-DDK7xN27.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./html-DtnBOkwp.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "ini",
@@ -209200,7 +209200,7 @@ registerLanguage({
   filenames: ["jakefile"],
   aliases: ["JavaScript", "javascript", "js"],
   mimetypes: ["text/javascript"],
-  loader: () => __vitePreload(() => import("./javascript-DJjWOxID.js"), true ? __vite__mapDeps([4,5]) : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./javascript-ChlyA1sf.js"), true ? __vite__mapDeps([4,5]) : void 0, import.meta.url)
 });
 registerLanguage({
   id: "julia",
@@ -209239,7 +209239,7 @@ registerLanguage({
   extensions: [".liquid", ".html.liquid"],
   aliases: ["Liquid", "liquid"],
   mimetypes: ["application/liquid"],
-  loader: () => __vitePreload(() => import("./liquid-DvNU_dI9.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./liquid-D4ftdy1G.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "m3",
@@ -209257,7 +209257,7 @@ registerLanguage({
   id: "mdx",
   extensions: [".mdx"],
   aliases: ["MDX", "mdx"],
-  loader: () => __vitePreload(() => import("./mdx-CLkNPVgD.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./mdx-B9wsVYSC.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "mips",
@@ -209356,7 +209356,7 @@ registerLanguage({
   extensions: [".py", ".rpy", ".pyw", ".cpy", ".gyp", ".gypi"],
   aliases: ["Python", "py"],
   firstLine: "^#!/.*\\bpython[0-9.-]*\\b",
-  loader: () => __vitePreload(() => import("./python-DOJdL4kC.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./python-e23tD6IS.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "qsharp",
@@ -209375,7 +209375,7 @@ registerLanguage({
   extensions: [".cshtml"],
   aliases: ["Razor", "razor"],
   mimetypes: ["text/x-cshtml"],
-  loader: () => __vitePreload(() => import("./razor-CSr8UlJc.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./razor-CrDyXj3d.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "redis",
@@ -209508,7 +209508,7 @@ registerLanguage({
   aliases: ["TypeScript", "ts", "typescript"],
   mimetypes: ["text/typescript"],
   loader: () => {
-    return __vitePreload(() => import("./typescript-r5QB4yRW.js"), true ? [] : void 0, import.meta.url);
+    return __vitePreload(() => import("./typescript-Do-98d_O.js"), true ? [] : void 0, import.meta.url);
   }
 });
 registerLanguage({
@@ -209553,14 +209553,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-CYhKh3Pi.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./xml-Dpdu5R3m.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-B8DsoaYW.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./yaml-B0Zt7LCJ.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;
@@ -213878,7 +213878,223 @@ function LeafPane({ pane, onDrop, onToggle }) {
     }
   );
 }
-function StatusBar({ wsStatus, cwd: cwd2, onChangeCwd, updateInfo }) {
+const SERVICE_NAME = { claude: "Claude", codex: "Codex" };
+const gb = (bytes) => bytes == null ? "—" : `${(bytes / 2 ** 30).toFixed(bytes < 10 * 2 ** 30 ? 1 : 0)} GB`;
+const pct = (x) => x == null ? "—" : `${Math.round(x)}%`;
+const fillTone = (x) => x == null ? "var(--text-dim)" : x < 70 ? "var(--success)" : x < 90 ? "var(--warning)" : "var(--danger)";
+function ago(iso) {
+  const s = Math.max(0, Math.round((Date.now() - new Date(iso).getTime()) / 1e3));
+  if (s < 60) return `${s}s ago`;
+  if (s < 3600) return `${Math.round(s / 60)}m ago`;
+  if (s < 86400) return `${Math.round(s / 3600)}h ago`;
+  return `${Math.round(s / 86400)}d ago`;
+}
+function useResourceSnapshot(open, refreshKey) {
+  const [data, setData] = reactExports.useState(null);
+  reactExports.useEffect(() => {
+    let cancelled = false;
+    let timer;
+    const poll = async () => {
+      try {
+        const snap = await window.worker.getResourceSnapshot(open);
+        if (!cancelled) setData(snap);
+      } catch {
+      }
+      if (!cancelled) timer = setTimeout(poll, open ? 3e3 : 1e4);
+    };
+    void poll();
+    return () => {
+      cancelled = true;
+      clearTimeout(timer);
+    };
+  }, [open, refreshKey]);
+  return data;
+}
+function Gauge({ label, value, tone, title }) {
+  const v2 = Math.max(0, Math.min(100, value ?? 0));
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "res-gauge", title, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "res-gauge-bar", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { height: `${v2}%`, background: value == null ? "transparent" : tone } }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "res-gauge-k", children: label }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "res-gauge-v", children: pct(value) })
+  ] });
+}
+function ResourceBar({ refreshKey }) {
+  const [open, setOpen] = reactExports.useState(false);
+  const data = useResourceSnapshot(open, refreshKey);
+  const m = data?.machine;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "res-bar", onClick: () => setOpen(!open), title: "Resources and plan quota: click for details", children: [
+    m?.ok && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "res-group", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Gauge, { label: "CPU", value: m.cpu?.pct, tone: "var(--accent)", title: `CPU ${pct(m.cpu?.pct)} of ${m.cpu?.cores} cores` }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Gauge, { label: "RAM", value: m.mem?.pct, tone: fillTone(m.mem?.pct), title: `RAM ${gb(m.mem?.used)} of ${gb(m.mem?.total)}` })
+    ] }),
+    data?.activeService && /* @__PURE__ */ jsxRuntimeExports.jsx(QuotaGauges, { service: data.activeService, u: data.usage[data.activeService] }),
+    open && /* @__PURE__ */ jsxRuntimeExports.jsx(ResourcePanel, { data, close: () => setOpen(false) })
+  ] });
+}
+function QuotaGauges({ service, u }) {
+  const name = SERVICE_NAME[service];
+  if (!u) return null;
+  const wins = u.windows.filter((w) => w.short);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "res-group", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "res-name", children: name }),
+    u.ok && wins.length ? wins.map((w) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Gauge,
+      {
+        label: w.short,
+        value: w.pct,
+        tone: fillTone(w.pct),
+        title: `${name} ${w.label}: ${pct(w.pct)} used${w.resets ? ` · resets ${w.resets}` : ""}`
+      },
+      w.label
+    )) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "res-off", title: u.error ?? "no usage reported", children: "quota unavailable" })
+  ] });
+}
+function Bar({ value, tone }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "res-rbar", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { width: `${Math.max(0, Math.min(100, value ?? 0))}%`, background: tone } }) });
+}
+function Spark({ values, tone, width: width2 = 120, height = 22 }) {
+  const pts = values.map((v2, i2) => [values.length < 2 ? width2 : i2 / (values.length - 1) * width2, height - (v2 ?? 0) / 100 * (height - 2) - 1]);
+  if (pts.length < 2) return /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { width: width2, height, className: "res-spark" });
+  const line = pts.map(([x, y]) => `${x.toFixed(1)},${y.toFixed(1)}`).join(" ");
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: width2, height, className: "res-spark", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("polygon", { points: `0,${height} ${line} ${width2},${height}`, fill: tone, opacity: 0.15 }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("polyline", { points: line, fill: "none", stroke: tone, strokeWidth: 1.4 })
+  ] });
+}
+function UsageView({ service, u, active }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "res-card", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "res-head", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("b", { children: [
+        SERVICE_NAME[service],
+        " plan"
+      ] }),
+      active && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "res-tag", children: "active tab" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "res-spacer" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "res-muted", children: [
+        "as of ",
+        ago(u.ts)
+      ] })
+    ] }),
+    u.ok ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      u.windows.map((w) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "res-row", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "res-k wide", children: w.label }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Bar, { value: w.pct, tone: fillTone(w.pct) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "res-v narrow", children: pct(w.pct) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "res-muted res-resets", children: w.resets ? `resets ${w.resets}` : "" })
+      ] }, w.label)),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "res-muted res-note", children: [
+        "from ",
+        u.source,
+        u.plan ? ` · plan ${u.plan}` : ""
+      ] })
+    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "res-muted", children: u.error ?? "no usage reported" })
+  ] });
+}
+function MachineView({ m }) {
+  const h2 = m.history;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "res-card", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "res-head", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `res-dot ${m.ok ? "ok" : "bad"}` }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("b", { children: m.label }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "res-spacer" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "res-muted", children: [
+        "updated ",
+        ago(m.ts)
+      ] })
+    ] }),
+    !m.ok ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "res-err", children: m.error ?? "unavailable" }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "res-row", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "res-k", children: "CPU" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Bar, { value: m.cpu?.pct, tone: "var(--accent)" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "res-v", children: pct(m.cpu?.pct) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Spark, { values: h2.map((p) => p.cpu), tone: "var(--accent)" })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "res-row", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "res-k" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "res-muted", children: [
+          m.cpu?.cores,
+          " cores · load ",
+          m.cpu?.load.map((x) => x.toFixed(2)).join(" ")
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "res-row", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "res-k", children: "RAM" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Bar, { value: m.mem?.pct, tone: fillTone(m.mem?.pct) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "res-v", children: [
+          gb(m.mem?.used),
+          " / ",
+          gb(m.mem?.total)
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Spark, { values: h2.map((p) => p.mem), tone: fillTone(m.mem?.pct) })
+      ] }),
+      m.gpu != null && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "res-row", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "res-k", children: "GPU" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Bar, { value: m.gpu, tone: "var(--sev-digest)" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "res-v", children: pct(m.gpu) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Spark, { values: h2.map((p) => p.gpu), tone: "var(--sev-digest)" })
+      ] }),
+      m.disk && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "res-row", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "res-k", children: "Disk" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Bar, { value: 100 * (1 - m.disk.free / m.disk.total), tone: fillTone(100 * (1 - m.disk.free / m.disk.total)) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "res-v", children: [
+          gb(m.disk.free),
+          " free"
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function AgentsView({ agents }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "res-card", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "res-head", children: /* @__PURE__ */ jsxRuntimeExports.jsx("b", { children: "Agents in tabs" }) }),
+    agents.length ? agents.map((a) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "res-agent", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: a.active ? "res-agent-name active" : "res-agent-name", children: a.name }),
+      a.active && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "res-tag", children: "active" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "res-muted", children: [
+        a.pid == null ? "exited" : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          "pid ",
+          a.pid,
+          " · ",
+          a.procs,
+          " process",
+          a.procs === 1 ? "" : "es",
+          a.cpu != null ? ` · CPU ${a.cpu.toFixed(0)}%` : "",
+          a.mem != null ? ` · ${gb(a.mem)}` : ""
+        ] }),
+        a.remote ? " · local ssh client (agent runs remotely)" : ""
+      ] })
+    ] }, a.tabId)) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "res-muted", children: "no agents running" })
+  ] });
+}
+function ResourcePanel({ data, close }) {
+  reactExports.useEffect(() => {
+    const onKey = (e) => {
+      if (e.key === "Escape") close();
+    };
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [close]);
+  const services = Object.keys(data?.usage ?? {}).sort((a, b) => Number(b === data?.activeService) - Number(a === data?.activeService));
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "res-panel", onClick: (e) => e.stopPropagation(), children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "res-panel-head", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { children: "Resources" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "res-muted", children: "plan quota and this machine · every 3 s" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "res-spacer" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "res-close", onClick: close, "aria-label": "Close", children: "✕" })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "res-panel-body", children: !data ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "res-muted", children: "sampling…" }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      services.map((s) => /* @__PURE__ */ jsxRuntimeExports.jsx(UsageView, { service: s, u: data.usage[s], active: s === data.activeService }, s)),
+      data.activeService && !data.usage[data.activeService] && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "res-muted", children: [
+        "checking ",
+        SERVICE_NAME[data.activeService],
+        " quota…"
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(MachineView, { m: data.machine }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(AgentsView, { agents: data.agents })
+    ] }) })
+  ] });
+}
+function StatusBar({ wsStatus, cwd: cwd2, onChangeCwd, updateInfo, resourceKey }) {
   const [creating, setCreating] = reactExports.useState(false);
   const wsLabel = {
     disconnected: "Disconnected",
@@ -213914,6 +214130,7 @@ function StatusBar({ wsStatus, cwd: cwd2, onChangeCwd, updateInfo }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "statusbar", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "statusbar-section", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "statusbar-path", onClick: onChangeCwd, title: "Click to change directory", children: displayPath || "No directory" }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "statusbar-section", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(ResourceBar, { refreshKey: resourceKey }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `status-dot ${wsDotClass}` }),
       isNoProject ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Not linked to a ctlsurf project" }),
@@ -214311,7 +214528,7 @@ const PRIORITY_OPTIONS = [
   { value: "High", color: "var(--danger)" }
 ];
 const colorOf = (opts, value) => opts.find((o) => o.value === value)?.color ?? "var(--text-muted)";
-const tint$1 = (color, pct) => `color-mix(in srgb, ${color} ${pct}%, transparent)`;
+const tint$1 = (color, pct2) => `color-mix(in srgb, ${color} ${pct2}%, transparent)`;
 function formatDate(iso) {
   if (!iso) return "";
   const d = new Date(iso);
@@ -214685,7 +214902,7 @@ function formatTime(iso) {
   if (Number.isNaN(d.getTime())) return "";
   return d.toLocaleTimeString("en-US", { hour: "numeric", minute: "2-digit" });
 }
-const tint = (color, pct) => `color-mix(in srgb, ${color} ${pct}%, transparent)`;
+const tint = (color, pct2) => `color-mix(in srgb, ${color} ${pct2}%, transparent)`;
 function Chip({ color, label }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "obs-chip", style: { color, borderColor: tint(color, 33), background: tint(color, 8) }, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "obs-chip-dot", style: { background: color } }),
@@ -215497,7 +215714,16 @@ ${transcript.slice(-REMOTE_HANDOFF_CHARS)}` : transcript;
         onToggle: togglePane
       }
     ) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(StatusBar, { wsStatus, cwd: cwd2, onChangeCwd: handleChangeCwd, updateInfo }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      StatusBar,
+      {
+        wsStatus,
+        cwd: cwd2,
+        onChangeCwd: handleChangeCwd,
+        updateInfo,
+        resourceKey: `${activeTabId}:${tabs.find((t) => t.id === activeTabId)?.agent?.id ?? ""}`
+      }
+    ),
     /* @__PURE__ */ jsxRuntimeExports.jsx(SettingsDialog, { open: showSettings, onClose: () => setShowSettings(false) }),
     showAgentPicker && agents.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
       AgentPicker,

package/out/renderer/assets/{javascript-DJjWOxID.js → javascript-ChlyA1sf.js}

@@ -1,5 +1,5 @@
-import { conf as conf$1, language as language$1 } from "./typescript-r5QB4yRW.js";
-import "./index-HoDaBul3.js";
+import { conf as conf$1, language as language$1 } from "./typescript-Do-98d_O.js";
+import "./index-Dm70hk5s.js";
 const conf = conf$1;
 const language = {
   // Set defaultToken to invalid to see what you do not tokenize yet

package/out/renderer/assets/{jsonMode-BileWbig.js → jsonMode-D1_oHzeN.js}

@@ -1,6 +1,6 @@
-import { c as createWebWorker, l as languages, e as editor } from "./index-HoDaBul3.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-Bb27EY8c.js";
-import { a, D, h, R, c, i, j, t, k } from "./lspLanguageFeatures-Bb27EY8c.js";
+import { c as createWebWorker, l as languages, e as editor } from "./index-Dm70hk5s.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-Ckqu5ubG.js";
+import { a, D, h, R, c, i, j, t, k } from "./lspLanguageFeatures-Ckqu5ubG.js";
 const STOP_WHEN_IDLE_FOR = 2 * 60 * 1e3;
 class WorkerManager {
   constructor(defaults) {

package/out/renderer/assets/{liquid-DvNU_dI9.js → liquid-D4ftdy1G.js}

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

package/out/renderer/assets/{lspLanguageFeatures-Bb27EY8c.js → lspLanguageFeatures-Ckqu5ubG.js}

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

package/out/renderer/assets/{mdx-CLkNPVgD.js → mdx-B9wsVYSC.js}

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

package/out/renderer/assets/{python-DOJdL4kC.js → python-e23tD6IS.js}

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

package/out/renderer/assets/{razor-CSr8UlJc.js → razor-CrDyXj3d.js}

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

package/out/renderer/assets/{tsMode-sbsAvk21.js → tsMode-BwGC5o4O.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-HoDaBul3.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-Dm70hk5s.js";
 class WorkerManager {
   constructor(_modeId, _defaults) {
     this._modeId = _modeId;

package/out/renderer/assets/{typescript-r5QB4yRW.js → typescript-Do-98d_O.js}

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

package/out/renderer/assets/{xml-CYhKh3Pi.js → xml-Dpdu5R3m.js}

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

package/out/renderer/assets/{yaml-B8DsoaYW.js → yaml-B0Zt7LCJ.js}

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

package/out/renderer/index.html

@@ -106,8 +106,8 @@
     :root[data-theme='catppuccin-latte'] .boot-splash-title { color: #2f3145; }
     :root[data-theme='catppuccin-latte'] .boot-splash-label { color: #7c7f93; }
   </style>
-  <script type="module" crossorigin src="./assets/index-HoDaBul3.js"></script>
-  <link rel="stylesheet" crossorigin href="./assets/index-DID1LlMU.css">
+  <script type="module" crossorigin src="./assets/index-Dm70hk5s.js"></script>
+  <link rel="stylesheet" crossorigin href="./assets/index-CEjwKjtd.css">
 </head>
 <body>
   <div id="boot-splash">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phenx-inc/ctlsurf",
-  "version": "0.16.1",
+  "version": "0.17.0",
   "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": {