indusagi-coding-agent 0.2.8 → 0.2.10

package/src/console/components/AgentsView.ts

@@ -0,0 +1,165 @@
+/**
+ * AgentsView — the drill-in sub-agent view.
+ */
+import { useState } from "indusagi/react-host";
+import { Box, Text, useInput } from "indusagi/react-host/ink";
+import { wrapSelectionIndex, type InkThemeAdapter } from "indusagi/react-ink";
+import { jsx, jsxs } from "indusagi/react-host/jsx-runtime";
+import type { AgentRun } from "./BackgroundAgents.js";
+
+function formatTokens(tokens: number): string {
+  return tokens >= 1e3 ? `${(tokens / 1e3).toFixed(1)}k` : String(tokens);
+}
+
+function clampLine(text: string, width: number): string {
+  const flat = text.replace(/\s+/g, " ").trim();
+  if (flat.length <= width) return flat;
+  if (width <= 1) return flat.slice(0, width);
+  return `${flat.slice(0, width - 1)}…`;
+}
+
+interface ActivityLine {
+  tone: "tool" | "result" | "info";
+  text: string;
+}
+
+function runStatusLine(run: AgentRun, now: number, tokens?: number): string {
+  let head: string;
+  if (run.status === "error") head = "failed";
+  else if (run.status === "done") head = "done";
+  else if (run.startedAt > 0 && now >= run.startedAt) {
+    head = `${Math.max(0, Math.round((now - run.startedAt) / 1e3))}s`;
+  } else head = "working";
+  const tok = tokens !== void 0 && tokens > 0 ? `  ·  ↓ ${formatTokens(tokens)} tokens` : "";
+  return `${head}${tok}`;
+}
+
+const NAME_WIDTH = 12;
+
+function ActivityRow({ theme, line }: { theme: InkThemeAdapter; line: ActivityLine }) {
+  if (line.tone === "tool") {
+    return jsxs(Box, {
+      children: [
+        jsx(Text, { children: theme.color("success", "● ") }),
+        jsx(Text, { children: theme.color("text", clampLine(line.text, 96)) })
+      ]
+    });
+  }
+  if (line.tone === "result") {
+    return jsx(Box, { marginLeft: 2, children: jsx(Text, { children: theme.dim(`└ ${clampLine(line.text, 92)}`) }) });
+  }
+  return jsxs(Box, {
+    children: [
+      jsx(Text, { children: theme.color("accent", "● ") }),
+      jsx(Text, { children: theme.color("text", clampLine(line.text, 96)) })
+    ]
+  });
+}
+
+export interface AgentsViewProps {
+  readonly theme: InkThemeAdapter;
+  readonly runs: readonly AgentRun[];
+  readonly activity: Readonly<Record<string, readonly ActivityLine[]>>;
+  readonly tokens: Readonly<Record<string, number>>;
+  readonly now?: number;
+  readonly onExit: () => void;
+}
+
+export function AgentsView({ theme, runs, activity, tokens, now, onExit }: AgentsViewProps) {
+  const clock = now ?? Date.now();
+  const [selectedIndex, setSelectedIndex] = useState(runs.length > 0 ? 1 : 0);
+  const rowCount = runs.length + 1;
+  const index = Math.min(selectedIndex, rowCount - 1);
+  const viewed = index > 0 ? runs[index - 1] : void 0;
+  useInput((input, key) => {
+    if (key.escape || input === "x") return onExit();
+    if (key.upArrow) return setSelectedIndex((i) => wrapSelectionIndex(Math.min(i, rowCount - 1), -1, rowCount));
+    if (key.downArrow) return setSelectedIndex((i) => wrapSelectionIndex(Math.min(i, rowCount - 1), 1, rowCount));
+    if (key.return && index === 0) onExit();
+  });
+  const lines = viewed ? activity[viewed.id] ?? [] : [];
+  return jsxs(Box, {
+    flexDirection: "column",
+    marginTop: 1,
+    children: [
+      viewed
+        ? jsxs(Box, {
+            flexDirection: "column",
+            children: [
+              jsxs(Box, {
+                marginBottom: 1,
+                children: [
+                  jsx(Text, { children: theme.color("accent", "✶ ") }),
+                  jsx(Text, { bold: true, children: theme.color("accent", viewed.name) }),
+                  jsx(Text, { children: theme.dim(`  ${runStatusLine(viewed, clock, tokens[viewed.id])}`) })
+                ]
+              }),
+              lines.length === 0
+                ? jsx(Text, { children: theme.muted("  Waiting for the first step…") })
+                : lines.map((line, i) => jsx(ActivityRow, { theme, line }, i)),
+              jsx(Box, {
+                marginTop: 1,
+                children: jsx(Text, { wrap: "truncate", children: theme.muted(`└ ${clampLine(viewed.objective, 100)}`) })
+              })
+            ]
+          })
+        : jsxs(Box, {
+            children: [
+              jsx(Text, { children: theme.muted("Select a sub-agent to view its live activity, or press Enter on ") }),
+              jsx(Text, { bold: true, children: theme.color("text", "main") }),
+              jsx(Text, { children: theme.muted(" to return.") })
+            ]
+          }),
+      jsxs(Box, {
+        flexDirection: "column",
+        marginTop: 1,
+        borderStyle: "single",
+        borderColor: theme.colors["borderMuted"],
+        borderBottom: false,
+        borderLeft: false,
+        borderRight: false,
+        paddingTop: 0,
+        children: [
+          jsxs(Box, {
+            children: [
+              jsx(Text, { children: index === 0 ? theme.color("accent", "› ") : "  " }),
+              jsx(Text, { children: index === 0 ? theme.color("text", "● ") : theme.dim("○ ") }),
+              jsx(Text, { bold: index === 0, children: theme.color("text", "main") })
+            ]
+          }),
+          runs.map((run, i) => {
+            const selected = index === i + 1;
+            const dot =
+              run.status === "running"
+                ? theme.color("accent", "◐")
+                : run.status === "error"
+                ? theme.color("error", "●")
+                : theme.color("success", "●");
+            return jsxs(
+              Box,
+              {
+                children: [
+                  jsx(Text, { children: selected ? theme.color("accent", "› ") : "  " }),
+                  jsx(Box, { width: 2, flexShrink: 0, children: jsx(Text, { children: dot }) }),
+                  jsx(Box, {
+                    width: NAME_WIDTH,
+                    flexShrink: 0,
+                    children: jsx(Text, { bold: selected, children: theme.color("accent", clampLine(run.name, NAME_WIDTH - 1)) })
+                  }),
+                  jsx(Box, {
+                    flexGrow: 1,
+                    flexShrink: 1,
+                    children: jsx(Text, { wrap: "truncate", children: theme.muted(clampLine(run.objective, 56)) })
+                  }),
+                  jsx(Text, { children: theme.dim(`  ${runStatusLine(run, clock, tokens[run.id])}`) })
+                ]
+              },
+              run.id
+            );
+          })
+        ]
+      }),
+      jsx(Box, { marginTop: 1, children: jsx(Text, { children: theme.dim("↑/↓ select  ·  Enter to view  ·  Enter on main / Esc to return") }) })
+    ]
+  });
+}

package/src/console/components/BackgroundAgents.ts

@@ -0,0 +1,155 @@
+/**
+ * BackgroundAgents — the live sub-agent panel pinned below the input.
+ */
+import { Box, Text } from "indusagi/react-host/ink";
+import { splitAssistantMessage, type InkThemeAdapter } from "indusagi/react-ink";
+import { jsx, jsxs } from "indusagi/react-host/jsx-runtime";
+import type { AgentMessage } from "indusagi/agent";
+
+/** The live status of one delegated sub-agent. */
+export type AgentRunStatus = "running" | "done" | "error";
+
+/** One delegated sub-agent run, projected from the conversation. */
+export interface AgentRun {
+  readonly id: string;
+  readonly name: string;
+  readonly objective: string;
+  readonly status: AgentRunStatus;
+  readonly startedAt: number;
+}
+
+function readString(args: any, key: string): string | undefined {
+  const value = args[key];
+  if (typeof value !== "string") return void 0;
+  const trimmed = value.trim();
+  return trimmed.length > 0 ? trimmed : void 0;
+}
+
+/**
+ * Derive the delegated sub-agent runs from the conversation.
+ */
+export function deriveAgentRuns(messages: readonly AgentMessage[]): AgentRun[] {
+  const runs: AgentRun[] = [];
+  const status = new Map<string, AgentRunStatus>();
+  for (const message of messages) {
+    if (message.role === "assistant") {
+      const { toolCalls } = splitAssistantMessage(message as any, false);
+      for (const call of toolCalls) {
+        if (call.name !== "task") continue;
+        const args = call.arguments && typeof call.arguments === "object" ? call.arguments : {};
+        runs.push({
+          id: call.id,
+          name: readString(args, "agent") ?? "subagent",
+          objective: readString(args, "objective") ?? "",
+          status: "running",
+          startedAt: typeof message.timestamp === "number" ? message.timestamp : 0
+        });
+      }
+      continue;
+    }
+    if (message.role === "toolResult") {
+      const result = message as any;
+      if (typeof result.toolCallId === "string") {
+        status.set(result.toolCallId, result.isError ? "error" : "done");
+      }
+    }
+  }
+  return runs.map((run) => ({ ...run, status: status.get(run.id) ?? run.status }));
+}
+
+const MAX_VISIBLE_RUNS = 8;
+const NAME_WIDTH = 12;
+
+function clamp(text: string, width: number): string {
+  if (text.length <= width) return text;
+  if (width <= 1) return text.slice(0, width);
+  return `${text.slice(0, width - 1)}…`;
+}
+
+const OBJECTIVE_WIDTH = 64;
+
+function oneLine(text: string): string {
+  return text.replace(/\s+/g, " ").trim();
+}
+
+function formatTokens(tokens: number): string {
+  if (tokens >= 1e3) return `${(tokens / 1e3).toFixed(1)}k`;
+  return String(tokens);
+}
+
+function statusText(run: AgentRun, now: number, tokens?: number): string {
+  let head: string;
+  if (run.status === "error") head = "failed";
+  else if (run.status === "done") head = "done";
+  else if (run.startedAt > 0 && now >= run.startedAt) {
+    head = `${Math.max(0, Math.round((now - run.startedAt) / 1e3))}s`;
+  } else head = "running";
+  if (tokens !== void 0 && tokens > 0) {
+    return `${head}  ·  ↓ ${formatTokens(tokens)} tokens`;
+  }
+  return head;
+}
+
+export interface BackgroundAgentsProps {
+  readonly theme: InkThemeAdapter;
+  readonly runs: readonly AgentRun[];
+  readonly tokens?: Readonly<Record<string, number>>;
+  readonly now?: number;
+}
+
+/**
+ * Render the background-agents panel, or nothing when no run is in flight.
+ */
+export function BackgroundAgents({ theme, runs, tokens, now }: BackgroundAgentsProps) {
+  const clock = now ?? Date.now();
+  const runningCount = runs.reduce((n, run) => (run.status === "running" ? n + 1 : n), 0);
+  if (runningCount === 0) return null;
+  const visible = runs.slice(-MAX_VISIBLE_RUNS);
+  return jsxs(Box, {
+    flexDirection: "column",
+    marginTop: 1,
+    children: [
+      jsxs(Box, {
+        children: [
+          jsx(Text, { children: theme.color("text", "● ") }),
+          jsx(Text, { bold: true, children: theme.color("text", "main") })
+        ]
+      }),
+      visible.map((run) => {
+        const dot =
+          run.status === "running"
+            ? theme.color("accent", "◐")
+            : run.status === "error"
+            ? theme.color("error", "●")
+            : theme.color("success", "●");
+        return jsxs(
+          Box,
+          {
+            children: [
+              jsx(Box, { width: 2, flexShrink: 0, children: jsx(Text, { children: dot }) }),
+              jsx(Box, {
+                width: NAME_WIDTH,
+                flexShrink: 0,
+                children: jsx(Text, { bold: true, children: theme.color("accent", clamp(run.name, NAME_WIDTH - 1)) })
+              }),
+              jsx(Box, {
+                flexGrow: 1,
+                flexShrink: 1,
+                children: jsx(Text, { wrap: "truncate", children: theme.muted(clamp(oneLine(run.objective), OBJECTIVE_WIDTH)) })
+              }),
+              jsx(Text, { children: theme.dim(`  ${statusText(run, clock, tokens?.[run.id])}`) })
+            ]
+          },
+          run.id
+        );
+      }),
+      jsxs(Box, {
+        marginTop: 1,
+        children: [
+          jsx(Text, { children: theme.color("accent", "✶ ") }),
+          jsx(Text, { children: theme.muted(`Waiting for ${runningCount} background agent${runningCount === 1 ? "" : "s"} to finish`) })
+        ]
+      })
+    ]
+  });
+}

package/src/console/components/Banner.ts

@@ -0,0 +1,334 @@
+/**
+ * Banner — the "IndusCode Saffron" masthead the console renders above the transcript.
+ */
+import { Fragment, jsx, jsxs } from "indusagi/react-host/jsx-runtime";
+import { Box, Text } from "indusagi/react-host/ink";
+import { ChangelogBlock } from "indusagi/react-ink";
+import { homedir } from "node:os";
+import { basename } from "node:path";
+import type { InkThemeAdapter } from "indusagi/react-ink";
+import type { StartupChangelog, StartupMap, StartupNotice } from "../startup.js";
+import { MASCOTS, WHATS_NEW, pickWelcomeVariant, mascotRows, type MascotFace } from "./welcome.js";
+import { welcomeLine } from "./banner-sweep.js";
+
+const BRAND = "IndusCode";
+const COMPACT_EMBLEM = "▛▜▙▟";
+
+const WORDMARK_ROWS: readonly string[] = [
+  "██╗███╗   ██╗██████╗ ██╗   ██╗███████╗     ██████╗ ██████╗ ██████╗ ███████╗",
+  "██║████╗  ██║██╔══██╗██║   ██║██╔════╝    ██╔════╝██╔═══██╗██╔══██╗██╔════╝",
+  "██║██╔██╗ ██║██║  ██║██║   ██║███████╗    ██║     ██║   ██║██║  ██║███████╗",
+  "██║██║╚██╗██║██║  ██║██║   ██║╚════██║    ██║     ██║   ██║██║  ██║╚════██║",
+  "██║██║ ╚████║██████╔╝╚██████╔╝███████║    ╚██████╗╚██████╔╝██████╔╝███████║",
+  "╚═╝╚═╝  ╚═══╝╚═════╝  ╚═════╝ ╚══════╝     ╚═════╝ ╚═════╝ ╚═════╝ ╚══════╝"
+];
+
+function StartupNotices({ theme, notices }: { theme: InkThemeAdapter; notices: readonly StartupNotice[] }) {
+  if (notices.length === 0) return null;
+  return jsx(Box, {
+    flexDirection: "column",
+    marginBottom: 1,
+    children: notices.map((notice, index) => jsx(Text, { children: paintNotice(theme, notice) }, index))
+  });
+}
+
+function paintNotice(theme: InkThemeAdapter, notice: StartupNotice) {
+  switch (notice.kind) {
+    case "error":
+      return theme.color("error", notice.text);
+    case "warning":
+      return theme.color("warning", notice.text);
+    case "info":
+    default:
+      return theme.muted(notice.text);
+  }
+}
+
+function StartupChangelogBlock({ theme, changelog }: { theme: InkThemeAdapter; changelog: StartupChangelog }) {
+  if (changelog.mode === "full" && changelog.markdown !== void 0) {
+    return jsx(ChangelogBlock, { markdown: changelog.markdown, theme, title: "What is new" });
+  }
+  if (changelog.mode === "condensed") {
+    return jsxs(Box, {
+      marginTop: 1,
+      children: [
+        jsx(Text, { children: theme.muted(`Updated to v${changelog.version}. Use `) }),
+        jsx(Text, { children: theme.color("accent", "/changelog") }),
+        jsx(Text, { children: theme.muted(" to view the full changelog.") })
+      ]
+    });
+  }
+  return null;
+}
+
+function WelcomeLine({ theme, name, tone = "accent" }: { theme: InkThemeAdapter; name?: string; tone?: "accent" | "muted" }) {
+  const paint = (text: string) => (tone === "muted" ? theme.muted(text) : theme.color("accent", text));
+  const line = welcomeLine(name);
+  if (name !== void 0 && line !== "Welcome back!") {
+    return jsxs(Box, {
+      children: [
+        jsx(Text, { children: paint("Welcome back, ") }),
+        jsx(Text, { bold: true, children: name.trim() }),
+        jsx(Text, { children: paint("!") })
+      ]
+    });
+  }
+  return jsx(Box, { children: jsx(Text, { children: paint(line) }) });
+}
+
+function ShellLine({ theme, workspace, branch }: { theme: InkThemeAdapter; workspace: string; branch?: string | null }) {
+  const dir = basename(workspace);
+  return jsxs(Box, {
+    children: [
+      jsx(Text, { children: theme.color("customMessage", "➜") }),
+      jsx(Text, { children: "  " }),
+      jsx(Text, { bold: true, children: theme.color("text", dir) }),
+      branch !== void 0 && branch !== null && branch.length > 0
+        ? jsxs(Fragment, {
+            children: [
+              jsx(Text, { children: " " }),
+              jsx(Text, { children: theme.color("accent", "git:(") }),
+              jsx(Text, { children: theme.color("customMessage", branch) }),
+              jsx(Text, { children: theme.color("accent", ")") })
+            ]
+          })
+        : null,
+      jsx(Text, { children: theme.dim("  indus") })
+    ]
+  });
+}
+
+function Wordmark({ theme }: { theme: InkThemeAdapter }) {
+  return jsx(Box, {
+    flexDirection: "column",
+    children: WORDMARK_ROWS.map((line, index) => jsx(Text, { children: theme.color("accent", line) }, index))
+  });
+}
+
+function SessionFact({ theme, label, value }: { theme: InkThemeAdapter; label: string; value: string }) {
+  return jsxs(Box, {
+    children: [
+      jsx(Text, { children: theme.dim(`${label.padEnd(7)} `) }),
+      jsx(Text, { children: theme.muted(value) })
+    ]
+  });
+}
+
+function paintMascot(theme: InkThemeAdapter, tone: string, text: string) {
+  switch (tone) {
+    case "head":
+      return theme.color("accent", text);
+    case "mouth":
+      return theme.color("customMessage", text);
+    case "eye":
+    case "feet":
+    default:
+      return theme.dim(text);
+  }
+}
+
+function Mascot({ theme, face }: { theme: InkThemeAdapter; face: MascotFace }) {
+  return jsx(Box, {
+    flexDirection: "column",
+    alignItems: "center",
+    marginY: 1,
+    children: mascotRows(face).map((row, rowIndex) =>
+      jsx(
+        Box,
+        {
+          children: row.map((seg, segIndex) =>
+            jsx(Text, { children: paintMascot(theme, seg.tone, seg.text) }, segIndex)
+          )
+        },
+        rowIndex
+      )
+    )
+  });
+}
+
+function shortenWorkspace(workspace: string): string {
+  const home = homedir();
+  if (home.length > 0 && workspace.startsWith(home)) {
+    return `~${workspace.slice(home.length)}`;
+  }
+  return workspace;
+}
+
+export interface BannerProps {
+  readonly theme: InkThemeAdapter;
+  readonly modelId: string;
+  readonly workspace: string;
+  readonly version: string;
+  readonly started?: boolean;
+  readonly branch?: string | null;
+  readonly verbose?: boolean;
+  readonly quiet?: boolean;
+  readonly compact?: boolean;
+  readonly name?: string;
+  readonly sweep?: boolean;
+  readonly variantSeed?: number;
+  readonly whatsNew?: readonly string[];
+  readonly startup?: StartupMap;
+  readonly notices?: readonly StartupNotice[];
+  readonly changelog?: StartupChangelog;
+}
+
+export function Banner(props: BannerProps) {
+  const {
+    theme,
+    modelId,
+    workspace,
+    version,
+    started,
+    branch,
+    quiet,
+    compact,
+    name,
+    variantSeed,
+    whatsNew,
+    notices,
+    changelog
+  } = props;
+  const noticeList = notices ?? [];
+  if (quiet || compact) {
+    return jsxs(Box, {
+      flexDirection: "column",
+      marginBottom: 1,
+      children: [
+        jsx(StartupNotices, { theme, notices: noticeList }),
+        jsxs(Box, {
+          children: [
+            compact
+              ? jsxs(Fragment, {
+                  children: [
+                    jsx(Text, { children: theme.color("accent", COMPACT_EMBLEM.slice(0, 2)) }),
+                    jsx(Text, { children: theme.color("customMessage", COMPACT_EMBLEM.slice(2)) }),
+                    jsx(Text, { children: "  " })
+                  ]
+                })
+              : null,
+            jsx(Text, { bold: true, children: theme.color("accent", BRAND) }),
+            jsx(Text, { children: "  " }),
+            jsx(Text, { children: theme.muted(`v${version}`) }),
+            jsx(Text, { children: "  " }),
+            jsx(Text, { children: theme.dim(modelId) })
+          ]
+        }),
+        jsx(WelcomeLine, { theme, name, tone: "muted" }),
+        changelog ? jsx(StartupChangelogBlock, { theme, changelog }) : null
+      ]
+    });
+  }
+  if (started) {
+    return jsxs(Box, {
+      flexDirection: "column",
+      marginBottom: 1,
+      children: [
+        jsx(StartupNotices, { theme, notices: noticeList }),
+        jsx(ShellLine, { theme, workspace, branch }),
+        jsx(Box, { marginTop: 1, children: jsx(Wordmark, { theme }) }),
+        jsxs(Box, {
+          marginTop: 1,
+          flexDirection: "column",
+          children: [
+            jsxs(Box, {
+              children: [
+                jsx(Text, { bold: true, children: theme.color("accent", "indus console") }),
+                jsx(Text, { children: "  " }),
+                jsx(Text, { children: theme.dim(`v${version}`) })
+              ]
+            }),
+            jsx(WelcomeLine, { theme, name, tone: "accent" })
+          ]
+        }),
+        jsxs(Box, {
+          flexDirection: "column",
+          borderStyle: "round",
+          borderColor: theme.colors["accent"],
+          paddingX: 1,
+          marginTop: 1,
+          children: [
+            jsx(Text, { bold: true, children: theme.color("accent", "Session") }),
+            jsx(SessionFact, { theme, label: "model", value: modelId }),
+            jsx(SessionFact, { theme, label: "cwd", value: shortenWorkspace(workspace) })
+          ]
+        }),
+        changelog ? jsx(StartupChangelogBlock, { theme, changelog }) : null
+      ]
+    });
+  }
+  const variant = pickWelcomeVariant(variantSeed ?? 0);
+  const greeting = welcomeLine(name);
+  const news = whatsNew && whatsNew.length > 0 ? whatsNew : WHATS_NEW;
+  const metaLine = modelId;
+  return jsxs(Box, {
+    flexDirection: "column",
+    marginBottom: 1,
+    children: [
+      jsx(StartupNotices, { theme, notices: noticeList }),
+      jsxs(Box, {
+        flexDirection: "column",
+        borderStyle: "round",
+        borderColor: theme.colors["accent"],
+        paddingX: 2,
+        paddingY: 1,
+        children: [
+          jsxs(Box, {
+            children: [
+              jsx(Text, { children: theme.color("customMessage", "● ") }),
+              jsx(Text, { bold: true, children: theme.color("accent", `${BRAND} `) }),
+              jsx(Text, { children: theme.dim(`v${version}`) })
+            ]
+          }),
+          jsxs(Box, {
+            marginTop: 1,
+            flexDirection: "row",
+            children: [
+              jsxs(Box, {
+                flexDirection: "column",
+                alignItems: "center",
+                width: 32,
+                flexShrink: 0,
+                marginRight: 2,
+                children: [
+                  jsx(Text, { bold: true, children: theme.color("text", greeting) }),
+                  jsx(Mascot, { theme, face: variant.mascot }),
+                  jsx(Text, { children: theme.dim(metaLine) }),
+                  jsx(Text, { children: theme.dim(shortenWorkspace(workspace)) })
+                ]
+              }),
+              jsxs(Box, {
+                flexDirection: "column",
+                flexGrow: 1,
+                borderStyle: "single",
+                borderColor: theme.colors["borderMuted"],
+                borderTop: false,
+                borderRight: false,
+                borderBottom: false,
+                paddingLeft: 2,
+                children: [
+                  jsx(Text, { bold: true, children: theme.color("accent", "Tips for getting started") }),
+                  jsx(Text, { children: theme.color("text", variant.tip) }),
+                  jsx(Box, { marginTop: 1, children: jsx(Text, { bold: true, children: theme.color("accent", "What's new") }) }),
+                  news.map((line, index) =>
+                    jsxs(Box, {
+                      flexDirection: "row",
+                      children: [
+                        jsx(Box, { width: 2, flexShrink: 0, children: jsx(Text, { children: theme.color("customMessage", "▸") }) }),
+                        jsx(Box, { flexGrow: 1, children: jsx(Text, { children: theme.color("text", line) }) })
+                      ]
+                    }, index)
+                  ),
+                  jsx(Box, { marginTop: 1, children: jsx(Text, { italic: true, children: theme.muted("/release-notes for more") }) })
+                ]
+              })
+            ]
+          })
+        ]
+      }),
+      changelog ? jsx(StartupChangelogBlock, { theme, changelog }) : null
+    ]
+  });
+}
+// Keep MASCOTS imported as a side-effect of this file even if not used directly
+void MASCOTS;