agent-mockingbird 0.0.1

package/patches/opencode/0002-Fix-OpenCode-web-entry-and-settings-icons.patch

@@ -0,0 +1,104 @@
+From e6f3084be1883e1d02911b034ff4b1903de01ced Mon Sep 17 00:00:00 2001
+From: Matt Campbell <matt@battleshopper.com>
+Date: Mon, 16 Mar 2026 14:17:21 -0500
+Subject: [PATCH 02/10] Fix OpenCode web entry and settings icons
+
+---
+ .../app/src/components/dialog-settings.tsx    | 10 +++---
+ packages/app/src/entry.tsx                    | 33 +++++++++++++++----
+ 2 files changed, 32 insertions(+), 11 deletions(-)
+
+diff --git a/packages/app/src/components/dialog-settings.tsx b/packages/app/src/components/dialog-settings.tsx
+index 005920ccb..460555ed1 100644
+--- a/packages/app/src/components/dialog-settings.tsx
++++ b/packages/app/src/components/dialog-settings.tsx
+@@ -57,23 +57,23 @@ export const DialogSettings: Component = () => {
+                   <Tabs.SectionTitle>Agent Mockingbird</Tabs.SectionTitle>
+                   <div class="flex flex-col gap-1.5 w-full">
+                     <Tabs.Trigger value="agents">
+-                      <Icon name="sparkles" />
++                      <Icon name="brain" />
+                       {language.t("settings.agents.title")}
+                     </Tabs.Trigger>
+                     <Tabs.Trigger value="mcp">
+-                      <Icon name="plug-2" />
++                      <Icon name="providers" />
+                       {language.t("settings.mcp.title")}
+                     </Tabs.Trigger>
+                     <Tabs.Trigger value="skills">
+-                      <Icon name="book-open" />
++                      <Icon name="help" />
+                       {language.t("settings.skills.title")}
+                     </Tabs.Trigger>
+                     <Tabs.Trigger value="runtime">
+-                      <Icon name="terminal-square" />
++                      <Icon name="terminal" />
+                       {language.t("settings.runtime.title")}
+                     </Tabs.Trigger>
+                     <Tabs.Trigger value="cron">
+-                      <Icon name="clock-3" />
++                      <Icon name="warning" />
+                       {language.t("settings.cron.title")}
+                     </Tabs.Trigger>
+                   </div>
+diff --git a/packages/app/src/entry.tsx b/packages/app/src/entry.tsx
+index 2198a7bc1..52b6e7669 100644
+--- a/packages/app/src/entry.tsx
++++ b/packages/app/src/entry.tsx
+@@ -9,6 +9,8 @@ import { handleNotificationClick } from "@/utils/notification-click"
+ import pkg from "../package.json"
+ import { ServerConnection } from "./context/server"
+ 
++const DEFAULT_SERVER_URL_KEY = "opencode.settings.dat:defaultServerUrl"
++
+ const getLocale = () => {
+   if (typeof navigator !== "object") return "en" as const
+   const languages = navigator.languages?.length ? navigator.languages : [navigator.language]
+@@ -25,6 +27,31 @@ const getRootNotFoundError = () => {
+   return locale === "zh" ? (zh[key] ?? en[key]) : en[key]
+ }
+ 
++const getStorage = (key: string) => {
++  if (typeof localStorage === "undefined") return null
++  try {
++    return localStorage.getItem(key)
++  } catch {
++    return null
++  }
++}
++
++const setStorage = (key: string, value: string | null) => {
++  if (typeof localStorage === "undefined") return
++  try {
++    if (value !== null) {
++      localStorage.setItem(key, value)
++      return
++    }
++    localStorage.removeItem(key)
++  } catch {
++    return
++  }
++}
++
++const readDefaultServerUrl = () => getStorage(DEFAULT_SERVER_URL_KEY)
++const writeDefaultServerUrl = (url: string | null) => setStorage(DEFAULT_SERVER_URL_KEY, url)
++
+ const notify: Platform["notify"] = async (title, description, href) => {
+   if (!("Notification" in window)) return
+ 
+@@ -77,12 +104,6 @@ const getCurrentUrl = () => {
+   return location.origin
+ }
+ 
+-const getDefaultUrl = () => {
+-  const lsDefault = readDefaultServerUrl()
+-  if (lsDefault) return lsDefault
+-  return getCurrentUrl()
+-}
+-
+ const platform: Platform = {
+   platform: "web",
+   version: pkg.version,
+-- 
+2.53.0
+

package/patches/opencode/0003-fix-app-remove-duplicate-sidebar-mount.patch

@@ -0,0 +1,32 @@
+From 862ffa45d820c9ba32cdce55dbc10a64e9c744b1 Mon Sep 17 00:00:00 2001
+From: Matt Campbell <matt@battleshopper.com>
+Date: Mon, 16 Mar 2026 21:06:59 -0500
+Subject: [PATCH 03/10] fix(app): remove duplicate sidebar mount
+
+---
+ packages/app/src/pages/layout.tsx | 2 --
+ 1 file changed, 2 deletions(-)
+
+diff --git a/packages/app/src/pages/layout.tsx b/packages/app/src/pages/layout.tsx
+index 5626c040b..9df2a3681 100644
+--- a/packages/app/src/pages/layout.tsx
++++ b/packages/app/src/pages/layout.tsx
+@@ -2272,7 +2272,6 @@ export default function Layout(props: ParentProps) {
+                 arm()
+               }}
+             >
+-              <div class="@container w-full h-full contain-strict">{sidebarContent()}</div>
+               <div class="@container w-full h-full contain-strict">{sidebarContent()}</div>
+               <Show when={layout.sidebar.opened()}>
+                 <div onPointerDown={() => setState("sizing", true)}>
+@@ -2321,7 +2320,6 @@ export default function Layout(props: ParentProps) {
+                 onClick={(e) => e.stopPropagation()}
+               >
+                 {sidebarContent(true)}
+-                {sidebarContent(true)}
+               </nav>
+             </div>
+ 
+-- 
+2.53.0
+

package/patches/opencode/0004-Add-heartbeat-settings-and-usage-nav.patch

@@ -0,0 +1,506 @@
+From d0ccb6f44aaff458f67afa3bde01cf7fd0ddf3ab Mon Sep 17 00:00:00 2001
+From: Matt Campbell <matt@battleshopper.com>
+Date: Wed, 18 Mar 2026 15:36:33 -0500
+Subject: [PATCH 04/10] Add heartbeat settings and usage nav
+
+---
+ .../app/src/components/dialog-settings.tsx    |   8 +
+ .../app/src/components/settings-heartbeat.tsx | 409 ++++++++++++++++++
+ packages/app/src/pages/layout.tsx             |   2 +
+ .../app/src/pages/layout/sidebar-shell.tsx    |  11 +
+ 4 files changed, 430 insertions(+)
+ create mode 100644 packages/app/src/components/settings-heartbeat.tsx
+
+diff --git a/packages/app/src/components/dialog-settings.tsx b/packages/app/src/components/dialog-settings.tsx
+index 460555ed1..8b51a29fd 100644
+--- a/packages/app/src/components/dialog-settings.tsx
++++ b/packages/app/src/components/dialog-settings.tsx
+@@ -13,6 +13,7 @@ import { SettingsMcp } from "./settings-mcp"
+ import { SettingsSkills } from "./settings-skills"
+ import { SettingsRuntime } from "./settings-runtime"
+ import { SettingsCron } from "./settings-cron"
++import { SettingsHeartbeat } from "./settings-heartbeat"
+ 
+ export const DialogSettings: Component = () => {
+   const language = useLanguage()
+@@ -72,6 +73,10 @@ export const DialogSettings: Component = () => {
+                       <Icon name="terminal" />
+                       {language.t("settings.runtime.title")}
+                     </Tabs.Trigger>
++                    <Tabs.Trigger value="heartbeat">
++                      <Icon name="status" />
++                      Heartbeat
++                    </Tabs.Trigger>
+                     <Tabs.Trigger value="cron">
+                       <Icon name="warning" />
+                       {language.t("settings.cron.title")}
+@@ -110,6 +115,9 @@ export const DialogSettings: Component = () => {
+         <Tabs.Content value="runtime" class="no-scrollbar">
+           <SettingsRuntime />
+         </Tabs.Content>
++        <Tabs.Content value="heartbeat" class="no-scrollbar">
++          <SettingsHeartbeat />
++        </Tabs.Content>
+         <Tabs.Content value="cron" class="no-scrollbar">
+           <SettingsCron />
+         </Tabs.Content>
+diff --git a/packages/app/src/components/settings-heartbeat.tsx b/packages/app/src/components/settings-heartbeat.tsx
+new file mode 100644
+index 000000000..95a1770cc
+--- /dev/null
++++ b/packages/app/src/components/settings-heartbeat.tsx
+@@ -0,0 +1,409 @@
++import { Button } from "@opencode-ai/ui/button"
++import { Switch } from "@opencode-ai/ui/switch"
++import { showToast } from "@opencode-ai/ui/toast"
++import { onMount, Show, type Component } from "solid-js"
++import { createStore } from "solid-js/store"
++import { waffleJson } from "@/utils/waffle"
++import {
++  WaffleCard,
++  WaffleInput,
++  WaffleMetaRow,
++  WaffleNotice,
++  WaffleSettingsPage,
++  WaffleSettingsSection,
++  WaffleTextArea,
++  WaffleToolbar,
++} from "./settings-waffle-shared"
++
++type HeartbeatActiveHours = {
++  start: string
++  end: string
++  timezone: string
++} | null
++
++type HeartbeatRuntimeConfig = {
++  enabled: boolean
++  interval: string
++  agentId: string
++  model: string
++  prompt: string
++  ackMaxChars: number
++  activeHours?: HeartbeatActiveHours
++}
++
++type HeartbeatStatus = {
++  config: HeartbeatRuntimeConfig
++  state: {
++    sessionId: string | null
++    running: boolean
++    lastRunAt: string | null
++    lastResult: "idle" | "acknowledged" | "attention" | "skipped" | "error"
++    lastResponse: string | null
++    lastError: string | null
++    updatedAt: string
++  }
++  nextDueAt: string | null
++}
++
++type HeartbeatStatusPayload = {
++  heartbeat: HeartbeatStatus
++}
++
++type RuntimePayload = {
++  hash: string
++  path: string
++}
++
++type HeartbeatFormState = {
++  enabled: boolean
++  interval: string
++  model: string
++  agentId: string
++  ackMaxChars: string
++  prompt: string
++  activeHoursEnabled: boolean
++  activeStart: string
++  activeEnd: string
++  activeTimezone: string
++}
++
++function toForm(config: HeartbeatRuntimeConfig): HeartbeatFormState {
++  return {
++    enabled: config.enabled,
++    interval: config.interval,
++    model: config.model,
++    agentId: config.agentId,
++    ackMaxChars: String(config.ackMaxChars),
++    prompt: config.prompt,
++    activeHoursEnabled: !!config.activeHours,
++    activeStart: config.activeHours?.start ?? "09:00",
++    activeEnd: config.activeHours?.end ?? "17:00",
++    activeTimezone: config.activeHours?.timezone ?? Intl.DateTimeFormat().resolvedOptions().timeZone ?? "UTC",
++  }
++}
++
++function formatTimestamp(value: string | null) {
++  if (!value) return "Never"
++  const date = new Date(value)
++  if (Number.isNaN(date.getTime())) return value
++  return date.toLocaleString()
++}
++
++function formatResult(value: HeartbeatStatus["state"]["lastResult"]) {
++  switch (value) {
++    case "acknowledged":
++      return "Acknowledged"
++    case "attention":
++      return "Needs attention"
++    case "skipped":
++      return "Skipped"
++    case "error":
++      return "Error"
++    default:
++      return "Idle"
++  }
++}
++
++function buildHeartbeatPatch(form: HeartbeatFormState): HeartbeatRuntimeConfig {
++  const interval = form.interval.trim()
++  const model = form.model.trim()
++  const agentId = form.agentId.trim()
++  const prompt = form.prompt.trim()
++  const ackMaxChars = Number(form.ackMaxChars)
++
++  if (!interval) throw new Error("Interval is required")
++  if (!model) throw new Error("Model is required")
++  if (!prompt) throw new Error("Prompt is required")
++  if (!Number.isFinite(ackMaxChars) || ackMaxChars < 1) throw new Error("Ack max chars must be a positive number")
++
++  const activeHours =
++    form.activeHoursEnabled
++      ? {
++          start: form.activeStart.trim(),
++          end: form.activeEnd.trim(),
++          timezone: form.activeTimezone.trim(),
++        }
++      : null
++
++  if (activeHours && (!activeHours.start || !activeHours.end || !activeHours.timezone)) {
++    throw new Error("Active hours require a start, end, and timezone")
++  }
++
++  return {
++    enabled: form.enabled,
++    interval,
++    model,
++    agentId,
++    prompt,
++    ackMaxChars,
++    activeHours,
++  }
++}
++
++export const SettingsHeartbeat: Component = () => {
++  const [state, setState] = createStore({
++    loading: true,
++    saving: false,
++    running: false,
++    error: "",
++    runtimeHash: "",
++    runtimePath: "",
++    status: null as HeartbeatStatus | null,
++    form: {
++      enabled: true,
++      interval: "15m",
++      model: "",
++      agentId: "build",
++      ackMaxChars: "280",
++      prompt: "",
++      activeHoursEnabled: false,
++      activeStart: "09:00",
++      activeEnd: "17:00",
++      activeTimezone: "UTC",
++    } as HeartbeatFormState,
++  })
++
++  async function load() {
++    setState("loading", true)
++    setState("error", "")
++    try {
++      const [heartbeat, runtime] = await Promise.all([
++        waffleJson<HeartbeatStatusPayload>("/api/waffle/heartbeat"),
++        waffleJson<RuntimePayload>("/api/waffle/runtime/config"),
++      ])
++      setState("status", heartbeat.heartbeat)
++      setState("runtimeHash", runtime.hash)
++      setState("runtimePath", runtime.path)
++      setState("form", toForm(heartbeat.heartbeat.config))
++    } catch (error) {
++      setState("error", error instanceof Error ? error.message : "Failed to load heartbeat settings")
++    } finally {
++      setState("loading", false)
++    }
++  }
++
++  async function save() {
++    let heartbeatPatch: HeartbeatRuntimeConfig
++    try {
++      heartbeatPatch = buildHeartbeatPatch(state.form)
++    } catch (error) {
++      setState("error", error instanceof Error ? error.message : "Invalid heartbeat settings")
++      return
++    }
++
++    setState("saving", true)
++    setState("error", "")
++    try {
++      const runtime = await waffleJson<RuntimePayload>("/api/waffle/runtime/config", {
++        method: "PATCH",
++        body: JSON.stringify({
++          patch: {
++            runtime: {
++              heartbeat: heartbeatPatch,
++            },
++          },
++          expectedHash: state.runtimeHash || undefined,
++        }),
++      })
++      setState("runtimeHash", runtime.hash)
++      setState("runtimePath", runtime.path)
++      showToast({
++        variant: "success",
++        icon: "circle-check",
++        title: "Heartbeat settings saved",
++      })
++      await load()
++    } catch (error) {
++      setState("error", error instanceof Error ? error.message : "Failed to save heartbeat settings")
++    } finally {
++      setState("saving", false)
++    }
++  }
++
++  async function runNow() {
++    setState("running", true)
++    setState("error", "")
++    try {
++      const payload = await waffleJson<HeartbeatStatusPayload>("/api/waffle/heartbeat/run", {
++        method: "POST",
++      })
++      setState("status", payload.heartbeat)
++      setState("form", toForm(payload.heartbeat.config))
++      showToast({
++        variant: "success",
++        icon: "circle-check",
++        title: "Heartbeat run completed",
++      })
++    } catch (error) {
++      setState("error", error instanceof Error ? error.message : "Failed to run heartbeat")
++    } finally {
++      setState("running", false)
++    }
++  }
++
++  onMount(() => {
++    void load()
++  })
++
++  return (
++    <WaffleSettingsPage
++      title="Heartbeat"
++      description="Monitor the dedicated heartbeat session, control its schedule, and choose its model explicitly."
++      actions={
++        <WaffleToolbar>
++          <Button variant="ghost" size="large" onClick={() => void load()} disabled={state.loading || state.saving || state.running}>
++            Refresh
++          </Button>
++          <Button variant="ghost" size="large" onClick={() => void runNow()} disabled={state.loading || state.saving || state.running}>
++            Run now
++          </Button>
++          <Button size="large" onClick={() => void save()} disabled={state.loading || state.saving || state.running}>
++            Save
++          </Button>
++        </WaffleToolbar>
++      }
++    >
++      <Show when={state.error}>
++        <WaffleNotice tone="error">{state.error}</WaffleNotice>
++      </Show>
++
++      <Show when={state.status}>
++        {(status) => (
++          <>
++            <WaffleSettingsSection title="Status" description="Current scheduler state for the dedicated Heartbeat session.">
++              <WaffleMetaRow label="Config file" value={state.runtimePath || "Unavailable"} />
++              <WaffleMetaRow label="Enabled" value={status().config.enabled ? "Yes" : "No"} />
++              <WaffleMetaRow label="Session id" value={status().state.sessionId ?? "Not created yet"} />
++              <WaffleMetaRow label="Currently running" value={status().state.running ? "Yes" : "No"} />
++              <WaffleMetaRow label="Last run" value={formatTimestamp(status().state.lastRunAt)} />
++              <WaffleMetaRow label="Next due" value={formatTimestamp(status().nextDueAt)} />
++              <WaffleMetaRow label="Last result" value={formatResult(status().state.lastResult)} />
++              <WaffleMetaRow label="Last updated" value={formatTimestamp(status().state.updatedAt)} />
++            </WaffleSettingsSection>
++
++            <Show when={status().state.lastError}>
++              <WaffleNotice tone="error">{status().state.lastError ?? ""}</WaffleNotice>
++            </Show>
++
++            <Show when={status().state.lastResponse}>
++              <WaffleSettingsSection title="Last response" description="Most recent heartbeat response captured from the dedicated session.">
++                <WaffleCard>
++                  <div class="text-13-regular text-text-strong whitespace-pre-wrap break-words">
++                    {status().state.lastResponse}
++                  </div>
++                </WaffleCard>
++              </WaffleSettingsSection>
++            </Show>
++          </>
++        )}
++      </Show>
++
++      <WaffleSettingsSection title="Controls" description="Choose whether heartbeat runs, how often it runs, and which model it uses.">
++        <WaffleCard>
++          <div class="flex flex-wrap items-center justify-between gap-3 rounded-lg border border-border-weak-base bg-surface-base px-4 py-3">
++            <div class="flex flex-col gap-1">
++              <div class="text-13-medium text-text-strong">Heartbeat enabled</div>
++              <div class="text-12-regular text-text-weak">Disable this to stop the scheduler without removing the Heartbeat session.</div>
++            </div>
++            <Switch checked={state.form.enabled} onChange={(enabled) => setState("form", "enabled", enabled)} hideLabel>
++              Heartbeat enabled
++            </Switch>
++          </div>
++
++          <div class="grid gap-4 sm:grid-cols-2">
++            <div class="flex flex-col gap-2">
++              <span class="text-12-medium text-text-weak">Model</span>
++              <WaffleInput
++                value={state.form.model}
++                placeholder="openai/gpt-5.4"
++                onInput={(event) => setState("form", "model", event.currentTarget.value)}
++              />
++            </div>
++            <div class="flex flex-col gap-2">
++              <span class="text-12-medium text-text-weak">Interval</span>
++              <WaffleInput
++                value={state.form.interval}
++                placeholder="15m"
++                onInput={(event) => setState("form", "interval", event.currentTarget.value)}
++              />
++            </div>
++            <div class="flex flex-col gap-2">
++              <span class="text-12-medium text-text-weak">Agent id</span>
++              <WaffleInput
++                value={state.form.agentId}
++                placeholder="build"
++                onInput={(event) => setState("form", "agentId", event.currentTarget.value)}
++              />
++            </div>
++            <div class="flex flex-col gap-2">
++              <span class="text-12-medium text-text-weak">Ack max chars</span>
++              <WaffleInput
++                type="number"
++                min="1"
++                value={state.form.ackMaxChars}
++                onInput={(event) => setState("form", "ackMaxChars", event.currentTarget.value)}
++              />
++            </div>
++          </div>
++        </WaffleCard>
++      </WaffleSettingsSection>
++
++      <WaffleSettingsSection title="Active hours" description="Optionally restrict heartbeat runs to a daily time window.">
++        <WaffleCard>
++          <div class="flex flex-wrap items-center justify-between gap-3 rounded-lg border border-border-weak-base bg-surface-base px-4 py-3">
++            <div class="flex flex-col gap-1">
++              <div class="text-13-medium text-text-strong">Restrict to active hours</div>
++              <div class="text-12-regular text-text-weak">When enabled, heartbeat only runs inside the configured local time window.</div>
++            </div>
++            <Switch
++              checked={state.form.activeHoursEnabled}
++              onChange={(enabled) => setState("form", "activeHoursEnabled", enabled)}
++              hideLabel
++            >
++              Restrict to active hours
++            </Switch>
++          </div>
++
++          <Show when={state.form.activeHoursEnabled}>
++            <div class="grid gap-4 sm:grid-cols-3">
++              <div class="flex flex-col gap-2">
++                <span class="text-12-medium text-text-weak">Start</span>
++                <WaffleInput
++                  value={state.form.activeStart}
++                  placeholder="09:00"
++                  onInput={(event) => setState("form", "activeStart", event.currentTarget.value)}
++                />
++              </div>
++              <div class="flex flex-col gap-2">
++                <span class="text-12-medium text-text-weak">End</span>
++                <WaffleInput
++                  value={state.form.activeEnd}
++                  placeholder="17:00"
++                  onInput={(event) => setState("form", "activeEnd", event.currentTarget.value)}
++                />
++              </div>
++              <div class="flex flex-col gap-2">
++                <span class="text-12-medium text-text-weak">Timezone</span>
++                <WaffleInput
++                  value={state.form.activeTimezone}
++                  placeholder="America/Chicago"
++                  onInput={(event) => setState("form", "activeTimezone", event.currentTarget.value)}
++                />
++              </div>
++            </div>
++          </Show>
++        </WaffleCard>
++      </WaffleSettingsSection>
++
++      <WaffleSettingsSection title="Prompt" description="This prompt runs in the visible Heartbeat session whenever the scheduler fires.">
++        <WaffleCard>
++          <WaffleTextArea
++            rows={12}
++            value={state.form.prompt}
++            onInput={(event) => setState("form", "prompt", event.currentTarget.value)}
++          />
++        </WaffleCard>
++      </WaffleSettingsSection>
++    </WaffleSettingsPage>
++  )
++}
+diff --git a/packages/app/src/pages/layout.tsx b/packages/app/src/pages/layout.tsx
+index 9df2a3681..86cfb0b9b 100644
+--- a/packages/app/src/pages/layout.tsx
++++ b/packages/app/src/pages/layout.tsx
+@@ -2227,6 +2227,8 @@ export default function Layout(props: ParentProps) {
+       openProjectKeybind={() => command.keybind("project.open")}
+       onOpenProject={chooseProject}
+       renderProjectOverlay={projectOverlay}
++      usageLabel={() => "Usage"}
++      onOpenUsage={() => window.location.assign("/usage")}
+       settingsLabel={() => language.t("sidebar.settings")}
+       settingsKeybind={() => command.keybind("settings.open")}
+       onOpenSettings={openSettings}
+diff --git a/packages/app/src/pages/layout/sidebar-shell.tsx b/packages/app/src/pages/layout/sidebar-shell.tsx
+index 924828c2f..7ed209697 100644
+--- a/packages/app/src/pages/layout/sidebar-shell.tsx
++++ b/packages/app/src/pages/layout/sidebar-shell.tsx
+@@ -25,6 +25,8 @@ export const SidebarContent = (props: {
+   openProjectKeybind?: Accessor<string | undefined>
+   onOpenProject?: () => void
+   renderProjectOverlay: () => JSX.Element
++  usageLabel: Accessor<string>
++  onOpenUsage: () => void
+   settingsLabel: Accessor<string>
+   settingsKeybind: Accessor<string | undefined>
+   onOpenSettings: () => void
+@@ -71,6 +73,15 @@ export const SidebarContent = (props: {
+           </DragDropProvider>
+         </div>
+         <div class="shrink-0 w-full pt-3 pb-6 flex flex-col items-center gap-2">
++          <Tooltip placement={placement()} value={props.usageLabel()}>
++            <IconButton
++              icon="status"
++              variant="ghost"
++              size="large"
++              onClick={props.onOpenUsage}
++              aria-label={props.usageLabel()}
++            />
++          </Tooltip>
+           <TooltipKeybind placement={placement()} title={props.settingsLabel()} keybind={props.settingsKeybind() ?? ""}>
+             <IconButton
+               icon="settings-gear"
+-- 
+2.53.0
+

package/patches/opencode/0005-Use-chart-icon-for-usage-nav.patch

@@ -0,0 +1,38 @@
+From c96dd61ea8cfefe92ab911a881be4385713b3a31 Mon Sep 17 00:00:00 2001
+From: Matt Campbell <matt@battleshopper.com>
+Date: Wed, 18 Mar 2026 16:12:22 -0500
+Subject: [PATCH 05/10] Use chart icon for usage nav
+
+---
+ packages/app/src/pages/layout/sidebar-shell.tsx | 2 +-
+ packages/ui/src/components/icon.tsx             | 1 +
+ 2 files changed, 2 insertions(+), 1 deletion(-)
+
+diff --git a/packages/app/src/pages/layout/sidebar-shell.tsx b/packages/app/src/pages/layout/sidebar-shell.tsx
+index 7ed209697..47df7f298 100644
+--- a/packages/app/src/pages/layout/sidebar-shell.tsx
++++ b/packages/app/src/pages/layout/sidebar-shell.tsx
+@@ -75,7 +75,7 @@ export const SidebarContent = (props: {
+         <div class="shrink-0 w-full pt-3 pb-6 flex flex-col items-center gap-2">
+           <Tooltip placement={placement()} value={props.usageLabel()}>
+             <IconButton
+-              icon="status"
++              icon="chart-bars"
+               variant="ghost"
+               size="large"
+               onClick={props.onOpenUsage}
+diff --git a/packages/ui/src/components/icon.tsx b/packages/ui/src/components/icon.tsx
+index e2eaf107a..f40783117 100644
+--- a/packages/ui/src/components/icon.tsx
++++ b/packages/ui/src/components/icon.tsx
+@@ -102,6 +102,7 @@ const icons = {
+   link: `<path d="M2.08334 12.0833L1.72979 11.7298L1.37624 12.0833L1.72979 12.4369L2.08334 12.0833ZM7.91668 17.9167L7.56312 18.2702L7.91668 18.6238L8.27023 18.2702L7.91668 17.9167ZM17.9167 7.91666L18.2702 8.27022L18.6238 7.91666L18.2702 7.56311L17.9167 7.91666ZM12.0833 2.08333L12.4369 1.72977L12.0833 1.37622L11.7298 1.72977L12.0833 2.08333ZM8.39646 5.06311L8.0429 5.41666L8.75001 6.12377L9.10356 5.77021L8.75001 5.41666L8.39646 5.06311ZM5.77023 9.10355L6.12378 8.74999L5.41668 8.04289L5.06312 8.39644L5.41668 8.74999L5.77023 9.10355ZM14.2298 10.8964L13.8762 11.25L14.5833 11.9571L14.9369 11.6035L14.5833 11.25L14.2298 10.8964ZM11.6036 14.9369L11.9571 14.5833L11.25 13.8762L10.8965 14.2298L11.25 14.5833L11.6036 14.9369ZM7.14646 12.1464L6.7929 12.5L7.50001 13.2071L7.85356 12.8535L7.50001 12.5L7.14646 12.1464ZM12.8536 7.85355L13.2071 7.49999L12.5 6.79289L12.1465 7.14644L12.5 7.49999L12.8536 7.85355ZM2.08334 12.0833L1.72979 12.4369L7.56312 18.2702L7.91668 17.9167L8.27023 17.5631L2.4369 11.7298L2.08334 12.0833ZM17.9167 7.91666L18.2702 7.56311L12.4369 1.72977L12.0833 2.08333L11.7298 2.43688L17.5631 8.27022L17.9167 7.91666ZM12.0833 2.08333L11.7298 1.72977L8.39646 5.06311L8.75001 5.41666L9.10356 5.77021L12.4369 2.43688L12.0833 2.08333ZM5.41668 8.74999L5.06312 8.39644L1.72979 11.7298L2.08334 12.0833L2.4369 12.4369L5.77023 9.10355L5.41668 8.74999ZM14.5833 11.25L14.9369 11.6035L18.2702 8.27022L17.9167 7.91666L17.5631 7.56311L14.2298 10.8964L14.5833 11.25ZM7.91668 17.9167L8.27023 18.2702L11.6036 14.9369L11.25 14.5833L10.8965 14.2298L7.56312 17.5631L7.91668 17.9167ZM7.50001 12.5L7.85356 12.8535L12.8536 7.85355L12.5 7.49999L12.1465 7.14644L7.14646 12.1464L7.50001 12.5Z" fill="currentColor"/>`,
+   providers: `<path d="M10.0001 4.37562V2.875M13 4.37793V2.87793M7.00014 4.37793V2.875M10 17.1279V15.6279M13 17.1279V15.6279M7 17.1279V15.6279M15.625 13.0029H17.125M15.625 7.00293H17.125M15.625 10.0029H17.125M2.875 10.0029H4.375M2.875 13.0029H4.375M2.875 7.00293H4.375M4.375 4.37793H15.625V15.6279H4.375V4.37793ZM12.6241 10.0022C12.6241 11.4519 11.4488 12.6272 9.99908 12.6272C8.54934 12.6272 7.37408 11.4519 7.37408 10.0022C7.37408 8.55245 8.54934 7.3772 9.99908 7.3772C11.4488 7.3772 12.6241 8.55245 12.6241 10.0022Z" stroke="currentColor" stroke-linecap="square"/>`,
+   models: `<path fill-rule="evenodd" clip-rule="evenodd" d="M17.5 10C12.2917 10 10 12.2917 10 17.5C10 12.2917 7.70833 10 2.5 10C7.70833 10 10 7.70833 10 2.5C10 7.70833 12.2917 10 17.5 10Z" stroke="currentColor"/>`,
++  "chart-bars": `<path d="M3.75 16.25H16.25" stroke="currentColor" stroke-linecap="square"/><path d="M6.25 16.25V10.8333" stroke="currentColor" stroke-linecap="square"/><path d="M10 16.25V7.5" stroke="currentColor" stroke-linecap="square"/><path d="M13.75 16.25V4.16667" stroke="currentColor" stroke-linecap="square"/>`,
+ }
+ 
+ export interface IconProps extends ComponentProps<"svg"> {
+-- 
+2.53.0
+