@skillkit/tui 1.18.0 → 1.19.1

package/dist/index.js

@@ -1721,7 +1721,7 @@ var render = async (node, rendererOrConfig = {}) => {
 import { createCliRenderer as createCliRenderer2 } from "@opentui/core";
 
 // src/App.tsx
-import { execFile as execFile2 } from "child_process";
+import { execFile as execFile5 } from "child_process";
 
 // src/state/types.ts
 var NAV_KEYS = {
@@ -1745,7 +1745,10 @@ var NAV_KEYS = {
   "/": "help",
   "g": "mesh",
   "j": "message",
-  "z": "scan"
+  "z": "scan",
+  l: "timeline",
+  v: "lineage",
+  f: "handoff"
 };
 var STATUS_BAR_SHORTCUTS = "b browse  m market  i installed  s sync  / help  q quit";
 var SIDEBAR_NAV = [
@@ -1785,6 +1788,14 @@ var SIDEBAR_NAV = [
       { key: "j", label: "Messages", screen: "message" }
     ]
   },
+  {
+    section: "Session",
+    items: [
+      { key: "l", label: "Timeline", screen: "timeline" },
+      { key: "v", label: "Lineage", screen: "lineage" },
+      { key: "f", label: "Handoff", screen: "handoff" }
+    ]
+  },
   {
     section: "More",
     items: [
@@ -7214,7 +7225,7 @@ function Memory(props) {
       }));
     }
   };
-  const getTypeIcon = (type) => {
+  const getTypeIcon2 = (type) => {
     switch (type) {
       case "index":
         return "\u25C8";
@@ -7405,7 +7416,7 @@ function Memory(props) {
                   setProp(_el$33, "width", 3);
                   insert(_el$33, () => idx() === selectedIndex() ? "\u25B8 " : "  ");
                   insertNode(_el$34, _el$35);
-                  insert(_el$34, () => getTypeIcon(mem.type), _el$35);
+                  insert(_el$34, () => getTypeIcon2(mem.type), _el$35);
                   setProp(_el$36, "width", 20);
                   insert(_el$36, () => mem.key);
                   setProp(_el$37, "width", 12);
@@ -7441,7 +7452,7 @@ function Memory(props) {
                   return selectedEntry().key;
                 },
                 get icon() {
-                  return getTypeIcon(selectedEntry().type);
+                  return getTypeIcon2(selectedEntry().type);
                 },
                 get fields() {
                   return detailFields();
@@ -9049,7 +9060,7 @@ function Plugins(props) {
       else props.onNavigate("home");
     }
   });
-  const getTypeIcon = (type) => {
+  const getTypeIcon2 = (type) => {
     switch (type) {
       case "translator":
         return "\u21C4";
@@ -9181,7 +9192,7 @@ function Plugins(props) {
                     insert(_el$23, () => selected() ? "\u25B8 " : "  ");
                     insertNode(_el$24, _el$25);
                     setProp(_el$24, "width", 3);
-                    insert(_el$24, () => getTypeIcon(plugin.type), _el$25);
+                    insert(_el$24, () => getTypeIcon2(plugin.type), _el$25);
                     setProp(_el$26, "width", 20);
                     insert(_el$26, () => plugin.name);
                     insertNode(_el$27, _el$28);
@@ -9263,7 +9274,7 @@ function Plugins(props) {
                   return `v${selectedPlugin().metadata.version}`;
                 },
                 get icon() {
-                  return getTypeIcon(currentPlugin()?.type || "mixed");
+                  return getTypeIcon2(currentPlugin()?.type || "mixed");
                 },
                 get fields() {
                   return detailFields();
@@ -11206,117 +11217,1075 @@ function Scan(props) {
   })();
 }
 
-// src/App.tsx
-var DOCS_URL = "https://agenstskills.com/docs";
-function openUrl(url) {
-  if (process.platform === "win32") {
-    execFile2("cmd", ["/c", "start", "", url]);
-  } else {
-    const cmd = process.platform === "darwin" ? "open" : "xdg-open";
-    execFile2(cmd, [url]);
+// src/screens/Timeline.tsx
+import { execFile as execFile2 } from "child_process";
+function getTypeIcon(type) {
+  switch (type) {
+    case "skill_start":
+      return "\u25B6";
+    case "skill_complete":
+      return "\u2713";
+    case "task_progress":
+      return "\u25C7";
+    case "git_commit":
+      return "\u25CF";
+    case "observation":
+      return "\u25CB";
+    case "decision":
+      return "\u25C6";
+    case "snapshot":
+      return "\u25C8";
+    default:
+      return "\u2022";
   }
 }
-function App(props) {
-  const [showSplash, setShowSplash] = createSignal(true);
-  const [currentScreen, setCurrentScreen] = createSignal("home");
-  const [showSidebar, setShowSidebar] = createSignal(true);
-  const [dimensions, setDimensions] = createSignal({
-    cols: process.stdout.columns || 80,
-    rows: process.stdout.rows || 24
-  });
-  createEffect(() => {
-    const handleResize = () => {
-      setDimensions({
-        cols: process.stdout.columns || 80,
-        rows: process.stdout.rows || 24
-      });
-    };
-    process.stdout.on("resize", handleResize);
-    onCleanup(() => {
-      process.stdout.off("resize", handleResize);
+function getTypeColor(type) {
+  switch (type) {
+    case "skill_start":
+      return "#22cc44";
+    case "skill_complete":
+      return "#22cc44";
+    case "git_commit":
+      return "#fbbf24";
+    case "observation":
+      return "#00bbcc";
+    case "decision":
+      return "#aa88ff";
+    case "snapshot":
+      return "#ff88aa";
+    default:
+      return terminalColors.textMuted;
+  }
+}
+function formatTimestamp(ts) {
+  try {
+    const d = new Date(ts);
+    if (isNaN(d.getTime())) return ts;
+    return d.toLocaleTimeString("en-US", {
+      hour: "numeric",
+      minute: "2-digit",
+      hour12: true
     });
-  });
-  const cols = () => dimensions().cols;
-  const rows = () => dimensions().rows;
-  const sidebarVisible = () => showSidebar() && cols() >= 80;
-  const sidebarWidth = () => {
-    if (!sidebarVisible()) return 0;
-    if (cols() >= 100) return 24;
-    return 18;
-  };
-  const statusBarHeight = 2;
-  const contentHeight = () => rows() - statusBarHeight;
-  const handleNavigate = (newScreen) => {
-    setCurrentScreen(newScreen);
-  };
-  const handleSplashComplete = () => {
-    setShowSplash(false);
+  } catch {
+    return ts;
+  }
+}
+function Timeline2(props) {
+  const [loading, setLoading] = createSignal(true);
+  const [result, setResult] = createSignal(null);
+  const [error, setError] = createSignal(null);
+  const [selectedIndex, setSelectedIndex] = createSignal(0);
+  const rows = () => props.rows ?? 24;
+  const visibleCount = () => Math.max(1, rows() - 10);
+  const loadTimeline = () => {
+    setLoading(true);
+    setError(null);
+    try {
+      execFile2("npx", ["skillkit", "timeline", "--json"], {
+        timeout: 15e3,
+        maxBuffer: 1024 * 1024
+      }, (err, stdout, stderr) => {
+        setLoading(false);
+        if (err && !stdout) {
+          setError(stderr || err.message || "Failed to load timeline");
+          return;
+        }
+        try {
+          const parsed = JSON.parse(stdout);
+          setResult(parsed);
+        } catch {
+          setError("Failed to parse timeline data");
+        }
+      });
+    } catch (err) {
+      setLoading(false);
+      setError(err instanceof Error ? err.message : "Failed to load timeline");
+    }
   };
+  createEffect(() => {
+    loadTimeline();
+  });
+  const events = createMemo(() => result()?.events ?? []);
+  const windowStart = createMemo(() => Math.max(0, selectedIndex() - visibleCount() + 1));
+  const visibleEvents = createMemo(() => events().slice(windowStart(), windowStart() + visibleCount()));
   useKeyboard((key) => {
-    if (showSplash()) {
-      setShowSplash(false);
-      return;
-    }
-    if (key.name === "q" || key.ctrl && key.name === "c") {
-      props.onExit ? props.onExit(0) : process.exit(0);
-      return;
-    }
-    if (key.name === "d") {
-      openUrl(DOCS_URL);
-      return;
-    }
-    if (key.sequence === "\\") {
-      setShowSidebar((v) => !v);
-      return;
-    }
-    const targetScreen = NAV_KEYS[key.name || ""];
-    if (targetScreen) {
-      setCurrentScreen(targetScreen);
+    if (key.name === "k" || key.name === "up") {
+      setSelectedIndex((i) => Math.max(0, i - 1));
+    } else if (key.name === "j" || key.name === "down") {
+      setSelectedIndex((i) => events().length > 0 ? Math.min(events().length - 1, i + 1) : 0);
+    } else if (key.name === "r") {
+      loadTimeline();
+    } else if (key.name === "escape") {
+      props.onNavigate("home");
     }
-    if (key.name === "escape" && currentScreen() !== "home") {
-      setCurrentScreen("home");
+  });
+  return (() => {
+    var _el$ = createElement("box"), _el$7 = createElement("text"), _el$9 = createElement("text");
+    insertNode(_el$, _el$7);
+    insertNode(_el$, _el$9);
+    setProp(_el$, "flexDirection", "column");
+    setProp(_el$, "padding", 1);
+    insert(_el$, createComponent2(Header, {
+      title: "Timeline",
+      subtitle: "unified event stream",
+      get count() {
+        return result()?.totalCount;
+      },
+      icon: "\u25B8"
+    }), _el$7);
+    insert(_el$, createComponent2(Show, {
+      get when() {
+        return loading();
+      },
+      get children() {
+        return createComponent2(Spinner, {
+          label: "Loading timeline..."
+        });
+      }
+    }), _el$7);
+    insert(_el$, createComponent2(Show, {
+      get when() {
+        return error();
+      },
+      get children() {
+        var _el$2 = createElement("box"), _el$3 = createElement("text"), _el$4 = createTextNode(`Error: `), _el$5 = createElement("text");
+        insertNode(_el$2, _el$3);
+        insertNode(_el$2, _el$5);
+        setProp(_el$2, "flexDirection", "column");
+        insertNode(_el$3, _el$4);
+        setProp(_el$3, "fg", "#ff5555");
+        insert(_el$3, error, null);
+        insertNode(_el$5, createTextNode(`Press r to retry`));
+        effect((_$p) => setProp(_el$5, "fg", terminalColors.textMuted, _$p));
+        return _el$2;
+      }
+    }), _el$7);
+    insert(_el$, createComponent2(Show, {
+      get when() {
+        return memo2(() => !!!loading())() && !error();
+      },
+      get children() {
+        return [createComponent2(Show, {
+          get when() {
+            return events().length === 0;
+          },
+          get children() {
+            return createComponent2(EmptyState, {
+              title: "No timeline events",
+              description: "Events appear as you execute skills and make commits"
+            });
+          }
+        }), createComponent2(Show, {
+          get when() {
+            return events().length > 0;
+          },
+          get children() {
+            return createComponent2(For, {
+              get each() {
+                return visibleEvents();
+              },
+              children: (event, idx) => {
+                const absoluteIdx = () => windowStart() + idx();
+                const isSelected = () => absoluteIdx() === selectedIndex();
+                return (() => {
+                  var _el$1 = createElement("box"), _el$10 = createElement("box"), _el$11 = createElement("text"), _el$12 = createElement("text"), _el$13 = createElement("text"), _el$14 = createElement("text");
+                  insertNode(_el$1, _el$10);
+                  setProp(_el$1, "flexDirection", "column");
+                  insertNode(_el$10, _el$11);
+                  insertNode(_el$10, _el$12);
+                  insertNode(_el$10, _el$13);
+                  insertNode(_el$10, _el$14);
+                  setProp(_el$10, "flexDirection", "row");
+                  setProp(_el$10, "gap", 1);
+                  insert(_el$11, () => isSelected() ? ">" : " ");
+                  setProp(_el$12, "width", 9);
+                  insert(_el$12, () => formatTimestamp(event.timestamp));
+                  insert(_el$13, () => getTypeIcon(event.type));
+                  insert(_el$14, () => event.summary);
+                  insert(_el$1, createComponent2(Show, {
+                    get when() {
+                      return memo2(() => !!isSelected())() && event.source;
+                    },
+                    get children() {
+                      var _el$15 = createElement("text"), _el$16 = createTextNode(`              source: `);
+                      insertNode(_el$15, _el$16);
+                      insert(_el$15, () => event.source, null);
+                      effect((_$p) => setProp(_el$15, "fg", terminalColors.textMuted, _$p));
+                      return _el$15;
+                    }
+                  }), null);
+                  effect((_p$) => {
+                    var _v$ = isSelected() ? terminalColors.accent : terminalColors.textMuted, _v$2 = terminalColors.textMuted, _v$3 = getTypeColor(event.type), _v$4 = isSelected() ? terminalColors.text : terminalColors.textMuted;
+                    _v$ !== _p$.e && (_p$.e = setProp(_el$11, "fg", _v$, _p$.e));
+                    _v$2 !== _p$.t && (_p$.t = setProp(_el$12, "fg", _v$2, _p$.t));
+                    _v$3 !== _p$.a && (_p$.a = setProp(_el$13, "fg", _v$3, _p$.a));
+                    _v$4 !== _p$.o && (_p$.o = setProp(_el$14, "fg", _v$4, _p$.o));
+                    return _p$;
+                  }, {
+                    e: void 0,
+                    t: void 0,
+                    a: void 0,
+                    o: void 0
+                  });
+                  return _el$1;
+                })();
+              }
+            });
+          }
+        })];
+      }
+    }), _el$7);
+    insertNode(_el$7, createTextNode(` `));
+    insertNode(_el$9, createTextNode(`j/k navigate r refresh esc back`));
+    effect((_$p) => setProp(_el$9, "fg", terminalColors.textMuted, _$p));
+    return _el$;
+  })();
+}
+
+// src/screens/Lineage.tsx
+import { execFile as execFile3 } from "child_process";
+function formatDuration(ms) {
+  const seconds = Math.floor(ms / 1e3);
+  const minutes = Math.floor(seconds / 60);
+  if (minutes > 0) return `${minutes}m`;
+  return `${seconds}s`;
+}
+function Lineage(props) {
+  const [loading, setLoading] = createSignal(true);
+  const [result, setResult] = createSignal(null);
+  const [error, setError] = createSignal(null);
+  const [selectedIndex, setSelectedIndex] = createSignal(0);
+  const [viewMode, setViewMode] = createSignal("skills");
+  const rows = () => props.rows ?? 24;
+  const visibleCount = () => Math.max(1, rows() - 14);
+  const loadLineage = () => {
+    setLoading(true);
+    setError(null);
+    try {
+      execFile3("npx", ["skillkit", "lineage", "--json"], {
+        timeout: 15e3,
+        maxBuffer: 1024 * 1024
+      }, (err, stdout, stderr) => {
+        setLoading(false);
+        if (err && !stdout) {
+          setError(stderr || err.message || "Failed to load lineage");
+          return;
+        }
+        try {
+          const parsed = JSON.parse(stdout);
+          setResult(parsed);
+        } catch {
+          setError("Failed to parse lineage data");
+        }
+      });
+    } catch (err) {
+      setLoading(false);
+      setError(err instanceof Error ? err.message : "Failed to load lineage");
     }
+  };
+  createEffect(() => {
+    loadLineage();
   });
-  const screenProps = () => ({
-    onNavigate: handleNavigate,
-    cols: Math.max(1, cols() - sidebarWidth() - 2),
-    rows: Math.max(1, contentHeight() - 1)
+  const items = createMemo(() => {
+    if (viewMode() === "skills") return result()?.skills ?? [];
+    return result()?.files ?? [];
   });
-  return createComponent2(Show, {
-    get when() {
-      return !showSplash();
-    },
-    get fallback() {
-      return createComponent2(Splash, {
-        onComplete: handleSplashComplete,
-        duration: 3e3
-      });
-    },
-    get children() {
-      var _el$ = createElement("box"), _el$2 = createElement("box"), _el$3 = createElement("box");
-      insertNode(_el$, _el$2);
-      setProp(_el$, "flexDirection", "column");
-      insertNode(_el$2, _el$3);
-      setProp(_el$2, "flexDirection", "row");
-      insert(_el$2, createComponent2(Show, {
-        get when() {
-          return sidebarVisible();
-        },
-        get children() {
-          return createComponent2(Sidebar, {
-            get screen() {
-              return currentScreen();
-            },
-            onNavigate: handleNavigate
-          });
-        }
-      }), _el$3);
-      setProp(_el$3, "flexDirection", "column");
-      setProp(_el$3, "flexGrow", 1);
-      setProp(_el$3, "paddingX", 1);
-      insert(_el$3, createComponent2(Switch, {
-        get fallback() {
-          return createComponent2(Home, mergeProps3(screenProps));
+  const windowStart = createMemo(() => Math.max(0, selectedIndex() - visibleCount() + 1));
+  const visibleItems = createMemo(() => items().slice(windowStart(), windowStart() + visibleCount()));
+  useKeyboard((key) => {
+    if (key.name === "k" || key.name === "up") {
+      setSelectedIndex((i) => Math.max(0, i - 1));
+    } else if (key.name === "j" || key.name === "down") {
+      setSelectedIndex((i) => items().length > 0 ? Math.min(items().length - 1, i + 1) : 0);
+    } else if (key.name === "tab") {
+      setViewMode((m) => m === "skills" ? "files" : "skills");
+      setSelectedIndex(0);
+    } else if (key.name === "r") {
+      loadLineage();
+    } else if (key.name === "escape") {
+      props.onNavigate("home");
+    }
+  });
+  return (() => {
+    var _el$ = createElement("box"), _el$30 = createElement("text"), _el$32 = createElement("text");
+    insertNode(_el$, _el$30);
+    insertNode(_el$, _el$32);
+    setProp(_el$, "flexDirection", "column");
+    setProp(_el$, "padding", 1);
+    insert(_el$, createComponent2(Header, {
+      title: "Lineage",
+      subtitle: "skill impact graph",
+      icon: "\u25C9"
+    }), _el$30);
+    insert(_el$, createComponent2(Show, {
+      get when() {
+        return loading();
+      },
+      get children() {
+        return createComponent2(Spinner, {
+          label: "Loading lineage..."
+        });
+      }
+    }), _el$30);
+    insert(_el$, createComponent2(Show, {
+      get when() {
+        return error();
+      },
+      get children() {
+        var _el$2 = createElement("box"), _el$3 = createElement("text"), _el$4 = createTextNode(`Error: `), _el$5 = createElement("text");
+        insertNode(_el$2, _el$3);
+        insertNode(_el$2, _el$5);
+        setProp(_el$2, "flexDirection", "column");
+        insertNode(_el$3, _el$4);
+        setProp(_el$3, "fg", "#ff5555");
+        insert(_el$3, error, null);
+        insertNode(_el$5, createTextNode(`Press r to retry`));
+        effect((_$p) => setProp(_el$5, "fg", terminalColors.textMuted, _$p));
+        return _el$2;
+      }
+    }), _el$30);
+    insert(_el$, createComponent2(Show, {
+      get when() {
+        return memo2(() => !!(!loading() && !error()))() && result();
+      },
+      get children() {
+        return [(() => {
+          var _el$7 = createElement("box"), _el$8 = createElement("text"), _el$9 = createTextNode(` executions`), _el$0 = createElement("text"), _el$10 = createElement("text"), _el$11 = createTextNode(` commits`), _el$12 = createElement("text"), _el$14 = createElement("text"), _el$15 = createTextNode(` files`);
+          insertNode(_el$7, _el$8);
+          insertNode(_el$7, _el$0);
+          insertNode(_el$7, _el$10);
+          insertNode(_el$7, _el$12);
+          insertNode(_el$7, _el$14);
+          setProp(_el$7, "flexDirection", "row");
+          setProp(_el$7, "gap", 2);
+          setProp(_el$7, "marginBottom", 1);
+          insertNode(_el$8, _el$9);
+          insert(_el$8, () => result().stats.totalSkillExecutions, _el$9);
+          insertNode(_el$0, createTextNode(`|`));
+          insertNode(_el$10, _el$11);
+          insert(_el$10, () => result().stats.totalCommits, _el$11);
+          insertNode(_el$12, createTextNode(`|`));
+          insertNode(_el$14, _el$15);
+          insert(_el$14, () => result().stats.totalFilesChanged, _el$15);
+          insert(_el$7, createComponent2(Show, {
+            get when() {
+              return result().stats.mostImpactfulSkill;
+            },
+            get children() {
+              return [(() => {
+                var _el$16 = createElement("text");
+                insertNode(_el$16, createTextNode(`|`));
+                effect((_$p) => setProp(_el$16, "fg", terminalColors.textMuted, _$p));
+                return _el$16;
+              })(), (() => {
+                var _el$18 = createElement("text"), _el$19 = createTextNode(`top: `);
+                insertNode(_el$18, _el$19);
+                setProp(_el$18, "fg", "#22cc44");
+                insert(_el$18, () => result().stats.mostImpactfulSkill, null);
+                return _el$18;
+              })()];
+            }
+          }), null);
+          effect((_p$) => {
+            var _v$ = terminalColors.text, _v$2 = terminalColors.textMuted, _v$3 = terminalColors.text, _v$4 = terminalColors.textMuted, _v$5 = terminalColors.text;
+            _v$ !== _p$.e && (_p$.e = setProp(_el$8, "fg", _v$, _p$.e));
+            _v$2 !== _p$.t && (_p$.t = setProp(_el$0, "fg", _v$2, _p$.t));
+            _v$3 !== _p$.a && (_p$.a = setProp(_el$10, "fg", _v$3, _p$.a));
+            _v$4 !== _p$.o && (_p$.o = setProp(_el$12, "fg", _v$4, _p$.o));
+            _v$5 !== _p$.i && (_p$.i = setProp(_el$14, "fg", _v$5, _p$.i));
+            return _p$;
+          }, {
+            e: void 0,
+            t: void 0,
+            a: void 0,
+            o: void 0,
+            i: void 0
+          });
+          return _el$7;
+        })(), (() => {
+          var _el$20 = createElement("box"), _el$21 = createElement("text"), _el$22 = createTextNode(`Skills (`), _el$23 = createTextNode(`)`), _el$24 = createElement("text"), _el$25 = createTextNode(`Files (`), _el$26 = createTextNode(`)`), _el$27 = createElement("text");
+          insertNode(_el$20, _el$21);
+          insertNode(_el$20, _el$24);
+          insertNode(_el$20, _el$27);
+          setProp(_el$20, "flexDirection", "row");
+          setProp(_el$20, "gap", 2);
+          setProp(_el$20, "marginBottom", 1);
+          insertNode(_el$21, _el$22);
+          insertNode(_el$21, _el$23);
+          insert(_el$21, () => result()?.skills?.length ?? 0, _el$23);
+          insertNode(_el$24, _el$25);
+          insertNode(_el$24, _el$26);
+          insert(_el$24, () => result()?.files?.length ?? 0, _el$26);
+          insertNode(_el$27, createTextNode(`(Tab to switch)`));
+          effect((_p$) => {
+            var _v$6 = viewMode() === "skills" ? terminalColors.accent : terminalColors.textMuted, _v$7 = viewMode() === "skills", _v$8 = viewMode() === "files" ? terminalColors.accent : terminalColors.textMuted, _v$9 = viewMode() === "files", _v$0 = terminalColors.textMuted;
+            _v$6 !== _p$.e && (_p$.e = setProp(_el$21, "fg", _v$6, _p$.e));
+            _v$7 !== _p$.t && (_p$.t = setProp(_el$21, "bold", _v$7, _p$.t));
+            _v$8 !== _p$.a && (_p$.a = setProp(_el$24, "fg", _v$8, _p$.a));
+            _v$9 !== _p$.o && (_p$.o = setProp(_el$24, "bold", _v$9, _p$.o));
+            _v$0 !== _p$.i && (_p$.i = setProp(_el$27, "fg", _v$0, _p$.i));
+            return _p$;
+          }, {
+            e: void 0,
+            t: void 0,
+            a: void 0,
+            o: void 0,
+            i: void 0
+          });
+          return _el$20;
+        })(), (() => {
+          var _el$29 = createElement("text");
+          insert(_el$29, () => "\u2500".repeat(Math.min(60, (props.cols ?? 80) - 4)));
+          effect((_$p) => setProp(_el$29, "fg", terminalColors.textMuted, _$p));
+          return _el$29;
+        })(), createComponent2(Show, {
+          get when() {
+            return items().length === 0;
+          },
+          get children() {
+            return createComponent2(EmptyState, {
+              get title() {
+                return viewMode() === "skills" ? "No skill lineage data" : "No file lineage data";
+              },
+              description: "Execute skills to build lineage history"
+            });
+          }
+        }), createComponent2(Show, {
+          get when() {
+            return items().length > 0;
+          },
+          get children() {
+            return createComponent2(For, {
+              get each() {
+                return visibleItems();
+              },
+              children: (item, idx) => {
+                const absoluteIdx = () => windowStart() + idx();
+                const isSelected = () => absoluteIdx() === selectedIndex();
+                return (() => {
+                  var _el$34 = createElement("box");
+                  setProp(_el$34, "flexDirection", "column");
+                  insert(_el$34, createComponent2(Show, {
+                    get when() {
+                      return viewMode() === "skills";
+                    },
+                    get children() {
+                      return (() => {
+                        const skill = item;
+                        return (() => {
+                          var _el$35 = createElement("box"), _el$36 = createElement("text"), _el$37 = createElement("text"), _el$38 = createElement("text"), _el$39 = createTextNode(`x`), _el$40 = createElement("text"), _el$41 = createElement("text"), _el$42 = createTextNode(` commits`), _el$43 = createElement("text"), _el$44 = createTextNode(` files`);
+                          insertNode(_el$35, _el$36);
+                          insertNode(_el$35, _el$37);
+                          insertNode(_el$35, _el$38);
+                          insertNode(_el$35, _el$40);
+                          insertNode(_el$35, _el$41);
+                          insertNode(_el$35, _el$43);
+                          setProp(_el$35, "flexDirection", "row");
+                          setProp(_el$35, "gap", 1);
+                          insert(_el$36, () => isSelected() ? ">" : " ");
+                          setProp(_el$37, "width", 24);
+                          insert(_el$37, () => skill.skillName);
+                          insertNode(_el$38, _el$39);
+                          setProp(_el$38, "width", 8);
+                          insert(_el$38, () => skill.executions, _el$39);
+                          setProp(_el$40, "width", 8);
+                          insert(_el$40, () => formatDuration(skill.totalDurationMs));
+                          insertNode(_el$41, _el$42);
+                          setProp(_el$41, "fg", "#fbbf24");
+                          setProp(_el$41, "width", 8);
+                          insert(_el$41, () => skill.commits.length, _el$42);
+                          insertNode(_el$43, _el$44);
+                          insert(_el$43, () => skill.filesModified.length, _el$44);
+                          effect((_p$) => {
+                            var _v$1 = isSelected() ? terminalColors.accent : terminalColors.textMuted, _v$10 = isSelected() ? terminalColors.text : terminalColors.textMuted, _v$11 = terminalColors.textMuted, _v$12 = terminalColors.textMuted, _v$13 = terminalColors.textMuted;
+                            _v$1 !== _p$.e && (_p$.e = setProp(_el$36, "fg", _v$1, _p$.e));
+                            _v$10 !== _p$.t && (_p$.t = setProp(_el$37, "fg", _v$10, _p$.t));
+                            _v$11 !== _p$.a && (_p$.a = setProp(_el$38, "fg", _v$11, _p$.a));
+                            _v$12 !== _p$.o && (_p$.o = setProp(_el$40, "fg", _v$12, _p$.o));
+                            _v$13 !== _p$.i && (_p$.i = setProp(_el$43, "fg", _v$13, _p$.i));
+                            return _p$;
+                          }, {
+                            e: void 0,
+                            t: void 0,
+                            a: void 0,
+                            o: void 0,
+                            i: void 0
+                          });
+                          return _el$35;
+                        })();
+                      })();
+                    }
+                  }), null);
+                  insert(_el$34, createComponent2(Show, {
+                    get when() {
+                      return viewMode() === "files";
+                    },
+                    get children() {
+                      return (() => {
+                        const file = item;
+                        return (() => {
+                          var _el$45 = createElement("box"), _el$46 = createElement("text"), _el$47 = createElement("text"), _el$48 = createElement("text"), _el$49 = createTextNode(` commits`), _el$50 = createElement("text");
+                          insertNode(_el$45, _el$46);
+                          insertNode(_el$45, _el$47);
+                          insertNode(_el$45, _el$48);
+                          insertNode(_el$45, _el$50);
+                          setProp(_el$45, "flexDirection", "row");
+                          setProp(_el$45, "gap", 1);
+                          insert(_el$46, () => isSelected() ? ">" : " ");
+                          setProp(_el$47, "width", 36);
+                          insert(_el$47, () => file.path);
+                          insertNode(_el$48, _el$49);
+                          setProp(_el$48, "fg", "#fbbf24");
+                          setProp(_el$48, "width", 10);
+                          insert(_el$48, () => file.commitCount, _el$49);
+                          insert(_el$50, () => file.skills.join(", "));
+                          effect((_p$) => {
+                            var _v$14 = isSelected() ? terminalColors.accent : terminalColors.textMuted, _v$15 = isSelected() ? terminalColors.text : terminalColors.textMuted, _v$16 = terminalColors.textMuted;
+                            _v$14 !== _p$.e && (_p$.e = setProp(_el$46, "fg", _v$14, _p$.e));
+                            _v$15 !== _p$.t && (_p$.t = setProp(_el$47, "fg", _v$15, _p$.t));
+                            _v$16 !== _p$.a && (_p$.a = setProp(_el$50, "fg", _v$16, _p$.a));
+                            return _p$;
+                          }, {
+                            e: void 0,
+                            t: void 0,
+                            a: void 0
+                          });
+                          return _el$45;
+                        })();
+                      })();
+                    }
+                  }), null);
+                  return _el$34;
+                })();
+              }
+            });
+          }
+        })];
+      }
+    }), _el$30);
+    insertNode(_el$30, createTextNode(` `));
+    insertNode(_el$32, createTextNode(`j/k navigate Tab switch view r refresh esc back`));
+    effect((_$p) => setProp(_el$32, "fg", terminalColors.textMuted, _$p));
+    return _el$;
+  })();
+}
+
+// src/screens/Handoff.tsx
+import { execFile as execFile4 } from "child_process";
+function changeTypeLabel(changeType) {
+  switch (changeType) {
+    case "modified":
+      return "M";
+    case "created":
+      return "A";
+    default:
+      return "D";
+  }
+}
+function Handoff(props) {
+  const [loading, setLoading] = createSignal(true);
+  const [result, setResult] = createSignal(null);
+  const [error, setError] = createSignal(null);
+  const [section, setSection] = createSignal("accomplished");
+  const loadHandoff = () => {
+    setLoading(true);
+    setError(null);
+    try {
+      execFile4("npx", ["skillkit", "session", "handoff", "--json"], {
+        timeout: 15e3,
+        maxBuffer: 1024 * 1024
+      }, (err, stdout, stderr) => {
+        setLoading(false);
+        if (err && !stdout) {
+          setError(stderr || err.message || "Failed to generate handoff");
+          return;
+        }
+        try {
+          const parsed = JSON.parse(stdout);
+          setResult(parsed);
+        } catch {
+          setError("Failed to parse handoff data");
+        }
+      });
+    } catch (err) {
+      setLoading(false);
+      setError(err instanceof Error ? err.message : "Failed to generate handoff");
+    }
+  };
+  createEffect(() => {
+    loadHandoff();
+  });
+  const sections = ["accomplished", "pending", "files", "recommendations"];
+  useKeyboard((key) => {
+    if (key.name === "tab") {
+      const idx = sections.indexOf(section());
+      setSection(sections[(idx + 1) % sections.length]);
+    } else if (key.name === "r") {
+      loadHandoff();
+    } else if (key.name === "escape") {
+      props.onNavigate("home");
+    }
+  });
+  return (() => {
+    var _el$ = createElement("box"), _el$36 = createElement("text"), _el$38 = createElement("text");
+    insertNode(_el$, _el$36);
+    insertNode(_el$, _el$38);
+    setProp(_el$, "flexDirection", "column");
+    setProp(_el$, "padding", 1);
+    insert(_el$, createComponent2(Header, {
+      title: "Handoff",
+      subtitle: "agent-to-agent context transfer",
+      icon: "\u21C4"
+    }), _el$36);
+    insert(_el$, createComponent2(Show, {
+      get when() {
+        return loading();
+      },
+      get children() {
+        return createComponent2(Spinner, {
+          label: "Generating handoff document..."
+        });
+      }
+    }), _el$36);
+    insert(_el$, createComponent2(Show, {
+      get when() {
+        return error();
+      },
+      get children() {
+        var _el$2 = createElement("box"), _el$3 = createElement("text"), _el$4 = createTextNode(`Error: `), _el$5 = createElement("text");
+        insertNode(_el$2, _el$3);
+        insertNode(_el$2, _el$5);
+        setProp(_el$2, "flexDirection", "column");
+        insertNode(_el$3, _el$4);
+        setProp(_el$3, "fg", "#ff5555");
+        insert(_el$3, error, null);
+        insertNode(_el$5, createTextNode(`Press r to retry`));
+        effect((_$p) => setProp(_el$5, "fg", terminalColors.textMuted, _$p));
+        return _el$2;
+      }
+    }), _el$36);
+    insert(_el$, createComponent2(Show, {
+      get when() {
+        return memo2(() => !!(!loading() && !error()))() && result();
+      },
+      get children() {
+        return [(() => {
+          var _el$7 = createElement("box"), _el$8 = createElement("text"), _el$0 = createElement("text"), _el$1 = createElement("text"), _el$11 = createElement("text");
+          insertNode(_el$7, _el$8);
+          insertNode(_el$7, _el$0);
+          insertNode(_el$7, _el$1);
+          insertNode(_el$7, _el$11);
+          setProp(_el$7, "flexDirection", "row");
+          setProp(_el$7, "gap", 1);
+          setProp(_el$7, "marginBottom", 1);
+          insertNode(_el$8, createTextNode(`from:`));
+          insert(_el$0, () => result().fromAgent);
+          insertNode(_el$1, createTextNode(`|`));
+          insert(_el$11, () => result().generatedAt);
+          effect((_p$) => {
+            var _v$ = terminalColors.textMuted, _v$2 = terminalColors.text, _v$3 = terminalColors.textMuted, _v$4 = terminalColors.textMuted;
+            _v$ !== _p$.e && (_p$.e = setProp(_el$8, "fg", _v$, _p$.e));
+            _v$2 !== _p$.t && (_p$.t = setProp(_el$0, "fg", _v$2, _p$.t));
+            _v$3 !== _p$.a && (_p$.a = setProp(_el$1, "fg", _v$3, _p$.a));
+            _v$4 !== _p$.o && (_p$.o = setProp(_el$11, "fg", _v$4, _p$.o));
+            return _p$;
+          }, {
+            e: void 0,
+            t: void 0,
+            a: void 0,
+            o: void 0
+          });
+          return _el$7;
+        })(), (() => {
+          var _el$12 = createElement("box"), _el$13 = createElement("text");
+          insertNode(_el$12, _el$13);
+          setProp(_el$12, "flexDirection", "row");
+          setProp(_el$12, "gap", 2);
+          setProp(_el$12, "marginBottom", 1);
+          insert(_el$12, createComponent2(For, {
+            each: sections,
+            children: (s) => (() => {
+              var _el$40 = createElement("text");
+              insert(_el$40, () => s.charAt(0).toUpperCase() + s.slice(1));
+              effect((_p$) => {
+                var _v$5 = section() === s ? terminalColors.accent : terminalColors.textMuted, _v$6 = section() === s;
+                _v$5 !== _p$.e && (_p$.e = setProp(_el$40, "fg", _v$5, _p$.e));
+                _v$6 !== _p$.t && (_p$.t = setProp(_el$40, "bold", _v$6, _p$.t));
+                return _p$;
+              }, {
+                e: void 0,
+                t: void 0
+              });
+              return _el$40;
+            })()
+          }), _el$13);
+          insertNode(_el$13, createTextNode(`(Tab to switch)`));
+          effect((_$p) => setProp(_el$13, "fg", terminalColors.textMuted, _$p));
+          return _el$12;
+        })(), (() => {
+          var _el$15 = createElement("text");
+          insert(_el$15, () => "\u2500".repeat(Math.min(60, (props.cols ?? 80) - 4)));
+          effect((_$p) => setProp(_el$15, "fg", terminalColors.textMuted, _$p));
+          return _el$15;
+        })(), createComponent2(Show, {
+          get when() {
+            return section() === "accomplished";
+          },
+          get children() {
+            return [(() => {
+              var _el$16 = createElement("text");
+              insertNode(_el$16, createTextNode(`Accomplished Tasks`));
+              setProp(_el$16, "bold", true);
+              effect((_$p) => setProp(_el$16, "fg", terminalColors.text, _$p));
+              return _el$16;
+            })(), (() => {
+              var _el$18 = createElement("text");
+              insertNode(_el$18, createTextNode(` `));
+              return _el$18;
+            })(), createComponent2(Show, {
+              get when() {
+                return result().accomplished.tasks.length === 0;
+              },
+              get children() {
+                return createComponent2(EmptyState, {
+                  title: "No accomplished tasks in this session"
+                });
+              }
+            }), createComponent2(For, {
+              get each() {
+                return result().accomplished.tasks;
+              },
+              children: (task) => (() => {
+                var _el$41 = createElement("box"), _el$42 = createElement("text"), _el$44 = createElement("text");
+                insertNode(_el$41, _el$42);
+                insertNode(_el$41, _el$44);
+                setProp(_el$41, "flexDirection", "row");
+                setProp(_el$41, "gap", 1);
+                insertNode(_el$42, createTextNode(`\u2713`));
+                setProp(_el$42, "fg", "#22cc44");
+                insert(_el$44, () => task.name);
+                insert(_el$41, createComponent2(Show, {
+                  get when() {
+                    return task.duration;
+                  },
+                  get children() {
+                    var _el$45 = createElement("text"), _el$46 = createTextNode(`(`), _el$47 = createTextNode(`)`);
+                    insertNode(_el$45, _el$46);
+                    insertNode(_el$45, _el$47);
+                    insert(_el$45, () => task.duration, _el$47);
+                    effect((_$p) => setProp(_el$45, "fg", terminalColors.textMuted, _$p));
+                    return _el$45;
+                  }
+                }), null);
+                effect((_$p) => setProp(_el$44, "fg", terminalColors.text, _$p));
+                return _el$41;
+              })()
+            }), createComponent2(Show, {
+              get when() {
+                return result().accomplished.commits.length > 0;
+              },
+              get children() {
+                return [(() => {
+                  var _el$20 = createElement("text");
+                  insertNode(_el$20, createTextNode(` `));
+                  return _el$20;
+                })(), (() => {
+                  var _el$22 = createElement("text");
+                  insertNode(_el$22, createTextNode(`Commits`));
+                  setProp(_el$22, "bold", true);
+                  effect((_$p) => setProp(_el$22, "fg", terminalColors.text, _$p));
+                  return _el$22;
+                })(), createComponent2(For, {
+                  get each() {
+                    return result().accomplished.commits;
+                  },
+                  children: (commit) => (() => {
+                    var _el$48 = createElement("box"), _el$49 = createElement("text"), _el$51 = createElement("text"), _el$52 = createElement("text");
+                    insertNode(_el$48, _el$49);
+                    insertNode(_el$48, _el$51);
+                    insertNode(_el$48, _el$52);
+                    setProp(_el$48, "flexDirection", "row");
+                    setProp(_el$48, "gap", 1);
+                    insertNode(_el$49, createTextNode(`\u25CF`));
+                    setProp(_el$49, "fg", "#fbbf24");
+                    insert(_el$51, () => commit.sha.slice(0, 7));
+                    insert(_el$52, () => commit.message);
+                    effect((_p$) => {
+                      var _v$7 = terminalColors.textMuted, _v$8 = terminalColors.text;
+                      _v$7 !== _p$.e && (_p$.e = setProp(_el$51, "fg", _v$7, _p$.e));
+                      _v$8 !== _p$.t && (_p$.t = setProp(_el$52, "fg", _v$8, _p$.t));
+                      return _p$;
+                    }, {
+                      e: void 0,
+                      t: void 0
+                    });
+                    return _el$48;
+                  })()
+                })];
+              }
+            })];
+          }
+        }), createComponent2(Show, {
+          get when() {
+            return section() === "pending";
+          },
+          get children() {
+            return [(() => {
+              var _el$24 = createElement("text");
+              insertNode(_el$24, createTextNode(`Pending Tasks`));
+              setProp(_el$24, "bold", true);
+              effect((_$p) => setProp(_el$24, "fg", terminalColors.text, _$p));
+              return _el$24;
+            })(), (() => {
+              var _el$26 = createElement("text");
+              insertNode(_el$26, createTextNode(` `));
+              return _el$26;
+            })(), createComponent2(Show, {
+              get when() {
+                return result().pending.tasks.length === 0;
+              },
+              get children() {
+                return createComponent2(EmptyState, {
+                  title: "No pending tasks"
+                });
+              }
+            }), createComponent2(For, {
+              get each() {
+                return result().pending.tasks;
+              },
+              children: (task) => (() => {
+                var _el$53 = createElement("box"), _el$54 = createElement("text"), _el$56 = createElement("text");
+                insertNode(_el$53, _el$54);
+                insertNode(_el$53, _el$56);
+                setProp(_el$53, "flexDirection", "row");
+                setProp(_el$53, "gap", 1);
+                insertNode(_el$54, createTextNode(`\u25CB`));
+                setProp(_el$54, "fg", "#ffaa00");
+                insert(_el$56, () => task.name);
+                effect((_$p) => setProp(_el$56, "fg", terminalColors.text, _$p));
+                return _el$53;
+              })()
+            })];
+          }
+        }), createComponent2(Show, {
+          get when() {
+            return section() === "files";
+          },
+          get children() {
+            return [(() => {
+              var _el$28 = createElement("text");
+              insertNode(_el$28, createTextNode(`Key Files`));
+              setProp(_el$28, "bold", true);
+              effect((_$p) => setProp(_el$28, "fg", terminalColors.text, _$p));
+              return _el$28;
+            })(), (() => {
+              var _el$30 = createElement("text");
+              insertNode(_el$30, createTextNode(` `));
+              return _el$30;
+            })(), createComponent2(Show, {
+              get when() {
+                return result().keyFiles.length === 0;
+              },
+              get children() {
+                return createComponent2(EmptyState, {
+                  title: "No key files tracked"
+                });
+              }
+            }), createComponent2(For, {
+              get each() {
+                return result().keyFiles;
+              },
+              children: (file) => (() => {
+                var _el$57 = createElement("box"), _el$58 = createElement("text"), _el$59 = createElement("text");
+                insertNode(_el$57, _el$58);
+                insertNode(_el$57, _el$59);
+                setProp(_el$57, "flexDirection", "row");
+                setProp(_el$57, "gap", 1);
+                insert(_el$58, () => changeTypeLabel(file.changeType));
+                insert(_el$59, () => file.path);
+                effect((_p$) => {
+                  var _v$9 = terminalColors.textMuted, _v$0 = terminalColors.text;
+                  _v$9 !== _p$.e && (_p$.e = setProp(_el$58, "fg", _v$9, _p$.e));
+                  _v$0 !== _p$.t && (_p$.t = setProp(_el$59, "fg", _v$0, _p$.t));
+                  return _p$;
+                }, {
+                  e: void 0,
+                  t: void 0
+                });
+                return _el$57;
+              })()
+            })];
+          }
+        }), createComponent2(Show, {
+          get when() {
+            return section() === "recommendations";
+          },
+          get children() {
+            return [(() => {
+              var _el$32 = createElement("text");
+              insertNode(_el$32, createTextNode(`Recommendations`));
+              setProp(_el$32, "bold", true);
+              effect((_$p) => setProp(_el$32, "fg", terminalColors.text, _$p));
+              return _el$32;
+            })(), (() => {
+              var _el$34 = createElement("text");
+              insertNode(_el$34, createTextNode(` `));
+              return _el$34;
+            })(), createComponent2(Show, {
+              get when() {
+                return result().recommendations.length === 0;
+              },
+              get children() {
+                return createComponent2(EmptyState, {
+                  title: "No recommendations"
+                });
+              }
+            }), createComponent2(For, {
+              get each() {
+                return result().recommendations;
+              },
+              children: (rec) => (() => {
+                var _el$60 = createElement("box"), _el$61 = createElement("text"), _el$63 = createElement("text");
+                insertNode(_el$60, _el$61);
+                insertNode(_el$60, _el$63);
+                setProp(_el$60, "flexDirection", "row");
+                setProp(_el$60, "gap", 1);
+                insertNode(_el$61, createTextNode(`\u2192`));
+                insert(_el$63, rec);
+                effect((_p$) => {
+                  var _v$1 = terminalColors.accent, _v$10 = terminalColors.text;
+                  _v$1 !== _p$.e && (_p$.e = setProp(_el$61, "fg", _v$1, _p$.e));
+                  _v$10 !== _p$.t && (_p$.t = setProp(_el$63, "fg", _v$10, _p$.t));
+                  return _p$;
+                }, {
+                  e: void 0,
+                  t: void 0
+                });
+                return _el$60;
+              })()
+            })];
+          }
+        })];
+      }
+    }), _el$36);
+    insertNode(_el$36, createTextNode(` `));
+    insertNode(_el$38, createTextNode(`Tab switch section r refresh esc back`));
+    effect((_$p) => setProp(_el$38, "fg", terminalColors.textMuted, _$p));
+    return _el$;
+  })();
+}
+
+// src/App.tsx
+var DOCS_URL = "https://agenstskills.com/docs";
+function openUrl(url) {
+  if (process.platform === "win32") {
+    execFile5("cmd", ["/c", "start", "", url]);
+  } else {
+    const cmd = process.platform === "darwin" ? "open" : "xdg-open";
+    execFile5(cmd, [url]);
+  }
+}
+function App(props) {
+  const [showSplash, setShowSplash] = createSignal(true);
+  const [currentScreen, setCurrentScreen] = createSignal("home");
+  const [showSidebar, setShowSidebar] = createSignal(true);
+  const [dimensions, setDimensions] = createSignal({
+    cols: process.stdout.columns || 80,
+    rows: process.stdout.rows || 24
+  });
+  createEffect(() => {
+    const handleResize = () => {
+      setDimensions({
+        cols: process.stdout.columns || 80,
+        rows: process.stdout.rows || 24
+      });
+    };
+    process.stdout.on("resize", handleResize);
+    onCleanup(() => {
+      process.stdout.off("resize", handleResize);
+    });
+  });
+  const cols = () => dimensions().cols;
+  const rows = () => dimensions().rows;
+  const sidebarVisible = () => showSidebar() && cols() >= 80;
+  const sidebarWidth = () => {
+    if (!sidebarVisible()) return 0;
+    if (cols() >= 100) return 24;
+    return 18;
+  };
+  const statusBarHeight = 2;
+  const contentHeight = () => rows() - statusBarHeight;
+  const handleNavigate = (newScreen) => {
+    setCurrentScreen(newScreen);
+  };
+  const handleSplashComplete = () => {
+    setShowSplash(false);
+  };
+  useKeyboard((key) => {
+    if (showSplash()) {
+      setShowSplash(false);
+      return;
+    }
+    if (key.name === "q" || key.ctrl && key.name === "c") {
+      props.onExit ? props.onExit(0) : process.exit(0);
+      return;
+    }
+    if (key.name === "d") {
+      openUrl(DOCS_URL);
+      return;
+    }
+    if (key.sequence === "\\") {
+      setShowSidebar((v) => !v);
+      return;
+    }
+    const targetScreen = NAV_KEYS[key.name || ""];
+    if (targetScreen) {
+      setCurrentScreen(targetScreen);
+    }
+    if (key.name === "escape" && currentScreen() !== "home") {
+      setCurrentScreen("home");
+    }
+  });
+  const screenProps = () => ({
+    onNavigate: handleNavigate,
+    cols: Math.max(1, cols() - sidebarWidth() - 2),
+    rows: Math.max(1, contentHeight() - 1)
+  });
+  return createComponent2(Show, {
+    get when() {
+      return !showSplash();
+    },
+    get fallback() {
+      return createComponent2(Splash, {
+        onComplete: handleSplashComplete,
+        duration: 3e3
+      });
+    },
+    get children() {
+      var _el$ = createElement("box"), _el$2 = createElement("box"), _el$3 = createElement("box");
+      insertNode(_el$, _el$2);
+      setProp(_el$, "flexDirection", "column");
+      insertNode(_el$2, _el$3);
+      setProp(_el$2, "flexDirection", "row");
+      insert(_el$2, createComponent2(Show, {
+        get when() {
+          return sidebarVisible();
+        },
+        get children() {
+          return createComponent2(Sidebar, {
+            get screen() {
+              return currentScreen();
+            },
+            onNavigate: handleNavigate
+          });
+        }
+      }), _el$3);
+      setProp(_el$3, "flexDirection", "column");
+      setProp(_el$3, "flexGrow", 1);
+      setProp(_el$3, "paddingX", 1);
+      insert(_el$3, createComponent2(Switch, {
+        get fallback() {
+          return createComponent2(Home, mergeProps3(screenProps));
         },
         get children() {
           return [createComponent2(Match, {
@@ -11466,6 +12435,27 @@ function App(props) {
             get children() {
               return createComponent2(Scan, mergeProps3(screenProps));
             }
+          }), createComponent2(Match, {
+            get when() {
+              return currentScreen() === "timeline";
+            },
+            get children() {
+              return createComponent2(Timeline2, mergeProps3(screenProps));
+            }
+          }), createComponent2(Match, {
+            get when() {
+              return currentScreen() === "lineage";
+            },
+            get children() {
+              return createComponent2(Lineage, mergeProps3(screenProps));
+            }
+          }), createComponent2(Match, {
+            get when() {
+              return currentScreen() === "handoff";
+            },
+            get children() {
+              return createComponent2(Handoff, mergeProps3(screenProps));
+            }
           })];
         }
       }));
@@ -11890,7 +12880,10 @@ var SCREEN_LABELS = {
   help: "Help",
   mesh: "Mesh",
   message: "Message",
-  scan: "Security Scan"
+  scan: "Security Scan",
+  timeline: "Timeline",
+  lineage: "Lineage",
+  handoff: "Handoff"
 };
 function BottomStatusBar(props) {
   const version = getVersion();
@@ -14130,6 +15123,7 @@ export {
   FeatureList,
   FocusRing,
   FormField,
+  Handoff,
   Header,
   Help,
   HighlightableListItem,
@@ -14141,6 +15135,7 @@ export {
   InlineStatus,
   Installed,
   InteractiveArea,
+  Lineage,
   LoadingState,
   Marketplace,
   Memory,
@@ -14180,6 +15175,7 @@ export {
   Team,
   TextAreaField,
   ThreePaneLayout,
+  Timeline2 as Timeline,
   Translate,
   Try,
   VerticalTabBar,