@f0rbit/overview 0.2.1 → 0.2.2

package/dist/overview.js

@@ -15,6 +15,7 @@ var __export = (target, all) => {
 };
 
 // packages/render/src/overview.tsx
+import { createComponent as _$createComponent19 } from "@opentui/solid";
 import { render } from "@opentui/solid";
 
 // node_modules/.bun/@f0rbit+corpus@0.3.5+8e50f884e35f3403/node_modules/@f0rbit/corpus/dist/types.js
@@ -2494,10 +2495,25 @@ function mergeCliArgs(config, args) {
 }
 
 // packages/render/src/screens/main-screen.tsx
+import { memo as _$memo7 } from "@opentui/solid";
+import { insert as _$insert18 } from "@opentui/solid";
+import { createComponent as _$createComponent18 } from "@opentui/solid";
+import { effect as _$effect18 } from "@opentui/solid";
+import { createTextNode as _$createTextNode } from "@opentui/solid";
+import { insertNode as _$insertNode17 } from "@opentui/solid";
+import { setProp as _$setProp18 } from "@opentui/solid";
+import { createElement as _$createElement18 } from "@opentui/solid";
 import { createSignal as createSignal6, createEffect as createEffect5, createMemo as createMemo12, onMount, onCleanup, Show as Show16 } from "solid-js";
 import { useKeyboard as useKeyboard4, useTerminalDimensions, useRenderer } from "@opentui/solid";
 
 // packages/render/src/components/git-graph.tsx
+import { insertNode as _$insertNode } from "@opentui/solid";
+import { memo as _$memo } from "@opentui/solid";
+import { effect as _$effect } from "@opentui/solid";
+import { insert as _$insert } from "@opentui/solid";
+import { createComponent as _$createComponent } from "@opentui/solid";
+import { setProp as _$setProp } from "@opentui/solid";
+import { createElement as _$createElement } from "@opentui/solid";
 import { Show, For } from "solid-js";
 
 // packages/render/src/theme/index.ts
@@ -2543,15 +2559,27 @@ function parseGraphLine(line) {
     if (graphPart.includes("*")) {
       const starIdx = graphPart.indexOf("*");
       if (starIdx > 0) {
-        segments.push({ text: graphPart.slice(0, starIdx), color: theme.fg_dim });
+        segments.push({
+          text: graphPart.slice(0, starIdx),
+          color: theme.fg_dim
+        });
       }
-      segments.push({ text: "*", color: theme.green });
+      segments.push({
+        text: "*",
+        color: theme.green
+      });
       const after = graphPart.slice(starIdx + 1);
       if (after) {
-        segments.push({ text: after, color: theme.fg_dim });
+        segments.push({
+          text: after,
+          color: theme.fg_dim
+        });
       }
     } else {
-      segments.push({ text: graphPart, color: theme.fg_dim });
+      segments.push({
+        text: graphPart,
+        color: theme.fg_dim
+      });
     }
     rest = line.slice(graphPart.length);
   }
@@ -2559,104 +2587,211 @@ function parseGraphLine(line) {
     return segments;
   const hashMatch = rest.match(HASH_RE);
   if (hashMatch) {
-    segments.push({ text: hashMatch[0], color: theme.yellow });
+    segments.push({
+      text: hashMatch[0],
+      color: theme.yellow
+    });
     rest = rest.slice(hashMatch[0].length);
   }
   if (!rest)
     return segments;
   if (rest.startsWith(" ")) {
-    segments.push({ text: " ", color: theme.fg });
+    segments.push({
+      text: " ",
+      color: theme.fg
+    });
     rest = rest.slice(1);
   }
   const refMatch = rest.match(REF_RE);
   if (refMatch) {
-    segments.push({ text: refMatch[0], color: theme.cyan });
+    segments.push({
+      text: refMatch[0],
+      color: theme.cyan
+    });
     rest = rest.slice(refMatch[0].length);
   }
   if (rest) {
-    segments.push({ text: rest, color: theme.fg });
+    segments.push({
+      text: rest,
+      color: theme.fg
+    });
   }
   return segments;
 }
 function GraphLine(props) {
   const segments = () => parseGraphLine(props.line);
-  return /* @__PURE__ */ React.createElement("box", {
-    flexDirection: "row",
-    height: 1
-  }, /* @__PURE__ */ React.createElement(For, {
-    each: segments()
-  }, (seg) => /* @__PURE__ */ React.createElement("text", {
-    fg: seg.color,
-    content: seg.text
-  })));
+  return (() => {
+    var _el$ = _$createElement("box");
+    _$setProp(_el$, "flexDirection", "row");
+    _$setProp(_el$, "height", 1);
+    _$insert(_el$, _$createComponent(For, {
+      get each() {
+        return segments();
+      },
+      children: (seg) => (() => {
+        var _el$2 = _$createElement("text");
+        _$effect((_p$) => {
+          var { color: _v$, text: _v$2 } = seg;
+          _v$ !== _p$.e && (_p$.e = _$setProp(_el$2, "fg", _v$, _p$.e));
+          _v$2 !== _p$.t && (_p$.t = _$setProp(_el$2, "content", _v$2, _p$.t));
+          return _p$;
+        }, {
+          e: undefined,
+          t: undefined
+        });
+        return _el$2;
+      })()
+    }));
+    return _el$;
+  })();
 }
 function GitGraph(props) {
-  return /* @__PURE__ */ React.createElement("box", {
-    borderStyle: "rounded",
-    borderColor: props.focused ? theme.border_highlight : theme.border,
-    title: `git graph: ${props.repoName}`,
-    titleAlignment: "left",
-    flexDirection: "column",
-    flexGrow: 1,
-    height: props.height
-  }, /* @__PURE__ */ React.createElement(Show, {
-    when: !props.loading && props.graph && props.graph.lines.length > 0,
-    fallback: /* @__PURE__ */ React.createElement("text", {
-      fg: theme.fg_dim,
-      content: props.loading ? "loading..." : "(no commits)"
-    })
-  }, /* @__PURE__ */ React.createElement("scrollbox", {
-    focused: props.focused,
-    viewportCulling: true,
-    flexGrow: 1
-  }, /* @__PURE__ */ React.createElement(For, {
-    each: props.graph.lines
-  }, (line) => /* @__PURE__ */ React.createElement(GraphLine, {
-    line
-  }))), /* @__PURE__ */ React.createElement("box", {
-    height: 1
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.fg_dim,
-    content: `(${props.graph.total_lines} commits)`
-  }))));
+  return (() => {
+    var _el$3 = _$createElement("box");
+    _$setProp(_el$3, "borderStyle", "rounded");
+    _$setProp(_el$3, "titleAlignment", "left");
+    _$setProp(_el$3, "flexDirection", "column");
+    _$setProp(_el$3, "flexGrow", 1);
+    _$insert(_el$3, _$createComponent(Show, {
+      get when() {
+        return _$memo(() => !!(!props.loading && props.graph))() && props.graph.lines.length > 0;
+      },
+      get fallback() {
+        return (() => {
+          var _el$7 = _$createElement("text");
+          _$effect((_p$) => {
+            var _v$8 = theme.fg_dim, _v$9 = props.loading ? "loading..." : "(no commits)";
+            _v$8 !== _p$.e && (_p$.e = _$setProp(_el$7, "fg", _v$8, _p$.e));
+            _v$9 !== _p$.t && (_p$.t = _$setProp(_el$7, "content", _v$9, _p$.t));
+            return _p$;
+          }, {
+            e: undefined,
+            t: undefined
+          });
+          return _el$7;
+        })();
+      },
+      get children() {
+        return [(() => {
+          var _el$4 = _$createElement("scrollbox");
+          _$setProp(_el$4, "viewportCulling", true);
+          _$setProp(_el$4, "flexGrow", 1);
+          _$insert(_el$4, _$createComponent(For, {
+            get each() {
+              return props.graph.lines;
+            },
+            children: (line) => _$createComponent(GraphLine, {
+              line
+            })
+          }));
+          _$effect((_$p) => _$setProp(_el$4, "focused", props.focused, _$p));
+          return _el$4;
+        })(), (() => {
+          var _el$5 = _$createElement("box"), _el$6 = _$createElement("text");
+          _$insertNode(_el$5, _el$6);
+          _$setProp(_el$5, "height", 1);
+          _$effect((_p$) => {
+            var _v$3 = theme.fg_dim, _v$4 = `(${props.graph.total_lines} commits)`;
+            _v$3 !== _p$.e && (_p$.e = _$setProp(_el$6, "fg", _v$3, _p$.e));
+            _v$4 !== _p$.t && (_p$.t = _$setProp(_el$6, "content", _v$4, _p$.t));
+            return _p$;
+          }, {
+            e: undefined,
+            t: undefined
+          });
+          return _el$5;
+        })()];
+      }
+    }));
+    _$effect((_p$) => {
+      var _v$5 = props.focused ? theme.border_highlight : theme.border, _v$6 = `git graph: ${props.repoName}`, _v$7 = props.height;
+      _v$5 !== _p$.e && (_p$.e = _$setProp(_el$3, "borderColor", _v$5, _p$.e));
+      _v$6 !== _p$.t && (_p$.t = _$setProp(_el$3, "title", _v$6, _p$.t));
+      _v$7 !== _p$.a && (_p$.a = _$setProp(_el$3, "height", _v$7, _p$.a));
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined,
+      a: undefined
+    });
+    return _el$3;
+  })();
 }
 // packages/render/src/components/repo-list.tsx
+import { effect as _$effect3 } from "@opentui/solid";
+import { insertNode as _$insertNode2 } from "@opentui/solid";
+import { insert as _$insert3 } from "@opentui/solid";
+import { createComponent as _$createComponent3 } from "@opentui/solid";
+import { setProp as _$setProp3 } from "@opentui/solid";
+import { createElement as _$createElement3 } from "@opentui/solid";
 import { createSignal, createMemo, createEffect, For as For3 } from "solid-js";
 import { useKeyboard } from "@opentui/solid";
 
 // packages/render/src/components/status-badge.tsx
+import { effect as _$effect2 } from "@opentui/solid";
+import { insert as _$insert2 } from "@opentui/solid";
+import { createComponent as _$createComponent2 } from "@opentui/solid";
+import { setProp as _$setProp2 } from "@opentui/solid";
+import { createElement as _$createElement2 } from "@opentui/solid";
 import { For as For2 } from "solid-js";
 function buildBadgeParts(status) {
   const parts = [];
   if (status.ocn_status) {
     switch (status.ocn_status.status) {
       case "busy":
-        parts.push({ text: "*", color: theme.yellow });
+        parts.push({
+          text: "*",
+          color: theme.yellow
+        });
         break;
       case "prompting":
-        parts.push({ text: ">", color: theme.magenta });
+        parts.push({
+          text: ">",
+          color: theme.magenta
+        });
         break;
       case "error":
-        parts.push({ text: "!", color: theme.red });
+        parts.push({
+          text: "!",
+          color: theme.red
+        });
         break;
     }
   }
   if (status.health === "conflict") {
-    parts.push({ text: "!", color: theme.status.conflict });
+    parts.push({
+      text: "!",
+      color: theme.status.conflict
+    });
   } else if (status.health === "clean" && status.modified_count === 0 && status.untracked_count === 0) {
-    parts.push({ text: "\u2713", color: theme.status.clean });
+    parts.push({
+      text: "\u2713",
+      color: theme.status.clean
+    });
   } else {
     if (status.modified_count > 0) {
-      parts.push({ text: `~${status.modified_count}`, color: theme.status.modified });
+      parts.push({
+        text: `~${status.modified_count}`,
+        color: theme.status.modified
+      });
     }
     if (status.untracked_count > 0 && status.modified_count === 0 && status.ahead === 0 && status.behind === 0) {
-      parts.push({ text: "?", color: theme.status.untracked });
+      parts.push({
+        text: "?",
+        color: theme.status.untracked
+      });
     }
     if (status.ahead > 0) {
-      parts.push({ text: `\u2191${status.ahead}`, color: theme.status.ahead });
+      parts.push({
+        text: `\u2191${status.ahead}`,
+        color: theme.status.ahead
+      });
     }
     if (status.behind > 0) {
-      parts.push({ text: `\u2193${status.behind}`, color: theme.status.behind });
+      parts.push({
+        text: `\u2193${status.behind}`,
+        color: theme.status.behind
+      });
     }
   }
   return parts;
@@ -2665,23 +2800,45 @@ function StatusBadge(props) {
   const parts = () => {
     const s = props.status;
     if (!s)
-      return [{ text: "\u2026", color: theme.fg_dim }];
+      return [{
+        text: "\u2026",
+        color: theme.fg_dim
+      }];
     return buildBadgeParts(s);
   };
-  return /* @__PURE__ */ React.createElement("box", {
-    flexDirection: "row"
-  }, /* @__PURE__ */ React.createElement(For2, {
-    each: parts()
-  }, (p) => /* @__PURE__ */ React.createElement("text", {
-    fg: p.color,
-    content: p.text
-  })));
+  return (() => {
+    var _el$ = _$createElement2("box");
+    _$setProp2(_el$, "flexDirection", "row");
+    _$insert2(_el$, _$createComponent2(For2, {
+      get each() {
+        return parts();
+      },
+      children: (p) => (() => {
+        var _el$2 = _$createElement2("text");
+        _$effect2((_p$) => {
+          var { color: _v$, text: _v$2 } = p;
+          _v$ !== _p$.e && (_p$.e = _$setProp2(_el$2, "fg", _v$, _p$.e));
+          _v$2 !== _p$.t && (_p$.t = _$setProp2(_el$2, "content", _v$2, _p$.t));
+          return _p$;
+        }, {
+          e: undefined,
+          t: undefined
+        });
+        return _el$2;
+      })()
+    }));
+    return _el$;
+  })();
 }
 
 // packages/render/src/components/repo-list.tsx
 function flattenTree(nodes, depth = 0) {
   return nodes.flatMap((node, i) => {
-    const entry = { node, depth, is_last: i === nodes.length - 1 };
+    const entry = {
+      node,
+      depth,
+      is_last: i === nodes.length - 1
+    };
     if (node.type === "directory" && node.expanded && node.children.length > 0) {
       return [entry, ...flattenTree(node.children, depth + 1)];
     }
@@ -2763,34 +2920,59 @@ function RepoList(props) {
       }
     }
   });
-  return /* @__PURE__ */ React.createElement("box", {
-    flexDirection: "column",
-    width: "100%",
-    height: "100%"
-  }, /* @__PURE__ */ React.createElement(For3, {
-    each: visible()
-  }, (entry, i) => {
-    const selected = () => i() === selectedIndex();
-    const indent = "  ".repeat(entry.depth);
-    const conn = connector(entry.is_last);
-    const prefix = icon(entry.node);
-    const label = `${indent}${conn} ${prefix}${entry.node.name}`;
-    return /* @__PURE__ */ React.createElement("box", {
-      flexDirection: "row",
-      width: "100%",
-      height: 1,
-      backgroundColor: selected() ? theme.selection : undefined
-    }, /* @__PURE__ */ React.createElement("text", {
-      fg: selected() ? theme.fg : theme.fg_dark,
-      content: label
-    }), /* @__PURE__ */ React.createElement("box", {
-      flexGrow: 1
-    }), /* @__PURE__ */ React.createElement(StatusBadge, {
-      status: entry.node.status
+  return (() => {
+    var _el$ = _$createElement3("box");
+    _$setProp3(_el$, "flexDirection", "column");
+    _$setProp3(_el$, "width", "100%");
+    _$setProp3(_el$, "height", "100%");
+    _$insert3(_el$, _$createComponent3(For3, {
+      get each() {
+        return visible();
+      },
+      children: (entry, i) => {
+        const selected = () => i() === selectedIndex();
+        const indent = "  ".repeat(entry.depth);
+        const conn = connector(entry.is_last);
+        const prefix = icon(entry.node);
+        const label = `${indent}${conn} ${prefix}${entry.node.name}`;
+        return (() => {
+          var _el$2 = _$createElement3("box"), _el$3 = _$createElement3("text"), _el$4 = _$createElement3("box");
+          _$insertNode2(_el$2, _el$3);
+          _$insertNode2(_el$2, _el$4);
+          _$setProp3(_el$2, "flexDirection", "row");
+          _$setProp3(_el$2, "width", "100%");
+          _$setProp3(_el$2, "height", 1);
+          _$setProp3(_el$3, "content", label);
+          _$setProp3(_el$4, "flexGrow", 1);
+          _$insert3(_el$2, _$createComponent3(StatusBadge, {
+            get status() {
+              return entry.node.status;
+            }
+          }), null);
+          _$effect3((_p$) => {
+            var _v$ = selected() ? theme.selection : undefined, _v$2 = selected() ? theme.fg : theme.fg_dark;
+            _v$ !== _p$.e && (_p$.e = _$setProp3(_el$2, "backgroundColor", _v$, _p$.e));
+            _v$2 !== _p$.t && (_p$.t = _$setProp3(_el$3, "fg", _v$2, _p$.t));
+            return _p$;
+          }, {
+            e: undefined,
+            t: undefined
+          });
+          return _el$2;
+        })();
+      }
     }));
-  }));
+    return _el$;
+  })();
 }
 // packages/render/src/components/widget-container.tsx
+import { effect as _$effect15 } from "@opentui/solid";
+import { insertNode as _$insertNode14 } from "@opentui/solid";
+import { insert as _$insert15 } from "@opentui/solid";
+import { createComponent as _$createComponent15 } from "@opentui/solid";
+import { use as _$use } from "@opentui/solid";
+import { setProp as _$setProp15 } from "@opentui/solid";
+import { createElement as _$createElement15 } from "@opentui/solid";
 import { For as For11, Show as Show13, createMemo as createMemo10, createSignal as createSignal5, createEffect as createEffect4, on } from "solid-js";
 import { useKeyboard as useKeyboard2 } from "@opentui/solid";
 
@@ -2804,6 +2986,12 @@ function getWidget(id) {
 }
 
 // packages/render/src/components/widgets/git-status.tsx
+import { insertNode as _$insertNode3 } from "@opentui/solid";
+import { effect as _$effect4 } from "@opentui/solid";
+import { insert as _$insert4 } from "@opentui/solid";
+import { createComponent as _$createComponent4 } from "@opentui/solid";
+import { setProp as _$setProp4 } from "@opentui/solid";
+import { createElement as _$createElement4 } from "@opentui/solid";
 import { Show as Show2 } from "solid-js";
 
 // packages/render/src/lib/format.ts
@@ -2845,7 +3033,10 @@ function formatRelativeTime(timestamp) {
 }
 
 // packages/render/src/components/widgets/git-status.tsx
-var size_hint = { span: "third", min_height: 2 };
+var size_hint = {
+  span: "third",
+  min_height: 2
+};
 var health_color = {
   clean: theme.green,
   dirty: theme.yellow,
@@ -2867,99 +3058,239 @@ function healthIndicator(health) {
 }
 function GitStatusWidget(props) {
   const s = () => props.status;
-  return /* @__PURE__ */ React.createElement("box", {
-    flexDirection: "column"
-  }, /* @__PURE__ */ React.createElement(Show2, {
-    when: s(),
-    fallback: /* @__PURE__ */ React.createElement("text", {
-      fg: theme.fg_dim,
-      content: "no repo selected"
-    })
-  }, (status) => {
-    const color = () => health_color[status().health];
-    const has_sync = () => status().ahead > 0 || status().behind > 0;
-    const has_wt = () => status().modified_count > 0 || status().staged_count > 0;
-    const has_extra = () => status().untracked_count > 0 || status().conflict_count > 0;
-    const has_stash = () => status().stash_count > 0;
-    return /* @__PURE__ */ React.createElement(Fragment, null, /* @__PURE__ */ React.createElement("box", {
-      flexDirection: "row",
-      height: 1,
-      gap: 1
-    }, /* @__PURE__ */ React.createElement("text", {
-      fg: color(),
-      content: healthIndicator(status().health)
-    }), /* @__PURE__ */ React.createElement("text", {
-      fg: theme.cyan,
-      content: status().current_branch
-    })), /* @__PURE__ */ React.createElement(Show2, {
-      when: has_sync(),
-      fallback: /* @__PURE__ */ React.createElement("box", {
-        flexDirection: "row",
-        height: 1
-      }, /* @__PURE__ */ React.createElement("text", {
-        fg: theme.fg_dim,
-        content: "up to date"
-      }))
-    }, /* @__PURE__ */ React.createElement("box", {
-      flexDirection: "row",
-      height: 1,
-      gap: 2
-    }, /* @__PURE__ */ React.createElement(Show2, {
-      when: status().ahead > 0
-    }, /* @__PURE__ */ React.createElement("text", {
-      fg: theme.status.ahead,
-      content: `\u2191${status().ahead} ahead`
-    })), /* @__PURE__ */ React.createElement(Show2, {
-      when: status().behind > 0
-    }, /* @__PURE__ */ React.createElement("text", {
-      fg: theme.status.behind,
-      content: `\u2193${status().behind} behind`
-    })))), /* @__PURE__ */ React.createElement(Show2, {
-      when: has_wt()
-    }, /* @__PURE__ */ React.createElement("box", {
-      flexDirection: "row",
-      height: 1,
-      gap: 2
-    }, /* @__PURE__ */ React.createElement(Show2, {
-      when: status().modified_count > 0
-    }, /* @__PURE__ */ React.createElement("text", {
-      fg: theme.status.modified,
-      content: `~${status().modified_count} mod`
-    })), /* @__PURE__ */ React.createElement(Show2, {
-      when: status().staged_count > 0
-    }, /* @__PURE__ */ React.createElement("text", {
-      fg: theme.green,
-      content: `+${status().staged_count} staged`
-    })))), /* @__PURE__ */ React.createElement(Show2, {
-      when: has_extra()
-    }, /* @__PURE__ */ React.createElement("box", {
-      flexDirection: "row",
-      height: 1,
-      gap: 2
-    }, /* @__PURE__ */ React.createElement(Show2, {
-      when: status().untracked_count > 0
-    }, /* @__PURE__ */ React.createElement("text", {
-      fg: theme.status.untracked,
-      content: `?${status().untracked_count} untracked`
-    })), /* @__PURE__ */ React.createElement(Show2, {
-      when: status().conflict_count > 0
-    }, /* @__PURE__ */ React.createElement("text", {
-      fg: theme.status.conflict,
-      content: `!${status().conflict_count} conflicts`
-    })))), /* @__PURE__ */ React.createElement("box", {
-      flexDirection: "row",
-      height: 1,
-      gap: 2
-    }, /* @__PURE__ */ React.createElement(Show2, {
-      when: has_stash()
-    }, /* @__PURE__ */ React.createElement("text", {
-      fg: theme.status.stash,
-      content: `\u2702 ${status().stash_count} stash`
-    })), /* @__PURE__ */ React.createElement("text", {
-      fg: theme.fg_dim,
-      content: formatRelativeTime(status().head_time)
-    })));
-  }));
+  return (() => {
+    var _el$ = _$createElement4("box");
+    _$setProp4(_el$, "flexDirection", "column");
+    _$insert4(_el$, _$createComponent4(Show2, {
+      get when() {
+        return s();
+      },
+      get fallback() {
+        return (() => {
+          var _el$2 = _$createElement4("text");
+          _$setProp4(_el$2, "content", "no repo selected");
+          _$effect4((_$p) => _$setProp4(_el$2, "fg", theme.fg_dim, _$p));
+          return _el$2;
+        })();
+      },
+      children: (status) => {
+        const color = () => health_color[status().health];
+        const has_sync = () => status().ahead > 0 || status().behind > 0;
+        const has_wt = () => status().modified_count > 0 || status().staged_count > 0;
+        const has_extra = () => status().untracked_count > 0 || status().conflict_count > 0;
+        const has_stash = () => status().stash_count > 0;
+        return [(() => {
+          var _el$3 = _$createElement4("box"), _el$4 = _$createElement4("text"), _el$5 = _$createElement4("text");
+          _$insertNode3(_el$3, _el$4);
+          _$insertNode3(_el$3, _el$5);
+          _$setProp4(_el$3, "flexDirection", "row");
+          _$setProp4(_el$3, "height", 1);
+          _$setProp4(_el$3, "gap", 1);
+          _$effect4((_p$) => {
+            var _v$ = color(), _v$2 = healthIndicator(status().health), _v$3 = theme.cyan, _v$4 = status().current_branch;
+            _v$ !== _p$.e && (_p$.e = _$setProp4(_el$4, "fg", _v$, _p$.e));
+            _v$2 !== _p$.t && (_p$.t = _$setProp4(_el$4, "content", _v$2, _p$.t));
+            _v$3 !== _p$.a && (_p$.a = _$setProp4(_el$5, "fg", _v$3, _p$.a));
+            _v$4 !== _p$.o && (_p$.o = _$setProp4(_el$5, "content", _v$4, _p$.o));
+            return _p$;
+          }, {
+            e: undefined,
+            t: undefined,
+            a: undefined,
+            o: undefined
+          });
+          return _el$3;
+        })(), _$createComponent4(Show2, {
+          get when() {
+            return has_sync();
+          },
+          get fallback() {
+            return (() => {
+              var _el$16 = _$createElement4("box"), _el$17 = _$createElement4("text");
+              _$insertNode3(_el$16, _el$17);
+              _$setProp4(_el$16, "flexDirection", "row");
+              _$setProp4(_el$16, "height", 1);
+              _$setProp4(_el$17, "content", "up to date");
+              _$effect4((_$p) => _$setProp4(_el$17, "fg", theme.fg_dim, _$p));
+              return _el$16;
+            })();
+          },
+          get children() {
+            var _el$6 = _$createElement4("box");
+            _$setProp4(_el$6, "flexDirection", "row");
+            _$setProp4(_el$6, "height", 1);
+            _$setProp4(_el$6, "gap", 2);
+            _$insert4(_el$6, _$createComponent4(Show2, {
+              get when() {
+                return status().ahead > 0;
+              },
+              get children() {
+                var _el$7 = _$createElement4("text");
+                _$effect4((_p$) => {
+                  var _v$5 = theme.status.ahead, _v$6 = `\u2191${status().ahead} ahead`;
+                  _v$5 !== _p$.e && (_p$.e = _$setProp4(_el$7, "fg", _v$5, _p$.e));
+                  _v$6 !== _p$.t && (_p$.t = _$setProp4(_el$7, "content", _v$6, _p$.t));
+                  return _p$;
+                }, {
+                  e: undefined,
+                  t: undefined
+                });
+                return _el$7;
+              }
+            }), null);
+            _$insert4(_el$6, _$createComponent4(Show2, {
+              get when() {
+                return status().behind > 0;
+              },
+              get children() {
+                var _el$8 = _$createElement4("text");
+                _$effect4((_p$) => {
+                  var _v$7 = theme.status.behind, _v$8 = `\u2193${status().behind} behind`;
+                  _v$7 !== _p$.e && (_p$.e = _$setProp4(_el$8, "fg", _v$7, _p$.e));
+                  _v$8 !== _p$.t && (_p$.t = _$setProp4(_el$8, "content", _v$8, _p$.t));
+                  return _p$;
+                }, {
+                  e: undefined,
+                  t: undefined
+                });
+                return _el$8;
+              }
+            }), null);
+            return _el$6;
+          }
+        }), _$createComponent4(Show2, {
+          get when() {
+            return has_wt();
+          },
+          get children() {
+            var _el$9 = _$createElement4("box");
+            _$setProp4(_el$9, "flexDirection", "row");
+            _$setProp4(_el$9, "height", 1);
+            _$setProp4(_el$9, "gap", 2);
+            _$insert4(_el$9, _$createComponent4(Show2, {
+              get when() {
+                return status().modified_count > 0;
+              },
+              get children() {
+                var _el$0 = _$createElement4("text");
+                _$effect4((_p$) => {
+                  var _v$9 = theme.status.modified, _v$0 = `~${status().modified_count} mod`;
+                  _v$9 !== _p$.e && (_p$.e = _$setProp4(_el$0, "fg", _v$9, _p$.e));
+                  _v$0 !== _p$.t && (_p$.t = _$setProp4(_el$0, "content", _v$0, _p$.t));
+                  return _p$;
+                }, {
+                  e: undefined,
+                  t: undefined
+                });
+                return _el$0;
+              }
+            }), null);
+            _$insert4(_el$9, _$createComponent4(Show2, {
+              get when() {
+                return status().staged_count > 0;
+              },
+              get children() {
+                var _el$1 = _$createElement4("text");
+                _$effect4((_p$) => {
+                  var _v$1 = theme.green, _v$10 = `+${status().staged_count} staged`;
+                  _v$1 !== _p$.e && (_p$.e = _$setProp4(_el$1, "fg", _v$1, _p$.e));
+                  _v$10 !== _p$.t && (_p$.t = _$setProp4(_el$1, "content", _v$10, _p$.t));
+                  return _p$;
+                }, {
+                  e: undefined,
+                  t: undefined
+                });
+                return _el$1;
+              }
+            }), null);
+            return _el$9;
+          }
+        }), _$createComponent4(Show2, {
+          get when() {
+            return has_extra();
+          },
+          get children() {
+            var _el$10 = _$createElement4("box");
+            _$setProp4(_el$10, "flexDirection", "row");
+            _$setProp4(_el$10, "height", 1);
+            _$setProp4(_el$10, "gap", 2);
+            _$insert4(_el$10, _$createComponent4(Show2, {
+              get when() {
+                return status().untracked_count > 0;
+              },
+              get children() {
+                var _el$11 = _$createElement4("text");
+                _$effect4((_p$) => {
+                  var _v$11 = theme.status.untracked, _v$12 = `?${status().untracked_count} untracked`;
+                  _v$11 !== _p$.e && (_p$.e = _$setProp4(_el$11, "fg", _v$11, _p$.e));
+                  _v$12 !== _p$.t && (_p$.t = _$setProp4(_el$11, "content", _v$12, _p$.t));
+                  return _p$;
+                }, {
+                  e: undefined,
+                  t: undefined
+                });
+                return _el$11;
+              }
+            }), null);
+            _$insert4(_el$10, _$createComponent4(Show2, {
+              get when() {
+                return status().conflict_count > 0;
+              },
+              get children() {
+                var _el$12 = _$createElement4("text");
+                _$effect4((_p$) => {
+                  var _v$13 = theme.status.conflict, _v$14 = `!${status().conflict_count} conflicts`;
+                  _v$13 !== _p$.e && (_p$.e = _$setProp4(_el$12, "fg", _v$13, _p$.e));
+                  _v$14 !== _p$.t && (_p$.t = _$setProp4(_el$12, "content", _v$14, _p$.t));
+                  return _p$;
+                }, {
+                  e: undefined,
+                  t: undefined
+                });
+                return _el$12;
+              }
+            }), null);
+            return _el$10;
+          }
+        }), (() => {
+          var _el$13 = _$createElement4("box"), _el$15 = _$createElement4("text");
+          _$insertNode3(_el$13, _el$15);
+          _$setProp4(_el$13, "flexDirection", "row");
+          _$setProp4(_el$13, "height", 1);
+          _$setProp4(_el$13, "gap", 2);
+          _$insert4(_el$13, _$createComponent4(Show2, {
+            get when() {
+              return has_stash();
+            },
+            get children() {
+              var _el$14 = _$createElement4("text");
+              _$effect4((_p$) => {
+                var _v$15 = theme.status.stash, _v$16 = `\u2702 ${status().stash_count} stash`;
+                _v$15 !== _p$.e && (_p$.e = _$setProp4(_el$14, "fg", _v$15, _p$.e));
+                _v$16 !== _p$.t && (_p$.t = _$setProp4(_el$14, "content", _v$16, _p$.t));
+                return _p$;
+              }, {
+                e: undefined,
+                t: undefined
+              });
+              return _el$14;
+            }
+          }), _el$15);
+          _$effect4((_p$) => {
+            var _v$17 = theme.fg_dim, _v$18 = formatRelativeTime(status().head_time);
+            _v$17 !== _p$.e && (_p$.e = _$setProp4(_el$15, "fg", _v$17, _p$.e));
+            _v$18 !== _p$.t && (_p$.t = _$setProp4(_el$15, "content", _v$18, _p$.t));
+            return _p$;
+          }, {
+            e: undefined,
+            t: undefined
+          });
+          return _el$13;
+        })()];
+      }
+    }));
+    return _el$;
+  })();
 }
 registerWidget({
   id: "git-status",
@@ -2969,20 +3300,56 @@ registerWidget({
 });
 
 // packages/render/src/components/widgets/file-changes.tsx
+import { insert as _$insert5 } from "@opentui/solid";
+import { createComponent as _$createComponent5 } from "@opentui/solid";
+import { effect as _$effect5 } from "@opentui/solid";
+import { insertNode as _$insertNode4 } from "@opentui/solid";
+import { setProp as _$setProp5 } from "@opentui/solid";
+import { createElement as _$createElement5 } from "@opentui/solid";
 import { For as For4, Show as Show3 } from "solid-js";
-var size_hint2 = { span: "half", min_height: 2 };
+var size_hint2 = {
+  span: "half",
+  min_height: 2
+};
 function statusIcon(change) {
   const icons = {
-    modified: { icon: "M", color: theme.status.modified },
-    added: { icon: "A", color: theme.green },
-    deleted: { icon: "D", color: theme.red },
-    renamed: { icon: "R", color: theme.cyan },
-    copied: { icon: "C", color: theme.magenta },
-    untracked: { icon: "?", color: theme.status.untracked },
-    ignored: { icon: "!", color: theme.fg_dim },
-    conflicted: { icon: "!", color: theme.status.conflict }
+    modified: {
+      icon: "M",
+      color: theme.status.modified
+    },
+    added: {
+      icon: "A",
+      color: theme.green
+    },
+    deleted: {
+      icon: "D",
+      color: theme.red
+    },
+    renamed: {
+      icon: "R",
+      color: theme.cyan
+    },
+    copied: {
+      icon: "C",
+      color: theme.magenta
+    },
+    untracked: {
+      icon: "?",
+      color: theme.status.untracked
+    },
+    ignored: {
+      icon: "!",
+      color: theme.fg_dim
+    },
+    conflicted: {
+      icon: "!",
+      color: theme.status.conflict
+    }
+  };
+  return icons[change.status] ?? {
+    icon: " ",
+    color: theme.fg
   };
-  return icons[change.status] ?? { icon: " ", color: theme.fg };
 }
 function basename3(path) {
   const parts = path.split("/");
@@ -2991,46 +3358,92 @@ function basename3(path) {
 function FileChangesWidget(props) {
   const changes = () => props.status?.changes ?? [];
   const header = () => `File Changes (${changes().length})`;
-  return /* @__PURE__ */ React.createElement("box", {
-    flexDirection: "column"
-  }, /* @__PURE__ */ React.createElement(Show3, {
-    when: props.status,
-    fallback: /* @__PURE__ */ React.createElement("text", {
-      fg: theme.fg_dim,
-      content: "no repo selected"
-    })
-  }, /* @__PURE__ */ React.createElement("box", {
-    flexDirection: "row",
-    height: 1
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.fg,
-    content: header()
-  })), /* @__PURE__ */ React.createElement(Show3, {
-    when: changes().length > 0,
-    fallback: /* @__PURE__ */ React.createElement("text", {
-      fg: theme.fg_dim,
-      content: "(no changes)"
-    })
-  }, /* @__PURE__ */ React.createElement(For4, {
-    each: changes()
-  }, (change) => {
-    const si = () => statusIcon(change);
-    const staged_prefix = () => change.staged ? "+" : " ";
-    const label = () => truncate(basename3(change.path), props.width - 5);
-    return /* @__PURE__ */ React.createElement("box", {
-      flexDirection: "row",
-      height: 1
-    }, /* @__PURE__ */ React.createElement("text", {
-      fg: change.staged ? theme.green : si().color,
-      content: staged_prefix()
-    }), /* @__PURE__ */ React.createElement("text", {
-      fg: si().color,
-      content: si().icon + " "
-    }), /* @__PURE__ */ React.createElement("text", {
-      fg: theme.fg,
-      content: label()
+  return (() => {
+    var _el$ = _$createElement5("box");
+    _$setProp5(_el$, "flexDirection", "column");
+    _$insert5(_el$, _$createComponent5(Show3, {
+      get when() {
+        return props.status;
+      },
+      get fallback() {
+        return (() => {
+          var _el$4 = _$createElement5("text");
+          _$setProp5(_el$4, "content", "no repo selected");
+          _$effect5((_$p) => _$setProp5(_el$4, "fg", theme.fg_dim, _$p));
+          return _el$4;
+        })();
+      },
+      get children() {
+        return [(() => {
+          var _el$2 = _$createElement5("box"), _el$3 = _$createElement5("text");
+          _$insertNode4(_el$2, _el$3);
+          _$setProp5(_el$2, "flexDirection", "row");
+          _$setProp5(_el$2, "height", 1);
+          _$effect5((_p$) => {
+            var _v$ = theme.fg, _v$2 = header();
+            _v$ !== _p$.e && (_p$.e = _$setProp5(_el$3, "fg", _v$, _p$.e));
+            _v$2 !== _p$.t && (_p$.t = _$setProp5(_el$3, "content", _v$2, _p$.t));
+            return _p$;
+          }, {
+            e: undefined,
+            t: undefined
+          });
+          return _el$2;
+        })(), _$createComponent5(Show3, {
+          get when() {
+            return changes().length > 0;
+          },
+          get fallback() {
+            return (() => {
+              var _el$5 = _$createElement5("text");
+              _$setProp5(_el$5, "content", "(no changes)");
+              _$effect5((_$p) => _$setProp5(_el$5, "fg", theme.fg_dim, _$p));
+              return _el$5;
+            })();
+          },
+          get children() {
+            return _$createComponent5(For4, {
+              get each() {
+                return changes();
+              },
+              children: (change) => {
+                const si = () => statusIcon(change);
+                const staged_prefix = () => change.staged ? "+" : " ";
+                const label = () => truncate(basename3(change.path), props.width - 5);
+                return (() => {
+                  var _el$6 = _$createElement5("box"), _el$7 = _$createElement5("text"), _el$8 = _$createElement5("text"), _el$9 = _$createElement5("text");
+                  _$insertNode4(_el$6, _el$7);
+                  _$insertNode4(_el$6, _el$8);
+                  _$insertNode4(_el$6, _el$9);
+                  _$setProp5(_el$6, "flexDirection", "row");
+                  _$setProp5(_el$6, "height", 1);
+                  _$effect5((_p$) => {
+                    var _v$3 = change.staged ? theme.green : si().color, _v$4 = staged_prefix(), _v$5 = si().color, _v$6 = si().icon + " ", _v$7 = theme.fg, _v$8 = label();
+                    _v$3 !== _p$.e && (_p$.e = _$setProp5(_el$7, "fg", _v$3, _p$.e));
+                    _v$4 !== _p$.t && (_p$.t = _$setProp5(_el$7, "content", _v$4, _p$.t));
+                    _v$5 !== _p$.a && (_p$.a = _$setProp5(_el$8, "fg", _v$5, _p$.a));
+                    _v$6 !== _p$.o && (_p$.o = _$setProp5(_el$8, "content", _v$6, _p$.o));
+                    _v$7 !== _p$.i && (_p$.i = _$setProp5(_el$9, "fg", _v$7, _p$.i));
+                    _v$8 !== _p$.n && (_p$.n = _$setProp5(_el$9, "content", _v$8, _p$.n));
+                    return _p$;
+                  }, {
+                    e: undefined,
+                    t: undefined,
+                    a: undefined,
+                    o: undefined,
+                    i: undefined,
+                    n: undefined
+                  });
+                  return _el$6;
+                })();
+              }
+            });
+          }
+        })];
+      }
     }));
-  }))));
+    return _el$;
+  })();
 }
 registerWidget({
   id: "file-changes",
@@ -3040,83 +3453,141 @@ registerWidget({
 });
 
 // packages/render/src/components/widgets/repo-meta.tsx
+import { insertNode as _$insertNode5 } from "@opentui/solid";
+import { effect as _$effect6 } from "@opentui/solid";
+import { insert as _$insert6 } from "@opentui/solid";
+import { createComponent as _$createComponent6 } from "@opentui/solid";
+import { setProp as _$setProp6 } from "@opentui/solid";
+import { createElement as _$createElement6 } from "@opentui/solid";
 import { Show as Show4 } from "solid-js";
-var size_hint3 = { span: "third", min_height: 2 };
+var size_hint3 = {
+  span: "third",
+  min_height: 2
+};
 var SEMVER_RE = /^v?\d+\.\d+/;
 function RepoMetaWidget(props) {
   const s = () => props.status;
-  return /* @__PURE__ */ React.createElement("box", {
-    flexDirection: "column"
-  }, /* @__PURE__ */ React.createElement(Show4, {
-    when: s(),
-    fallback: /* @__PURE__ */ React.createElement("text", {
-      fg: theme.fg_dim,
-      content: "(no data)"
-    })
-  }, (status) => {
-    const latest_tag = () => status().tags[0] ?? null;
-    const tag_is_semver = () => {
-      const tag = latest_tag();
-      return tag !== null && SEMVER_RE.test(tag);
-    };
-    return /* @__PURE__ */ React.createElement(Fragment, null, /* @__PURE__ */ React.createElement("box", {
-      flexDirection: "row",
-      height: 1,
-      gap: 2
-    }, /* @__PURE__ */ React.createElement("box", {
-      flexDirection: "row",
-      gap: 1
-    }, /* @__PURE__ */ React.createElement("text", {
-      fg: theme.yellow,
-      content: `${status().total_commits}`
-    }), /* @__PURE__ */ React.createElement("text", {
-      fg: theme.fg_dim,
-      content: "commits"
-    })), /* @__PURE__ */ React.createElement("box", {
-      flexDirection: "row",
-      gap: 1
-    }, /* @__PURE__ */ React.createElement("text", {
-      fg: theme.yellow,
-      content: `${status().contributor_count}`
-    }), /* @__PURE__ */ React.createElement("text", {
-      fg: theme.fg_dim,
-      content: "contributors"
-    }))), /* @__PURE__ */ React.createElement("box", {
-      flexDirection: "row",
-      height: 1,
-      gap: 2
-    }, /* @__PURE__ */ React.createElement("box", {
-      flexDirection: "row",
-      gap: 1
-    }, /* @__PURE__ */ React.createElement("text", {
-      fg: theme.yellow,
-      content: formatBytes(status().repo_size_bytes)
-    }), /* @__PURE__ */ React.createElement("text", {
-      fg: theme.fg_dim,
-      content: "on disk"
-    })), /* @__PURE__ */ React.createElement("box", {
-      flexDirection: "row",
-      gap: 1
-    }, /* @__PURE__ */ React.createElement("text", {
-      fg: theme.yellow,
-      content: `${status().tags.length}`
-    }), /* @__PURE__ */ React.createElement("text", {
-      fg: theme.fg_dim,
-      content: "tags"
-    }))), /* @__PURE__ */ React.createElement(Show4, {
-      when: latest_tag()
-    }, /* @__PURE__ */ React.createElement("box", {
-      flexDirection: "row",
-      height: 1,
-      gap: 1
-    }, /* @__PURE__ */ React.createElement("text", {
-      fg: theme.fg_dim,
-      content: "latest:"
-    }), /* @__PURE__ */ React.createElement("text", {
-      fg: tag_is_semver() ? theme.green : theme.fg,
-      content: latest_tag()
-    }))));
-  }));
+  return (() => {
+    var _el$ = _$createElement6("box");
+    _$setProp6(_el$, "flexDirection", "column");
+    _$insert6(_el$, _$createComponent6(Show4, {
+      get when() {
+        return s();
+      },
+      get fallback() {
+        return (() => {
+          var _el$2 = _$createElement6("text");
+          _$setProp6(_el$2, "content", "(no data)");
+          _$effect6((_$p) => _$setProp6(_el$2, "fg", theme.fg_dim, _$p));
+          return _el$2;
+        })();
+      },
+      children: (status) => {
+        const latest_tag = () => status().tags[0] ?? null;
+        const tag_is_semver = () => {
+          const tag = latest_tag();
+          return tag !== null && SEMVER_RE.test(tag);
+        };
+        return [(() => {
+          var _el$3 = _$createElement6("box"), _el$4 = _$createElement6("box"), _el$5 = _$createElement6("text"), _el$6 = _$createElement6("text"), _el$7 = _$createElement6("box"), _el$8 = _$createElement6("text"), _el$9 = _$createElement6("text");
+          _$insertNode5(_el$3, _el$4);
+          _$insertNode5(_el$3, _el$7);
+          _$setProp6(_el$3, "flexDirection", "row");
+          _$setProp6(_el$3, "height", 1);
+          _$setProp6(_el$3, "gap", 2);
+          _$insertNode5(_el$4, _el$5);
+          _$insertNode5(_el$4, _el$6);
+          _$setProp6(_el$4, "flexDirection", "row");
+          _$setProp6(_el$4, "gap", 1);
+          _$setProp6(_el$6, "content", "commits");
+          _$insertNode5(_el$7, _el$8);
+          _$insertNode5(_el$7, _el$9);
+          _$setProp6(_el$7, "flexDirection", "row");
+          _$setProp6(_el$7, "gap", 1);
+          _$setProp6(_el$9, "content", "contributors");
+          _$effect6((_p$) => {
+            var _v$ = theme.yellow, _v$2 = `${status().total_commits}`, _v$3 = theme.fg_dim, _v$4 = theme.yellow, _v$5 = `${status().contributor_count}`, _v$6 = theme.fg_dim;
+            _v$ !== _p$.e && (_p$.e = _$setProp6(_el$5, "fg", _v$, _p$.e));
+            _v$2 !== _p$.t && (_p$.t = _$setProp6(_el$5, "content", _v$2, _p$.t));
+            _v$3 !== _p$.a && (_p$.a = _$setProp6(_el$6, "fg", _v$3, _p$.a));
+            _v$4 !== _p$.o && (_p$.o = _$setProp6(_el$8, "fg", _v$4, _p$.o));
+            _v$5 !== _p$.i && (_p$.i = _$setProp6(_el$8, "content", _v$5, _p$.i));
+            _v$6 !== _p$.n && (_p$.n = _$setProp6(_el$9, "fg", _v$6, _p$.n));
+            return _p$;
+          }, {
+            e: undefined,
+            t: undefined,
+            a: undefined,
+            o: undefined,
+            i: undefined,
+            n: undefined
+          });
+          return _el$3;
+        })(), (() => {
+          var _el$0 = _$createElement6("box"), _el$1 = _$createElement6("box"), _el$10 = _$createElement6("text"), _el$11 = _$createElement6("text"), _el$12 = _$createElement6("box"), _el$13 = _$createElement6("text"), _el$14 = _$createElement6("text");
+          _$insertNode5(_el$0, _el$1);
+          _$insertNode5(_el$0, _el$12);
+          _$setProp6(_el$0, "flexDirection", "row");
+          _$setProp6(_el$0, "height", 1);
+          _$setProp6(_el$0, "gap", 2);
+          _$insertNode5(_el$1, _el$10);
+          _$insertNode5(_el$1, _el$11);
+          _$setProp6(_el$1, "flexDirection", "row");
+          _$setProp6(_el$1, "gap", 1);
+          _$setProp6(_el$11, "content", "on disk");
+          _$insertNode5(_el$12, _el$13);
+          _$insertNode5(_el$12, _el$14);
+          _$setProp6(_el$12, "flexDirection", "row");
+          _$setProp6(_el$12, "gap", 1);
+          _$setProp6(_el$14, "content", "tags");
+          _$effect6((_p$) => {
+            var _v$7 = theme.yellow, _v$8 = formatBytes(status().repo_size_bytes), _v$9 = theme.fg_dim, _v$0 = theme.yellow, _v$1 = `${status().tags.length}`, _v$10 = theme.fg_dim;
+            _v$7 !== _p$.e && (_p$.e = _$setProp6(_el$10, "fg", _v$7, _p$.e));
+            _v$8 !== _p$.t && (_p$.t = _$setProp6(_el$10, "content", _v$8, _p$.t));
+            _v$9 !== _p$.a && (_p$.a = _$setProp6(_el$11, "fg", _v$9, _p$.a));
+            _v$0 !== _p$.o && (_p$.o = _$setProp6(_el$13, "fg", _v$0, _p$.o));
+            _v$1 !== _p$.i && (_p$.i = _$setProp6(_el$13, "content", _v$1, _p$.i));
+            _v$10 !== _p$.n && (_p$.n = _$setProp6(_el$14, "fg", _v$10, _p$.n));
+            return _p$;
+          }, {
+            e: undefined,
+            t: undefined,
+            a: undefined,
+            o: undefined,
+            i: undefined,
+            n: undefined
+          });
+          return _el$0;
+        })(), _$createComponent6(Show4, {
+          get when() {
+            return latest_tag();
+          },
+          get children() {
+            var _el$15 = _$createElement6("box"), _el$16 = _$createElement6("text"), _el$17 = _$createElement6("text");
+            _$insertNode5(_el$15, _el$16);
+            _$insertNode5(_el$15, _el$17);
+            _$setProp6(_el$15, "flexDirection", "row");
+            _$setProp6(_el$15, "height", 1);
+            _$setProp6(_el$15, "gap", 1);
+            _$setProp6(_el$16, "content", "latest:");
+            _$effect6((_p$) => {
+              var _v$11 = theme.fg_dim, _v$12 = tag_is_semver() ? theme.green : theme.fg, _v$13 = latest_tag();
+              _v$11 !== _p$.e && (_p$.e = _$setProp6(_el$16, "fg", _v$11, _p$.e));
+              _v$12 !== _p$.t && (_p$.t = _$setProp6(_el$17, "fg", _v$12, _p$.t));
+              _v$13 !== _p$.a && (_p$.a = _$setProp6(_el$17, "content", _v$13, _p$.a));
+              return _p$;
+            }, {
+              e: undefined,
+              t: undefined,
+              a: undefined
+            });
+            return _el$15;
+          }
+        })];
+      }
+    }));
+    return _el$;
+  })();
 }
 registerWidget({
   id: "repo-meta",
@@ -3126,8 +3597,17 @@ registerWidget({
 });
 
 // packages/render/src/components/widgets/branch-list.tsx
+import { insertNode as _$insertNode6 } from "@opentui/solid";
+import { effect as _$effect7 } from "@opentui/solid";
+import { insert as _$insert7 } from "@opentui/solid";
+import { createComponent as _$createComponent7 } from "@opentui/solid";
+import { setProp as _$setProp7 } from "@opentui/solid";
+import { createElement as _$createElement7 } from "@opentui/solid";
 import { For as For5, Show as Show5, createMemo as createMemo2 } from "solid-js";
-var size_hint4 = { span: "half", min_height: 2 };
+var size_hint4 = {
+  span: "half",
+  min_height: 2
+};
 var MAX_VISIBLE = 10;
 var STALE_THRESHOLD = 30 * 24 * 60 * 60;
 function sortBranches(branches) {
@@ -3146,57 +3626,147 @@ function BranchListWidget(props) {
   const visible = () => branches().slice(0, MAX_VISIBLE);
   const overflow = () => Math.max(0, branches().length - MAX_VISIBLE);
   const has_sync = (b) => b.ahead > 0 || b.behind > 0;
-  return /* @__PURE__ */ React.createElement("box", {
-    flexDirection: "column"
-  }, /* @__PURE__ */ React.createElement(Show5, {
-    when: props.status,
-    fallback: /* @__PURE__ */ React.createElement("text", {
-      fg: theme.fg_dim,
-      content: "no repo selected"
-    })
-  }, (status) => /* @__PURE__ */ React.createElement(Fragment, null, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.fg_dark,
-    content: `Branches (${status().branches.length})`
-  }), /* @__PURE__ */ React.createElement(Show5, {
-    when: branches().length > 0,
-    fallback: /* @__PURE__ */ React.createElement("text", {
-      fg: theme.fg_dim,
-      content: "(no branches)"
-    })
-  }, /* @__PURE__ */ React.createElement(For5, {
-    each: visible()
-  }, (branch) => /* @__PURE__ */ React.createElement("box", {
-    flexDirection: "row",
-    height: 1
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: branch.is_current ? theme.green : theme.fg,
-    content: branch.is_current ? "* " : "  "
-  }), /* @__PURE__ */ React.createElement("text", {
-    fg: branch.is_current ? theme.green : theme.fg,
-    content: truncate(branch.name, props.width - 20)
-  }), /* @__PURE__ */ React.createElement(Show5, {
-    when: has_sync(branch)
-  }, /* @__PURE__ */ React.createElement(Show5, {
-    when: branch.ahead > 0
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.yellow,
-    content: ` \u2191${branch.ahead}`
-  })), /* @__PURE__ */ React.createElement(Show5, {
-    when: branch.behind > 0
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.cyan,
-    content: ` \u2193${branch.behind}`
-  }))), /* @__PURE__ */ React.createElement(Show5, {
-    when: isStale(branch)
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.orange,
-    content: " (stale)"
-  })))), /* @__PURE__ */ React.createElement(Show5, {
-    when: overflow() > 0
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.fg_dim,
-    content: `+${overflow()} more`
-  }))))));
+  return (() => {
+    var _el$ = _$createElement7("box");
+    _$setProp7(_el$, "flexDirection", "column");
+    _$insert7(_el$, _$createComponent7(Show5, {
+      get when() {
+        return props.status;
+      },
+      get fallback() {
+        return (() => {
+          var _el$2 = _$createElement7("text");
+          _$setProp7(_el$2, "content", "no repo selected");
+          _$effect7((_$p) => _$setProp7(_el$2, "fg", theme.fg_dim, _$p));
+          return _el$2;
+        })();
+      },
+      children: (status) => [(() => {
+        var _el$3 = _$createElement7("text");
+        _$effect7((_p$) => {
+          var _v$ = theme.fg_dark, _v$2 = `Branches (${status().branches.length})`;
+          _v$ !== _p$.e && (_p$.e = _$setProp7(_el$3, "fg", _v$, _p$.e));
+          _v$2 !== _p$.t && (_p$.t = _$setProp7(_el$3, "content", _v$2, _p$.t));
+          return _p$;
+        }, {
+          e: undefined,
+          t: undefined
+        });
+        return _el$3;
+      })(), _$createComponent7(Show5, {
+        get when() {
+          return branches().length > 0;
+        },
+        get fallback() {
+          return (() => {
+            var _el$5 = _$createElement7("text");
+            _$setProp7(_el$5, "content", "(no branches)");
+            _$effect7((_$p) => _$setProp7(_el$5, "fg", theme.fg_dim, _$p));
+            return _el$5;
+          })();
+        },
+        get children() {
+          return [_$createComponent7(For5, {
+            get each() {
+              return visible();
+            },
+            children: (branch) => (() => {
+              var _el$6 = _$createElement7("box"), _el$7 = _$createElement7("text"), _el$8 = _$createElement7("text");
+              _$insertNode6(_el$6, _el$7);
+              _$insertNode6(_el$6, _el$8);
+              _$setProp7(_el$6, "flexDirection", "row");
+              _$setProp7(_el$6, "height", 1);
+              _$insert7(_el$6, _$createComponent7(Show5, {
+                get when() {
+                  return has_sync(branch);
+                },
+                get children() {
+                  return [_$createComponent7(Show5, {
+                    get when() {
+                      return branch.ahead > 0;
+                    },
+                    get children() {
+                      var _el$9 = _$createElement7("text");
+                      _$effect7((_p$) => {
+                        var _v$5 = theme.yellow, _v$6 = ` \u2191${branch.ahead}`;
+                        _v$5 !== _p$.e && (_p$.e = _$setProp7(_el$9, "fg", _v$5, _p$.e));
+                        _v$6 !== _p$.t && (_p$.t = _$setProp7(_el$9, "content", _v$6, _p$.t));
+                        return _p$;
+                      }, {
+                        e: undefined,
+                        t: undefined
+                      });
+                      return _el$9;
+                    }
+                  }), _$createComponent7(Show5, {
+                    get when() {
+                      return branch.behind > 0;
+                    },
+                    get children() {
+                      var _el$0 = _$createElement7("text");
+                      _$effect7((_p$) => {
+                        var _v$7 = theme.cyan, _v$8 = ` \u2193${branch.behind}`;
+                        _v$7 !== _p$.e && (_p$.e = _$setProp7(_el$0, "fg", _v$7, _p$.e));
+                        _v$8 !== _p$.t && (_p$.t = _$setProp7(_el$0, "content", _v$8, _p$.t));
+                        return _p$;
+                      }, {
+                        e: undefined,
+                        t: undefined
+                      });
+                      return _el$0;
+                    }
+                  })];
+                }
+              }), null);
+              _$insert7(_el$6, _$createComponent7(Show5, {
+                get when() {
+                  return isStale(branch);
+                },
+                get children() {
+                  var _el$1 = _$createElement7("text");
+                  _$setProp7(_el$1, "content", " (stale)");
+                  _$effect7((_$p) => _$setProp7(_el$1, "fg", theme.orange, _$p));
+                  return _el$1;
+                }
+              }), null);
+              _$effect7((_p$) => {
+                var _v$9 = branch.is_current ? theme.green : theme.fg, _v$0 = branch.is_current ? "* " : "  ", _v$1 = branch.is_current ? theme.green : theme.fg, _v$10 = truncate(branch.name, props.width - 20);
+                _v$9 !== _p$.e && (_p$.e = _$setProp7(_el$7, "fg", _v$9, _p$.e));
+                _v$0 !== _p$.t && (_p$.t = _$setProp7(_el$7, "content", _v$0, _p$.t));
+                _v$1 !== _p$.a && (_p$.a = _$setProp7(_el$8, "fg", _v$1, _p$.a));
+                _v$10 !== _p$.o && (_p$.o = _$setProp7(_el$8, "content", _v$10, _p$.o));
+                return _p$;
+              }, {
+                e: undefined,
+                t: undefined,
+                a: undefined,
+                o: undefined
+              });
+              return _el$6;
+            })()
+          }), _$createComponent7(Show5, {
+            get when() {
+              return overflow() > 0;
+            },
+            get children() {
+              var _el$4 = _$createElement7("text");
+              _$effect7((_p$) => {
+                var _v$3 = theme.fg_dim, _v$4 = `+${overflow()} more`;
+                _v$3 !== _p$.e && (_p$.e = _$setProp7(_el$4, "fg", _v$3, _p$.e));
+                _v$4 !== _p$.t && (_p$.t = _$setProp7(_el$4, "content", _v$4, _p$.t));
+                return _p$;
+              }, {
+                e: undefined,
+                t: undefined
+              });
+              return _el$4;
+            }
+          })];
+        }
+      })]
+    }));
+    return _el$;
+  })();
 }
 registerWidget({
   id: "branch-list",
@@ -3206,6 +3776,13 @@ registerWidget({
 });
 
 // packages/render/src/components/widgets/github-prs.tsx
+import { insertNode as _$insertNode7 } from "@opentui/solid";
+import { insert as _$insert8 } from "@opentui/solid";
+import { memo as _$memo2 } from "@opentui/solid";
+import { createComponent as _$createComponent8 } from "@opentui/solid";
+import { effect as _$effect8 } from "@opentui/solid";
+import { setProp as _$setProp8 } from "@opentui/solid";
+import { createElement as _$createElement8 } from "@opentui/solid";
 import { For as For6, Show as Show6, Switch, Match, createMemo as createMemo3 } from "solid-js";
 
 // packages/render/src/lib/use-github.ts
@@ -3284,32 +3861,62 @@ function useGithub(repo_path, remote_url) {
 }
 
 // packages/render/src/components/widgets/github-prs.tsx
-var size_hint5 = { span: "half", min_height: 2 };
+var size_hint5 = {
+  span: "half",
+  min_height: 2
+};
 var MAX_VISIBLE2 = 10;
 function statusIcon2(pr) {
   if (pr.is_draft)
-    return { char: "\u25CF", color: theme.orange };
+    return {
+      char: "\u25CF",
+      color: theme.orange
+    };
   if (pr.state === "closed" || pr.state === "CLOSED")
-    return { char: "\u25CF", color: theme.fg_dim };
-  return { char: "\u25CF", color: theme.green };
+    return {
+      char: "\u25CF",
+      color: theme.fg_dim
+    };
+  return {
+    char: "\u25CF",
+    color: theme.green
+  };
 }
 function ciIndicator(pr) {
   if (pr.ci_status === "success")
-    return { char: "\u2713", color: theme.green };
+    return {
+      char: "\u2713",
+      color: theme.green
+    };
   if (pr.ci_status === "failure")
-    return { char: "\u2717", color: theme.red };
+    return {
+      char: "\u2717",
+      color: theme.red
+    };
   if (pr.ci_status === "pending")
-    return { char: "\u25CC", color: theme.yellow };
+    return {
+      char: "\u25CC",
+      color: theme.yellow
+    };
   return null;
 }
 function reviewIndicator(pr) {
   const d = pr.review_decision;
   if (d === "APPROVED")
-    return { char: "R", color: theme.green };
+    return {
+      char: "R",
+      color: theme.green
+    };
   if (d === "CHANGES_REQUESTED")
-    return { char: "R", color: theme.orange };
+    return {
+      char: "R",
+      color: theme.orange
+    };
   if (d === "REVIEW_REQUIRED")
-    return { char: "R", color: theme.fg_dim };
+    return {
+      char: "R",
+      color: theme.fg_dim
+    };
   return null;
 }
 function GithubPRsWidget(props) {
@@ -3327,81 +3934,197 @@ function GithubPRsWidget(props) {
     const suffix_len = (ci ? 2 : 0) + (rv ? 2 : 0);
     const available = props.width - 2 - number_str.length - 1 - suffix_len;
     const title = truncate(pr.title, Math.max(1, available));
-    return { si, ci, rv, number_str, title };
+    return {
+      si,
+      ci,
+      rv,
+      number_str,
+      title
+    };
   };
-  return /* @__PURE__ */ React.createElement("box", {
-    flexDirection: "column"
-  }, /* @__PURE__ */ React.createElement(Switch, null, /* @__PURE__ */ React.createElement(Match, {
-    when: github2.error()?.kind === "gh_cli_not_found"
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.fg_dim,
-    content: "gh not available"
-  }), /* @__PURE__ */ React.createElement("text", {
-    fg: theme.fg_dim,
-    content: "install: https://cli.github.com"
-  })), /* @__PURE__ */ React.createElement(Match, {
-    when: github2.error()?.kind === "not_github_repo"
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.fg_dim,
-    content: "not a GitHub repo"
-  })), /* @__PURE__ */ React.createElement(Match, {
-    when: github2.error()?.kind === "gh_auth_required"
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.fg_dim,
-    content: "gh auth required"
-  })), /* @__PURE__ */ React.createElement(Match, {
-    when: github2.error()
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.fg_dim,
-    content: "GitHub error"
-  })), /* @__PURE__ */ React.createElement(Match, {
-    when: github2.loading() && !github2.data()
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.fg_dim,
-    content: "loading\u2026"
-  })), /* @__PURE__ */ React.createElement(Match, {
-    when: true
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.fg_dark,
-    content: `GitHub PRs (${prs().length})`
-  }), /* @__PURE__ */ React.createElement(Show6, {
-    when: prs().length > 0,
-    fallback: /* @__PURE__ */ React.createElement("text", {
-      fg: theme.fg_dim,
-      content: "(no open PRs)"
-    })
-  }, /* @__PURE__ */ React.createElement(For6, {
-    each: visible()
-  }, (pr) => {
-    const line = () => formatPrLine(pr);
-    return /* @__PURE__ */ React.createElement("box", {
-      flexDirection: "row",
-      height: 1
-    }, /* @__PURE__ */ React.createElement("text", {
-      fg: line().si.color,
-      content: `${line().si.char} `
-    }), /* @__PURE__ */ React.createElement("text", {
-      fg: theme.fg_dim,
-      content: line().number_str
-    }), /* @__PURE__ */ React.createElement("text", {
-      content: ` ${line().title}`
-    }), /* @__PURE__ */ React.createElement(Show6, {
-      when: line().ci
-    }, (ci) => /* @__PURE__ */ React.createElement("text", {
-      fg: ci().color,
-      content: ` ${ci().char}`
-    })), /* @__PURE__ */ React.createElement(Show6, {
-      when: line().rv
-    }, (rv) => /* @__PURE__ */ React.createElement("text", {
-      fg: rv().color,
-      content: ` ${rv().char}`
-    })));
-  }), /* @__PURE__ */ React.createElement(Show6, {
-    when: overflow() > 0
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.fg_dim,
-    content: `+${overflow()} more`
-  }))))));
+  return (() => {
+    var _el$ = _$createElement8("box");
+    _$setProp8(_el$, "flexDirection", "column");
+    _$insert8(_el$, _$createComponent8(Switch, {
+      get children() {
+        return [_$createComponent8(Match, {
+          get when() {
+            return github2.error()?.kind === "gh_cli_not_found";
+          },
+          get children() {
+            return [(() => {
+              var _el$2 = _$createElement8("text");
+              _$setProp8(_el$2, "content", "gh not available");
+              _$effect8((_$p) => _$setProp8(_el$2, "fg", theme.fg_dim, _$p));
+              return _el$2;
+            })(), (() => {
+              var _el$3 = _$createElement8("text");
+              _$setProp8(_el$3, "content", "install: https://cli.github.com");
+              _$effect8((_$p) => _$setProp8(_el$3, "fg", theme.fg_dim, _$p));
+              return _el$3;
+            })()];
+          }
+        }), _$createComponent8(Match, {
+          get when() {
+            return github2.error()?.kind === "not_github_repo";
+          },
+          get children() {
+            var _el$4 = _$createElement8("text");
+            _$setProp8(_el$4, "content", "not a GitHub repo");
+            _$effect8((_$p) => _$setProp8(_el$4, "fg", theme.fg_dim, _$p));
+            return _el$4;
+          }
+        }), _$createComponent8(Match, {
+          get when() {
+            return github2.error()?.kind === "gh_auth_required";
+          },
+          get children() {
+            var _el$5 = _$createElement8("text");
+            _$setProp8(_el$5, "content", "gh auth required");
+            _$effect8((_$p) => _$setProp8(_el$5, "fg", theme.fg_dim, _$p));
+            return _el$5;
+          }
+        }), _$createComponent8(Match, {
+          get when() {
+            return github2.error();
+          },
+          get children() {
+            var _el$6 = _$createElement8("text");
+            _$setProp8(_el$6, "content", "GitHub error");
+            _$effect8((_$p) => _$setProp8(_el$6, "fg", theme.fg_dim, _$p));
+            return _el$6;
+          }
+        }), _$createComponent8(Match, {
+          get when() {
+            return _$memo2(() => !!github2.loading())() && !github2.data();
+          },
+          get children() {
+            var _el$7 = _$createElement8("text");
+            _$setProp8(_el$7, "content", "loading\u2026");
+            _$effect8((_$p) => _$setProp8(_el$7, "fg", theme.fg_dim, _$p));
+            return _el$7;
+          }
+        }), _$createComponent8(Match, {
+          when: true,
+          get children() {
+            return [(() => {
+              var _el$8 = _$createElement8("text");
+              _$effect8((_p$) => {
+                var _v$ = theme.fg_dark, _v$2 = `GitHub PRs (${prs().length})`;
+                _v$ !== _p$.e && (_p$.e = _$setProp8(_el$8, "fg", _v$, _p$.e));
+                _v$2 !== _p$.t && (_p$.t = _$setProp8(_el$8, "content", _v$2, _p$.t));
+                return _p$;
+              }, {
+                e: undefined,
+                t: undefined
+              });
+              return _el$8;
+            })(), _$createComponent8(Show6, {
+              get when() {
+                return prs().length > 0;
+              },
+              get fallback() {
+                return (() => {
+                  var _el$0 = _$createElement8("text");
+                  _$setProp8(_el$0, "content", "(no open PRs)");
+                  _$effect8((_$p) => _$setProp8(_el$0, "fg", theme.fg_dim, _$p));
+                  return _el$0;
+                })();
+              },
+              get children() {
+                return [_$createComponent8(For6, {
+                  get each() {
+                    return visible();
+                  },
+                  children: (pr) => {
+                    const line = () => formatPrLine(pr);
+                    return (() => {
+                      var _el$1 = _$createElement8("box"), _el$10 = _$createElement8("text"), _el$11 = _$createElement8("text"), _el$12 = _$createElement8("text");
+                      _$insertNode7(_el$1, _el$10);
+                      _$insertNode7(_el$1, _el$11);
+                      _$insertNode7(_el$1, _el$12);
+                      _$setProp8(_el$1, "flexDirection", "row");
+                      _$setProp8(_el$1, "height", 1);
+                      _$insert8(_el$1, _$createComponent8(Show6, {
+                        get when() {
+                          return line().ci;
+                        },
+                        children: (ci) => (() => {
+                          var _el$13 = _$createElement8("text");
+                          _$effect8((_p$) => {
+                            var _v$0 = ci().color, _v$1 = ` ${ci().char}`;
+                            _v$0 !== _p$.e && (_p$.e = _$setProp8(_el$13, "fg", _v$0, _p$.e));
+                            _v$1 !== _p$.t && (_p$.t = _$setProp8(_el$13, "content", _v$1, _p$.t));
+                            return _p$;
+                          }, {
+                            e: undefined,
+                            t: undefined
+                          });
+                          return _el$13;
+                        })()
+                      }), null);
+                      _$insert8(_el$1, _$createComponent8(Show6, {
+                        get when() {
+                          return line().rv;
+                        },
+                        children: (rv) => (() => {
+                          var _el$14 = _$createElement8("text");
+                          _$effect8((_p$) => {
+                            var _v$10 = rv().color, _v$11 = ` ${rv().char}`;
+                            _v$10 !== _p$.e && (_p$.e = _$setProp8(_el$14, "fg", _v$10, _p$.e));
+                            _v$11 !== _p$.t && (_p$.t = _$setProp8(_el$14, "content", _v$11, _p$.t));
+                            return _p$;
+                          }, {
+                            e: undefined,
+                            t: undefined
+                          });
+                          return _el$14;
+                        })()
+                      }), null);
+                      _$effect8((_p$) => {
+                        var _v$5 = line().si.color, _v$6 = `${line().si.char} `, _v$7 = theme.fg_dim, _v$8 = line().number_str, _v$9 = ` ${line().title}`;
+                        _v$5 !== _p$.e && (_p$.e = _$setProp8(_el$10, "fg", _v$5, _p$.e));
+                        _v$6 !== _p$.t && (_p$.t = _$setProp8(_el$10, "content", _v$6, _p$.t));
+                        _v$7 !== _p$.a && (_p$.a = _$setProp8(_el$11, "fg", _v$7, _p$.a));
+                        _v$8 !== _p$.o && (_p$.o = _$setProp8(_el$11, "content", _v$8, _p$.o));
+                        _v$9 !== _p$.i && (_p$.i = _$setProp8(_el$12, "content", _v$9, _p$.i));
+                        return _p$;
+                      }, {
+                        e: undefined,
+                        t: undefined,
+                        a: undefined,
+                        o: undefined,
+                        i: undefined
+                      });
+                      return _el$1;
+                    })();
+                  }
+                }), _$createComponent8(Show6, {
+                  get when() {
+                    return overflow() > 0;
+                  },
+                  get children() {
+                    var _el$9 = _$createElement8("text");
+                    _$effect8((_p$) => {
+                      var _v$3 = theme.fg_dim, _v$4 = `+${overflow()} more`;
+                      _v$3 !== _p$.e && (_p$.e = _$setProp8(_el$9, "fg", _v$3, _p$.e));
+                      _v$4 !== _p$.t && (_p$.t = _$setProp8(_el$9, "content", _v$4, _p$.t));
+                      return _p$;
+                    }, {
+                      e: undefined,
+                      t: undefined
+                    });
+                    return _el$9;
+                  }
+                })];
+              }
+            })];
+          }
+        })];
+      }
+    }));
+    return _el$;
+  })();
 }
 registerWidget({
   id: "github-prs",
@@ -3411,18 +4134,43 @@ registerWidget({
 });
 
 // packages/render/src/components/widgets/github-ci.tsx
+import { insert as _$insert9 } from "@opentui/solid";
+import { memo as _$memo3 } from "@opentui/solid";
+import { createComponent as _$createComponent9 } from "@opentui/solid";
+import { effect as _$effect9 } from "@opentui/solid";
+import { insertNode as _$insertNode8 } from "@opentui/solid";
+import { setProp as _$setProp9 } from "@opentui/solid";
+import { createElement as _$createElement9 } from "@opentui/solid";
 import { For as For7, Show as Show7, createMemo as createMemo4 } from "solid-js";
-var size_hint6 = { span: "third", min_height: 1 };
+var size_hint6 = {
+  span: "third",
+  min_height: 1
+};
 function statusIcon3(run) {
   if (run.conclusion === "success")
-    return { icon: "\u2713", color: theme.green };
+    return {
+      icon: "\u2713",
+      color: theme.green
+    };
   if (run.conclusion === "failure")
-    return { icon: "\u2717", color: theme.red };
+    return {
+      icon: "\u2717",
+      color: theme.red
+    };
   if (run.conclusion === "cancelled")
-    return { icon: "\u2298", color: theme.fg_dim };
+    return {
+      icon: "\u2298",
+      color: theme.fg_dim
+    };
   if (run.status === "in_progress" || run.status === "queued")
-    return { icon: "\u25CC", color: theme.yellow };
-  return { icon: "\u25CC", color: theme.fg_dim };
+    return {
+      icon: "\u25CC",
+      color: theme.yellow
+    };
+  return {
+    icon: "\u25CC",
+    color: theme.fg_dim
+  };
 }
 function GithubCIWidget(props) {
   const repo_path = createMemo4(() => props.status?.path ?? null);
@@ -3436,67 +4184,130 @@ function GithubCIWidget(props) {
   const visible_runs = createMemo4(() => {
     return runs().slice(0, 6);
   });
-  return /* @__PURE__ */ React.createElement("box", {
-    flexDirection: "column"
-  }, /* @__PURE__ */ React.createElement(Show7, {
-    when: github2.error()?.kind === "gh_cli_not_found"
-  }, /* @__PURE__ */ React.createElement("box", {
-    flexDirection: "row",
-    height: 1,
-    gap: 1
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.fg_dim,
-    content: "gh not available"
-  }), /* @__PURE__ */ React.createElement("text", {
-    fg: theme.blue,
-    content: "https://cli.github.com"
-  }))), /* @__PURE__ */ React.createElement(Show7, {
-    when: github2.error()?.kind === "not_github_repo"
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.fg_dim,
-    content: "not a GitHub repo"
-  })), /* @__PURE__ */ React.createElement(Show7, {
-    when: !github2.error() && github2.loading()
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.fg_dim,
-    content: "loading\u2026"
-  })), /* @__PURE__ */ React.createElement(Show7, {
-    when: !github2.error() && !github2.loading()
-  }, /* @__PURE__ */ React.createElement(Show7, {
-    when: runs().length === 0
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.fg_dim,
-    content: "no CI runs"
-  })), /* @__PURE__ */ React.createElement(Show7, {
-    when: all_green()
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.green,
-    content: "CI: all green \u2713"
-  })), /* @__PURE__ */ React.createElement(Show7, {
-    when: !all_green() && runs().length > 0
-  }, /* @__PURE__ */ React.createElement(For7, {
-    each: visible_runs()
-  }, (run) => {
-    const si = () => statusIcon3(run);
-    const name_budget = () => {
-      const branch_str = ` ${run.head_branch}`;
-      return Math.max(1, props.width - 2 - branch_str.length);
-    };
-    return /* @__PURE__ */ React.createElement("box", {
-      flexDirection: "row",
-      height: 1
-    }, /* @__PURE__ */ React.createElement("text", {
-      fg: si().color,
-      content: si().icon
-    }), /* @__PURE__ */ React.createElement("text", {
-      content: " "
-    }), /* @__PURE__ */ React.createElement("text", {
-      content: truncate(run.name, name_budget())
-    }), /* @__PURE__ */ React.createElement("text", {
-      fg: theme.fg_dim,
-      content: ` ${run.head_branch}`
-    }));
-  }))));
+  return (() => {
+    var _el$ = _$createElement9("box");
+    _$setProp9(_el$, "flexDirection", "column");
+    _$insert9(_el$, _$createComponent9(Show7, {
+      get when() {
+        return github2.error()?.kind === "gh_cli_not_found";
+      },
+      get children() {
+        var _el$2 = _$createElement9("box"), _el$3 = _$createElement9("text"), _el$4 = _$createElement9("text");
+        _$insertNode8(_el$2, _el$3);
+        _$insertNode8(_el$2, _el$4);
+        _$setProp9(_el$2, "flexDirection", "row");
+        _$setProp9(_el$2, "height", 1);
+        _$setProp9(_el$2, "gap", 1);
+        _$setProp9(_el$3, "content", "gh not available");
+        _$setProp9(_el$4, "content", "https://cli.github.com");
+        _$effect9((_p$) => {
+          var _v$ = theme.fg_dim, _v$2 = theme.blue;
+          _v$ !== _p$.e && (_p$.e = _$setProp9(_el$3, "fg", _v$, _p$.e));
+          _v$2 !== _p$.t && (_p$.t = _$setProp9(_el$4, "fg", _v$2, _p$.t));
+          return _p$;
+        }, {
+          e: undefined,
+          t: undefined
+        });
+        return _el$2;
+      }
+    }), null);
+    _$insert9(_el$, _$createComponent9(Show7, {
+      get when() {
+        return github2.error()?.kind === "not_github_repo";
+      },
+      get children() {
+        var _el$5 = _$createElement9("text");
+        _$setProp9(_el$5, "content", "not a GitHub repo");
+        _$effect9((_$p) => _$setProp9(_el$5, "fg", theme.fg_dim, _$p));
+        return _el$5;
+      }
+    }), null);
+    _$insert9(_el$, _$createComponent9(Show7, {
+      get when() {
+        return _$memo3(() => !!!github2.error())() && github2.loading();
+      },
+      get children() {
+        var _el$6 = _$createElement9("text");
+        _$setProp9(_el$6, "content", "loading\u2026");
+        _$effect9((_$p) => _$setProp9(_el$6, "fg", theme.fg_dim, _$p));
+        return _el$6;
+      }
+    }), null);
+    _$insert9(_el$, _$createComponent9(Show7, {
+      get when() {
+        return _$memo3(() => !!!github2.error())() && !github2.loading();
+      },
+      get children() {
+        return [_$createComponent9(Show7, {
+          get when() {
+            return runs().length === 0;
+          },
+          get children() {
+            var _el$7 = _$createElement9("text");
+            _$setProp9(_el$7, "content", "no CI runs");
+            _$effect9((_$p) => _$setProp9(_el$7, "fg", theme.fg_dim, _$p));
+            return _el$7;
+          }
+        }), _$createComponent9(Show7, {
+          get when() {
+            return all_green();
+          },
+          get children() {
+            var _el$8 = _$createElement9("text");
+            _$setProp9(_el$8, "content", "CI: all green \u2713");
+            _$effect9((_$p) => _$setProp9(_el$8, "fg", theme.green, _$p));
+            return _el$8;
+          }
+        }), _$createComponent9(Show7, {
+          get when() {
+            return _$memo3(() => !!!all_green())() && runs().length > 0;
+          },
+          get children() {
+            return _$createComponent9(For7, {
+              get each() {
+                return visible_runs();
+              },
+              children: (run) => {
+                const si = () => statusIcon3(run);
+                const name_budget = () => {
+                  const branch_str = ` ${run.head_branch}`;
+                  return Math.max(1, props.width - 2 - branch_str.length);
+                };
+                return (() => {
+                  var _el$9 = _$createElement9("box"), _el$0 = _$createElement9("text"), _el$1 = _$createElement9("text"), _el$10 = _$createElement9("text"), _el$11 = _$createElement9("text");
+                  _$insertNode8(_el$9, _el$0);
+                  _$insertNode8(_el$9, _el$1);
+                  _$insertNode8(_el$9, _el$10);
+                  _$insertNode8(_el$9, _el$11);
+                  _$setProp9(_el$9, "flexDirection", "row");
+                  _$setProp9(_el$9, "height", 1);
+                  _$setProp9(_el$1, "content", " ");
+                  _$effect9((_p$) => {
+                    var _v$3 = si().color, _v$4 = si().icon, _v$5 = truncate(run.name, name_budget()), _v$6 = theme.fg_dim, _v$7 = ` ${run.head_branch}`;
+                    _v$3 !== _p$.e && (_p$.e = _$setProp9(_el$0, "fg", _v$3, _p$.e));
+                    _v$4 !== _p$.t && (_p$.t = _$setProp9(_el$0, "content", _v$4, _p$.t));
+                    _v$5 !== _p$.a && (_p$.a = _$setProp9(_el$10, "content", _v$5, _p$.a));
+                    _v$6 !== _p$.o && (_p$.o = _$setProp9(_el$11, "fg", _v$6, _p$.o));
+                    _v$7 !== _p$.i && (_p$.i = _$setProp9(_el$11, "content", _v$7, _p$.i));
+                    return _p$;
+                  }, {
+                    e: undefined,
+                    t: undefined,
+                    a: undefined,
+                    o: undefined,
+                    i: undefined
+                  });
+                  return _el$9;
+                })();
+              }
+            });
+          }
+        })];
+      }
+    }), null);
+    return _el$;
+  })();
 }
 registerWidget({
   id: "github-ci",
@@ -3506,8 +4317,17 @@ registerWidget({
 });
 
 // packages/render/src/components/widgets/github-release.tsx
+import { insert as _$insert10 } from "@opentui/solid";
+import { effect as _$effect10 } from "@opentui/solid";
+import { insertNode as _$insertNode9 } from "@opentui/solid";
+import { createComponent as _$createComponent10 } from "@opentui/solid";
+import { setProp as _$setProp10 } from "@opentui/solid";
+import { createElement as _$createElement10 } from "@opentui/solid";
 import { Show as Show8, createMemo as createMemo5 } from "solid-js";
-var size_hint7 = { span: "third", min_height: 1 };
+var size_hint7 = {
+  span: "third",
+  min_height: 1
+};
 function GithubReleaseWidget(props) {
   const repo_path = createMemo5(() => props.status?.path ?? null);
   const remote_url = createMemo5(() => props.status?.remote_url ?? null);
@@ -3519,54 +4339,109 @@ function GithubReleaseWidget(props) {
     const ts = Math.floor(new Date(release.published_at).getTime() / 1000);
     return formatRelativeTime(ts);
   };
-  return /* @__PURE__ */ React.createElement("box", {
-    flexDirection: "column"
-  }, /* @__PURE__ */ React.createElement(Show8, {
-    when: !github2.error()
-  }, /* @__PURE__ */ React.createElement(Show8, {
-    when: github2.data()?.latest_release,
-    fallback: /* @__PURE__ */ React.createElement("text", {
-      fg: theme.fg_dim,
-      content: "no releases"
-    })
-  }, (release) => /* @__PURE__ */ React.createElement(Fragment, null, /* @__PURE__ */ React.createElement("box", {
-    flexDirection: "row",
-    height: 1,
-    gap: 1
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.green,
-    content: release().tag_name
-  }), /* @__PURE__ */ React.createElement("text", {
-    fg: theme.fg_dim,
-    content: published_relative()
-  })), /* @__PURE__ */ React.createElement("box", {
-    flexDirection: "row",
-    height: 1,
-    gap: 1
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: release().commits_since > 0 ? theme.yellow : theme.green,
-    content: `${release().commits_since}`
-  }), /* @__PURE__ */ React.createElement("text", {
-    fg: theme.fg_dim,
-    content: "commits since release"
-  }))))), /* @__PURE__ */ React.createElement(Show8, {
-    when: github2.error()?.kind === "gh_cli_not_found"
-  }, /* @__PURE__ */ React.createElement("box", {
-    flexDirection: "row",
-    height: 1,
-    gap: 1
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.fg_dim,
-    content: "gh not available"
-  }), /* @__PURE__ */ React.createElement("text", {
-    fg: theme.cyan,
-    content: "https://cli.github.com"
-  }))), /* @__PURE__ */ React.createElement(Show8, {
-    when: github2.error()?.kind === "not_github_repo"
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.fg_dim,
-    content: "not a GitHub repo"
-  })));
+  return (() => {
+    var _el$ = _$createElement10("box");
+    _$setProp10(_el$, "flexDirection", "column");
+    _$insert10(_el$, _$createComponent10(Show8, {
+      get when() {
+        return !github2.error();
+      },
+      get children() {
+        return _$createComponent10(Show8, {
+          get when() {
+            return github2.data()?.latest_release;
+          },
+          get fallback() {
+            return (() => {
+              var _el$6 = _$createElement10("text");
+              _$setProp10(_el$6, "content", "no releases");
+              _$effect10((_$p) => _$setProp10(_el$6, "fg", theme.fg_dim, _$p));
+              return _el$6;
+            })();
+          },
+          children: (release) => [(() => {
+            var _el$7 = _$createElement10("box"), _el$8 = _$createElement10("text"), _el$9 = _$createElement10("text");
+            _$insertNode9(_el$7, _el$8);
+            _$insertNode9(_el$7, _el$9);
+            _$setProp10(_el$7, "flexDirection", "row");
+            _$setProp10(_el$7, "height", 1);
+            _$setProp10(_el$7, "gap", 1);
+            _$effect10((_p$) => {
+              var _v$3 = theme.green, _v$4 = release().tag_name, _v$5 = theme.fg_dim, _v$6 = published_relative();
+              _v$3 !== _p$.e && (_p$.e = _$setProp10(_el$8, "fg", _v$3, _p$.e));
+              _v$4 !== _p$.t && (_p$.t = _$setProp10(_el$8, "content", _v$4, _p$.t));
+              _v$5 !== _p$.a && (_p$.a = _$setProp10(_el$9, "fg", _v$5, _p$.a));
+              _v$6 !== _p$.o && (_p$.o = _$setProp10(_el$9, "content", _v$6, _p$.o));
+              return _p$;
+            }, {
+              e: undefined,
+              t: undefined,
+              a: undefined,
+              o: undefined
+            });
+            return _el$7;
+          })(), (() => {
+            var _el$0 = _$createElement10("box"), _el$1 = _$createElement10("text"), _el$10 = _$createElement10("text");
+            _$insertNode9(_el$0, _el$1);
+            _$insertNode9(_el$0, _el$10);
+            _$setProp10(_el$0, "flexDirection", "row");
+            _$setProp10(_el$0, "height", 1);
+            _$setProp10(_el$0, "gap", 1);
+            _$setProp10(_el$10, "content", "commits since release");
+            _$effect10((_p$) => {
+              var _v$7 = release().commits_since > 0 ? theme.yellow : theme.green, _v$8 = `${release().commits_since}`, _v$9 = theme.fg_dim;
+              _v$7 !== _p$.e && (_p$.e = _$setProp10(_el$1, "fg", _v$7, _p$.e));
+              _v$8 !== _p$.t && (_p$.t = _$setProp10(_el$1, "content", _v$8, _p$.t));
+              _v$9 !== _p$.a && (_p$.a = _$setProp10(_el$10, "fg", _v$9, _p$.a));
+              return _p$;
+            }, {
+              e: undefined,
+              t: undefined,
+              a: undefined
+            });
+            return _el$0;
+          })()]
+        });
+      }
+    }), null);
+    _$insert10(_el$, _$createComponent10(Show8, {
+      get when() {
+        return github2.error()?.kind === "gh_cli_not_found";
+      },
+      get children() {
+        var _el$2 = _$createElement10("box"), _el$3 = _$createElement10("text"), _el$4 = _$createElement10("text");
+        _$insertNode9(_el$2, _el$3);
+        _$insertNode9(_el$2, _el$4);
+        _$setProp10(_el$2, "flexDirection", "row");
+        _$setProp10(_el$2, "height", 1);
+        _$setProp10(_el$2, "gap", 1);
+        _$setProp10(_el$3, "content", "gh not available");
+        _$setProp10(_el$4, "content", "https://cli.github.com");
+        _$effect10((_p$) => {
+          var _v$ = theme.fg_dim, _v$2 = theme.cyan;
+          _v$ !== _p$.e && (_p$.e = _$setProp10(_el$3, "fg", _v$, _p$.e));
+          _v$2 !== _p$.t && (_p$.t = _$setProp10(_el$4, "fg", _v$2, _p$.t));
+          return _p$;
+        }, {
+          e: undefined,
+          t: undefined
+        });
+        return _el$2;
+      }
+    }), null);
+    _$insert10(_el$, _$createComponent10(Show8, {
+      get when() {
+        return github2.error()?.kind === "not_github_repo";
+      },
+      get children() {
+        var _el$5 = _$createElement10("text");
+        _$setProp10(_el$5, "content", "not a GitHub repo");
+        _$effect10((_$p) => _$setProp10(_el$5, "fg", theme.fg_dim, _$p));
+        return _el$5;
+      }
+    }), null);
+    return _el$;
+  })();
 }
 registerWidget({
   id: "github-release",
@@ -3576,6 +4451,13 @@ registerWidget({
 });
 
 // packages/render/src/components/widgets/devpad-tasks.tsx
+import { insertNode as _$insertNode10 } from "@opentui/solid";
+import { insert as _$insert11 } from "@opentui/solid";
+import { effect as _$effect11 } from "@opentui/solid";
+import { memo as _$memo4 } from "@opentui/solid";
+import { createComponent as _$createComponent11 } from "@opentui/solid";
+import { setProp as _$setProp11 } from "@opentui/solid";
+import { createElement as _$createElement11 } from "@opentui/solid";
 import { For as For8, Show as Show9, Switch as Switch2, Match as Match2, createMemo as createMemo6 } from "solid-js";
 
 // packages/render/src/lib/use-devpad.ts
@@ -8981,17 +9863,38 @@ function useDevpad(remote_url, repo_name) {
 }
 
 // packages/render/src/components/widgets/devpad-tasks.tsx
-var size_hint8 = { span: "full", min_height: 2 };
+var size_hint8 = {
+  span: "full",
+  min_height: 2
+};
 var MAX_VISIBLE3 = 10;
 var priority_indicator = {
-  HIGH: { char: "!", color: theme.red },
-  MEDIUM: { char: "\xB7", color: theme.yellow },
-  LOW: { char: "\xB7", color: theme.fg_dim }
+  HIGH: {
+    char: "!",
+    color: theme.red
+  },
+  MEDIUM: {
+    char: "\xB7",
+    color: theme.yellow
+  },
+  LOW: {
+    char: "\xB7",
+    color: theme.fg_dim
+  }
 };
 var progress_indicator = {
-  UNSTARTED: { char: "\u25CB", color: theme.fg_dim },
-  IN_PROGRESS: { char: "\u25D1", color: theme.blue },
-  COMPLETED: { char: "\u25CF", color: theme.green }
+  UNSTARTED: {
+    char: "\u25CB",
+    color: theme.fg_dim
+  },
+  IN_PROGRESS: {
+    char: "\u25D1",
+    color: theme.blue
+  },
+  COMPLETED: {
+    char: "\u25CF",
+    color: theme.green
+  }
 };
 function DevpadTasksWidget(props) {
   const remote_url = createMemo6(() => props.status?.remote_url ?? null);
@@ -9000,58 +9903,135 @@ function DevpadTasksWidget(props) {
   const tasks = createMemo6(() => devpad2.data()?.tasks ?? []);
   const visible = () => tasks().slice(0, MAX_VISIBLE3);
   const overflow = () => Math.max(0, tasks().length - MAX_VISIBLE3);
-  return /* @__PURE__ */ React.createElement("box", {
-    flexDirection: "column"
-  }, /* @__PURE__ */ React.createElement(Switch2, null, /* @__PURE__ */ React.createElement(Match2, {
-    when: devpad2.error()
-  }, (err3) => /* @__PURE__ */ React.createElement("text", {
-    fg: theme.fg_dim,
-    content: err3()
-  })), /* @__PURE__ */ React.createElement(Match2, {
-    when: devpad2.loading() && !devpad2.data()
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.fg_dim,
-    content: "loading\u2026"
-  })), /* @__PURE__ */ React.createElement(Match2, {
-    when: !devpad2.data()?.project && devpad2.data() !== null
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.fg_dim,
-    content: "no devpad project"
-  })), /* @__PURE__ */ React.createElement(Match2, {
-    when: true
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.fg_dark,
-    content: `Tasks (${tasks().length})`
-  }), /* @__PURE__ */ React.createElement(Show9, {
-    when: tasks().length > 0,
-    fallback: /* @__PURE__ */ React.createElement("text", {
-      fg: theme.fg_dim,
-      content: "(no open tasks)"
-    })
-  }, /* @__PURE__ */ React.createElement(For8, {
-    each: visible()
-  }, (task) => {
-    const pi = () => priority_indicator[task.priority];
-    const si = () => progress_indicator[task.progress];
-    const available = () => Math.max(1, props.width - 4);
-    return /* @__PURE__ */ React.createElement("box", {
-      flexDirection: "row",
-      height: 1
-    }, /* @__PURE__ */ React.createElement("text", {
-      fg: si().color,
-      content: `${si().char} `
-    }), /* @__PURE__ */ React.createElement("text", {
-      fg: pi().color,
-      content: `${pi().char} `
-    }), /* @__PURE__ */ React.createElement("text", {
-      content: truncate(task.title, available())
+  return (() => {
+    var _el$ = _$createElement11("box");
+    _$setProp11(_el$, "flexDirection", "column");
+    _$insert11(_el$, _$createComponent11(Switch2, {
+      get children() {
+        return [_$createComponent11(Match2, {
+          get when() {
+            return devpad2.error();
+          },
+          children: (err3) => (() => {
+            var _el$6 = _$createElement11("text");
+            _$effect11((_p$) => {
+              var _v$5 = theme.fg_dim, _v$6 = err3();
+              _v$5 !== _p$.e && (_p$.e = _$setProp11(_el$6, "fg", _v$5, _p$.e));
+              _v$6 !== _p$.t && (_p$.t = _$setProp11(_el$6, "content", _v$6, _p$.t));
+              return _p$;
+            }, {
+              e: undefined,
+              t: undefined
+            });
+            return _el$6;
+          })()
+        }), _$createComponent11(Match2, {
+          get when() {
+            return _$memo4(() => !!devpad2.loading())() && !devpad2.data();
+          },
+          get children() {
+            var _el$2 = _$createElement11("text");
+            _$setProp11(_el$2, "content", "loading\u2026");
+            _$effect11((_$p) => _$setProp11(_el$2, "fg", theme.fg_dim, _$p));
+            return _el$2;
+          }
+        }), _$createComponent11(Match2, {
+          get when() {
+            return _$memo4(() => !!!devpad2.data()?.project)() && devpad2.data() !== null;
+          },
+          get children() {
+            var _el$3 = _$createElement11("text");
+            _$setProp11(_el$3, "content", "no devpad project");
+            _$effect11((_$p) => _$setProp11(_el$3, "fg", theme.fg_dim, _$p));
+            return _el$3;
+          }
+        }), _$createComponent11(Match2, {
+          when: true,
+          get children() {
+            return [(() => {
+              var _el$4 = _$createElement11("text");
+              _$effect11((_p$) => {
+                var _v$ = theme.fg_dark, _v$2 = `Tasks (${tasks().length})`;
+                _v$ !== _p$.e && (_p$.e = _$setProp11(_el$4, "fg", _v$, _p$.e));
+                _v$2 !== _p$.t && (_p$.t = _$setProp11(_el$4, "content", _v$2, _p$.t));
+                return _p$;
+              }, {
+                e: undefined,
+                t: undefined
+              });
+              return _el$4;
+            })(), _$createComponent11(Show9, {
+              get when() {
+                return tasks().length > 0;
+              },
+              get fallback() {
+                return (() => {
+                  var _el$7 = _$createElement11("text");
+                  _$setProp11(_el$7, "content", "(no open tasks)");
+                  _$effect11((_$p) => _$setProp11(_el$7, "fg", theme.fg_dim, _$p));
+                  return _el$7;
+                })();
+              },
+              get children() {
+                return [_$createComponent11(For8, {
+                  get each() {
+                    return visible();
+                  },
+                  children: (task) => {
+                    const pi = () => priority_indicator[task.priority];
+                    const si = () => progress_indicator[task.progress];
+                    const available = () => Math.max(1, props.width - 4);
+                    return (() => {
+                      var _el$8 = _$createElement11("box"), _el$9 = _$createElement11("text"), _el$0 = _$createElement11("text"), _el$1 = _$createElement11("text");
+                      _$insertNode10(_el$8, _el$9);
+                      _$insertNode10(_el$8, _el$0);
+                      _$insertNode10(_el$8, _el$1);
+                      _$setProp11(_el$8, "flexDirection", "row");
+                      _$setProp11(_el$8, "height", 1);
+                      _$effect11((_p$) => {
+                        var _v$7 = si().color, _v$8 = `${si().char} `, _v$9 = pi().color, _v$0 = `${pi().char} `, _v$1 = truncate(task.title, available());
+                        _v$7 !== _p$.e && (_p$.e = _$setProp11(_el$9, "fg", _v$7, _p$.e));
+                        _v$8 !== _p$.t && (_p$.t = _$setProp11(_el$9, "content", _v$8, _p$.t));
+                        _v$9 !== _p$.a && (_p$.a = _$setProp11(_el$0, "fg", _v$9, _p$.a));
+                        _v$0 !== _p$.o && (_p$.o = _$setProp11(_el$0, "content", _v$0, _p$.o));
+                        _v$1 !== _p$.i && (_p$.i = _$setProp11(_el$1, "content", _v$1, _p$.i));
+                        return _p$;
+                      }, {
+                        e: undefined,
+                        t: undefined,
+                        a: undefined,
+                        o: undefined,
+                        i: undefined
+                      });
+                      return _el$8;
+                    })();
+                  }
+                }), _$createComponent11(Show9, {
+                  get when() {
+                    return overflow() > 0;
+                  },
+                  get children() {
+                    var _el$5 = _$createElement11("text");
+                    _$effect11((_p$) => {
+                      var _v$3 = theme.fg_dim, _v$4 = `+${overflow()} more`;
+                      _v$3 !== _p$.e && (_p$.e = _$setProp11(_el$5, "fg", _v$3, _p$.e));
+                      _v$4 !== _p$.t && (_p$.t = _$setProp11(_el$5, "content", _v$4, _p$.t));
+                      return _p$;
+                    }, {
+                      e: undefined,
+                      t: undefined
+                    });
+                    return _el$5;
+                  }
+                })];
+              }
+            })];
+          }
+        })];
+      }
     }));
-  }), /* @__PURE__ */ React.createElement(Show9, {
-    when: overflow() > 0
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.fg_dim,
-    content: `+${overflow()} more`
-  }))))));
+    return _el$;
+  })();
 }
 registerWidget({
   id: "devpad-tasks",
@@ -9061,8 +10041,18 @@ registerWidget({
 });
 
 // packages/render/src/components/widgets/devpad-milestones.tsx
+import { insertNode as _$insertNode11 } from "@opentui/solid";
+import { insert as _$insert12 } from "@opentui/solid";
+import { effect as _$effect12 } from "@opentui/solid";
+import { memo as _$memo5 } from "@opentui/solid";
+import { createComponent as _$createComponent12 } from "@opentui/solid";
+import { setProp as _$setProp12 } from "@opentui/solid";
+import { createElement as _$createElement12 } from "@opentui/solid";
 import { For as For9, Show as Show10, Switch as Switch3, Match as Match3, createMemo as createMemo7 } from "solid-js";
-var size_hint9 = { span: "half", min_height: 2 };
+var size_hint9 = {
+  span: "half",
+  min_height: 2
+};
 function progressBar(total, completed, width) {
   if (total === 0)
     return "\u2591".repeat(width);
@@ -9077,69 +10067,139 @@ function DevpadMilestonesWidget(props) {
   const max_visible = 4;
   const visible = () => milestones().slice(0, max_visible);
   const overflow = () => Math.max(0, milestones().length - max_visible);
-  return /* @__PURE__ */ React.createElement("box", {
-    flexDirection: "column"
-  }, /* @__PURE__ */ React.createElement(Switch3, null, /* @__PURE__ */ React.createElement(Match3, {
-    when: devpad2.error()
-  }, (err3) => /* @__PURE__ */ React.createElement("text", {
-    fg: theme.fg_dim,
-    content: err3()
-  })), /* @__PURE__ */ React.createElement(Match3, {
-    when: devpad2.loading() && !devpad2.data()
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.fg_dim,
-    content: "loading\u2026"
-  })), /* @__PURE__ */ React.createElement(Match3, {
-    when: !devpad2.data()?.project && devpad2.data() !== null
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.fg_dim,
-    content: "no devpad project"
-  })), /* @__PURE__ */ React.createElement(Match3, {
-    when: true
-  }, /* @__PURE__ */ React.createElement(Show10, {
-    when: milestones().length > 0,
-    fallback: /* @__PURE__ */ React.createElement("text", {
-      fg: theme.fg_dim,
-      content: "no milestones"
-    })
-  }, /* @__PURE__ */ React.createElement(For9, {
-    each: visible()
-  }, (ms) => {
-    const pct = () => ms.goals_total > 0 ? Math.round(ms.goals_completed / ms.goals_total * 100) : 0;
-    const bar_width = 12;
-    const label = () => {
-      const version_str = ms.target_version ? ` (${ms.target_version})` : "";
-      return truncate(`${ms.name}${version_str}`, Math.max(1, props.width - bar_width - 8));
-    };
-    const bar = () => progressBar(ms.goals_total, ms.goals_completed, bar_width);
-    const bar_color = () => pct() === 100 ? theme.green : theme.blue;
-    return /* @__PURE__ */ React.createElement("box", {
-      flexDirection: "column",
-      height: 2
-    }, /* @__PURE__ */ React.createElement("box", {
-      flexDirection: "row",
-      height: 1
-    }, /* @__PURE__ */ React.createElement("text", {
-      content: label()
-    }), /* @__PURE__ */ React.createElement("text", {
-      fg: theme.fg_dim,
-      content: ` ${ms.goals_completed}/${ms.goals_total}`
-    })), /* @__PURE__ */ React.createElement("box", {
-      flexDirection: "row",
-      height: 1
-    }, /* @__PURE__ */ React.createElement("text", {
-      fg: bar_color(),
-      content: bar()
-    }), /* @__PURE__ */ React.createElement("text", {
-      fg: theme.fg_dim,
-      content: ` ${pct()}%`
-    })));
-  }), /* @__PURE__ */ React.createElement(Show10, {
-    when: overflow() > 0
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.fg_dim,
-    content: `+${overflow()} more`
-  }))))));
+  return (() => {
+    var _el$ = _$createElement12("box");
+    _$setProp12(_el$, "flexDirection", "column");
+    _$insert12(_el$, _$createComponent12(Switch3, {
+      get children() {
+        return [_$createComponent12(Match3, {
+          get when() {
+            return devpad2.error();
+          },
+          children: (err3) => (() => {
+            var _el$5 = _$createElement12("text");
+            _$effect12((_p$) => {
+              var _v$3 = theme.fg_dim, _v$4 = err3();
+              _v$3 !== _p$.e && (_p$.e = _$setProp12(_el$5, "fg", _v$3, _p$.e));
+              _v$4 !== _p$.t && (_p$.t = _$setProp12(_el$5, "content", _v$4, _p$.t));
+              return _p$;
+            }, {
+              e: undefined,
+              t: undefined
+            });
+            return _el$5;
+          })()
+        }), _$createComponent12(Match3, {
+          get when() {
+            return _$memo5(() => !!devpad2.loading())() && !devpad2.data();
+          },
+          get children() {
+            var _el$2 = _$createElement12("text");
+            _$setProp12(_el$2, "content", "loading\u2026");
+            _$effect12((_$p) => _$setProp12(_el$2, "fg", theme.fg_dim, _$p));
+            return _el$2;
+          }
+        }), _$createComponent12(Match3, {
+          get when() {
+            return _$memo5(() => !!!devpad2.data()?.project)() && devpad2.data() !== null;
+          },
+          get children() {
+            var _el$3 = _$createElement12("text");
+            _$setProp12(_el$3, "content", "no devpad project");
+            _$effect12((_$p) => _$setProp12(_el$3, "fg", theme.fg_dim, _$p));
+            return _el$3;
+          }
+        }), _$createComponent12(Match3, {
+          when: true,
+          get children() {
+            return _$createComponent12(Show10, {
+              get when() {
+                return milestones().length > 0;
+              },
+              get fallback() {
+                return (() => {
+                  var _el$6 = _$createElement12("text");
+                  _$setProp12(_el$6, "content", "no milestones");
+                  _$effect12((_$p) => _$setProp12(_el$6, "fg", theme.fg_dim, _$p));
+                  return _el$6;
+                })();
+              },
+              get children() {
+                return [_$createComponent12(For9, {
+                  get each() {
+                    return visible();
+                  },
+                  children: (ms) => {
+                    const pct = () => ms.goals_total > 0 ? Math.round(ms.goals_completed / ms.goals_total * 100) : 0;
+                    const bar_width = 12;
+                    const label = () => {
+                      const version_str = ms.target_version ? ` (${ms.target_version})` : "";
+                      return truncate(`${ms.name}${version_str}`, Math.max(1, props.width - bar_width - 8));
+                    };
+                    const bar = () => progressBar(ms.goals_total, ms.goals_completed, bar_width);
+                    const bar_color = () => pct() === 100 ? theme.green : theme.blue;
+                    return (() => {
+                      var _el$7 = _$createElement12("box"), _el$8 = _$createElement12("box"), _el$9 = _$createElement12("text"), _el$0 = _$createElement12("text"), _el$1 = _$createElement12("box"), _el$10 = _$createElement12("text"), _el$11 = _$createElement12("text");
+                      _$insertNode11(_el$7, _el$8);
+                      _$insertNode11(_el$7, _el$1);
+                      _$setProp12(_el$7, "flexDirection", "column");
+                      _$setProp12(_el$7, "height", 2);
+                      _$insertNode11(_el$8, _el$9);
+                      _$insertNode11(_el$8, _el$0);
+                      _$setProp12(_el$8, "flexDirection", "row");
+                      _$setProp12(_el$8, "height", 1);
+                      _$insertNode11(_el$1, _el$10);
+                      _$insertNode11(_el$1, _el$11);
+                      _$setProp12(_el$1, "flexDirection", "row");
+                      _$setProp12(_el$1, "height", 1);
+                      _$effect12((_p$) => {
+                        var _v$5 = label(), _v$6 = theme.fg_dim, _v$7 = ` ${ms.goals_completed}/${ms.goals_total}`, _v$8 = bar_color(), _v$9 = bar(), _v$0 = theme.fg_dim, _v$1 = ` ${pct()}%`;
+                        _v$5 !== _p$.e && (_p$.e = _$setProp12(_el$9, "content", _v$5, _p$.e));
+                        _v$6 !== _p$.t && (_p$.t = _$setProp12(_el$0, "fg", _v$6, _p$.t));
+                        _v$7 !== _p$.a && (_p$.a = _$setProp12(_el$0, "content", _v$7, _p$.a));
+                        _v$8 !== _p$.o && (_p$.o = _$setProp12(_el$10, "fg", _v$8, _p$.o));
+                        _v$9 !== _p$.i && (_p$.i = _$setProp12(_el$10, "content", _v$9, _p$.i));
+                        _v$0 !== _p$.n && (_p$.n = _$setProp12(_el$11, "fg", _v$0, _p$.n));
+                        _v$1 !== _p$.s && (_p$.s = _$setProp12(_el$11, "content", _v$1, _p$.s));
+                        return _p$;
+                      }, {
+                        e: undefined,
+                        t: undefined,
+                        a: undefined,
+                        o: undefined,
+                        i: undefined,
+                        n: undefined,
+                        s: undefined
+                      });
+                      return _el$7;
+                    })();
+                  }
+                }), _$createComponent12(Show10, {
+                  get when() {
+                    return overflow() > 0;
+                  },
+                  get children() {
+                    var _el$4 = _$createElement12("text");
+                    _$effect12((_p$) => {
+                      var _v$ = theme.fg_dim, _v$2 = `+${overflow()} more`;
+                      _v$ !== _p$.e && (_p$.e = _$setProp12(_el$4, "fg", _v$, _p$.e));
+                      _v$2 !== _p$.t && (_p$.t = _$setProp12(_el$4, "content", _v$2, _p$.t));
+                      return _p$;
+                    }, {
+                      e: undefined,
+                      t: undefined
+                    });
+                    return _el$4;
+                  }
+                })];
+              }
+            });
+          }
+        })];
+      }
+    }));
+    return _el$;
+  })();
 }
 registerWidget({
   id: "devpad-milestones",
@@ -9149,17 +10209,20 @@ registerWidget({
 });
 
 // packages/render/src/components/widgets/github-issues.tsx
+import { insertNode as _$insertNode12 } from "@opentui/solid";
+import { insert as _$insert13 } from "@opentui/solid";
+import { memo as _$memo6 } from "@opentui/solid";
+import { createComponent as _$createComponent13 } from "@opentui/solid";
+import { effect as _$effect13 } from "@opentui/solid";
+import { setProp as _$setProp13 } from "@opentui/solid";
+import { createElement as _$createElement13 } from "@opentui/solid";
 import { For as For10, Show as Show11, Switch as Switch4, Match as Match4, createMemo as createMemo8 } from "solid-js";
-var size_hint10 = { span: "half", min_height: 2 };
+var size_hint10 = {
+  span: "half",
+  min_height: 2
+};
 var MAX_VISIBLE4 = 10;
-var label_colors = [
-  theme.cyan,
-  theme.magenta,
-  theme.yellow,
-  theme.green,
-  theme.red,
-  theme.orange
-];
+var label_colors = [theme.cyan, theme.magenta, theme.yellow, theme.green, theme.red, theme.orange];
 function labelColor(index2) {
   return label_colors[index2 % label_colors.length];
 }
@@ -9175,74 +10238,166 @@ function GithubIssuesWidget(props) {
     const dots_len = issue.labels.length > 0 ? issue.labels.length * 2 : 0;
     const available = props.width - 2 - number_str.length - 1 - dots_len;
     const title = truncate(issue.title, Math.max(1, available));
-    return { number_str, title };
+    return {
+      number_str,
+      title
+    };
   };
-  return /* @__PURE__ */ React.createElement("box", {
-    flexDirection: "column"
-  }, /* @__PURE__ */ React.createElement(Switch4, null, /* @__PURE__ */ React.createElement(Match4, {
-    when: github2.error()?.kind === "gh_cli_not_found"
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.fg_dim,
-    content: "gh not available"
-  }), /* @__PURE__ */ React.createElement("text", {
-    fg: theme.fg_dim,
-    content: "install: https://cli.github.com"
-  })), /* @__PURE__ */ React.createElement(Match4, {
-    when: github2.error()?.kind === "not_github_repo"
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.fg_dim,
-    content: "not a GitHub repo"
-  })), /* @__PURE__ */ React.createElement(Match4, {
-    when: github2.error()?.kind === "gh_auth_required"
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.fg_dim,
-    content: "gh auth required"
-  })), /* @__PURE__ */ React.createElement(Match4, {
-    when: github2.error()
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.fg_dim,
-    content: "GitHub error"
-  })), /* @__PURE__ */ React.createElement(Match4, {
-    when: github2.loading() && !github2.data()
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.fg_dim,
-    content: "loading\u2026"
-  })), /* @__PURE__ */ React.createElement(Match4, {
-    when: true
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.fg_dark,
-    content: `Issues (${issues().length})`
-  }), /* @__PURE__ */ React.createElement(Show11, {
-    when: issues().length > 0,
-    fallback: /* @__PURE__ */ React.createElement("text", {
-      fg: theme.fg_dim,
-      content: "(no issues)"
-    })
-  }, /* @__PURE__ */ React.createElement(For10, {
-    each: visible()
-  }, (issue) => {
-    const line = () => formatIssueLine(issue);
-    return /* @__PURE__ */ React.createElement("box", {
-      flexDirection: "row",
-      height: 1
-    }, /* @__PURE__ */ React.createElement("text", {
-      fg: theme.fg_dim,
-      content: `${line().number_str} `
-    }), /* @__PURE__ */ React.createElement("text", {
-      fg: theme.fg,
-      content: line().title
-    }), /* @__PURE__ */ React.createElement(For10, {
-      each: issue.labels
-    }, (_, i) => /* @__PURE__ */ React.createElement("text", {
-      fg: labelColor(i()),
-      content: " \u25CF"
-    })));
-  }), /* @__PURE__ */ React.createElement(Show11, {
-    when: overflow() > 0
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.fg_dim,
-    content: `+${overflow()} more`
-  }))))));
+  return (() => {
+    var _el$ = _$createElement13("box");
+    _$setProp13(_el$, "flexDirection", "column");
+    _$insert13(_el$, _$createComponent13(Switch4, {
+      get children() {
+        return [_$createComponent13(Match4, {
+          get when() {
+            return github2.error()?.kind === "gh_cli_not_found";
+          },
+          get children() {
+            return [(() => {
+              var _el$2 = _$createElement13("text");
+              _$setProp13(_el$2, "content", "gh not available");
+              _$effect13((_$p) => _$setProp13(_el$2, "fg", theme.fg_dim, _$p));
+              return _el$2;
+            })(), (() => {
+              var _el$3 = _$createElement13("text");
+              _$setProp13(_el$3, "content", "install: https://cli.github.com");
+              _$effect13((_$p) => _$setProp13(_el$3, "fg", theme.fg_dim, _$p));
+              return _el$3;
+            })()];
+          }
+        }), _$createComponent13(Match4, {
+          get when() {
+            return github2.error()?.kind === "not_github_repo";
+          },
+          get children() {
+            var _el$4 = _$createElement13("text");
+            _$setProp13(_el$4, "content", "not a GitHub repo");
+            _$effect13((_$p) => _$setProp13(_el$4, "fg", theme.fg_dim, _$p));
+            return _el$4;
+          }
+        }), _$createComponent13(Match4, {
+          get when() {
+            return github2.error()?.kind === "gh_auth_required";
+          },
+          get children() {
+            var _el$5 = _$createElement13("text");
+            _$setProp13(_el$5, "content", "gh auth required");
+            _$effect13((_$p) => _$setProp13(_el$5, "fg", theme.fg_dim, _$p));
+            return _el$5;
+          }
+        }), _$createComponent13(Match4, {
+          get when() {
+            return github2.error();
+          },
+          get children() {
+            var _el$6 = _$createElement13("text");
+            _$setProp13(_el$6, "content", "GitHub error");
+            _$effect13((_$p) => _$setProp13(_el$6, "fg", theme.fg_dim, _$p));
+            return _el$6;
+          }
+        }), _$createComponent13(Match4, {
+          get when() {
+            return _$memo6(() => !!github2.loading())() && !github2.data();
+          },
+          get children() {
+            var _el$7 = _$createElement13("text");
+            _$setProp13(_el$7, "content", "loading\u2026");
+            _$effect13((_$p) => _$setProp13(_el$7, "fg", theme.fg_dim, _$p));
+            return _el$7;
+          }
+        }), _$createComponent13(Match4, {
+          when: true,
+          get children() {
+            return [(() => {
+              var _el$8 = _$createElement13("text");
+              _$effect13((_p$) => {
+                var _v$ = theme.fg_dark, _v$2 = `Issues (${issues().length})`;
+                _v$ !== _p$.e && (_p$.e = _$setProp13(_el$8, "fg", _v$, _p$.e));
+                _v$2 !== _p$.t && (_p$.t = _$setProp13(_el$8, "content", _v$2, _p$.t));
+                return _p$;
+              }, {
+                e: undefined,
+                t: undefined
+              });
+              return _el$8;
+            })(), _$createComponent13(Show11, {
+              get when() {
+                return issues().length > 0;
+              },
+              get fallback() {
+                return (() => {
+                  var _el$0 = _$createElement13("text");
+                  _$setProp13(_el$0, "content", "(no issues)");
+                  _$effect13((_$p) => _$setProp13(_el$0, "fg", theme.fg_dim, _$p));
+                  return _el$0;
+                })();
+              },
+              get children() {
+                return [_$createComponent13(For10, {
+                  get each() {
+                    return visible();
+                  },
+                  children: (issue) => {
+                    const line = () => formatIssueLine(issue);
+                    return (() => {
+                      var _el$1 = _$createElement13("box"), _el$10 = _$createElement13("text"), _el$11 = _$createElement13("text");
+                      _$insertNode12(_el$1, _el$10);
+                      _$insertNode12(_el$1, _el$11);
+                      _$setProp13(_el$1, "flexDirection", "row");
+                      _$setProp13(_el$1, "height", 1);
+                      _$insert13(_el$1, _$createComponent13(For10, {
+                        get each() {
+                          return issue.labels;
+                        },
+                        children: (_, i) => (() => {
+                          var _el$12 = _$createElement13("text");
+                          _$setProp13(_el$12, "content", " \u25CF");
+                          _$effect13((_$p) => _$setProp13(_el$12, "fg", labelColor(i()), _$p));
+                          return _el$12;
+                        })()
+                      }), null);
+                      _$effect13((_p$) => {
+                        var _v$5 = theme.fg_dim, _v$6 = `${line().number_str} `, _v$7 = theme.fg, _v$8 = line().title;
+                        _v$5 !== _p$.e && (_p$.e = _$setProp13(_el$10, "fg", _v$5, _p$.e));
+                        _v$6 !== _p$.t && (_p$.t = _$setProp13(_el$10, "content", _v$6, _p$.t));
+                        _v$7 !== _p$.a && (_p$.a = _$setProp13(_el$11, "fg", _v$7, _p$.a));
+                        _v$8 !== _p$.o && (_p$.o = _$setProp13(_el$11, "content", _v$8, _p$.o));
+                        return _p$;
+                      }, {
+                        e: undefined,
+                        t: undefined,
+                        a: undefined,
+                        o: undefined
+                      });
+                      return _el$1;
+                    })();
+                  }
+                }), _$createComponent13(Show11, {
+                  get when() {
+                    return overflow() > 0;
+                  },
+                  get children() {
+                    var _el$9 = _$createElement13("text");
+                    _$effect13((_p$) => {
+                      var _v$3 = theme.fg_dim, _v$4 = `+${overflow()} more`;
+                      _v$3 !== _p$.e && (_p$.e = _$setProp13(_el$9, "fg", _v$3, _p$.e));
+                      _v$4 !== _p$.t && (_p$.t = _$setProp13(_el$9, "content", _v$4, _p$.t));
+                      return _p$;
+                    }, {
+                      e: undefined,
+                      t: undefined
+                    });
+                    return _el$9;
+                  }
+                })];
+              }
+            })];
+          }
+        })];
+      }
+    }));
+    return _el$;
+  })();
 }
 registerWidget({
   id: "github-issues",
@@ -9252,8 +10407,17 @@ registerWidget({
 });
 
 // packages/render/src/components/widgets/commit-activity.tsx
+import { createComponent as _$createComponent14 } from "@opentui/solid";
+import { effect as _$effect14 } from "@opentui/solid";
+import { insertNode as _$insertNode13 } from "@opentui/solid";
+import { insert as _$insert14 } from "@opentui/solid";
+import { setProp as _$setProp14 } from "@opentui/solid";
+import { createElement as _$createElement14 } from "@opentui/solid";
 import { Show as Show12, createMemo as createMemo9 } from "solid-js";
-var size_hint11 = { span: "third", min_height: 2 };
+var size_hint11 = {
+  span: "third",
+  min_height: 2
+};
 var BLOCKS = " \u2581\u2582\u2583\u2584\u2585\u2586\u2587\u2588";
 function renderSparkline(counts) {
   const max = Math.max(...counts, 1);
@@ -9307,62 +10471,112 @@ function CommitActivityWidget(props) {
       color: c > 0 ? theme.green : theme.fg_dim
     }));
   });
-  return /* @__PURE__ */ React.createElement("box", {
-    flexDirection: "column"
-  }, /* @__PURE__ */ React.createElement(Show12, {
-    when: activity(),
-    fallback: /* @__PURE__ */ React.createElement("text", {
-      fg: theme.fg_dim,
-      content: "(no activity data)"
-    })
-  }, /* @__PURE__ */ React.createElement("box", {
-    flexDirection: "row",
-    height: 1
-  }, sparkline_colored().map((s) => /* @__PURE__ */ React.createElement("text", {
-    fg: s.color,
-    content: s.char
-  }))), /* @__PURE__ */ React.createElement("box", {
-    flexDirection: "row",
-    height: 1,
-    gap: 2
-  }, /* @__PURE__ */ React.createElement("box", {
-    flexDirection: "row",
-    gap: 1
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.fg_dim,
-    content: "this week:"
-  }), /* @__PURE__ */ React.createElement("text", {
-    fg: theme.yellow,
-    content: `${activity().total_this_week}`
-  })), /* @__PURE__ */ React.createElement("box", {
-    flexDirection: "row",
-    gap: 1
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.fg_dim,
-    content: "last week:"
-  }), /* @__PURE__ */ React.createElement("text", {
-    fg: theme.yellow,
-    content: `${activity().total_last_week}`
-  })), /* @__PURE__ */ React.createElement("box", {
-    flexDirection: "row",
-    gap: 1
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.fg_dim,
-    content: "delta:"
-  }), /* @__PURE__ */ React.createElement("text", {
-    fg: delta_color(),
-    content: delta_str()
-  }))), /* @__PURE__ */ React.createElement("box", {
-    flexDirection: "row",
-    height: 1,
-    gap: 1
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.yellow,
-    content: `${total_14d()}`
-  }), /* @__PURE__ */ React.createElement("text", {
-    fg: theme.fg_dim,
-    content: "commits in 14 days"
-  }))));
+  return (() => {
+    var _el$ = _$createElement14("box");
+    _$setProp14(_el$, "flexDirection", "column");
+    _$insert14(_el$, _$createComponent14(Show12, {
+      get when() {
+        return activity();
+      },
+      get fallback() {
+        return (() => {
+          var _el$14 = _$createElement14("text");
+          _$setProp14(_el$14, "content", "(no activity data)");
+          _$effect14((_$p) => _$setProp14(_el$14, "fg", theme.fg_dim, _$p));
+          return _el$14;
+        })();
+      },
+      get children() {
+        return [(() => {
+          var _el$2 = _$createElement14("box");
+          _$setProp14(_el$2, "flexDirection", "row");
+          _$setProp14(_el$2, "height", 1);
+          _$insert14(_el$2, () => sparkline_colored().map((s) => (() => {
+            var _el$15 = _$createElement14("text");
+            _$effect14((_p$) => {
+              var { color: _v$11, char: _v$12 } = s;
+              _v$11 !== _p$.e && (_p$.e = _$setProp14(_el$15, "fg", _v$11, _p$.e));
+              _v$12 !== _p$.t && (_p$.t = _$setProp14(_el$15, "content", _v$12, _p$.t));
+              return _p$;
+            }, {
+              e: undefined,
+              t: undefined
+            });
+            return _el$15;
+          })()));
+          return _el$2;
+        })(), (() => {
+          var _el$3 = _$createElement14("box"), _el$4 = _$createElement14("box"), _el$5 = _$createElement14("text"), _el$6 = _$createElement14("text"), _el$7 = _$createElement14("box"), _el$8 = _$createElement14("text"), _el$9 = _$createElement14("text"), _el$0 = _$createElement14("box"), _el$1 = _$createElement14("text"), _el$10 = _$createElement14("text");
+          _$insertNode13(_el$3, _el$4);
+          _$insertNode13(_el$3, _el$7);
+          _$insertNode13(_el$3, _el$0);
+          _$setProp14(_el$3, "flexDirection", "row");
+          _$setProp14(_el$3, "height", 1);
+          _$setProp14(_el$3, "gap", 2);
+          _$insertNode13(_el$4, _el$5);
+          _$insertNode13(_el$4, _el$6);
+          _$setProp14(_el$4, "flexDirection", "row");
+          _$setProp14(_el$4, "gap", 1);
+          _$setProp14(_el$5, "content", "this week:");
+          _$insertNode13(_el$7, _el$8);
+          _$insertNode13(_el$7, _el$9);
+          _$setProp14(_el$7, "flexDirection", "row");
+          _$setProp14(_el$7, "gap", 1);
+          _$setProp14(_el$8, "content", "last week:");
+          _$insertNode13(_el$0, _el$1);
+          _$insertNode13(_el$0, _el$10);
+          _$setProp14(_el$0, "flexDirection", "row");
+          _$setProp14(_el$0, "gap", 1);
+          _$setProp14(_el$1, "content", "delta:");
+          _$effect14((_p$) => {
+            var _v$ = theme.fg_dim, _v$2 = theme.yellow, _v$3 = `${activity().total_this_week}`, _v$4 = theme.fg_dim, _v$5 = theme.yellow, _v$6 = `${activity().total_last_week}`, _v$7 = theme.fg_dim, _v$8 = delta_color(), _v$9 = delta_str();
+            _v$ !== _p$.e && (_p$.e = _$setProp14(_el$5, "fg", _v$, _p$.e));
+            _v$2 !== _p$.t && (_p$.t = _$setProp14(_el$6, "fg", _v$2, _p$.t));
+            _v$3 !== _p$.a && (_p$.a = _$setProp14(_el$6, "content", _v$3, _p$.a));
+            _v$4 !== _p$.o && (_p$.o = _$setProp14(_el$8, "fg", _v$4, _p$.o));
+            _v$5 !== _p$.i && (_p$.i = _$setProp14(_el$9, "fg", _v$5, _p$.i));
+            _v$6 !== _p$.n && (_p$.n = _$setProp14(_el$9, "content", _v$6, _p$.n));
+            _v$7 !== _p$.s && (_p$.s = _$setProp14(_el$1, "fg", _v$7, _p$.s));
+            _v$8 !== _p$.h && (_p$.h = _$setProp14(_el$10, "fg", _v$8, _p$.h));
+            _v$9 !== _p$.r && (_p$.r = _$setProp14(_el$10, "content", _v$9, _p$.r));
+            return _p$;
+          }, {
+            e: undefined,
+            t: undefined,
+            a: undefined,
+            o: undefined,
+            i: undefined,
+            n: undefined,
+            s: undefined,
+            h: undefined,
+            r: undefined
+          });
+          return _el$3;
+        })(), (() => {
+          var _el$11 = _$createElement14("box"), _el$12 = _$createElement14("text"), _el$13 = _$createElement14("text");
+          _$insertNode13(_el$11, _el$12);
+          _$insertNode13(_el$11, _el$13);
+          _$setProp14(_el$11, "flexDirection", "row");
+          _$setProp14(_el$11, "height", 1);
+          _$setProp14(_el$11, "gap", 1);
+          _$setProp14(_el$13, "content", "commits in 14 days");
+          _$effect14((_p$) => {
+            var _v$0 = theme.yellow, _v$1 = `${total_14d()}`, _v$10 = theme.fg_dim;
+            _v$0 !== _p$.e && (_p$.e = _$setProp14(_el$12, "fg", _v$0, _p$.e));
+            _v$1 !== _p$.t && (_p$.t = _$setProp14(_el$12, "content", _v$1, _p$.t));
+            _v$10 !== _p$.a && (_p$.a = _$setProp14(_el$13, "fg", _v$10, _p$.a));
+            return _p$;
+          }, {
+            e: undefined,
+            t: undefined,
+            a: undefined
+          });
+          return _el$11;
+        })()];
+      }
+    }));
+    return _el$;
+  })();
 }
 registerWidget({
   id: "commit-activity",
@@ -9517,7 +10731,11 @@ function WidgetContainer(props) {
       const def = getWidget(c.id);
       if (!def)
         return null;
-      return { id: c.id, size_hint: def.size_hint, config: c };
+      return {
+        id: c.id,
+        size_hint: def.size_hint,
+        config: c
+      };
     }).filter((gw) => gw !== null);
   });
   const content_width = createMemo10(() => props.availableWidth - 1);
@@ -9569,14 +10787,23 @@ function WidgetContainer(props) {
     if (region_height <= vp_height) {
       if (!top_visible) {
         const target = Math.max(0, region_top);
-        scrollbox_ref.scrollTo({ x: 0, y: target });
+        scrollbox_ref.scrollTo({
+          x: 0,
+          y: target
+        });
       } else {
         const target = region_bottom - vp_height;
-        scrollbox_ref.scrollTo({ x: 0, y: target });
+        scrollbox_ref.scrollTo({
+          x: 0,
+          y: target
+        });
       }
     } else {
       const target = Math.max(0, region_top);
-      scrollbox_ref.scrollTo({ x: 0, y: target });
+      scrollbox_ref.scrollTo({
+        x: 0,
+        y: target
+      });
     }
   }
   createEffect4(on(focused_idx, () => scrollToFocused()));
@@ -9597,14 +10824,20 @@ function WidgetContainer(props) {
     if (key.raw === "c") {
       const widget_id = ids[focused_idx()];
       if (widget_id) {
-        const updated = props.widgetConfigs.map((c) => c.id === widget_id ? { ...c, collapsed: !c.collapsed } : c);
+        const updated = props.widgetConfigs.map((c) => c.id === widget_id ? {
+          ...c,
+          collapsed: !c.collapsed
+        } : c);
         props.onWidgetConfigChange?.(updated);
       }
       return;
     }
     if (key.raw === "C") {
       const all_collapsed = props.widgetConfigs.every((c) => !c.enabled || c.collapsed);
-      const updated = props.widgetConfigs.map((c) => ({ ...c, collapsed: !all_collapsed }));
+      const updated = props.widgetConfigs.map((c) => ({
+        ...c,
+        collapsed: !all_collapsed
+      }));
       props.onWidgetConfigChange?.(updated);
       return;
     }
@@ -9618,114 +10851,224 @@ function WidgetContainer(props) {
   function borderLine(type, prev, next) {
     return buildBorderLine(type, content_width(), prev, next);
   }
-  return /* @__PURE__ */ React.createElement("box", {
-    flexDirection: "column",
-    width: props.availableWidth,
-    height: props.height
-  }, /* @__PURE__ */ React.createElement(Show13, {
-    when: !props.loading,
-    fallback: /* @__PURE__ */ React.createElement("text", {
-      fg: theme.fg_dim,
-      content: "loading..."
-    })
-  }, /* @__PURE__ */ React.createElement(Show13, {
-    when: props.status,
-    fallback: /* @__PURE__ */ React.createElement("text", {
-      fg: theme.fg_dim,
-      content: "(select a repo)"
-    })
-  }, /* @__PURE__ */ React.createElement("scrollbox", {
-    ref: scrollbox_ref,
-    flexGrow: 1
-  }, /* @__PURE__ */ React.createElement("box", {
-    flexDirection: "column",
-    width: content_width(),
-    flexShrink: 0
-  }, /* @__PURE__ */ React.createElement(For11, {
-    each: grid_layout().rows
-  }, (row, row_index) => {
-    const rows = grid_layout().rows;
-    const prev_row = () => row_index() > 0 ? rows[row_index() - 1] : null;
-    const is_first = () => row_index() === 0;
-    const is_last = () => row_index() === rows.length - 1;
-    const top_line = () => {
-      const type = is_first() ? "top" : "mid";
-      const line = borderLine(type, prev_row(), row);
-      if (is_first()) {
-        return buildBorderLineWithTitle(line, `widgets: ${props.repoName}`);
-      }
-      return line;
-    };
-    return /* @__PURE__ */ React.createElement(Fragment, null, /* @__PURE__ */ React.createElement("text", {
-      fg: props.focused && is_first() ? theme.border_highlight : theme.border,
-      content: top_line()
-    }), /* @__PURE__ */ React.createElement("box", {
-      ref: (el) => {
-        row_refs.set(row_index(), el);
+  return (() => {
+    var _el$ = _$createElement15("box");
+    _$setProp15(_el$, "flexDirection", "column");
+    _$insert15(_el$, _$createComponent15(Show13, {
+      get when() {
+        return !props.loading;
       },
-      flexDirection: "row",
-      alignItems: "stretch",
-      width: content_width()
-    }, /* @__PURE__ */ React.createElement(For11, {
-      each: row.widgets
-    }, (gw, widget_idx) => {
-      const def = getWidget(gw.id);
-      if (!def)
-        return null;
-      const focused = () => isFocused(gw.id);
-      const box_width = () => {
-        if (row.columns === 1)
-          return content_width();
-        if (row.columns === 2) {
-          const junction = Math.floor(content_width() / 2);
-          if (widget_idx() === 0)
-            return junction;
-          return content_width() - junction;
-        }
-        const j1 = Math.floor(content_width() / 3);
-        const j2 = Math.floor(2 * content_width() / 3);
-        if (widget_idx() === 0)
-          return j1;
-        if (widget_idx() === 1)
-          return j2 - j1;
-        return content_width() - j2;
-      };
-      const widget_content_width = () => {
-        const sides = getWidgetBorderSides(row, widget_idx());
-        return Math.max(1, box_width() - sides.length);
-      };
-      return /* @__PURE__ */ React.createElement("box", {
-        width: box_width(),
-        border: getWidgetBorderSides(row, widget_idx()),
-        borderStyle: "rounded",
-        borderColor: focused() || props.focused && (widget_idx() === 0 || widget_idx() === row.columns - 1) ? theme.border_highlight : theme.border,
-        backgroundColor: focused() ? theme.bg_highlight : undefined,
-        flexDirection: "column",
-        minHeight: gw.size_hint.min_height,
-        overflow: "hidden"
-      }, /* @__PURE__ */ React.createElement(Show13, {
-        when: !gw.config.collapsed,
-        fallback: /* @__PURE__ */ React.createElement("text", {
-          fg: focused() ? theme.yellow : theme.fg_dim,
-          content: focused() ? `\u25B8 [>] ${def.label} (collapsed)` : `[>] ${def.label} (collapsed)`
-        })
-      }, /* @__PURE__ */ React.createElement("text", {
-        fg: focused() ? theme.yellow : theme.fg_dim,
-        content: focused() ? `\u25B8 ${def.label}` : `  ${def.label}`
-      }), /* @__PURE__ */ React.createElement(def.component, {
-        width: widget_content_width(),
-        focused: focused(),
-        status: props.status
-      })));
-    })), /* @__PURE__ */ React.createElement(Show13, {
-      when: is_last()
-    }, /* @__PURE__ */ React.createElement("text", {
-      fg: props.focused ? theme.border_highlight : theme.border,
-      content: borderLine("bottom", row, null)
-    })));
-  }))))));
+      get fallback() {
+        return (() => {
+          var _el$4 = _$createElement15("text");
+          _$setProp15(_el$4, "content", "loading...");
+          _$effect15((_$p) => _$setProp15(_el$4, "fg", theme.fg_dim, _$p));
+          return _el$4;
+        })();
+      },
+      get children() {
+        return _$createComponent15(Show13, {
+          get when() {
+            return props.status;
+          },
+          get fallback() {
+            return (() => {
+              var _el$5 = _$createElement15("text");
+              _$setProp15(_el$5, "content", "(select a repo)");
+              _$effect15((_$p) => _$setProp15(_el$5, "fg", theme.fg_dim, _$p));
+              return _el$5;
+            })();
+          },
+          get children() {
+            var _el$2 = _$createElement15("scrollbox"), _el$3 = _$createElement15("box");
+            _$insertNode14(_el$2, _el$3);
+            var _ref$ = scrollbox_ref;
+            typeof _ref$ === "function" ? _$use(_ref$, _el$2) : scrollbox_ref = _el$2;
+            _$setProp15(_el$2, "flexGrow", 1);
+            _$setProp15(_el$3, "flexDirection", "column");
+            _$setProp15(_el$3, "flexShrink", 0);
+            _$insert15(_el$3, _$createComponent15(For11, {
+              get each() {
+                return grid_layout().rows;
+              },
+              children: (row, row_index) => {
+                const rows = grid_layout().rows;
+                const prev_row = () => row_index() > 0 ? rows[row_index() - 1] : null;
+                const is_first = () => row_index() === 0;
+                const is_last = () => row_index() === rows.length - 1;
+                const top_line = () => {
+                  const type = is_first() ? "top" : "mid";
+                  const line = borderLine(type, prev_row(), row);
+                  if (is_first()) {
+                    return buildBorderLineWithTitle(line, `widgets: ${props.repoName}`);
+                  }
+                  return line;
+                };
+                return [(() => {
+                  var _el$6 = _$createElement15("text");
+                  _$effect15((_p$) => {
+                    var _v$3 = props.focused && is_first() ? theme.border_highlight : theme.border, _v$4 = top_line();
+                    _v$3 !== _p$.e && (_p$.e = _$setProp15(_el$6, "fg", _v$3, _p$.e));
+                    _v$4 !== _p$.t && (_p$.t = _$setProp15(_el$6, "content", _v$4, _p$.t));
+                    return _p$;
+                  }, {
+                    e: undefined,
+                    t: undefined
+                  });
+                  return _el$6;
+                })(), (() => {
+                  var _el$7 = _$createElement15("box");
+                  _$use((el) => {
+                    row_refs.set(row_index(), el);
+                  }, _el$7);
+                  _$setProp15(_el$7, "flexDirection", "row");
+                  _$setProp15(_el$7, "alignItems", "stretch");
+                  _$insert15(_el$7, _$createComponent15(For11, {
+                    get each() {
+                      return row.widgets;
+                    },
+                    children: (gw, widget_idx) => {
+                      const def = getWidget(gw.id);
+                      if (!def)
+                        return null;
+                      const focused = () => isFocused(gw.id);
+                      const box_width = () => {
+                        if (row.columns === 1)
+                          return content_width();
+                        if (row.columns === 2) {
+                          const junction = Math.floor(content_width() / 2);
+                          if (widget_idx() === 0)
+                            return junction;
+                          return content_width() - junction;
+                        }
+                        const j1 = Math.floor(content_width() / 3);
+                        const j2 = Math.floor(2 * content_width() / 3);
+                        if (widget_idx() === 0)
+                          return j1;
+                        if (widget_idx() === 1)
+                          return j2 - j1;
+                        return content_width() - j2;
+                      };
+                      const widget_content_width = () => {
+                        const sides = getWidgetBorderSides(row, widget_idx());
+                        return Math.max(1, box_width() - sides.length);
+                      };
+                      return (() => {
+                        var _el$9 = _$createElement15("box");
+                        _$setProp15(_el$9, "borderStyle", "rounded");
+                        _$setProp15(_el$9, "flexDirection", "column");
+                        _$setProp15(_el$9, "overflow", "hidden");
+                        _$insert15(_el$9, _$createComponent15(Show13, {
+                          get when() {
+                            return !gw.config.collapsed;
+                          },
+                          get fallback() {
+                            return (() => {
+                              var _el$1 = _$createElement15("text");
+                              _$effect15((_p$) => {
+                                var _v$12 = focused() ? theme.yellow : theme.fg_dim, _v$13 = focused() ? `\u25B8 [>] ${def.label} (collapsed)` : `[>] ${def.label} (collapsed)`;
+                                _v$12 !== _p$.e && (_p$.e = _$setProp15(_el$1, "fg", _v$12, _p$.e));
+                                _v$13 !== _p$.t && (_p$.t = _$setProp15(_el$1, "content", _v$13, _p$.t));
+                                return _p$;
+                              }, {
+                                e: undefined,
+                                t: undefined
+                              });
+                              return _el$1;
+                            })();
+                          },
+                          get children() {
+                            return [(() => {
+                              var _el$0 = _$createElement15("text");
+                              _$effect15((_p$) => {
+                                var _v$7 = focused() ? theme.yellow : theme.fg_dim, _v$8 = focused() ? `\u25B8 ${def.label}` : `  ${def.label}`;
+                                _v$7 !== _p$.e && (_p$.e = _$setProp15(_el$0, "fg", _v$7, _p$.e));
+                                _v$8 !== _p$.t && (_p$.t = _$setProp15(_el$0, "content", _v$8, _p$.t));
+                                return _p$;
+                              }, {
+                                e: undefined,
+                                t: undefined
+                              });
+                              return _el$0;
+                            })(), _$createComponent15(def.component, {
+                              get width() {
+                                return widget_content_width();
+                              },
+                              get focused() {
+                                return focused();
+                              },
+                              get status() {
+                                return props.status;
+                              }
+                            })];
+                          }
+                        }));
+                        _$effect15((_p$) => {
+                          var _v$9 = box_width(), _v$0 = getWidgetBorderSides(row, widget_idx()), _v$1 = focused() || props.focused && (widget_idx() === 0 || widget_idx() === row.columns - 1) ? theme.border_highlight : theme.border, _v$10 = focused() ? theme.bg_highlight : undefined, _v$11 = gw.size_hint.min_height;
+                          _v$9 !== _p$.e && (_p$.e = _$setProp15(_el$9, "width", _v$9, _p$.e));
+                          _v$0 !== _p$.t && (_p$.t = _$setProp15(_el$9, "border", _v$0, _p$.t));
+                          _v$1 !== _p$.a && (_p$.a = _$setProp15(_el$9, "borderColor", _v$1, _p$.a));
+                          _v$10 !== _p$.o && (_p$.o = _$setProp15(_el$9, "backgroundColor", _v$10, _p$.o));
+                          _v$11 !== _p$.i && (_p$.i = _$setProp15(_el$9, "minHeight", _v$11, _p$.i));
+                          return _p$;
+                        }, {
+                          e: undefined,
+                          t: undefined,
+                          a: undefined,
+                          o: undefined,
+                          i: undefined
+                        });
+                        return _el$9;
+                      })();
+                    }
+                  }));
+                  _$effect15((_$p) => _$setProp15(_el$7, "width", content_width(), _$p));
+                  return _el$7;
+                })(), _$createComponent15(Show13, {
+                  get when() {
+                    return is_last();
+                  },
+                  get children() {
+                    var _el$8 = _$createElement15("text");
+                    _$effect15((_p$) => {
+                      var _v$5 = props.focused ? theme.border_highlight : theme.border, _v$6 = borderLine("bottom", row, null);
+                      _v$5 !== _p$.e && (_p$.e = _$setProp15(_el$8, "fg", _v$5, _p$.e));
+                      _v$6 !== _p$.t && (_p$.t = _$setProp15(_el$8, "content", _v$6, _p$.t));
+                      return _p$;
+                    }, {
+                      e: undefined,
+                      t: undefined
+                    });
+                    return _el$8;
+                  }
+                })];
+              }
+            }));
+            _$effect15((_$p) => _$setProp15(_el$3, "width", content_width(), _$p));
+            return _el$2;
+          }
+        });
+      }
+    }));
+    _$effect15((_p$) => {
+      var { availableWidth: _v$, height: _v$2 } = props;
+      _v$ !== _p$.e && (_p$.e = _$setProp15(_el$, "width", _v$, _p$.e));
+      _v$2 !== _p$.t && (_p$.t = _$setProp15(_el$, "height", _v$2, _p$.t));
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined
+    });
+    return _el$;
+  })();
 }
 // packages/render/src/components/status-bar.tsx
+import { insert as _$insert16 } from "@opentui/solid";
+import { insertNode as _$insertNode15 } from "@opentui/solid";
+import { createComponent as _$createComponent16 } from "@opentui/solid";
+import { effect as _$effect16 } from "@opentui/solid";
+import { setProp as _$setProp16 } from "@opentui/solid";
+import { createElement as _$createElement16 } from "@opentui/solid";
 import { createMemo as createMemo11, Show as Show14 } from "solid-js";
 var KEY_HINTS = {
   NORMAL: "j/k:nav  Enter:expand  g:ggi  r:refresh  q:quit  ?:help",
@@ -9755,106 +11098,216 @@ function StatusBar(props) {
       parts.push(`${props.aheadCount} ahead`);
     return parts.join(", ");
   });
-  return /* @__PURE__ */ React.createElement("box", {
-    height: 1,
-    width: "100%",
-    backgroundColor: theme.bg_dark,
-    flexDirection: "row",
-    paddingLeft: 1,
-    paddingRight: 1
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.blue,
-    content: `[${props.mode}]`
-  }), /* @__PURE__ */ React.createElement(Show14, {
-    when: props.message,
-    fallback: /* @__PURE__ */ React.createElement("text", {
-      fg: theme.fg_dim,
-      content: ` ${keyHints()}`
-    })
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.yellow,
-    content: ` ${props.message}`
-  })), /* @__PURE__ */ React.createElement("box", {
-    flexGrow: 1
-  }), /* @__PURE__ */ React.createElement(Show14, {
-    when: props.widgetSummary
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.fg_dim,
-    content: `${props.widgetSummary}  `
-  })), /* @__PURE__ */ React.createElement("text", {
-    fg: summaryColor(),
-    content: summaryText()
-  }));
+  return (() => {
+    var _el$ = _$createElement16("box"), _el$2 = _$createElement16("text"), _el$4 = _$createElement16("box"), _el$6 = _$createElement16("text");
+    _$insertNode15(_el$, _el$2);
+    _$insertNode15(_el$, _el$4);
+    _$insertNode15(_el$, _el$6);
+    _$setProp16(_el$, "height", 1);
+    _$setProp16(_el$, "width", "100%");
+    _$setProp16(_el$, "flexDirection", "row");
+    _$setProp16(_el$, "paddingLeft", 1);
+    _$setProp16(_el$, "paddingRight", 1);
+    _$insert16(_el$, _$createComponent16(Show14, {
+      get when() {
+        return props.message;
+      },
+      get fallback() {
+        return (() => {
+          var _el$7 = _$createElement16("text");
+          _$effect16((_p$) => {
+            var _v$0 = theme.fg_dim, _v$1 = ` ${keyHints()}`;
+            _v$0 !== _p$.e && (_p$.e = _$setProp16(_el$7, "fg", _v$0, _p$.e));
+            _v$1 !== _p$.t && (_p$.t = _$setProp16(_el$7, "content", _v$1, _p$.t));
+            return _p$;
+          }, {
+            e: undefined,
+            t: undefined
+          });
+          return _el$7;
+        })();
+      },
+      get children() {
+        var _el$3 = _$createElement16("text");
+        _$effect16((_p$) => {
+          var _v$ = theme.yellow, _v$2 = ` ${props.message}`;
+          _v$ !== _p$.e && (_p$.e = _$setProp16(_el$3, "fg", _v$, _p$.e));
+          _v$2 !== _p$.t && (_p$.t = _$setProp16(_el$3, "content", _v$2, _p$.t));
+          return _p$;
+        }, {
+          e: undefined,
+          t: undefined
+        });
+        return _el$3;
+      }
+    }), _el$4);
+    _$setProp16(_el$4, "flexGrow", 1);
+    _$insert16(_el$, _$createComponent16(Show14, {
+      get when() {
+        return props.widgetSummary;
+      },
+      get children() {
+        var _el$5 = _$createElement16("text");
+        _$effect16((_p$) => {
+          var _v$3 = theme.fg_dim, _v$4 = `${props.widgetSummary}  `;
+          _v$3 !== _p$.e && (_p$.e = _$setProp16(_el$5, "fg", _v$3, _p$.e));
+          _v$4 !== _p$.t && (_p$.t = _$setProp16(_el$5, "content", _v$4, _p$.t));
+          return _p$;
+        }, {
+          e: undefined,
+          t: undefined
+        });
+        return _el$5;
+      }
+    }), _el$6);
+    _$effect16((_p$) => {
+      var _v$5 = theme.bg_dark, _v$6 = theme.blue, _v$7 = `[${props.mode}]`, _v$8 = summaryColor(), _v$9 = summaryText();
+      _v$5 !== _p$.e && (_p$.e = _$setProp16(_el$, "backgroundColor", _v$5, _p$.e));
+      _v$6 !== _p$.t && (_p$.t = _$setProp16(_el$2, "fg", _v$6, _p$.t));
+      _v$7 !== _p$.a && (_p$.a = _$setProp16(_el$2, "content", _v$7, _p$.a));
+      _v$8 !== _p$.o && (_p$.o = _$setProp16(_el$6, "fg", _v$8, _p$.o));
+      _v$9 !== _p$.i && (_p$.i = _$setProp16(_el$6, "content", _v$9, _p$.i));
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined,
+      a: undefined,
+      o: undefined,
+      i: undefined
+    });
+    return _el$;
+  })();
 }
 // packages/render/src/components/help-overlay.tsx
+import { effect as _$effect17 } from "@opentui/solid";
+import { insert as _$insert17 } from "@opentui/solid";
+import { insertNode as _$insertNode16 } from "@opentui/solid";
+import { createComponent as _$createComponent17 } from "@opentui/solid";
+import { setProp as _$setProp17 } from "@opentui/solid";
+import { createElement as _$createElement17 } from "@opentui/solid";
 import { Show as Show15, For as For12 } from "solid-js";
 import { useKeyboard as useKeyboard3 } from "@opentui/solid";
-var SECTIONS = [
-  {
-    title: "Navigation",
-    items: [
-      { key: "j / \u2193", desc: "Move down" },
-      { key: "k / \u2191", desc: "Move up" },
-      { key: "g", desc: "First repo" },
-      { key: "G", desc: "Last repo" },
-      { key: "Enter", desc: "Expand/collapse or enter detail mode" }
-    ]
-  },
-  {
-    title: "Actions",
-    items: [
-      { key: "g (in detail)", desc: "Launch ggi" },
-      { key: "o", desc: "Open in $EDITOR" },
-      { key: "t", desc: "Open tmux session" },
-      { key: "r", desc: "Refresh selected repo" },
-      { key: "R", desc: "Full rescan" }
-    ]
-  },
-  {
-    title: "View",
-    items: [
-      { key: "h / l", desc: "Switch panel focus" },
-      { key: "Tab", desc: "Cycle panel focus" },
-      { key: "f", desc: "Cycle filter (all/dirty/clean/ahead/behind)" },
-      { key: "s", desc: "Cycle sort (name/status/last-commit)" },
-      { key: "/", desc: "Search repos" }
-    ]
-  },
-  {
-    title: "Widgets (stats panel focused)",
-    items: [
-      { key: "j / k", desc: "Navigate between widgets" },
-      { key: "c", desc: "Collapse/expand focused widget" },
-      { key: "C", desc: "Collapse/expand all widgets" }
-    ]
-  },
-  {
-    title: "General",
-    items: [
-      { key: "q", desc: "Quit / back" },
-      { key: "?", desc: "Toggle help" },
-      { key: "Esc", desc: "Cancel / close" }
-    ]
-  }
-];
+var SECTIONS = [{
+  title: "Navigation",
+  items: [{
+    key: "j / \u2193",
+    desc: "Move down"
+  }, {
+    key: "k / \u2191",
+    desc: "Move up"
+  }, {
+    key: "g",
+    desc: "First repo"
+  }, {
+    key: "G",
+    desc: "Last repo"
+  }, {
+    key: "Enter",
+    desc: "Expand/collapse or enter detail mode"
+  }]
+}, {
+  title: "Actions",
+  items: [{
+    key: "g (in detail)",
+    desc: "Launch ggi"
+  }, {
+    key: "o",
+    desc: "Open in $EDITOR"
+  }, {
+    key: "t",
+    desc: "Open tmux session"
+  }, {
+    key: "r",
+    desc: "Refresh selected repo"
+  }, {
+    key: "R",
+    desc: "Full rescan"
+  }]
+}, {
+  title: "View",
+  items: [{
+    key: "h / l",
+    desc: "Switch panel focus"
+  }, {
+    key: "Tab",
+    desc: "Cycle panel focus"
+  }, {
+    key: "f",
+    desc: "Cycle filter (all/dirty/clean/ahead/behind)"
+  }, {
+    key: "s",
+    desc: "Cycle sort (name/status/last-commit)"
+  }, {
+    key: "/",
+    desc: "Search repos"
+  }]
+}, {
+  title: "Widgets (stats panel focused)",
+  items: [{
+    key: "j / k",
+    desc: "Navigate between widgets"
+  }, {
+    key: "c",
+    desc: "Collapse/expand focused widget"
+  }, {
+    key: "C",
+    desc: "Collapse/expand all widgets"
+  }]
+}, {
+  title: "General",
+  items: [{
+    key: "q",
+    desc: "Quit / back"
+  }, {
+    key: "?",
+    desc: "Toggle help"
+  }, {
+    key: "Esc",
+    desc: "Cancel / close"
+  }]
+}];
 function Section(props) {
-  return /* @__PURE__ */ React.createElement("box", {
-    flexDirection: "column"
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.yellow,
-    content: props.title
-  }), /* @__PURE__ */ React.createElement(For12, {
-    each: props.items
-  }, (item) => /* @__PURE__ */ React.createElement("box", {
-    flexDirection: "row",
-    height: 1
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.blue,
-    content: item.key.padEnd(16)
-  }), /* @__PURE__ */ React.createElement("text", {
-    fg: theme.fg,
-    content: item.desc
-  }))));
+  return (() => {
+    var _el$ = _$createElement17("box"), _el$2 = _$createElement17("text");
+    _$insertNode16(_el$, _el$2);
+    _$setProp17(_el$, "flexDirection", "column");
+    _$insert17(_el$, _$createComponent17(For12, {
+      get each() {
+        return props.items;
+      },
+      children: (item) => (() => {
+        var _el$3 = _$createElement17("box"), _el$4 = _$createElement17("text"), _el$5 = _$createElement17("text");
+        _$insertNode16(_el$3, _el$4);
+        _$insertNode16(_el$3, _el$5);
+        _$setProp17(_el$3, "flexDirection", "row");
+        _$setProp17(_el$3, "height", 1);
+        _$effect17((_p$) => {
+          var _v$3 = theme.blue, _v$4 = item.key.padEnd(16), _v$5 = theme.fg, _v$6 = item.desc;
+          _v$3 !== _p$.e && (_p$.e = _$setProp17(_el$4, "fg", _v$3, _p$.e));
+          _v$4 !== _p$.t && (_p$.t = _$setProp17(_el$4, "content", _v$4, _p$.t));
+          _v$5 !== _p$.a && (_p$.a = _$setProp17(_el$5, "fg", _v$5, _p$.a));
+          _v$6 !== _p$.o && (_p$.o = _$setProp17(_el$5, "content", _v$6, _p$.o));
+          return _p$;
+        }, {
+          e: undefined,
+          t: undefined,
+          a: undefined,
+          o: undefined
+        });
+        return _el$3;
+      })()
+    }), null);
+    _$effect17((_p$) => {
+      var _v$ = theme.yellow, _v$2 = props.title;
+      _v$ !== _p$.e && (_p$.e = _$setProp17(_el$2, "fg", _v$, _p$.e));
+      _v$2 !== _p$.t && (_p$.t = _$setProp17(_el$2, "content", _v$2, _p$.t));
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined
+    });
+    return _el$;
+  })();
 }
 function HelpOverlay(props) {
   useKeyboard3((key) => {
@@ -9864,29 +11317,47 @@ function HelpOverlay(props) {
       props.onClose();
     }
   });
-  return /* @__PURE__ */ React.createElement(Show15, {
-    when: props.visible
-  }, /* @__PURE__ */ React.createElement("box", {
-    position: "absolute",
-    width: "60%",
-    height: "80%",
-    left: "20%",
-    top: "10%",
-    backgroundColor: theme.bg_dark,
-    borderStyle: "rounded",
-    borderColor: theme.blue,
-    title: "Help",
-    titleAlignment: "center",
-    padding: 2,
-    flexDirection: "column",
-    gap: 1,
-    zIndex: 100
-  }, /* @__PURE__ */ React.createElement(For12, {
-    each: SECTIONS
-  }, (section) => /* @__PURE__ */ React.createElement(Section, {
-    title: section.title,
-    items: section.items
-  }))));
+  return _$createComponent17(Show15, {
+    get when() {
+      return props.visible;
+    },
+    get children() {
+      var _el$6 = _$createElement17("box");
+      _$setProp17(_el$6, "position", "absolute");
+      _$setProp17(_el$6, "width", "60%");
+      _$setProp17(_el$6, "height", "80%");
+      _$setProp17(_el$6, "left", "20%");
+      _$setProp17(_el$6, "top", "10%");
+      _$setProp17(_el$6, "borderStyle", "rounded");
+      _$setProp17(_el$6, "title", "Help");
+      _$setProp17(_el$6, "titleAlignment", "center");
+      _$setProp17(_el$6, "padding", 2);
+      _$setProp17(_el$6, "flexDirection", "column");
+      _$setProp17(_el$6, "gap", 1);
+      _$setProp17(_el$6, "zIndex", 100);
+      _$insert17(_el$6, _$createComponent17(For12, {
+        each: SECTIONS,
+        children: (section) => _$createComponent17(Section, {
+          get title() {
+            return section.title;
+          },
+          get items() {
+            return section.items;
+          }
+        })
+      }));
+      _$effect17((_p$) => {
+        var _v$7 = theme.bg_dark, _v$8 = theme.blue;
+        _v$7 !== _p$.e && (_p$.e = _$setProp17(_el$6, "backgroundColor", _v$7, _p$.e));
+        _v$8 !== _p$.t && (_p$.t = _$setProp17(_el$6, "borderColor", _v$8, _p$.t));
+        return _p$;
+      }, {
+        e: undefined,
+        t: undefined
+      });
+      return _el$6;
+    }
+  });
 }
 // packages/render/src/lib/filter.ts
 var FILTER_MODES = ["all", "dirty", "clean", "ahead", "behind"];
@@ -10055,7 +11526,10 @@ function MainScreen(props) {
   });
   async function handleWidgetConfigChange(configs) {
     setWidgetConfigs(configs);
-    const state = { ...getWidgetState(), widgets: configs };
+    const state = {
+      ...getWidgetState(),
+      widgets: configs
+    };
     updateWidgetState(state);
     await saveWidgetState(state);
   }
@@ -10071,11 +11545,7 @@ function MainScreen(props) {
     const my_request_id = _details_request_id;
     setGraphLoading(true);
     setStatsLoading(true);
-    const [graphResult, statsResult, activityResult] = await Promise.all([
-      captureGraph(node.path),
-      collectStats(node.path),
-      collectCommitActivity(node.path)
-    ]);
+    const [graphResult, statsResult, activityResult] = await Promise.all([captureGraph(node.path), collectStats(node.path), collectCommitActivity(node.path)]);
     if (my_request_id !== _details_request_id)
       return;
     if (graphResult.ok)
@@ -10283,69 +11753,136 @@ function MainScreen(props) {
       }
     }
   });
-  return /* @__PURE__ */ React.createElement("box", {
-    flexDirection: "column",
-    width: "100%",
-    height: "100%",
-    backgroundColor: theme.bg
-  }, /* @__PURE__ */ React.createElement("box", {
-    height: 1,
-    width: "100%",
-    backgroundColor: theme.bg_dark,
-    paddingLeft: 1
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.blue
-  }, "overview"), /* @__PURE__ */ React.createElement("box", {
-    flexGrow: 1
-  }), /* @__PURE__ */ React.createElement("text", {
-    fg: theme.fg_dim,
-    content: `${props.config.scan_dirs[0]} \u2014 ${repoCount()} repos`
-  }), /* @__PURE__ */ React.createElement(Show16, {
-    when: scanning()
-  }, /* @__PURE__ */ React.createElement("text", {
-    fg: theme.yellow
-  }, " scanning..."))), /* @__PURE__ */ React.createElement("box", {
-    flexDirection: "row",
-    flexGrow: 1
-  }, /* @__PURE__ */ React.createElement("box", {
-    width: leftWidth(),
-    flexDirection: "column",
-    borderStyle: "rounded",
-    borderColor: focusPanel() === "list" ? theme.border_highlight : theme.border
-  }, /* @__PURE__ */ React.createElement(RepoList, {
-    repos: processedRepos(),
-    focused: focusPanel() === "list",
-    onSelect: handleSelect
-  })), /* @__PURE__ */ React.createElement("box", {
-    flexDirection: "column",
-    flexGrow: 1
-  }, /* @__PURE__ */ React.createElement(GitGraph, {
-    graph: graph(),
-    repoName: selectedNode()?.name ?? "",
-    loading: graphLoading(),
-    focused: focusPanel() === "graph",
-    height: "50%"
-  }), /* @__PURE__ */ React.createElement(WidgetContainer, {
-    status: selectedNode()?.status ?? null,
-    repoName: selectedNode()?.name ?? "",
-    loading: statsLoading(),
-    focused: focusPanel() === "stats",
-    height: "50%",
-    availableWidth: rightPanelWidth(),
-    widgetConfigs: widgetConfigs(),
-    onWidgetConfigChange: handleWidgetConfigChange
-  }))), /* @__PURE__ */ React.createElement(StatusBar, {
-    mode: mode(),
-    repoCount: repoCount(),
-    dirtyCount: dirtyCount(),
-    aheadCount: aheadCount(),
-    scanning: scanning(),
-    message: statusMessage(),
-    widgetSummary: widgetSummary()
-  }), /* @__PURE__ */ React.createElement(HelpOverlay, {
-    visible: showHelp(),
-    onClose: () => setShowHelp(false)
-  }));
+  return (() => {
+    var _el$ = _$createElement18("box"), _el$2 = _$createElement18("box"), _el$3 = _$createElement18("text"), _el$5 = _$createElement18("box"), _el$6 = _$createElement18("text"), _el$9 = _$createElement18("box"), _el$0 = _$createElement18("box"), _el$1 = _$createElement18("box");
+    _$insertNode17(_el$, _el$2);
+    _$insertNode17(_el$, _el$9);
+    _$setProp18(_el$, "flexDirection", "column");
+    _$setProp18(_el$, "width", "100%");
+    _$setProp18(_el$, "height", "100%");
+    _$insertNode17(_el$2, _el$3);
+    _$insertNode17(_el$2, _el$5);
+    _$insertNode17(_el$2, _el$6);
+    _$setProp18(_el$2, "height", 1);
+    _$setProp18(_el$2, "width", "100%");
+    _$setProp18(_el$2, "paddingLeft", 1);
+    _$insertNode17(_el$3, _$createTextNode(`overview`));
+    _$setProp18(_el$5, "flexGrow", 1);
+    _$insert18(_el$2, _$createComponent18(Show16, {
+      get when() {
+        return scanning();
+      },
+      get children() {
+        var _el$7 = _$createElement18("text");
+        _$insertNode17(_el$7, _$createTextNode(` scanning...`));
+        _$effect18((_$p) => _$setProp18(_el$7, "fg", theme.yellow, _$p));
+        return _el$7;
+      }
+    }), null);
+    _$insertNode17(_el$9, _el$0);
+    _$insertNode17(_el$9, _el$1);
+    _$setProp18(_el$9, "flexDirection", "row");
+    _$setProp18(_el$9, "flexGrow", 1);
+    _$setProp18(_el$0, "flexDirection", "column");
+    _$setProp18(_el$0, "borderStyle", "rounded");
+    _$insert18(_el$0, _$createComponent18(RepoList, {
+      get repos() {
+        return processedRepos();
+      },
+      get focused() {
+        return focusPanel() === "list";
+      },
+      onSelect: handleSelect
+    }));
+    _$setProp18(_el$1, "flexDirection", "column");
+    _$setProp18(_el$1, "flexGrow", 1);
+    _$insert18(_el$1, _$createComponent18(GitGraph, {
+      get graph() {
+        return graph();
+      },
+      get repoName() {
+        return selectedNode()?.name ?? "";
+      },
+      get loading() {
+        return graphLoading();
+      },
+      get focused() {
+        return focusPanel() === "graph";
+      },
+      height: "50%"
+    }), null);
+    _$insert18(_el$1, _$createComponent18(WidgetContainer, {
+      get status() {
+        return selectedNode()?.status ?? null;
+      },
+      get repoName() {
+        return selectedNode()?.name ?? "";
+      },
+      get loading() {
+        return statsLoading();
+      },
+      get focused() {
+        return focusPanel() === "stats";
+      },
+      height: "50%",
+      get availableWidth() {
+        return rightPanelWidth();
+      },
+      get widgetConfigs() {
+        return widgetConfigs();
+      },
+      onWidgetConfigChange: handleWidgetConfigChange
+    }), null);
+    _$insert18(_el$, _$createComponent18(StatusBar, {
+      get mode() {
+        return mode();
+      },
+      get repoCount() {
+        return repoCount();
+      },
+      get dirtyCount() {
+        return dirtyCount();
+      },
+      get aheadCount() {
+        return aheadCount();
+      },
+      get scanning() {
+        return scanning();
+      },
+      get message() {
+        return statusMessage();
+      },
+      get widgetSummary() {
+        return widgetSummary();
+      }
+    }), null);
+    _$insert18(_el$, _$createComponent18(HelpOverlay, {
+      get visible() {
+        return showHelp();
+      },
+      onClose: () => setShowHelp(false)
+    }), null);
+    _$effect18((_p$) => {
+      var _v$ = theme.bg, _v$2 = theme.bg_dark, _v$3 = theme.blue, _v$4 = theme.fg_dim, _v$5 = `${props.config.scan_dirs[0]} \u2014 ${repoCount()} repos`, _v$6 = leftWidth(), _v$7 = focusPanel() === "list" ? theme.border_highlight : theme.border;
+      _v$ !== _p$.e && (_p$.e = _$setProp18(_el$, "backgroundColor", _v$, _p$.e));
+      _v$2 !== _p$.t && (_p$.t = _$setProp18(_el$2, "backgroundColor", _v$2, _p$.t));
+      _v$3 !== _p$.a && (_p$.a = _$setProp18(_el$3, "fg", _v$3, _p$.a));
+      _v$4 !== _p$.o && (_p$.o = _$setProp18(_el$6, "fg", _v$4, _p$.o));
+      _v$5 !== _p$.i && (_p$.i = _$setProp18(_el$6, "content", _v$5, _p$.i));
+      _v$6 !== _p$.n && (_p$.n = _$setProp18(_el$0, "width", _v$6, _p$.n));
+      _v$7 !== _p$.s && (_p$.s = _$setProp18(_el$0, "borderColor", _v$7, _p$.s));
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined,
+      a: undefined,
+      o: undefined,
+      i: undefined,
+      n: undefined,
+      s: undefined
+    });
+    return _el$;
+  })();
 }
 // packages/render/src/overview.tsx
 var configResult = await loadConfig();
@@ -10355,7 +11892,7 @@ if (!configResult.ok) {
 }
 var cliArgs = parseCliArgs(Bun.argv);
 var config = mergeCliArgs(configResult.value, cliArgs);
-var App = () => /* @__PURE__ */ React.createElement(MainScreen, {
+var App = () => _$createComponent19(MainScreen, {
   config
 });
 render(App);