diff --git "a/piweb/hf-design.patch" "b/piweb/hf-design.patch"
--- "a/piweb/hf-design.patch"
+++ "b/piweb/hf-design.patch"
@@ -3066,7 +3066,7 @@ index 0000000..8d003fe
 +FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
 +OTHER DEALINGS IN THE FONT SOFTWARE.
 diff --git a/app/globals.css b/app/globals.css
-index d6b5535..96b3129 100644
+index d6b5535..401412e 100644
 --- a/app/globals.css
 +++ b/app/globals.css
 @@ -24,46 +24,80 @@
@@ -3262,7 +3262,40 @@ index d6b5535..96b3129 100644
  }
  
  /* WebKit reports dvh/innerHeight without the status-bar strip for installed
-@@ -218,9 +288,9 @@ body {
+@@ -135,28 +205,12 @@ html[data-theme="pine"],
+   }
+ }
+ 
+-.catppuccin-file-icon {
++/* File and folder icons in the tree and tabs (FileIcons.tsx): IBM Carbon icons
++   in the restrained text palette, not language colours. */
++.file-type-icon {
+   display: block;
+   flex-shrink: 0;
+-  background: center / contain no-repeat var(--catppuccin-icon-light);
+-}
+-html.dark .catppuccin-file-icon {
+-  background-image: var(--catppuccin-icon-dark);
+-}
+-
+-/* Use the SVG alpha channel as a mask so file icons follow the app's
+-   restrained text palette instead of Catppuccin's language-specific colors. */
+-@supports (mask-image: url("mask.svg")) or (-webkit-mask-image: url("mask.svg")) {
+-  .catppuccin-file-icon {
+-    background: var(--text-dim);
+-    mask: center / contain no-repeat var(--catppuccin-icon-light);
+-    -webkit-mask: center / contain no-repeat var(--catppuccin-icon-light);
+-  }
+-  html.dark .catppuccin-file-icon {
+-    background: var(--text-dim);
+-    mask-image: var(--catppuccin-icon-dark);
+-    -webkit-mask-image: var(--catppuccin-icon-dark);
+-  }
++  color: var(--text-dim);
+ }
+ 
+ /* Theme toggle: circular wipe via View Transitions API.
+@@ -218,9 +272,9 @@ body {
    margin-bottom: 22px;
  }
  
@@ -3274,7 +3307,20 @@ index d6b5535..96b3129 100644
  }
  
  .web-login-brand h1 {
-@@ -826,8 +896,8 @@ button.extension-widget-trigger:focus-visible {
+@@ -703,9 +757,9 @@ button.extension-widget-trigger:focus-visible {
+ 
+ .extension-widget-placement-icon {
+   display: block;
+-  width: 8px;
+-  height: 6px;
+-  flex: 0 0 8px;
++  width: 10px;
++  height: 10px;
++  flex: 0 0 10px;
+   fill: currentColor;
+ }
+ 
+@@ -826,8 +880,8 @@ button.extension-widget-trigger:focus-visible {
  }
  
  :root {
@@ -3285,7 +3331,7 @@ index d6b5535..96b3129 100644
    --font-ui: var(--font-ui-default);
    --font-mono: var(--font-mono-default);
    --font-ui-weight: 400;
-@@ -908,12 +978,11 @@ pre, code {
+@@ -908,12 +962,11 @@ pre, code {
  }
  .markdown-body .markdown-inline-code {
    background: var(--bg-subtle);
@@ -3299,7 +3345,7 @@ index d6b5535..96b3129 100644
  }
  .markdown-body .contains-task-list {
    padding-left: 0;
-@@ -967,8 +1036,8 @@ pre, code {
+@@ -967,8 +1020,8 @@ pre, code {
    margin: 8px 0;
    overflow-x: auto;
    overflow-y: hidden;
@@ -3310,7 +3356,7 @@ index d6b5535..96b3129 100644
  }
  .markdown-body table {
    border-collapse: separate;
-@@ -1108,16 +1177,13 @@ pre, code {
+@@ -1108,16 +1161,13 @@ pre, code {
    min-width: 0;
    max-width: 100%;
    margin: 6px 0;
@@ -3330,7 +3376,7 @@ index d6b5535..96b3129 100644
    color: var(--text-dim);
    font-size: 11px;
    display: flex;
-@@ -1503,12 +1569,11 @@ pre, code {
+@@ -1503,12 +1553,11 @@ pre, code {
    height: 32px;
    padding: 0;
    box-sizing: border-box;
@@ -3345,7 +3391,7 @@ index d6b5535..96b3129 100644
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
-@@ -1584,22 +1649,21 @@ pre, code {
+@@ -1584,22 +1633,21 @@ pre, code {
  
  .new-session-logo {
    flex: none;
@@ -3374,7 +3420,7 @@ index d6b5535..96b3129 100644
    line-height: 1.15;
    white-space: nowrap;
  }
-@@ -1613,7 +1677,8 @@ pre, code {
+@@ -1613,7 +1661,8 @@ pre, code {
    gap: 6px;
    min-width: 0;
    color: var(--text-dim);
@@ -3384,7 +3430,7 @@ index d6b5535..96b3129 100644
    line-height: 1.4;
    white-space: nowrap;
  }
-@@ -1652,7 +1717,7 @@ pre, code {
+@@ -1652,7 +1701,7 @@ pre, code {
  
  /* The ring inside the box, clear of the "→" and "·" beside it. */
  .new-session-update:focus-visible {
@@ -3393,7 +3439,7 @@ index d6b5535..96b3129 100644
    outline-offset: -2px;
  }
  
-@@ -1678,12 +1743,12 @@ pre, code {
+@@ -1678,12 +1727,12 @@ pre, code {
    }
  
    .new-session-logo {
@@ -3409,7 +3455,7 @@ index d6b5535..96b3129 100644
    }
  }
  
-@@ -1722,14 +1787,14 @@ pre, code {
+@@ -1722,14 +1771,14 @@ pre, code {
    min-width: 0;
    height: 29px;
    padding: 0 10px;
@@ -3426,7 +3472,7 @@ index d6b5535..96b3129 100644
  }
  
  /* Above a fresh composer (inline): no box until hovered or open, 12px, the
-@@ -1781,8 +1846,9 @@ pre, code {
+@@ -1781,8 +1830,9 @@ pre, code {
    max-width: 28ch;
    overflow: hidden;
    color: var(--text-dim);
@@ -3437,7 +3483,7 @@ index d6b5535..96b3129 100644
  }
  
  .project-picker-parent {
-@@ -1851,7 +1917,8 @@ pre, code {
+@@ -1851,7 +1901,8 @@ pre, code {
     path's color and code type, cut at its end. */
  .project-picker-label.is-alias {
    color: var(--text);
@@ -3447,7 +3493,7 @@ index d6b5535..96b3129 100644
  }
  
  /* A path or a branch, cut at its left (rtl), the text itself kept left to
-@@ -1901,7 +1968,8 @@ pre, code {
+@@ -1901,7 +1952,8 @@ pre, code {
    border-color: color-mix(in srgb, var(--accent) 40%, transparent);
    background: color-mix(in srgb, var(--accent) 6%, transparent);
    color: var(--text-dim);
@@ -3457,7 +3503,7 @@ index d6b5535..96b3129 100644
  }
  
  /* No worktree list here (the files tab): a box that says why, and does nothing. */
-@@ -2474,3 +2542,103 @@ span.token.table {
+@@ -2474,3 +2526,103 @@ span.token.table {
      display: none !important;
    }
  }
@@ -3628,10 +3674,10 @@ index 62c25e4..d333e66 100644
            dangerouslySetInnerHTML={{
              __html: THEME_INIT_SCRIPT,
 diff --git a/app/login/page.tsx b/app/login/page.tsx
-index 80264fe..727ac43 100644
+index 80264fe..6506201 100644
 --- a/app/login/page.tsx
 +++ b/app/login/page.tsx
-@@ -1,6 +1,6 @@
+@@ -1,9 +1,11 @@
  "use client";
  
 -import Image from "next/image";
@@ -3639,7 +3685,12 @@ index 80264fe..727ac43 100644
  import { useState, type FormEvent } from "react";
  import { I18nProvider, useI18n } from "@/hooks/useI18n";
  import { safeLoginDestination } from "@/lib/login-destination";
-@@ -49,7 +49,7 @@ function LoginForm() {
++import { CarbonIcon } from "@/components/CarbonIcon";
++import * as Carbon from "@/components/carbon/icons";
+ 
+ function safeDestination(): string {
+   const destination = new URLSearchParams(window.location.search).get("next");
+@@ -49,7 +51,7 @@ function LoginForm() {
      <main className="web-login-page">
        <div className="web-login-shell">
          <header className="web-login-brand">
@@ -3648,6 +3699,18 @@ index 80264fe..727ac43 100644
            <div>
              <h1>Pi Web</h1>
              <p>{t("auth.prompt")}</p>
+@@ -70,10 +72,7 @@ function LoginForm() {
+               disabled={busy}
+             />
+             <button type="submit" disabled={busy || !password}>
+-              <svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-                <line x1="2" y1="7" x2="11" y2="7" />
+-                <polyline points="7.5 3 12 7 7.5 11" />
+-              </svg>
++              <CarbonIcon icon={Carbon.ArrowRight} size={14} />
+               {busy ? t("auth.loggingIn") : t("auth.logIn")}
+             </button>
+           </div>
 diff --git a/app/manifest.ts b/app/manifest.ts
 index 79c8282..97731f1 100644
 --- a/app/manifest.ts
@@ -4222,11 +4285,99 @@ index 86728a2..e5780e6 100644
    color: var(--text);
    font: inherit;
    font-size: 12px;
+diff --git a/components/AgentSessionPanel.tsx b/components/AgentSessionPanel.tsx
+index a899c62..051b2df 100644
+--- a/components/AgentSessionPanel.tsx
++++ b/components/AgentSessionPanel.tsx
+@@ -3,6 +3,8 @@
+ import { useMemo, useState } from "react";
+ import { useI18n } from "@/hooks/useI18n";
+ import type { SessionInfo, SubagentSessionStatus } from "@/lib/types";
++import { CarbonIcon } from "./CarbonIcon";
++import * as Carbon from "./carbon/icons";
+ 
+ interface Props {
+   rootSession: SessionInfo;
+@@ -48,22 +50,16 @@ export function StatusIcon({ status }: { status: SubagentSessionStatus }) {
+   }
+   if (status === "failed") {
+     return (
+-      <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" aria-hidden="true">
+-        <circle cx="12" cy="12" r="9" /><path d="m9 9 6 6M15 9l-6 6" />
+-      </svg>
++      <CarbonIcon icon={Carbon.CloseOutline} size={13} />
+     );
+   }
+   if (status === "aborted" || status === "interrupted") {
+     return (
+-      <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" aria-hidden="true">
+-        <circle cx="12" cy="12" r="9" /><path d="M9 9h6v6H9z" />
+-      </svg>
++      <CarbonIcon icon={Carbon.StopOutline} size={13} />
+     );
+   }
+   return (
+-    <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-      <circle cx="12" cy="12" r="9" /><path d="m8 12 3 3 5-6" />
+-    </svg>
++    <CarbonIcon icon={Carbon.CheckmarkOutline} size={13} />
+   );
+ }
+ 
+@@ -119,13 +115,9 @@ function AgentRow({
+     >
+       <span style={{ width: 28, height: 28, display: "grid", placeItems: "center", color: main ? "var(--text-muted)" : "var(--accent)" }}>
+         {main ? (
+-          <svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-            <circle cx="12" cy="8" r="4" /><path d="M4 21a8 8 0 0 1 16 0" />
+-          </svg>
++          <CarbonIcon icon={Carbon.User} size={17} />
+         ) : (
+-          <svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-            <rect x="5" y="7" width="14" height="11" rx="2" /><path d="M9 11h.01M15 11h.01M9 15h6M12 7V4M10 4h4" />
+-          </svg>
++          <CarbonIcon icon={Carbon.Bot} size={17} />
+         )}
+       </span>
+       <span style={{ minWidth: 0 }}>
+diff --git a/components/AgentsConfig.tsx b/components/AgentsConfig.tsx
+index 861a1c6..e791a20 100644
+--- a/components/AgentsConfig.tsx
++++ b/components/AgentsConfig.tsx
+@@ -38,6 +38,8 @@ import {
+ } from "./SettingsUi";
+ import { ModelSelector } from "./ModelSelector";
+ import { projectTrustReloadKey } from "./settings-ui-helpers";
++import { CarbonIcon } from "./CarbonIcon";
++import * as Carbon from "./carbon/icons";
+ 
+ const TOOL_OPTIONS = ["read", "bash", "edit", "write", "grep", "find", "ls"];
+ const THINKING_OPTIONS = ["", "off", "minimal", "low", "medium", "high", "xhigh", "max"] as const;
+@@ -727,9 +729,7 @@ export function AgentsConfig({
+             className={savedOk ? "is-success" : undefined}
+           >
+             {savedOk && (
+-              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="3" strokeLinecap="round" strokeLinejoin="round" className="config-button-success-icon">
+-                <polyline points="20 6 9 17 4 12" />
+-              </svg>
++              <CarbonIcon icon={Carbon.Checkmark} size={14} className="config-button-success-icon" />
+             )}
+             <span>{savedOk ? t("i18n.saved") : saving ? t("agents.saving") : t("agents.save")}</span>
+           </ConfigButton>
 diff --git a/components/AppShell.tsx b/components/AppShell.tsx
-index c8c4ba9..9f93c16 100644
+index c8c4ba9..ed04857 100644
 --- a/components/AppShell.tsx
 +++ b/components/AppShell.tsx
-@@ -1422,7 +1422,7 @@ export function AppShell() {
+@@ -74,6 +74,8 @@ import type { FileViewerState } from "@/lib/file-viewer-state";
+ import { PRESET_READ_ONLY, type ToolEntry } from "@/lib/tool-presets";
+ import { getSessionFamily } from "@/lib/session-family";
+ import { getLastSettingsSection, settingsSectionRequiresProject, type SettingsSection } from "@/lib/settings-navigation";
++import { CarbonIcon } from "./CarbonIcon";
++import * as Carbon from "./carbon/icons";
+ 
+ type SessionCopyField = "file" | "id" | "projectDir" | "gitBranch" | "gitWorktree";
+ type AutoNameStatus =
+@@ -1422,7 +1424,7 @@ export function AppShell() {
          onRunningSessionIdsChange={handleRunningSessionIdsChange}
          onSessionsChange={handleSessionsChange}
        />
@@ -4235,7 +4386,7 @@ index c8c4ba9..9f93c16 100644
          {([
            ["models", translate("common.models")],
            ["skills", translate("common.skills")],
-@@ -1432,19 +1432,11 @@ export function AppShell() {
+@@ -1432,19 +1434,11 @@ export function AppShell() {
              <button
                key={section}
                type="button"
@@ -4256,7 +4407,7 @@ index c8c4ba9..9f93c16 100644
              >
                <SettingsSectionIcon section={section} size={14} strokeWidth={2} />
                <span>{label}</span>
-@@ -1453,22 +1445,19 @@ export function AppShell() {
+@@ -1453,22 +1447,19 @@ export function AppShell() {
          })}
          <button
            type="button"
@@ -4284,7 +4435,31 @@ index c8c4ba9..9f93c16 100644
      </>
    );
  
-@@ -1542,17 +1531,16 @@ export function AppShell() {
+@@ -1502,22 +1493,7 @@ export function AppShell() {
+         }}
+         data-mobile-trust-banner={mobileBanner ? "true" : undefined}
+       >
+-        <svg
+-          width="13"
+-          height="13"
+-          viewBox="0 0 24 24"
+-          fill="none"
+-          stroke="currentColor"
+-          strokeWidth="2"
+-          strokeLinecap="round"
+-          strokeLinejoin="round"
+-          aria-hidden="true"
+-          style={{ flexShrink: 0 }}
+-        >
+-          <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z" />
+-          <path d="M12 8v4" />
+-          <path d="M12 16h.01" />
+-        </svg>
++        <CarbonIcon icon={Carbon.WarningAlt} size={13} style={{ flexShrink: 0 }} />
+         <span>{translate("trust.resourcesNotLoaded")}</span>
+       </button>
+     );
+@@ -1542,17 +1518,16 @@ export function AppShell() {
              justifyContent: "center",
              gap: 6,
              width: mobile ? TOP_BAR_ICON_BUTTON_SIZE : undefined,
@@ -4305,7 +4480,35 @@ index c8c4ba9..9f93c16 100644
              whiteSpace: "nowrap",
              transition: "color 0.1s, background 0.1s, opacity 0.1s",
            }}
-@@ -1625,14 +1613,13 @@ export function AppShell() {
+@@ -1567,25 +1542,10 @@ export function AppShell() {
+           }}
+           data-mobile-toolbar-action={mobile ? "history" : undefined}
+         >
+-          <svg
+-            width="12"
+-            height="12"
+-            viewBox="0 0 24 24"
+-            fill="none"
+-            stroke="currentColor"
+-            strokeWidth="2"
+-            strokeLinecap="round"
+-            strokeLinejoin="round"
+-            style={{
++          <CarbonIcon icon={Carbon.RecentlyViewed} size={12} style={{
+               color: selectedSession ? "var(--text-muted)" : "var(--text-dim)",
+               flexShrink: 0,
+-            }}
+-            aria-hidden="true"
+-          >
+-            <path d="M3 12a9 9 0 1 0 3-6.7L3 8" />
+-            <path d="M3 3v5h5" />
+-            <path d="M12 7v5l3 2" />
+-          </svg>
++            }} />
+           {!mobile && <span>{translate("history.label")}</span>}
+         </button>
+         {(() => {
+@@ -1625,14 +1585,13 @@ export function AppShell() {
                style={{
                  display: "flex", alignItems: "center", justifyContent: "center", gap: 6,
                  width: mobile ? TOP_BAR_ICON_BUTTON_SIZE : undefined,
@@ -4323,7 +4526,25 @@ index c8c4ba9..9f93c16 100644
                  transition: "color 0.1s, background 0.1s, opacity 0.1s",
                }}
                onMouseEnter={(event) => {
-@@ -1677,13 +1664,12 @@ export function AppShell() {
+@@ -1652,15 +1611,9 @@ export function AppShell() {
+                   <path d="M21 12a9 9 0 0 0-9-9" stroke="currentColor" strokeWidth="2" strokeLinecap="round" />
+                 </svg>
+               ) : isSuccess ? (
+-                <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-                  <polyline points="20 6 9 17 4 12" />
+-                </svg>
++                <CarbonIcon icon={Carbon.Checkmark} size={13} />
+               ) : (
+-                <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-                  <path d="m15 4 5 5L7 22l-5-5Z" />
+-                  <path d="m14 5 5 5" />
+-                  <path d="M6 4V2M5 3H3M19 19v3M17.5 20.5h3" />
+-                </svg>
++                <CarbonIcon icon={Carbon.MagicWand} size={13} />
+               )}
+               {!mobile && <span>{label}</span>}
+             </button>
+@@ -1677,20 +1630,17 @@ export function AppShell() {
                position: "relative",
                display: "flex", alignItems: "center", justifyContent: "center", gap: 6,
                width: mobile ? TOP_BAR_ICON_BUTTON_SIZE : undefined,
@@ -4340,7 +4561,15 @@ index c8c4ba9..9f93c16 100644
                transition: "color 0.1s, background 0.1s",
              }}
              data-mobile-toolbar-action={mobile ? "agents" : undefined}
-@@ -1714,11 +1700,10 @@ export function AppShell() {
+           >
+-            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.9" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-              <rect x="5" y="7" width="14" height="11" rx="2" /><path d="M9 11h.01M15 11h.01M9 15h6M12 7V4M10 4h4" />
+-            </svg>
++            <CarbonIcon icon={Carbon.Bot} size={13} />
+             {!mobile && <span>{translate("agentSwitcher.title")}</span>}
+             <span
+               aria-hidden="true"
+@@ -1714,22 +1664,16 @@ export function AppShell() {
              aria-pressed={activeTopPanel === "branches"}
              style={{
                display: "flex", alignItems: "center", justifyContent: "center",
@@ -4354,7 +4583,19 @@ index c8c4ba9..9f93c16 100644
                color: activeTopPanel === "branches" ? "var(--text)" : "var(--text-muted)",
                cursor: "pointer", flexShrink: 0,
              }}
-@@ -1755,15 +1740,14 @@ export function AppShell() {
+             data-mobile-toolbar-action="branches"
+           >
+-            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" style={{ color: branchTree.length > 0 ? "var(--accent)" : "var(--text-dim)" }} aria-hidden="true">
+-              <line x1="6" y1="3" x2="6" y2="15" />
+-              <circle cx="18" cy="6" r="3" />
+-              <circle cx="6" cy="18" r="3" />
+-              <path d="M18 9a9 9 0 0 1-9 9" />
+-            </svg>
++            <CarbonIcon icon={Carbon.Branch} size={12} style={{ color: branchTree.length > 0 ? "var(--accent)" : "var(--text-dim)" }} />
+           </button>
+         ) : (
+           <BranchNavigator
+@@ -1755,15 +1699,14 @@ export function AppShell() {
            style={{
              display: "flex", alignItems: "center", justifyContent: "center", gap: 6,
              width: mobile ? TOP_BAR_ICON_BUTTON_SIZE : undefined,
@@ -4373,7 +4614,21 @@ index c8c4ba9..9f93c16 100644
            }}
            onMouseEnter={(event) => {
              if (mobile && !showChat) return;
-@@ -1792,15 +1776,14 @@ export function AppShell() {
+@@ -1774,12 +1717,7 @@ export function AppShell() {
+           }}
+           data-mobile-toolbar-action={mobile ? "system" : undefined}
+         >
+-          <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" style={{ color: systemPrompt ? "var(--accent)" : "var(--text-dim)", flexShrink: 0 }} aria-hidden="true">
+-            <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" />
+-            <polyline points="14 2 14 8 20 8" />
+-            <line x1="8" y1="13" x2="16" y2="13" />
+-            <line x1="8" y1="17" x2="13" y2="17" />
+-          </svg>
++          <CarbonIcon icon={Carbon.Document} size={12} style={{ color: systemPrompt ? "var(--accent)" : "var(--text-dim)", flexShrink: 0 }} />
+           {!mobile && <span>{translate("system.label")}</span>}
+         </button>
+         <button
+@@ -1792,15 +1730,14 @@ export function AppShell() {
            style={{
              display: "flex", alignItems: "center", justifyContent: "center", gap: 6,
              width: mobile ? TOP_BAR_ICON_BUTTON_SIZE : undefined,
@@ -4392,7 +4647,18 @@ index c8c4ba9..9f93c16 100644
            }}
            onMouseEnter={(event) => {
              if (mobile && !showChat) return;
-@@ -1885,14 +1868,14 @@ export function AppShell() {
+@@ -1811,9 +1748,7 @@ export function AppShell() {
+           }}
+           data-mobile-toolbar-action={mobile ? "tools" : undefined}
+         >
+-          <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" style={{ color: systemTools?.some((tool) => tool.active) ? "var(--accent)" : "var(--text-dim)", flexShrink: 0 }} aria-hidden="true">
+-            <path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.8-3.8a6 6 0 0 1-7.9 7.9l-6.9 6.9a2.1 2.1 0 0 1-3-3l6.9-6.9a6 6 0 0 1 7.9-7.9z" />
+-          </svg>
++          <CarbonIcon icon={Carbon.Tools} size={12} style={{ color: systemTools?.some((tool) => tool.active) ? "var(--accent)" : "var(--text-dim)", flexShrink: 0 }} />
+           {!mobile && <span>{translate("tools.label")}</span>}
+         </button>
+       </div>
+@@ -1885,14 +1820,14 @@ export function AppShell() {
            gap: mobile ? 7 : 10,
            paddingLeft: mobile ? 6 : 12,
            paddingRight: mobile ? 6 : 12,
@@ -4410,6 +4676,239 @@ index c8c4ba9..9f93c16 100644
            whiteSpace: "nowrap", cursor: showChat ? "pointer" : "default",
            fontVariantNumeric: "tabular-nums",
            transition: "color 0.1s, background 0.1s",
+@@ -1908,17 +1843,13 @@ export function AppShell() {
+           <>
+             {tokens && tokens.input > 0 && (
+               <span className="mobile-session-stat-io" style={{ display: "flex", alignItems: "center", gap: 2, flexShrink: 0 }}>
+-                <svg width="10" height="10" viewBox="0 0 10 10" fill="none" stroke="currentColor" strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-                  <line x1="5" y1="8.5" x2="5" y2="1.5" /><polyline points="2 4 5 1.5 8 4" />
+-                </svg>
++                <CarbonIcon icon={Carbon.ArrowUp} size={10} />
+                 {formatCompact(tokens.input)}
+               </span>
+             )}
+             {tokens && tokens.output > 0 && (
+               <span className="mobile-session-stat-io" style={{ display: "flex", alignItems: "center", gap: 2, flexShrink: 0 }}>
+-                <svg width="10" height="10" viewBox="0 0 10 10" fill="none" stroke="currentColor" strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-                  <line x1="5" y1="1.5" x2="5" y2="8.5" /><polyline points="2 6 5 8.5 8 6" />
+-                </svg>
++                <CarbonIcon icon={Carbon.ArrowDown} size={10} />
+                 {formatCompact(tokens.output)}
+               </span>
+             )}
+@@ -1942,25 +1873,19 @@ export function AppShell() {
+           <>
+             {tokens && tokens.input > 0 && (
+               <span style={{ display: "flex", alignItems: "center", gap: 4 }}>
+-                <svg width="12" height="12" viewBox="0 0 10 10" fill="none" stroke="currentColor" strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-                  <line x1="5" y1="8.5" x2="5" y2="1.5" /><polyline points="2 4 5 1.5 8 4" />
+-                </svg>
++                <CarbonIcon icon={Carbon.ArrowUp} size={12} />
+                 {formatCompact(tokens.input)}
+               </span>
+             )}
+             {tokens && tokens.output > 0 && (
+               <span style={{ display: "flex", alignItems: "center", gap: 4 }}>
+-                <svg width="12" height="12" viewBox="0 0 10 10" fill="none" stroke="currentColor" strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-                  <line x1="5" y1="1.5" x2="5" y2="8.5" /><polyline points="2 6 5 8.5 8 6" />
+-                </svg>
++                <CarbonIcon icon={Carbon.ArrowDown} size={12} />
+                 {formatCompact(tokens.output)}
+               </span>
+             )}
+             {tokens && tokens.cacheRead > 0 && (
+               <span style={{ display: "flex", alignItems: "center", gap: 4 }}>
+-                <svg width="12" height="12" viewBox="0 0 10 10" fill="none" stroke="currentColor" strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-                  <path d="M8.5 5a3.5 3.5 0 1 1-1-2.45" /><polyline points="6.5 1.5 8.5 2.5 7.5 4.5" />
+-                </svg>
++                <CarbonIcon icon={Carbon.Renew} size={12} />
+                 {formatCompact(tokens.cacheRead)}
+               </span>
+             )}
+@@ -1971,9 +1896,7 @@ export function AppShell() {
+             )}
+             {desktopContextText && (
+               <span style={{ display: "flex", alignItems: "center", gap: 4, color: contextColor }}>
+-                <svg width="12" height="12" viewBox="0 0 10 10" fill="none" stroke="currentColor" strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-                  <path d="M1 9 L1 5 Q1 1 5 1 Q9 1 9 5 L9 9" /><line x1="1" y1="9" x2="9" y2="9" />
+-                </svg>
++                <CarbonIcon icon={Carbon.Meter} size={12} />
+                 {desktopContextText}
+               </span>
+             )}
+@@ -2011,9 +1934,7 @@ export function AppShell() {
+         onMouseEnter={(event) => { if (!covered) event.currentTarget.style.color = "var(--text)"; }}
+         onMouseLeave={(event) => { event.currentTarget.style.color = rightPanelOpen ? "var(--text)" : "var(--text-muted)"; }}
+       >
+-        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-          <rect x="3" y="3" width="18" height="18" rx="2" /><line x1="15" y1="3" x2="15" y2="21" />
+-        </svg>
++        <CarbonIcon icon={Carbon.RightPanelOpen} size={16} />
+       </button>
+     );
+   };
+@@ -2178,13 +2099,9 @@ export function AppShell() {
+             onMouseLeave={(e) => { e.currentTarget.style.color = "var(--text-muted)"; }}
+           >
+             {sidebarOpen ? (
+-              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+-                <rect x="3" y="3" width="18" height="18" rx="2" /><line x1="9" y1="3" x2="9" y2="21" />
+-              </svg>
++              <CarbonIcon icon={Carbon.SidePanelOpen} size={16} />
+             ) : (
+-              <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round">
+-                <line x1="3" y1="6" x2="21" y2="6" /><line x1="3" y1="12" x2="21" y2="12" /><line x1="3" y1="18" x2="21" y2="18" />
+-              </svg>
++              <CarbonIcon icon={Carbon.Menu} size={18} />
+             )}
+           </button>
+           {isMobile && (
+@@ -2221,13 +2138,9 @@ export function AppShell() {
+                   }}
+                 >
+                   {mobileToolbarMoreOpen ? (
+-                    <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" aria-hidden="true">
+-                      <line x1="5" y1="5" x2="19" y2="19" /><line x1="19" y1="5" x2="5" y2="19" />
+-                    </svg>
++                    <CarbonIcon icon={Carbon.Close} size={15} />
+                   ) : (
+-                    <svg width="17" height="17" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
+-                      <circle cx="5" cy="12" r="1.5" /><circle cx="12" cy="12" r="1.5" /><circle cx="19" cy="12" r="1.5" />
+-                    </svg>
++                    <CarbonIcon icon={Carbon.OverflowMenuHorizontal} size={17} />
+                   )}
+                 </button>
+               )}
+@@ -2443,14 +2356,9 @@ export function AppShell() {
+                           }}
+                         >
+                           {copied ? (
+-                            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-                              <polyline points="20 6 9 17 4 12" />
+-                            </svg>
++                            <CarbonIcon icon={Carbon.Checkmark} size={12} />
+                           ) : (
+-                            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-                              <rect x="9" y="9" width="13" height="13" rx="2" ry="2" />
+-                              <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" />
+-                            </svg>
++                            <CarbonIcon icon={Carbon.Copy} size={12} />
+                           )}
+                         </button>
+                       );
+@@ -2601,9 +2509,7 @@ export function AppShell() {
+               </div>
+             ) : (
+               <div style={{ position: "absolute", top: 12, left: 12, display: "flex", alignItems: "flex-start", gap: 8, userSelect: "none", pointerEvents: "none" }}>
+-                <svg width="44" height="44" viewBox="0 0 24 24" fill="none" stroke="var(--accent)" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" style={{ opacity: 0.7, flexShrink: 0 }}>
+-                  <line x1="20" y1="12" x2="4" y2="12" /><polyline points="10 6 4 12 10 18" />
+-                </svg>
++                <CarbonIcon icon={Carbon.ArrowLeft} size={44} color="var(--accent)" style={{ opacity: 0.7, flexShrink: 0 }} />
+                 <div>
+                    <div style={{ fontSize: 18, fontWeight: 600, color: "var(--text)", marginBottom: 8 }}>{translate("workspace.getStarted")}</div>
+                   <div style={{ fontSize: 12, color: "var(--text-muted)", lineHeight: 1.8 }}>
+@@ -2673,11 +2579,7 @@ export function AppShell() {
+             title={translate(rightPanelFullWidth ? "files.restorePanelWidth" : "files.expandPanel")}
+             aria-label={translate(rightPanelFullWidth ? "files.restorePanelWidth" : "files.expandPanel")}
+           >
+-            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.7" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-              <path d={rightPanelFullWidth
+-                ? "M9 3v6H3m12-6v6h6M9 21v-6H3m12 6v-6h6M3 3l6 6m12-6-6 6M3 21l6-6m12 6-6-6"
+-                : "M8 3H3v5m13-5h5v5M3 16v5h5m13-5v5h-5M3 3l6 6m12-6-6 6M3 21l6-6m12 6-6-6"} />
+-            </svg>
++            <CarbonIcon icon={rightPanelFullWidth ? Carbon.Minimize : Carbon.Maximize} size={16} />
+           </button>
+           <button
+             type="button"
+@@ -2695,9 +2597,7 @@ export function AppShell() {
+             onMouseEnter={(event) => { event.currentTarget.style.color = "var(--accent)"; }}
+             onMouseLeave={(event) => { event.currentTarget.style.color = "var(--text)"; }}
+           >
+-            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-              <rect x="3" y="3" width="18" height="18" rx="2" /><line x1="15" y1="3" x2="15" y2="21" />
+-            </svg>
++            <CarbonIcon icon={Carbon.RightPanelOpen} size={16} />
+           </button>
+         </div>
+ 
+diff --git a/components/BranchNavigator.tsx b/components/BranchNavigator.tsx
+index 0f8186b..e8bafeb 100644
+--- a/components/BranchNavigator.tsx
++++ b/components/BranchNavigator.tsx
+@@ -3,6 +3,8 @@
+ import { useState, useCallback, useMemo, useRef, useEffect } from "react";
+ import type { BranchPreview, SessionEntry, SessionTreeNode } from "@/lib/types";
+ import { useI18n } from "@/hooks/useI18n";
++import { CarbonIcon } from "./CarbonIcon";
++import * as Carbon from "./carbon/icons";
+ 
+ interface Props {
+   tree: SessionTreeNode[];
+@@ -304,18 +306,11 @@ export function BranchNavigator({ tree, activeLeafId, onLeafChange, inline, cont
+   const hasContent = !noBranchReason && topLevel.length > 0;
+ 
+   const branchIcon = (
+-    <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" style={{ color: hasContent ? "var(--accent)" : "var(--text-dim)", flexShrink: 0 }}>
+-      <line x1="6" y1="3" x2="6" y2="15" />
+-      <circle cx="18" cy="6" r="3" />
+-      <circle cx="6" cy="18" r="3" />
+-      <path d="M18 9a9 9 0 0 1-9 9" />
+-    </svg>
++    <CarbonIcon icon={Carbon.Branch} size={12} style={{ color: hasContent ? "var(--accent)" : "var(--text-dim)", flexShrink: 0 }} />
+   );
+ 
+   const chevron = (
+-    <svg width="10" height="10" viewBox="0 0 10 10" fill="none" stroke="var(--text-dim)" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" style={{ marginLeft: 2, transform: open ? "rotate(180deg)" : "none", transition: "transform 0.15s" }}>
+-      <polyline points="2 3.5 5 6.5 8 3.5" />
+-    </svg>
++    <CarbonIcon icon={Carbon.ChevronDown} size={10} color="var(--text-dim)" style={{ marginLeft: 2, transform: open ? "rotate(180deg)" : "none", transition: "transform 0.15s" }} />
+   );
+ 
+ 
+diff --git a/components/CarbonIcon.tsx b/components/CarbonIcon.tsx
+new file mode 100644
+index 0000000..00d78bd
+--- /dev/null
++++ b/components/CarbonIcon.tsx
+@@ -0,0 +1,38 @@
++import { createElement, type CSSProperties, type SVGProps } from "react";
++import type { CarbonIconData } from "./carbon/icons";
++
++/**
++ * An IBM Carbon icon (components/carbon/icons.ts, generated by the design
++ * system's design/carbon-icons.mjs), filled with `color` or the current text
++ * colour. Decorative by default (`aria-hidden`); pass `label` when the icon is
++ * the only thing that says what it means. The pi mark is not an icon: it is
++ * PiLogo.
++ */
++export interface CarbonIconProps extends Omit<SVGProps<SVGSVGElement>, "color" | "children"> {
++  icon: CarbonIconData;
++  /** Rendered width and height in px. */
++  size?: number;
++  /** Fill; the current text colour when unset. */
++  color?: string;
++  label?: string;
++  className?: string;
++  style?: CSSProperties;
++}
++
++export function CarbonIcon({ icon, size = 16, color, label, className, style, ...rest }: CarbonIconProps) {
++  return (
++    <svg
++      width={size}
++      height={size}
++      viewBox={icon.viewBox}
++      fill={color ?? "currentColor"}
++      focusable="false"
++      className={className}
++      style={style}
++      {...(label ? { role: "img", "aria-label": label } : { "aria-hidden": true })}
++      {...rest}
++    >
++      {icon.shapes.map(([tag, attrs], index) => createElement(tag, { key: index, ...attrs }))}
++    </svg>
++  );
++}
 diff --git a/components/ChatInput.test.mjs b/components/ChatInput.test.mjs
 index adfcc12..cb17981 100644
 --- a/components/ChatInput.test.mjs
@@ -4424,10 +4923,112 @@ index adfcc12..cb17981 100644
    assert.doesNotMatch(html, /type="file"|Attach files|Change tool preset/);
  });
 diff --git a/components/ChatInput.tsx b/components/ChatInput.tsx
-index 9a0a1b7..b04d7c6 100644
+index 9a0a1b7..a7549d0 100644
 --- a/components/ChatInput.tsx
 +++ b/components/ChatInput.tsx
-@@ -2245,14 +2245,14 @@ export const ChatInput = memo(forwardRef<ChatInputHandle, Props>(function ChatIn
+@@ -35,6 +35,8 @@ import { useFontPreferences } from "@/hooks/useFontPreferences";
+ import type { ToolPreset } from "@/lib/tool-presets";
+ import { SelectorRow } from "./SelectorRow";
+ import { ModelSelector, type ModelSelectorOption } from "./ModelSelector";
++import { CarbonIcon } from "./CarbonIcon";
++import * as Carbon from "./carbon/icons";
+ 
+ export { filterModelOptions } from "./ModelSelector";
+ 
+@@ -572,22 +574,7 @@ function ModelNoticeBanner({ tone, title, body, onClose }: { tone: "error" | "wa
+         lineHeight: 1.45,
+       }}
+     >
+-      <svg
+-        width="13"
+-        height="13"
+-        viewBox="0 0 24 24"
+-        fill="none"
+-        stroke="currentColor"
+-        strokeWidth="2"
+-        strokeLinecap="round"
+-        strokeLinejoin="round"
+-        style={{ flexShrink: 0, marginTop: 1 }}
+-        aria-hidden="true"
+-      >
+-        <path d="M10.3 2.9 1.8 17a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 2.9a2 2 0 0 0-3.4 0Z" />
+-        <line x1="12" y1="9" x2="12" y2="13" />
+-        <line x1="12" y1="17" x2="12.01" y2="17" />
+-      </svg>
++      <CarbonIcon icon={Carbon.WarningAlt} size={13} style={{ flexShrink: 0, marginTop: 1 }} />
+       <div style={{ minWidth: 0, flex: 1 }}>
+         <div style={{ fontWeight: 600 }}>{title}</div>
+         <div style={{ whiteSpace: "pre-wrap", overflowWrap: "anywhere" }}>{body}</div>
+@@ -1795,10 +1782,7 @@ export const ChatInput = memo(forwardRef<ChatInputHandle, Props>(function ChatIn
+                     e.currentTarget.style.borderColor = "var(--border)";
+                   }}
+                 >
+-                  <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+-                    <polyline points="9 14 4 9 9 4" />
+-                    <path d="M20 20v-7a4 4 0 0 0-4-4H4" />
+-                  </svg>
++                  <CarbonIcon icon={Carbon.Reply} size={13} />
+                    {t("chat.recall")}
+                 </button>
+               )}
+@@ -1819,10 +1803,7 @@ export const ChatInput = memo(forwardRef<ChatInputHandle, Props>(function ChatIn
+             borderRadius: 6, fontSize: 12, color: "rgba(180,130,0,0.9)",
+             display: "flex", alignItems: "center", gap: 6,
+           }}>
+-            <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" style={{ flexShrink: 0 }}>
+-              <path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" />
+-              <path d="M3 3v5h5" />
+-            </svg>
++            <CarbonIcon icon={Carbon.Reset} size={11} style={{ flexShrink: 0 }} />
+              {t("chat.retrying", { attempt: retryInfo.attempt, max: retryInfo.maxAttempts })}{retryInfo.errorMessage && <span style={{ opacity: 0.7, marginLeft: 4 }}>— {retryInfo.errorMessage}</span>}
+           </div>
+         )}
+@@ -1833,9 +1814,7 @@ export const ChatInput = memo(forwardRef<ChatInputHandle, Props>(function ChatIn
+             borderRadius: 6, fontSize: 12, color: "rgba(5,150,105,0.95)",
+             display: "flex", alignItems: "center", gap: 6,
+           }}>
+-            <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" style={{ flexShrink: 0 }}>
+-              <polyline points="20 6 9 17 4 12" />
+-            </svg>
++            <CarbonIcon icon={Carbon.Checkmark} size={11} style={{ flexShrink: 0 }} />
+             {compactResultText}
+           </div>
+         )}
+@@ -1885,9 +1864,7 @@ export const ChatInput = memo(forwardRef<ChatInputHandle, Props>(function ChatIn
+                     cursor: "pointer", padding: 0, color: "var(--text-muted)",
+                   }}
+                 >
+-                  <svg width="8" height="8" viewBox="0 0 8 8" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round">
+-                    <line x1="1" y1="1" x2="7" y2="7" /><line x1="7" y1="1" x2="1" y2="7" />
+-                  </svg>
++                  <CarbonIcon icon={Carbon.Close} size={8} />
+                 </button>
+               </div>
+             ))}
+@@ -1924,21 +1901,7 @@ export const ChatInput = memo(forwardRef<ChatInputHandle, Props>(function ChatIn
+                   color: "var(--text-dim)",
+                 }}
+               >
+-                <svg
+-                  width="14"
+-                  height="14"
+-                  viewBox="0 0 24 24"
+-                  fill="none"
+-                  stroke="currentColor"
+-                  strokeWidth="1.8"
+-                  strokeLinecap="round"
+-                  strokeLinejoin="round"
+-                  aria-hidden="true"
+-                >
+-                  <path d="M3 12a9 9 0 1 0 3-6.7" />
+-                  <path d="M3 4v5h5" />
+-                  <path d="M12 7v5l3 2" />
+-                </svg>
++                <CarbonIcon icon={Carbon.RecentlyViewed} size={14} />
+               </div>
+               <div style={{ maxHeight: "calc(min(44vh, 360px) - 31px)", overflowY: "auto", padding: 4 }}>
+                 {inputHistory.map((item, index) => {
+@@ -2245,14 +2208,14 @@ export const ChatInput = memo(forwardRef<ChatInputHandle, Props>(function ChatIn
                flexDirection: compact ? "column" : "row",
                gap: 8,
                alignItems: compact ? "stretch" : "center",
@@ -4450,7 +5051,7 @@ index 9a0a1b7..b04d7c6 100644
              } as React.CSSProperties}
            >
            <textarea
-@@ -2317,9 +2317,9 @@ export const ChatInput = memo(forwardRef<ChatInputHandle, Props>(function ChatIn
+@@ -2317,18 +2280,16 @@ export const ChatInput = memo(forwardRef<ChatInputHandle, Props>(function ChatIn
                    style={{
                      display: "flex", alignItems: "center", gap: 5,
                      padding: "7px 12px",
@@ -4463,7 +5064,17 @@ index 9a0a1b7..b04d7c6 100644
                      color: canQueueStreamingMessage ? "rgba(180,130,0,1)" : "var(--text-dim)",
                      cursor: canQueueStreamingMessage ? "pointer" : "not-allowed",
                      fontSize: 13, fontWeight: 600, letterSpacing: "-0.01em",
-@@ -2341,9 +2341,9 @@ export const ChatInput = memo(forwardRef<ChatInputHandle, Props>(function ChatIn
+                     transition: "background 0.12s",
+                   }}
+                 >
+-                  <svg width="12" height="12" viewBox="0 0 10 10" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round">
+-                    <path d="M5 1 L9 5 L5 9" /><line x1="1" y1="5" x2="9" y2="5" />
+-                  </svg>
++                  <CarbonIcon icon={Carbon.ArrowRight} size={12} />
+                   {t("chat.steer")}
+                 </button>
+               )}
+@@ -2341,19 +2302,16 @@ export const ChatInput = memo(forwardRef<ChatInputHandle, Props>(function ChatIn
                    style={{
                      display: "flex", alignItems: "center", gap: 5,
                      padding: "7px 12px",
@@ -4476,7 +5087,18 @@ index 9a0a1b7..b04d7c6 100644
                      color: canQueueStreamingMessage ? "rgba(99,102,241,1)" : "var(--text-dim)",
                      cursor: canQueueStreamingMessage ? "pointer" : "not-allowed",
                      fontSize: 13, fontWeight: 600, letterSpacing: "-0.01em",
-@@ -2367,26 +2367,21 @@ export const ChatInput = memo(forwardRef<ChatInputHandle, Props>(function ChatIn
+                     transition: "background 0.12s",
+                   }}
+                 >
+-                  <svg width="12" height="12" viewBox="0 0 10 10" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round">
+-                    <line x1="5" y1="1" x2="5" y2="6" /><polyline points="2.5 3.5 5 1 7.5 3.5" />
+-                    <line x1="2" y1="9" x2="8" y2="9" />
+-                  </svg>
++                  <CarbonIcon icon={Carbon.Queued} size={12} />
+                   {t("chat.followUp")}
+                 </button>
+               )}
+@@ -2367,26 +2325,18 @@ export const ChatInput = memo(forwardRef<ChatInputHandle, Props>(function ChatIn
                style={{
                  flexShrink: 0,
                  alignSelf: "flex-end",
@@ -4505,16 +5127,157 @@ index 9a0a1b7..b04d7c6 100644
 -              <svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
 -                <line x1="2" y1="7" x2="11" y2="7" />
 -                <polyline points="7.5 3 12 7 7.5 11" />
-+              <svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" strokeWidth="1.9" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
-+                <line x1="8" y1="13" x2="8" y2="3.5" />
-+                <polyline points="3.5 7.5 8 3 12.5 7.5" />
-               </svg>
+-              </svg>
 -              {!isMobile && t("chat.send")}
++              <CarbonIcon icon={Carbon.ArrowUp} size={16} />
              </button>
            )}
            </div>
+@@ -2432,11 +2382,7 @@ export const ChatInput = memo(forwardRef<ChatInputHandle, Props>(function ChatIn
+                 e.currentTarget.style.color = attachedImages.length ? "var(--accent)" : "var(--text-muted)";
+               }}
+             >
+-              <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round">
+-                <rect x="3" y="3" width="18" height="18" rx="2" ry="2" />
+-                <circle cx="8.5" cy="8.5" r="1.5" />
+-                <polyline points="21 15 16 10 5 21" />
+-              </svg>
++              <CarbonIcon icon={Carbon.Attachment} size={15} />
+             </button>
+             {/* Model selector - visible always, disabled while the session or switch is busy */}
+             {(modelOptions.length > 0 || model || modelError) && onModelChange && (
+@@ -2559,11 +2505,7 @@ export const ChatInput = memo(forwardRef<ChatInputHandle, Props>(function ChatIn
+                     e.currentTarget.style.color = "var(--text-muted)";
+                   }}
+                 >
+-                  <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+-                    <path d="M9.5 2A5.5 5.5 0 0 0 4 7.5c0 1.7.78 3.21 2 4.21V14a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-2.29c1.22-1 2-2.51 2-4.21A5.5 5.5 0 0 0 9.5 2z" />
+-                    <line x1="7" y1="18" x2="12" y2="18" />
+-                    <line x1="8" y1="21" x2="11" y2="21" />
+-                  </svg>
++                  <CarbonIcon icon={Carbon.Idea} size={11} />
+                   {(!isMobile || controlsMenuOpen) && <span style={{ whiteSpace: "nowrap" }}>{thinkingDisplayLabel}</span>}
+                 </button>
+                 {thinkingDropdownOpen && (
+@@ -2654,9 +2596,7 @@ export const ChatInput = memo(forwardRef<ChatInputHandle, Props>(function ChatIn
+                     e.currentTarget.style.color = "var(--text-muted)";
+                   }}
+                 >
+-                  <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+-                    <path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z" />
+-                  </svg>
++                  <CarbonIcon icon={Carbon.Tools} size={11} />
+                   {(!isMobile || controlsMenuOpen) && <span style={{ whiteSpace: "nowrap" }}>{toolPresetLabel}</span>}
+                 </button>
+                 {toolDropdownOpen && (
+@@ -2696,7 +2636,7 @@ export const ChatInput = memo(forwardRef<ChatInputHandle, Props>(function ChatIn
+                           onMouseLeave={(e) => { if (!isActive) e.currentTarget.style.background = "none"; }}
+                         >
+                           {isActive
+-                            ? <svg width="10" height="10" viewBox="0 0 10 10" fill="none" stroke="var(--accent)" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" style={{ flexShrink: 0 }}><polyline points="1.5 5 4 7.5 8.5 2.5" /></svg>
++                            ? <CarbonIcon icon={Carbon.Checkmark} size={10} color="var(--accent)" style={{ flexShrink: 0 }} />
+                             : <span style={{ width: 10, flexShrink: 0 }} />}
+                           <span style={{ flex: 1 }}>{lvl}</span>
+                           <span style={{ fontSize: 11, color: "var(--text-dim)", marginLeft: 8 }}>{desc}</span>
+@@ -2737,12 +2677,9 @@ export const ChatInput = memo(forwardRef<ChatInputHandle, Props>(function ChatIn
+                    aria-label={isCompacting ? t("chat.stopCompaction") : t("chat.compactContext")}
+                 >
+                   {isCompacting ? (
+-                    <><svg width="10" height="10" viewBox="0 0 10 10" fill="none"><rect x="2" y="2" width="6" height="6" rx="1" fill="currentColor" /></svg>{(!isMobile || controlsMenuOpen) && <span style={{ whiteSpace: "nowrap" }}>{t("chat.compacting")}</span>}</>
++                    <><CarbonIcon icon={Carbon.StopFilledAlt} size={10} />{(!isMobile || controlsMenuOpen) && <span style={{ whiteSpace: "nowrap" }}>{t("chat.compacting")}</span>}</>
+                   ) : (
+-                    <><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+-                      <polyline points="4 14 10 14 10 20" /><polyline points="20 10 14 10 14 4" />
+-                      <line x1="10" y1="14" x2="3" y2="21" /><line x1="21" y1="3" x2="14" y2="10" />
+-                    </svg>{(!isMobile || controlsMenuOpen) && <span style={{ whiteSpace: "nowrap" }}>{t("chat.compact")}</span>}</>
++                    <><CarbonIcon icon={Carbon.Minimize} size={11} />{(!isMobile || controlsMenuOpen) && <span style={{ whiteSpace: "nowrap" }}>{t("chat.compact")}</span>}</>
+                   )}
+                 </button>
+               </div>
+@@ -2768,9 +2705,7 @@ export const ChatInput = memo(forwardRef<ChatInputHandle, Props>(function ChatIn
+                 onMouseEnter={(e) => { e.currentTarget.style.background = "rgba(239,68,68,0.16)"; }}
+                 onMouseLeave={(e) => { e.currentTarget.style.background = "rgba(239,68,68,0.08)"; }}
+               >
+-                <svg width="10" height="10" viewBox="0 0 10 10" fill="none">
+-                  <rect x="1.5" y="1.5" width="7" height="7" rx="1.5" fill="currentColor" />
+-                </svg>
++                <CarbonIcon icon={Carbon.StopFilledAlt} size={10} />
+                  {t("chat.stop")}
+               </button>
+             )}
+@@ -2805,17 +2740,9 @@ export const ChatInput = memo(forwardRef<ChatInputHandle, Props>(function ChatIn
+                 }}
+               >
+                 {soundEnabled ? (
+-                  <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+-                    <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5" />
+-                    <path d="M15.54 8.46a5 5 0 0 1 0 7.07" />
+-                    <path d="M19.07 4.93a10 10 0 0 1 0 14.14" />
+-                  </svg>
++                  <CarbonIcon icon={Carbon.VolumeUp} size={12} />
+                 ) : (
+-                  <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+-                    <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5" />
+-                    <line x1="23" y1="9" x2="17" y2="15" />
+-                    <line x1="17" y1="9" x2="23" y2="15" />
+-                  </svg>
++                  <CarbonIcon icon={Carbon.VolumeMute} size={12} />
+                 )}
+               </button>
+             )}
+@@ -2853,10 +2780,7 @@ export const ChatInput = memo(forwardRef<ChatInputHandle, Props>(function ChatIn
+                   e.currentTarget.style.background = "var(--bg-hover)";
+                 }}
+               >
+-                <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round">
+-                  <line x1="18" y1="6" x2="6" y2="18" />
+-                  <line x1="6" y1="6" x2="18" y2="18" />
+-                </svg>
++                <CarbonIcon icon={Carbon.Close} size={13} />
+               </button>
+             )}
+             </div>
+diff --git a/components/ChatMinimap.tsx b/components/ChatMinimap.tsx
+index 2c78471..12d53ec 100644
+--- a/components/ChatMinimap.tsx
++++ b/components/ChatMinimap.tsx
+@@ -12,6 +12,8 @@ import { loadMinimapPreviewLocked, saveMinimapPreviewLocked } from "@/lib/minima
+ import type { AgentMessage, AssistantMessage, CustomMessage, TextContent, UserMessage } from "@/lib/types";
+ import { useI18n } from "@/hooks/useI18n";
+ import styles from "./ChatMinimap.module.css";
++import { CarbonIcon } from "./CarbonIcon";
++import * as Carbon from "./carbon/icons";
+ 
+ interface Props {
+   messages: AgentMessage[];
+@@ -737,24 +739,7 @@ export const ChatMinimap = memo(function ChatMinimap({
+           toggleLock();
+         }}
+       >
+-        <svg
+-          width="16"
+-          height="16"
+-          viewBox="0 0 24 24"
+-          fill="none"
+-          stroke="currentColor"
+-          strokeWidth="2"
+-          strokeLinecap="round"
+-          strokeLinejoin="round"
+-          aria-hidden="true"
+-        >
+-          <rect x="4" y="11" width="16" height="10" rx="2" />
+-          {locked ? (
+-            <path d="M8 11V7a4 4 0 0 1 8 0v4" />
+-          ) : (
+-            <path d="M8 11V7a4 4 0 0 1 7.9-.9" />
+-          )}
+-        </svg>
++        <CarbonIcon icon={locked ? Carbon.Locked : Carbon.Unlocked} size={14} />
+       </button>
+ 
+       {minimapHovered && allNodes.length > 0 && (
 diff --git a/components/ChatWindow.tsx b/components/ChatWindow.tsx
-index 6c540a4..bde9016 100644
+index 6c540a4..14fd340 100644
 --- a/components/ChatWindow.tsx
 +++ b/components/ChatWindow.tsx
 @@ -1,6 +1,5 @@
@@ -4532,7 +5295,96 @@ index 6c540a4..bde9016 100644
  import { MessageView } from "./MessageView";
  import { MarkdownBody } from "./MarkdownBody";
  import { ChatInput, type ChatInputHandle } from "./ChatInput";
-@@ -1450,7 +1450,7 @@ export function ChatWindow({ session, searchTarget, onSearchTargetHandled, initi
+@@ -41,6 +41,8 @@ import {
+   restoreScrollTop,
+   VISIBLE_PAGE_SIZE,
+ } from "@/lib/chat-lazy-load";
++import { CarbonIcon } from "./CarbonIcon";
++import * as Carbon from "./carbon/icons";
+ 
+ interface Props {
+   session: SessionInfo | null;
+@@ -151,10 +153,7 @@ function NewSessionUpdateLink({
+         aria-label={accessibleLabel}
+       >
+         v{update.latestVersion}
+-        <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-          <path d="M7 17 17 7" />
+-          <path d="M7 7h10v10" />
+-        </svg>
++        <CarbonIcon icon={Carbon.ArrowUpRight} size={10} />
+       </a>
+     </>
+   );
+@@ -221,9 +220,7 @@ function ProcessDetailsGroup({ messageCount, toolCallCount, defaultExpanded = fa
+         }}
+         title={expanded ? t("chat.collapseProcess") : t("chat.expandProcess")}
+       >
+-        <svg width="12" height="12" viewBox="0 0 12 12" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" style={{ flexShrink: 0, transform: expanded ? "rotate(90deg)" : "none", transition: "transform 0.15s" }}>
+-          <polyline points="4 2.5 7.5 6 4 9.5" />
+-        </svg>
++        <CarbonIcon icon={Carbon.ChevronRight} size={12} style={{ flexShrink: 0, transform: expanded ? "rotate(90deg)" : "none", transition: "transform 0.15s" }} />
+         <span style={{ minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }}>
+           {parts.join(" · ")}
+         </span>
+@@ -1024,24 +1021,7 @@ export function ChatWindow({ session, searchTarget, onSearchTargetHandled, initi
+               />
+             ))}
+           </div>
+-          <svg
+-            width="280" height="280" viewBox="0 0 140 140" fill="none" xmlns="http://www.w3.org/2000/svg"
+-            className="drop-shadow-[0_6px_18px_rgba(37,99,235,0.18)]"
+-          >
+-            <rect x="28" y="44" width="84" height="60" rx="8" fill="rgba(37,99,235,0.08)" stroke="rgba(37,99,235,0.50)" strokeWidth="1.8"/>
+-            <path d="M36 100 L54 72 L68 88 L80 74 L104 100Z" fill="rgba(37,99,235,0.16)" stroke="rgba(37,99,235,0.40)" strokeWidth="1.4" strokeLinejoin="round"/>
+-            <circle cx="96" cy="58" r="8" fill="rgba(37,99,235,0.22)" stroke="rgba(37,99,235,0.55)" strokeWidth="1.6"/>
+-            <g stroke="rgba(37,99,235,0.45)" strokeWidth="1.4" strokeLinecap="round">
+-              <line x1="96" y1="46" x2="96" y2="43"/>
+-              <line x1="96" y1="70" x2="96" y2="73"/>
+-              <line x1="84" y1="58" x2="81" y2="58"/>
+-              <line x1="108" y1="58" x2="111" y2="58"/>
+-              <line x1="87.5" y1="49.5" x2="85.4" y2="47.4"/>
+-              <line x1="104.5" y1="66.5" x2="106.6" y2="68.6"/>
+-              <line x1="104.5" y1="49.5" x2="106.6" y2="47.4"/>
+-              <line x1="87.5" y1="66.5" x2="85.4" y2="68.6"/>
+-            </g>
+-          </svg>
++          <CarbonIcon icon={Carbon.CloudUpload} size={88} color="var(--text-muted)" />
+         </div>
+       )}
+ 
+@@ -1367,7 +1347,7 @@ export function ChatWindow({ session, searchTarget, onSearchTargetHandled, initi
+               <div style={{ display: "flex", alignItems: "center", gap: 8 }}>
+                 <span style={{ flex: 1, minWidth: 0, fontSize: 12, fontWeight: 600 }}>{t("chat.askInNewChat")}</span>
+                 <button type="button" className="file-viewer-icon-button" title={t("i18n.close")} aria-label={t("i18n.close")} disabled={quoteSubmitting} onClick={closeQuotedSelection} style={{ border: "none" }}>
+-                  <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" aria-hidden="true"><path d="m6 6 12 12M18 6 6 18" /></svg>
++                  <CarbonIcon icon={Carbon.Close} size={14} />
+                 </button>
+               </div>
+               <ChatInput
+@@ -1402,9 +1382,7 @@ export function ChatWindow({ session, searchTarget, onSearchTargetHandled, initi
+               onClick={() => { setQuoteInputOpen(true); window.getSelection()?.removeAllRanges(); }}
+               style={{ width: "auto", height: 35, flex: "0 0 auto", gap: 5, padding: "0 10px", border: "none", fontSize: 12, fontWeight: 500 }}
+             >
+-              <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-                <path d="M6 3v12M18 9a9 9 0 0 1-9 9" /><circle cx="18" cy="6" r="3" /><circle cx="6" cy="18" r="3" />
+-              </svg>
++              <CarbonIcon icon={Carbon.Branch} size={13} />
+               <span>{t("chat.askInNewChat")}</span>
+             </button>
+           )}
+@@ -1435,9 +1413,7 @@ export function ChatWindow({ session, searchTarget, onSearchTargetHandled, initi
+               aria-label={t("chat.scrollToLatest")}
+               onClick={() => scrollToBottom("smooth")}
+             >
+-              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-                <path d="M12 5v14M5 12l7 7 7-7" />
+-              </svg>
++              <CarbonIcon icon={Carbon.ArrowDown} size={16} />
+             </button>
+           </div>
+         )}
+@@ -1450,7 +1426,7 @@ export function ChatWindow({ session, searchTarget, onSearchTargetHandled, initi
            <div className="new-session-hero" style={{ paddingLeft: 16, paddingRight: isMobile ? 16 : 52 }}>
              <div className="new-session-hero-inner" style={{ maxWidth: "var(--chat-content-max-width, 820px)" }}>
                <div className="new-session-brand">
@@ -4541,6 +5393,532 @@ index 6c540a4..bde9016 100644
                  <div className="new-session-brand-text">
                    <span className="new-session-brand-name">Pi Web</span>
                    <span className="new-session-meta">
+@@ -1648,11 +1624,7 @@ function ExtensionWaitingCount({ count }: { count: number }) {
+ /** Corner brackets pointing outward; when expanded they point inward (restore). */
+ function ExtensionSizeIcon({ expanded }: { expanded: boolean }) {
+   return (
+-    <svg width="10" height="10" viewBox="0 0 10 10" fill="none" stroke="currentColor" strokeWidth={1.6} strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-      {expanded
+-        ? <path d="M3.5 1v2.5H1M6.5 1v2.5H9M6.5 9v-2.5H9M3.5 9v-2.5H1" />
+-        : <path d="M1 3.5V1h2.5M6.5 1H9v2.5M9 6.5V9H6.5M3.5 9H1V6.5" />}
+-    </svg>
++    <CarbonIcon icon={expanded ? Carbon.Minimize : Carbon.Maximize} size={12} />
+   );
+ }
+ 
+@@ -1862,9 +1834,7 @@ function ExtensionDialog({
+               flexShrink: 0,
+             }}
+           >
+-            <svg width="10" height="10" viewBox="0 0 10 10" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-              <polyline points="2 3.5 5 6.5 8 3.5" />
+-            </svg>
++            <CarbonIcon icon={Carbon.ChevronDown} size={10} />
+           </button>
+         </div>
+ 
+@@ -2200,9 +2170,7 @@ function ExtensionCustomPanel({
+                 flexShrink: 0,
+               }}
+             >
+-              <svg width="10" height="10" viewBox="0 0 10 10" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-                <polyline points="2 3.5 5 6.5 8 3.5" />
+-              </svg>
++              <CarbonIcon icon={Carbon.ChevronDown} size={10} />
+             </button>
+             <button
+               onClick={() => onInput(request, "\x03")}
+diff --git a/components/DirectoryPicker.tsx b/components/DirectoryPicker.tsx
+index 433cd89..e9c895d 100644
+--- a/components/DirectoryPicker.tsx
++++ b/components/DirectoryPicker.tsx
+@@ -3,6 +3,8 @@
+ import { type CSSProperties, type FormEvent, useCallback, useEffect, useState } from "react";
+ import { createPortal } from "react-dom";
+ import { useI18n } from "@/hooks/useI18n";
++import { CarbonIcon } from "./CarbonIcon";
++import * as Carbon from "./carbon/icons";
+ 
+ interface DirectoryEntry {
+   name: string;
+@@ -87,19 +89,13 @@ async function createDirectory(parentPath: string, name: string): Promise<string
+ 
+ function FolderIcon() {
+   return (
+-    <svg width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="currentColor" strokeWidth="1.3" aria-hidden="true">
+-      <path d="M1.5 3h4l1.5 2h7.5v7.5h-13z" />
+-    </svg>
++    <CarbonIcon icon={Carbon.Folder} size={14} />
+   );
+ }
+ 
+ function DriveIcon() {
+   return (
+-    <svg width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="currentColor" strokeWidth="1.3" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-      <rect x="2" y="3" width="12" height="10" rx="1.5" />
+-      <path d="M2 9h12" />
+-      <circle cx="11.5" cy="11" r="0.6" fill="currentColor" stroke="none" />
+-    </svg>
++    <CarbonIcon icon={Carbon.DataBase} size={14} />
+   );
+ }
+ 
+@@ -226,9 +222,7 @@ export function DirectoryPicker({ onCancel, onSelect, initialPath, busy = false,
+ 
+         <form onSubmit={handlePathSubmit} style={{ display: "flex", alignItems: "center", gap: 8, flexShrink: 0, padding: "10px 14px", borderBottom: "1px solid var(--border)" }}>
+           <button className="directory-picker-back" type="button" onClick={() => void navigateTo(parentDirectory ?? undefined)} disabled={loading || !canNavigateUp} title={t("directoryPicker.goToParent")} aria-label={t("directoryPicker.goToParent")} style={{ width: 36, height: 36, padding: 0, display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0, border: "1px solid var(--border)", borderRadius: 6, background: "var(--bg-hover)", color: "var(--text-muted)", cursor: canNavigateUp ? "pointer" : "default", opacity: canNavigateUp ? 1 : 0.45 }}>
+-            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-              <path d="m18 15-6-6-6 6" />
+-            </svg>
++            <CarbonIcon icon={Carbon.ChevronUp} size={16} />
+           </button>
+           <label htmlFor="directory-path" style={{ position: "absolute", width: 1, height: 1, padding: 0, margin: -1, overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", border: 0 }}>
+             {t("directoryPicker.directoryPath")}
+diff --git a/components/DismissButton.tsx b/components/DismissButton.tsx
+index d4b99df..f6144f6 100644
+--- a/components/DismissButton.tsx
++++ b/components/DismissButton.tsx
+@@ -1,5 +1,7 @@
+ "use client";
+ 
++import { CarbonIcon } from "./CarbonIcon";
++import * as Carbon from "./carbon/icons";
+ /** Close button for an inline error or result notice. */
+ export function DismissButton({ onClick, title }: { onClick: () => void; title: string }) {
+   return (
+@@ -12,10 +14,7 @@ export function DismissButton({ onClick, title }: { onClick: () => void; title:
+       onMouseEnter={(event) => { event.currentTarget.style.color = "var(--text-muted)"; event.currentTarget.style.background = "var(--bg-hover)"; }}
+       onMouseLeave={(event) => { event.currentTarget.style.color = "var(--text-dim)"; event.currentTarget.style.background = "none"; }}
+     >
+-      <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round" aria-hidden="true">
+-        <path d="m6 6 12 12" />
+-        <path d="m18 6-12 12" />
+-      </svg>
++      <CarbonIcon icon={Carbon.Close} size={13} />
+     </button>
+   );
+ }
+diff --git a/components/ExtensionWidgets.tsx b/components/ExtensionWidgets.tsx
+index 5bd7070..f6586f6 100644
+--- a/components/ExtensionWidgets.tsx
++++ b/components/ExtensionWidgets.tsx
+@@ -4,6 +4,8 @@ import { useEffect, useId, useRef, useState, type ReactNode } from "react";
+ import { useI18n } from "@/hooks/useI18n";
+ import { AnsiText } from "@/components/AnsiText";
+ import type { ExtensionWidgetItem } from "@/lib/types";
++import { CarbonIcon } from "./CarbonIcon";
++import * as Carbon from "./carbon/icons";
+ 
+ export const DEFAULT_EXPANDED_WIDGET_LINES = 3;
+ export const WIDGET_UPDATE_IDLE_MS = 1100;
+@@ -163,20 +165,12 @@ export function ExtensionWidgets({ widgets, children }: { widgets: ExtensionWidg
+               <>
+                 <span className="extension-widget-update-pulse" aria-hidden="true" />
+                 <span className="extension-widget-placement" aria-hidden="true">
+-                  <svg
++                  <CarbonIcon
++                    icon={widget.placement === "belowEditor" ? Carbon.CaretDown : Carbon.CaretUp}
++                    size={10}
+                     className="extension-widget-placement-icon"
+-                    viewBox="0 0 8 6"
+-                    width="8"
+-                    height="6"
+                     data-direction={widget.placement === "belowEditor" ? "down" : "up"}
+-                    focusable="false"
+-                  >
+-                    <path
+-                      d={widget.placement === "belowEditor"
+-                        ? "M0 0h8L4 6z"
+-                        : "M4 0l4 6H0z"}
+-                    />
+-                  </svg>
++                  />
+                 </span>
+                 <span className="extension-widget-key">{widget.key}</span>
+               </>
+diff --git a/components/FileExplorer.tsx b/components/FileExplorer.tsx
+index 94cf736..f3fd525 100644
+--- a/components/FileExplorer.tsx
++++ b/components/FileExplorer.tsx
+@@ -18,6 +18,8 @@ import { buildSearchTree, type SearchTreeNode } from "@/lib/search-tree";
+ import type { FileTreeHiddenReason } from "@/lib/file-tree-visibility";
+ import { createExpandedPathsMemory } from "@/lib/file-tree-expansion";
+ import { useI18n } from "@/hooks/useI18n";
++import { CarbonIcon } from "./CarbonIcon";
++import * as Carbon from "./carbon/icons";
+ type Translate = ReturnType<typeof useI18n>["t"];
+ 
+ /** Why a listed entry is normally left out; only listings with `hidden=1` report it. */
+@@ -174,20 +176,13 @@ function GitStatusBadge({ status, t }: { status: GitFileStatus; t: Translate })
+ 
+ function MentionIcon({ size = 11 }: { size?: number }) {
+   return (
+-    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-      <circle cx="12" cy="12" r="4" />
+-      <path d="M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8" />
+-    </svg>
++    <CarbonIcon icon={Carbon.At} size={size} />
+   );
+ }
+ 
+ function OutsideLinkIcon({ size = 11 }: { size?: number }) {
+   return (
+-    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-      <path d="M15 3h6v6" />
+-      <path d="M10 14 21 3" />
+-      <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" />
+-    </svg>
++    <CarbonIcon icon={Carbon.Launch} size={size} />
+   );
+ }
+ 
+@@ -354,13 +349,7 @@ export function TreeNode({
+         }}
+       >
+         {node.isDir && (
+-          <svg
+-            width="10" height="10" viewBox="0 0 10 10" fill="none"
+-            stroke="var(--text-dim)" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"
+-            style={{ flexShrink: 0, transform: open ? "rotate(90deg)" : "none", transition: "transform 0.1s" }}
+-          >
+-            <polyline points="3 2 7 5 3 8" />
+-          </svg>
++          <CarbonIcon icon={Carbon.ChevronRight} size={10} color="var(--text-dim)" style={{ flexShrink: 0, transform: open ? "rotate(90deg)" : "none", transition: "transform 0.1s" }} />
+         )}
+         {!node.isDir && <span style={{ width: 10, flexShrink: 0 }} />}
+         <span style={{ flexShrink: 0, display: "flex", alignItems: "center", opacity: hidden ? HIDDEN_ENTRY_OPACITY : 1 }}>
+@@ -419,9 +408,7 @@ export function TreeNode({
+           </span>
+         )}
+         {loading && (
+-          <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="var(--text-dim)" strokeWidth="2" strokeLinecap="round">
+-            <path d="M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4" />
+-          </svg>
++          <CarbonIcon icon={Carbon.InProgress} size={10} color="var(--text-dim)" />
+         )}
+         {onAtMention && hovered && (
+           <button
+@@ -483,11 +470,7 @@ export function TreeNode({
+               textDecoration: "none",
+             }}
+           >
+-            <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round">
+-              <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
+-              <polyline points="7 10 12 15 17 10" />
+-              <line x1="12" y1="15" x2="12" y2="3" />
+-            </svg>
++            <CarbonIcon icon={Carbon.Download} size={11} />
+           </a>
+         )}
+       </div>
+@@ -1022,11 +1005,7 @@ export const FileExplorer = forwardRef<FileExplorerHandle, Props>(function FileE
+                   <path d="M21 12a9 9 0 1 1-5.7-8.4" />
+                 </svg>
+               ) : (
+-                <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-                  <path d="M12 16V4" />
+-                  <path d="m7 9 5-5 5 5" />
+-                  <path d="M5 20h14" />
+-                </svg>
++                <CarbonIcon icon={Carbon.Upload} size={13} />
+               )}
+               {uploadPhase === "uploading" && <span style={{ fontSize: 10 }}>{uploadProgress}%</span>}
+             </div>
+@@ -1075,28 +1054,19 @@ export const FileExplorer = forwardRef<FileExplorerHandle, Props>(function FileE
+               <div style={{ minWidth: 0, flex: 1, display: "flex", alignItems: "center", gap: 8 }}>
+                 {uploadSummary.uploaded.length > 0 && (
+                   <span title={`${uploadSummary.uploaded.length} uploaded`} aria-label={`${uploadSummary.uploaded.length} uploaded`} style={{ display: "flex", alignItems: "center", gap: 3, color: "#22c55e" }}>
+-                    <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.4" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-                      <path d="m5 12 4 4L19 6" />
+-                    </svg>
++                    <CarbonIcon icon={Carbon.Checkmark} size={13} />
+                     <span>{uploadSummary.uploaded.length}</span>
+                   </span>
+                 )}
+                 {uploadSummary.skipped.length > 0 && (
+                   <span title={`${uploadSummary.skipped.length} skipped`} aria-label={`${uploadSummary.skipped.length} skipped`} style={{ display: "flex", alignItems: "center", gap: 3, color: "var(--text-dim)" }}>
+-                    <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" aria-hidden="true">
+-                      <circle cx="12" cy="12" r="9" />
+-                      <path d="M8 12h8" />
+-                    </svg>
++                    <CarbonIcon icon={Carbon.SubtractAlt} size={13} />
+                     <span>{uploadSummary.skipped.length}</span>
+                   </span>
+                 )}
+                 {uploadSummary.errors.length > 0 && (
+                   <span title={`${uploadSummary.errors.length} failed`} aria-label={`${uploadSummary.errors.length} failed`} style={{ display: "flex", alignItems: "center", gap: 3, color: "#f87171" }}>
+-                    <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-                      <path d="M12 3 2.5 20h19L12 3Z" />
+-                      <path d="M12 9v4" />
+-                      <path d="M12 17h.01" />
+-                    </svg>
++                    <CarbonIcon icon={Carbon.WarningAlt} size={13} />
+                     <span>{uploadSummary.errors.length}</span>
+                   </span>
+                 )}
+@@ -1117,11 +1087,7 @@ export const FileExplorer = forwardRef<FileExplorerHandle, Props>(function FileE
+             </div>
+             {uploadSummary.errors.map((item) => (
+               <div key={item.name} title={item.error} style={{ display: "flex", alignItems: "center", gap: 4, marginTop: 3, minWidth: 0, fontSize: 10, color: "#f87171" }}>
+-                <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" style={{ flexShrink: 0 }} aria-hidden="true">
+-                  <circle cx="12" cy="12" r="9" />
+-                  <path d="M12 8v5" />
+-                  <path d="M12 17h.01" />
+-                </svg>
++                <CarbonIcon icon={Carbon.Warning} size={11} style={{ flexShrink: 0 }} />
+                 <span style={{ minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }}>{item.name}</span>
+               </div>
+             ))}
+@@ -1133,9 +1099,7 @@ export const FileExplorer = forwardRef<FileExplorerHandle, Props>(function FileE
+       {fileSearchOpen && (
+       <div style={{ padding: "2px 8px 6px" }}>
+         <div style={{ position: "relative" }}>
+-          <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true" style={{ position: "absolute", left: 8, top: "50%", transform: "translateY(-50%)", color: "var(--text-dim)", pointerEvents: "none" }}>
+-            <circle cx="11" cy="11" r="7" /><path d="m20 20-4-4" />
+-          </svg>
++          <CarbonIcon icon={Carbon.Search} size={12} style={{ position: "absolute", left: 8, top: "50%", transform: "translateY(-50%)", color: "var(--text-dim)", pointerEvents: "none" }} />
+           <input
+             ref={searchInputRef}
+             id="file-search-input"
+@@ -1156,9 +1120,7 @@ export const FileExplorer = forwardRef<FileExplorerHandle, Props>(function FileE
+               onMouseEnter={(e) => { e.currentTarget.style.background = "var(--bg-hover)"; e.currentTarget.style.color = "var(--text)"; }}
+               onMouseLeave={(e) => { e.currentTarget.style.background = "none"; e.currentTarget.style.color = "var(--text-dim)"; }}
+             >
+-              <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.4" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-                <path d="M18 6 6 18" /><path d="m6 6 12 12" />
+-              </svg>
++              <CarbonIcon icon={Carbon.Close} size={10} />
+             </button>
+           )}
+         </div>
+diff --git a/components/FileIcons.tsx b/components/FileIcons.tsx
+index b46d21a..8a8b640 100644
+--- a/components/FileIcons.tsx
++++ b/components/FileIcons.tsx
+@@ -1,4 +1,5 @@
+-import type { CSSProperties } from "react";
++import { CarbonIcon } from "./CarbonIcon";
++import * as Carbon from "./carbon/icons";
+ 
+ 
+ interface IconProps {
+@@ -39,23 +40,44 @@ type CatppuccinIconName =
+   | "yaml"
+   | "go";
+ 
+-const CATPPUCCIN_ICONS_ROOT = "/icons/catppuccin";
++// Each kind of file as an IBM Carbon icon, in the tree's text colour.
++const CARBON_FILE_ICONS: Record<CatppuccinIconName, Carbon.CarbonIconData> = {
++  _file: Carbon.Document,
++  _folder: Carbon.Folder,
++  _folder_open: Carbon.FolderOpen,
++  bash: Carbon.Terminal,
++  config: Carbon.Settings,
++  css: Carbon.Code,
++  database: Carbon.SQL,
++  docker: Carbon.ContainerImage,
++  env: Carbon.Password,
++  git: Carbon.LogoGit,
++  graphql: Carbon.Code,
++  html: Carbon.HTML,
++  javascript: Carbon.Code,
++  "javascript-react": Carbon.LogoReact,
++  json: Carbon.JSON,
++  lock: Carbon.Locked,
++  "npm-lock": Carbon.LogoNpm,
++  "bun-lock": Carbon.Locked,
++  next: Carbon.Settings,
++  eslint: Carbon.SettingsCheck,
++  markdown: Carbon.Markdown,
++  "ms-word": Carbon.DOC,
++  pdf: Carbon.PDF,
++  python: Carbon.LogoPython,
++  rust: Carbon.Code,
++  sass: Carbon.Code,
++  terraform: Carbon.DocumentConfiguration,
++  toml: Carbon.DocumentConfiguration,
++  typescript: Carbon.Code,
++  "typescript-react": Carbon.LogoReact,
++  yaml: Carbon.DocumentConfiguration,
++  go: Carbon.Code,
++};
+ 
+ function CatppuccinIcon({ name, size = 14 }: IconProps & { name: CatppuccinIconName }) {
+-  const style = {
+-    width: size,
+-    height: size,
+-    "--catppuccin-icon-light": `url(${CATPPUCCIN_ICONS_ROOT}/latte/${name}.svg)`,
+-    "--catppuccin-icon-dark": `url(${CATPPUCCIN_ICONS_ROOT}/mocha/${name}.svg)`,
+-  } as CSSProperties;
+-
+-  return (
+-    <span
+-      aria-hidden="true"
+-      className="catppuccin-file-icon"
+-      style={style}
+-    />
+-  );
++  return <CarbonIcon icon={CARBON_FILE_ICONS[name]} size={size} className="file-type-icon" />;
+ }
+ 
+ export function FolderIcon({ size = 14, open = false }: IconProps & { open?: boolean }) {
+diff --git a/components/FileViewer.tsx b/components/FileViewer.tsx
+index 9426211..b47d4ce 100644
+--- a/components/FileViewer.tsx
++++ b/components/FileViewer.tsx
+@@ -34,6 +34,8 @@ import {
+   type FileViewerDisplayMode as DisplayMode,
+   type FileViewerState,
+ } from "@/lib/file-viewer-state";
++import { CarbonIcon } from "./CarbonIcon";
++import * as Carbon from "./carbon/icons";
+ 
+ export type { FileViewerState } from "@/lib/file-viewer-state";
+ 
+@@ -119,10 +121,7 @@ interface SelectedLineRange {
+ 
+ function MentionIcon() {
+   return (
+-    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-      <circle cx="12" cy="12" r="4" />
+-      <path d="M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8" />
+-    </svg>
++    <CarbonIcon icon={Carbon.At} size={14} />
+   );
+ }
+ 
+@@ -252,11 +251,7 @@ function DownloadLink({ filePath, sourceSessionId }: { filePath: string; sourceS
+       aria-label={t("i18n.downloadFile")}
+       className="file-viewer-icon-button"
+     >
+-      <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-        <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
+-        <polyline points="7 10 12 15 17 10" />
+-        <line x1="12" y1="15" x2="12" y2="3" />
+-      </svg>
++      <CarbonIcon icon={Carbon.Download} size={14} />
+     </a>
+   );
+ }
+@@ -1708,12 +1703,7 @@ function TextFileViewer({
+                     color: wrapLines ? "var(--text)" : "var(--text-muted)",
+                   }}
+                 >
+-                  <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-                    <path d="M3 6h18" />
+-                    <path d="M3 12h15a3 3 0 1 1 0 6h-4" />
+-                    <path d="m16 16-2 2 2 2" />
+-                    <path d="M3 18h7" />
+-                  </svg>
++                  <CarbonIcon icon={Carbon.TextWrap} size={14} />
+                 </button>
+               </>
+             )}
+diff --git a/components/FontSettings.tsx b/components/FontSettings.tsx
+index 7e4c208..de44269 100644
+--- a/components/FontSettings.tsx
++++ b/components/FontSettings.tsx
+@@ -4,6 +4,8 @@ import { useI18n } from "@/hooks/useI18n";
+ import { useFontPreferences } from "@/hooks/useFontPreferences";
+ import { FONT_FAMILY_MAX_LENGTH, FONT_WEIGHT_DEFAULT, FONT_WEIGHT_OPTIONS } from "@/lib/font-preferences";
+ import { ConfigButton } from "./SettingsUi";
++import { CarbonIcon } from "./CarbonIcon";
++import * as Carbon from "./carbon/icons";
+ 
+ const FONT_FIELDS = [
+   { kind: "ui", label: "settings.uiFontFamily", placeholder: "settings.uiFontPlaceholder", reset: "settings.resetUiFont", weightLabel: "settings.uiFontWeight" },
+@@ -51,9 +53,7 @@ export function FontSettings() {
+             disabled={!fonts[kind] && weight === FONT_WEIGHT_DEFAULT}
+             onClick={() => fonts.resetFontPreference(kind)}
+           >
+-            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-              <path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8M3 3v5h5" />
+-            </svg>
++            <CarbonIcon icon={Carbon.Reset} size={14} />
+           </ConfigButton>
+         </div>
+         <input
+diff --git a/components/ImagePreview.tsx b/components/ImagePreview.tsx
+index 9b81f64..22b3e6d 100644
+--- a/components/ImagePreview.tsx
++++ b/components/ImagePreview.tsx
+@@ -2,6 +2,8 @@
+ 
+ import { useEffect, useRef, useState } from "react";
+ import { useI18n } from "@/hooks/useI18n";
++import { CarbonIcon } from "./CarbonIcon";
++import * as Carbon from "./carbon/icons";
+ 
+ interface ImagePreviewProps {
+   src: string;
+@@ -98,9 +100,7 @@ export function ImagePreview({ src, alt = "", children, className, style }: Imag
+             aria-label={t("chat.close")}
+             title={t("chat.close")}
+           >
+-            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" aria-hidden="true">
+-              <path d="M6 6l12 12M18 6 6 18" />
+-            </svg>
++            <CarbonIcon icon={Carbon.Close} size={16} />
+           </button>
+         </dialog>
+       )}
+diff --git a/components/MermaidBlock.tsx b/components/MermaidBlock.tsx
+index 25e4a63..75bd5f2 100644
+--- a/components/MermaidBlock.tsx
++++ b/components/MermaidBlock.tsx
+@@ -10,6 +10,8 @@ import { usePrismLanguages } from "@/hooks/usePrismLanguages";
+ import { copyText } from "@/lib/clipboard";
+ import { takeHighlightBudget, waitForHighlight } from "@/lib/highlight-queue";
+ import { prismLanguagesLoaded } from "@/lib/prism-languages";
++import { CarbonIcon } from "./CarbonIcon";
++import * as Carbon from "./carbon/icons";
+ 
+ interface MermaidBlockProps {
+   code: string;
+@@ -194,9 +196,7 @@ function MermaidZoomDialog({ svg, onClose }: { svg: string; onClose: () => void
+                 title={t("i18n.zoomOut")}
+                 aria-label={t("i18n.zoomOut")}
+               >
+-                <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" aria-hidden="true">
+-                  <path d="M5 12h14" />
+-                </svg>
++                <CarbonIcon icon={Carbon.Subtract} size={13} />
+               </button>
+               <span className="mermaid-zoom-value">{Math.round(zoom * 100)}%</span>
+               <button
+@@ -206,9 +206,7 @@ function MermaidZoomDialog({ svg, onClose }: { svg: string; onClose: () => void
+                 title={t("i18n.zoomIn")}
+                 aria-label={t("i18n.zoomIn")}
+               >
+-                <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" aria-hidden="true">
+-                  <path d="M12 5v14M5 12h14" />
+-                </svg>
++                <CarbonIcon icon={Carbon.Add} size={13} />
+               </button>
+             </div>
+             <button
+@@ -218,9 +216,7 @@ function MermaidZoomDialog({ svg, onClose }: { svg: string; onClose: () => void
+               title={t("i18n.fitToWidth")}
+               aria-label={t("i18n.fitToWidth")}
+             >
+-              <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-                <path d="M8 3H3v5M16 3h5v5M8 21H3v-5M16 21h5v-5" />
+-              </svg>
++              <CarbonIcon icon={Carbon.Maximize} size={13} />
+             </button>
+             <button
+               type="button"
+@@ -229,9 +225,7 @@ function MermaidZoomDialog({ svg, onClose }: { svg: string; onClose: () => void
+               title={t("i18n.close")}
+               aria-label={t("i18n.close")}
+             >
+-              <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" aria-hidden="true">
+-                <path d="M6 6l12 12M18 6 6 18" />
+-              </svg>
++              <CarbonIcon icon={Carbon.Close} size={13} />
+             </button>
+           </div>
+         </div>
 diff --git a/components/MessageView.test.mjs b/components/MessageView.test.mjs
 index 515b033..eeb4c1e 100644
 --- a/components/MessageView.test.mjs
@@ -4567,10 +5945,19 @@ index 515b033..eeb4c1e 100644
  
  test("collapses a displayed custom message from its header alone", () => {
 diff --git a/components/MessageView.tsx b/components/MessageView.tsx
-index f2ff1de..07e5e36 100644
+index f2ff1de..226059e 100644
 --- a/components/MessageView.tsx
 +++ b/components/MessageView.tsx
-@@ -420,10 +420,10 @@ function UserMessageView({ message, cwd, onOpenFile, entryId, onFork, forking, o
+@@ -35,6 +35,8 @@ import type {
+   ToolCallContent,
+   ThinkingContent,
+ } from "@/lib/types";
++import { CarbonIcon } from "./CarbonIcon";
++import * as Carbon from "./carbon/icons";
+ 
+ // CJK chars ~1 token each (GLM/DeepSeek/GPT-o200k); other chars ~4 chars/token.
+ const CJK_PATTERN = /[\u3000-\u30ff\u3400-\u9fff\uf900-\ufaff\u{20000}-\u{2fa1f}\uac00-\ud7af]/u;
+@@ -420,10 +422,10 @@ function UserMessageView({ message, cwd, onOpenFile, entryId, onFork, forking, o
              flex: 1,
              minWidth: 0,
              background: isEditing ? "color-mix(in srgb, var(--accent) 14%, var(--user-bg))" : "var(--user-bg)",
@@ -4585,7 +5972,111 @@ index f2ff1de..07e5e36 100644
              fontSize: "calc(14px + var(--chat-font-size-offset, 0px))",
              lineHeight: 1.6,
              color: "var(--text)",
-@@ -1053,13 +1053,12 @@ export function ThinkingBlock({ block, duration, sessionId, entryId, blockIndex
+@@ -458,20 +460,7 @@ function UserMessageView({ message, cwd, onOpenFile, entryId, onFork, forking, o
+                   <span style={{ overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }}>
+                     {commandName}
+                   </span>
+-                  <svg
+-                    width="11"
+-                    height="11"
+-                    viewBox="0 0 24 24"
+-                    fill="none"
+-                    stroke="currentColor"
+-                    strokeWidth="2"
+-                    strokeLinecap="round"
+-                    strokeLinejoin="round"
+-                    style={{ flexShrink: 0, opacity: 0.75, transform: expanded ? "rotate(180deg)" : "none", transition: "transform 0.15s" }}
+-                    aria-hidden="true"
+-                  >
+-                    <polyline points="6 9 12 15 18 9" />
+-                  </svg>
++                  <CarbonIcon icon={Carbon.ChevronDown} size={11} style={{ flexShrink: 0, opacity: 0.75, transform: expanded ? "rotate(180deg)" : "none", transition: "transform 0.15s" }} />
+                 </button>
+                 {commandArgs && (
+                   <span style={{
+@@ -531,14 +520,9 @@ function UserMessageView({ message, cwd, onOpenFile, entryId, onFork, forking, o
+               onMouseLeave={(e) => { if (!copied) e.currentTarget.style.color = "var(--text-dim)"; }}
+             >
+               {copied ? (
+-                <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round">
+-                  <polyline points="20 6 9 17 4 12" />
+-                </svg>
++                <CarbonIcon icon={Carbon.Checkmark} size={11} />
+               ) : (
+-                <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round">
+-                  <rect x="9" y="9" width="13" height="13" rx="2" ry="2" />
+-                  <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" />
+-                </svg>
++                <CarbonIcon icon={Carbon.Copy} size={11} />
+               )}
+                {copied ? t("i18n.copied") : t("i18n.copy")}
+             </button>
+@@ -568,10 +552,7 @@ function UserMessageView({ message, cwd, onOpenFile, entryId, onFork, forking, o
+                   onMouseEnter={(e) => { e.currentTarget.style.color = "var(--accent)"; }}
+                   onMouseLeave={(e) => { e.currentTarget.style.color = "var(--text-dim)"; }}
+                 >
+-                  <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round">
+-                    <polyline points="15 10 20 15 15 20" />
+-                    <path d="M4 4v7a4 4 0 0 0 4 4h12" />
+-                  </svg>
++                  <CarbonIcon icon={Carbon.ArrowDownRight} size={11} />
+                    {t("i18n.editFromHere")}
+                 </button>
+               )}
+@@ -592,9 +573,7 @@ function UserMessageView({ message, cwd, onOpenFile, entryId, onFork, forking, o
+                     whiteSpace: "nowrap",
+                   }}
+                 >
+-                  <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" aria-hidden="true">
+-                    <path d="M6 6l12 12M18 6L6 18" />
+-                  </svg>
++                  <CarbonIcon icon={Carbon.Close} size={11} />
+                   {t("i18n.cancel")}
+                 </button>
+               )}
+@@ -617,12 +596,7 @@ function UserMessageView({ message, cwd, onOpenFile, entryId, onFork, forking, o
+                   onMouseEnter={(e) => { if (!forking) e.currentTarget.style.color = "var(--accent)"; }}
+                   onMouseLeave={(e) => { if (!forking) e.currentTarget.style.color = "var(--text-dim)"; }}
+                 >
+-                  <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round">
+-                    <line x1="6" y1="3" x2="6" y2="15" />
+-                    <circle cx="18" cy="6" r="3" />
+-                    <circle cx="6" cy="18" r="3" />
+-                    <path d="M18 9a9 9 0 0 1-9 9" />
+-                  </svg>
++                  <CarbonIcon icon={Carbon.Branch} size={11} />
+                    {forking ? t("i18n.creating") : t("i18n.newSession")}
+                 </button>
+               )}
+@@ -833,9 +807,7 @@ function AssistantMessageView({
+               {est > 0 && (
+                 <span style={{ display: "flex", alignItems: "center", gap: 4, color: "var(--text)" }} title={t("i18n.estimatedTokens")}>
+                   <span style={{ display: "flex", alignItems: "center", gap: 2, fontSize: 11, fontWeight: 400 }}>
+-                    <svg width="10" height="10" viewBox="0 0 10 10" fill="none" stroke="currentColor" strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round">
+-                      <line x1="5" y1="1.5" x2="5" y2="8.5" /><polyline points="2 6 5 8.5 8 6" />
+-                    </svg>
++                    <CarbonIcon icon={Carbon.ArrowDown} size={10} />
+                     {est}
+                   </span>
+                   {tps !== null && (() => {
+@@ -957,14 +929,9 @@ function AssistantMessageView({
+             onMouseLeave={(e) => { if (!copied) e.currentTarget.style.color = "var(--text-dim)"; }}
+           >
+             {copied ? (
+-              <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round">
+-                <polyline points="20 6 9 17 4 12" />
+-              </svg>
++              <CarbonIcon icon={Carbon.Checkmark} size={11} />
+             ) : (
+-              <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round">
+-                <rect x="9" y="9" width="13" height="13" rx="2" ry="2" />
+-                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" />
+-              </svg>
++              <CarbonIcon icon={Carbon.Copy} size={11} />
+             )}
+              {copied ? t("i18n.copied") : t("i18n.copy")}
+           </button>
+@@ -1053,13 +1020,12 @@ export function ThinkingBlock({ block, duration, sessionId, entryId, blockIndex
  
    return (
      <div style={{
@@ -4605,7 +6096,7 @@ index f2ff1de..07e5e36 100644
        lineHeight: 1.5,
      }}>
        <button
-@@ -1178,12 +1177,12 @@ function ToolCallBlock({ block, result, duration, onOpenSubagent }: { block: Too
+@@ -1178,12 +1144,12 @@ function ToolCallBlock({ block, result, duration, onOpenSubagent }: { block: Too
  
    return (
      <div
@@ -4621,7 +6112,7 @@ index f2ff1de..07e5e36 100644
        }}
      >
        {/* ── Tool call header ── */}
-@@ -1196,7 +1195,8 @@ function ToolCallBlock({ block, result, duration, onOpenSubagent }: { block: Too
+@@ -1196,7 +1162,8 @@ function ToolCallBlock({ block, result, duration, onOpenSubagent }: { block: Too
              gap: 7,
              flex: 1,
              minWidth: 0,
@@ -4631,7 +6122,7 @@ index f2ff1de..07e5e36 100644
              background: "none",
              border: "none",
              color: "var(--text-muted)",
-@@ -1207,7 +1207,7 @@ function ToolCallBlock({ block, result, duration, onOpenSubagent }: { block: Too
+@@ -1207,7 +1174,7 @@ function ToolCallBlock({ block, result, duration, onOpenSubagent }: { block: Too
          >
            <span
              title={mcpLabel ? block.toolName : undefined}
@@ -4640,7 +6131,7 @@ index f2ff1de..07e5e36 100644
            >
              {mcpLabel ? (
                <>
-@@ -1216,7 +1216,7 @@ function ToolCallBlock({ block, result, duration, onOpenSubagent }: { block: Too
+@@ -1216,7 +1183,7 @@ function ToolCallBlock({ block, result, duration, onOpenSubagent }: { block: Too
                </>
              ) : block.toolName}
            </span>
@@ -4649,7 +6140,27 @@ index f2ff1de..07e5e36 100644
              {isStreamingInput
                ? t("chat.generatingToolInput")
                : (patchLabel ?? (codemode ? codemodeScriptPreview(codemode.code) : getToolPreview(block)))}
-@@ -1256,8 +1256,7 @@ function ToolCallBlock({ block, result, duration, onOpenSubagent }: { block: Too
+@@ -1229,9 +1196,7 @@ function ToolCallBlock({ block, result, duration, onOpenSubagent }: { block: Too
+           {duration !== undefined && (
+             <span style={{ fontSize: 11, color: "var(--text-dim)", flexShrink: 0, fontVariantNumeric: "tabular-nums" }}>{formatToolDuration(duration)}</span>
+           )}
+-          <svg width="10" height="10" viewBox="0 0 10 10" fill="none" stroke="var(--text-dim)" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" style={{ flexShrink: 0, transform: expanded ? "rotate(180deg)" : "none", transition: "transform 0.15s" }}>
+-            <polyline points="2 3.5 5 6.5 8 3.5" />
+-          </svg>
++          <CarbonIcon icon={Carbon.ChevronDown} size={10} color="var(--text-dim)" style={{ flexShrink: 0, transform: expanded ? "rotate(180deg)" : "none", transition: "transform 0.15s" }} />
+         </button>
+         {subagent && onOpenSubagent && (
+           <button
+@@ -1241,7 +1206,7 @@ function ToolCallBlock({ block, result, duration, onOpenSubagent }: { block: Too
+             aria-label={t("subagent.openTab")}
+             style={{ width: 32, display: "grid", placeItems: "center", border: "none", borderLeft: "1px solid var(--border)", background: "none", color: "var(--text-muted)", cursor: "pointer", flexShrink: 0 }}
+           >
+-            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true"><rect x="5" y="7" width="14" height="11" rx="2" /><path d="M9 11h.01M15 11h.01M9 15h6M12 7V4M10 4h4" /></svg>
++            <CarbonIcon icon={Carbon.Bot} size={14} />
+           </button>
+         )}
+       </div>
+@@ -1256,8 +1221,7 @@ function ToolCallBlock({ block, result, duration, onOpenSubagent }: { block: Too
              fontSize: "calc(12px + var(--chat-font-size-offset, 0px))",
              lineHeight: 1.5,
              overflow: "auto",
@@ -4659,7 +6170,7 @@ index f2ff1de..07e5e36 100644
              whiteSpace: "pre-wrap",
              wordBreak: "break-all",
            }}
-@@ -1276,7 +1275,7 @@ function ToolCallBlock({ block, result, duration, onOpenSubagent }: { block: Too
+@@ -1276,7 +1240,7 @@ function ToolCallBlock({ block, result, duration, onOpenSubagent }: { block: Too
  
        {/* ── Expanded: applied-patch split diff ── */}
        {expanded && patchFiles && (
@@ -4668,7 +6179,7 @@ index f2ff1de..07e5e36 100644
            <SplitFilesView files={patchFiles} />
          </div>
        )}
-@@ -1316,7 +1315,6 @@ function PairedDiffResult({ diff }: {
+@@ -1316,7 +1280,6 @@ function PairedDiffResult({ diff }: {
    return (
      <div
        style={{
@@ -4676,7 +6187,7 @@ index f2ff1de..07e5e36 100644
          background: "var(--bg)",
        }}
      >
-@@ -1587,7 +1585,6 @@ function ResultImages({ images, isError }: { images: ImageContent[]; isError: bo
+@@ -1587,7 +1550,6 @@ function ResultImages({ images, isError }: { images: ImageContent[]; isError: bo
          flexWrap: "wrap",
          padding: "10px",
          background: "var(--bg)",
@@ -4684,7 +6195,7 @@ index f2ff1de..07e5e36 100644
        }}
      >
        {images.map((image, index) => {
-@@ -1629,8 +1626,7 @@ function PairedResult({ text, isEmpty, isError }: {
+@@ -1629,8 +1591,7 @@ function PairedResult({ text, isEmpty, isError }: {
    return (
      <div
        style={{
@@ -4694,6 +6205,203 @@ index f2ff1de..07e5e36 100644
        }}
      >
        <pre
+@@ -1710,9 +1671,7 @@ function CompactionMessageView({ message }: { message: CustomMessage }) {
+               textAlign: "left",
+             }}
+           >
+-            <svg width="12" height="12" viewBox="0 0 12 12" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true" style={{ flexShrink: 0, marginTop: 4, color: "var(--text-muted)", transform: expanded ? "rotate(90deg)" : "none", transition: "transform 0.15s" }}>
+-              <polyline points="4 2.5 7.5 6 4 9.5" />
+-            </svg>
++            <CarbonIcon icon={Carbon.ChevronRight} size={12} style={{ flexShrink: 0, marginTop: 4, color: "var(--text-muted)", transform: expanded ? "rotate(90deg)" : "none", transition: "transform 0.15s" }} />
+             <span style={{ minWidth: 0 }}>
+               <span style={{ display: "block", fontSize: "calc(15px + var(--chat-font-size-offset, 0px))", fontWeight: 700, lineHeight: 1.35 }}>
+                 {t("i18n.conversationCompacted")}
+@@ -1852,9 +1811,7 @@ function CustomMessageView({ message, cwd, onOpenFile }: { message: CustomMessag
+               </span>
+             )}
+             {time && <span style={{ marginLeft: "auto", color: "var(--text-dim)", fontSize: 10, flexShrink: 0 }}>{time}</span>}
+-            <svg width="10" height="10" viewBox="0 0 10 10" fill="none" stroke="var(--text-dim)" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true" style={{ flexShrink: 0, transform: contentExpanded ? "rotate(180deg)" : "none", transition: "transform 0.15s" }}>
+-              <polyline points="2 3.5 5 6.5 8 3.5" />
+-            </svg>
++            <CarbonIcon icon={Carbon.ChevronDown} size={10} color="var(--text-dim)" style={{ flexShrink: 0, transform: contentExpanded ? "rotate(180deg)" : "none", transition: "transform 0.15s" }} />
+           </button>
+         </div>
+ 
+diff --git a/components/ModelSelector.tsx b/components/ModelSelector.tsx
+index ba912ee..a27d0f0 100644
+--- a/components/ModelSelector.tsx
++++ b/components/ModelSelector.tsx
+@@ -4,6 +4,8 @@ import { useEffect, useRef, useState, type CSSProperties } from "react";
+ import { useI18n } from "@/hooks/useI18n";
+ import { useIsMobile } from "@/hooks/useIsMobile";
+ import { SelectorRow } from "./SelectorRow";
++import { CarbonIcon } from "./CarbonIcon";
++import * as Carbon from "./carbon/icons";
+ 
+ export interface ModelSelectorOption {
+   provider: string;
+@@ -204,20 +206,11 @@ export function ModelSelector({
+             <path d="M21 12a9 9 0 1 1-2.64-6.36" />
+           </svg>
+         ) : (
+-          <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true" style={{ flexShrink: 0 }}>
+-            <rect x="4" y="4" width="16" height="16" rx="2" />
+-            <rect x="9" y="9" width="6" height="6" />
+-            <line x1="9" y1="1" x2="9" y2="4" /><line x1="15" y1="1" x2="15" y2="4" />
+-            <line x1="9" y1="20" x2="9" y2="23" /><line x1="15" y1="20" x2="15" y2="23" />
+-            <line x1="20" y1="9" x2="23" y2="9" /><line x1="20" y1="14" x2="23" y2="14" />
+-            <line x1="1" y1="9" x2="4" y2="9" /><line x1="1" y1="14" x2="4" y2="14" />
+-          </svg>
++          <CarbonIcon icon={Carbon.Chip} size={11} style={{ flexShrink: 0 }} />
+         )}
+         <span style={{ flex: 1, minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }}>{currentName}</span>
+         {variant === "field" && (
+-          <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true" style={{ flexShrink: 0, color: "var(--text-dim)" }}>
+-            <polyline points="6 9 12 15 18 9" />
+-          </svg>
++          <CarbonIcon icon={Carbon.ChevronDown} size={12} style={{ flexShrink: 0, color: "var(--text-dim)" }} />
+         )}
+       </button>
+ 
+diff --git a/components/ModelsConfig.tsx b/components/ModelsConfig.tsx
+index 9f6b556..6a6a46b 100644
+--- a/components/ModelsConfig.tsx
++++ b/components/ModelsConfig.tsx
+@@ -54,6 +54,8 @@ import { providerBadgeLabel } from "./enabled-models-helpers";
+ import { OAuthPastePanel } from "./OAuthPastePanel";
+ import { ProviderIcon } from "./ProviderIcon";
+ import { ProviderUsageSummary } from "./ProviderUsageSummary";
++import { CarbonIcon } from "./CarbonIcon";
++import * as Carbon from "./carbon/icons";
+ 
+ // ── Types ─────────────────────────────────────────────────────────────────────
+ 
+@@ -258,17 +260,9 @@ function SecretTextInput({
+         }}
+       >
+         {visible ? (
+-          <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+-            <path d="M17.94 17.94A10.94 10.94 0 0 1 12 20C7 20 2.73 16.89 1 12a18.45 18.45 0 0 1 5.06-6.94" />
+-            <path d="M9.9 4.24A10.94 10.94 0 0 1 12 4c5 0 9.27 3.11 11 8a18.5 18.5 0 0 1-2.16 3.19" />
+-            <path d="M14.12 14.12A3 3 0 0 1 9.88 9.88" />
+-            <path d="M1 1l22 22" />
+-          </svg>
++          <CarbonIcon icon={Carbon.ViewOff} size={15} />
+         ) : (
+-          <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+-            <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8S1 12 1 12Z" />
+-            <circle cx="12" cy="12" r="3" />
+-          </svg>
++          <CarbonIcon icon={Carbon.View} size={15} />
+         )}
+       </button>
+     </div>
+@@ -1075,9 +1069,7 @@ function ModelDetail({
+             className={testState.phase === "success" ? "is-success" : undefined}
+           >
+             {testState.phase === "success" && (
+-              <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="3" strokeLinecap="round" strokeLinejoin="round">
+-                <polyline points="20 6 9 17 4 12" />
+-              </svg>
++              <CarbonIcon icon={Carbon.Checkmark} size={11} />
+             )}
+              {testState.phase === "testing" ? t("i18n.checking") : testState.phase === "success" ? t("common.ok") : t("i18n.test")}
+           </ConfigButton>
+@@ -1227,20 +1219,7 @@ function ModelDetail({
+               {advancedSummary}
+             </span>
+           </span>
+-          <svg
+-            width="16"
+-            height="16"
+-            viewBox="0 0 24 24"
+-            fill="none"
+-            stroke="currentColor"
+-            strokeWidth="2"
+-            strokeLinecap="round"
+-            strokeLinejoin="round"
+-            aria-hidden="true"
+-            style={{ color: "var(--text-dim)", transform: advancedOpen ? "rotate(180deg)" : "none", transition: "transform 0.15s ease" }}
+-          >
+-            <polyline points="6 9 12 15 18 9" />
+-          </svg>
++          <CarbonIcon icon={Carbon.ChevronDown} size={16} style={{ color: "var(--text-dim)", transform: advancedOpen ? "rotate(180deg)" : "none", transition: "transform 0.15s ease" }} />
+         </button>
+ 
+         {advancedOpen && (
+@@ -1674,9 +1653,7 @@ function ApiKeyDetail({ provider, onRefresh, enabledModels }: {
+           }}
+         >
+           {savedOk && (
+-            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="3" strokeLinecap="round" strokeLinejoin="round">
+-              <polyline points="20 6 9 17 4 12" />
+-            </svg>
++            <CarbonIcon icon={Carbon.Checkmark} size={12} />
+           )}
+            {savedOk ? t("i18n.saved") : saving ? t("i18n.saving") : t("i18n.save")}
+         </button>
+@@ -1750,9 +1727,7 @@ function AddProviderPicker({
+       <div style={{ width: 820, maxWidth: "calc(100vw - 32px)", maxHeight: "min(72vh, calc(100vh - 32px))", background: "var(--bg)", border: "1px solid var(--border)", borderRadius: 10, display: "flex", flexDirection: "column", boxShadow: "0 8px 32px rgba(0,0,0,0.22)", overflow: "hidden" }}>
+         {/* Search */}
+         <div style={{ padding: "10px 14px", borderBottom: "1px solid var(--border)", flexShrink: 0, display: "flex", alignItems: "center", gap: 8 }}>
+-          <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" style={{ color: "var(--text-dim)", flexShrink: 0 }}>
+-            <circle cx="11" cy="11" r="8" /><line x1="21" y1="21" x2="16.65" y2="16.65" />
+-          </svg>
++          <CarbonIcon icon={Carbon.Search} size={13} style={{ color: "var(--text-dim)", flexShrink: 0 }} />
+           <input
+             ref={inputRef}
+             value={search}
+@@ -1783,9 +1758,7 @@ function AddProviderPicker({
+                      <div style={{ fontSize: 10, color: "var(--text-dim)", marginTop: 2 }}>{t("i18n.customEndpoint")}</div>
+                   </div>
+                   <span style={{ width: 26, height: 26, borderRadius: 5, background: "var(--bg-hover)", border: "1px dashed var(--border)", display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 }}>
+-                    <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" style={{ color: "var(--text-dim)" }}>
+-                      <line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" />
+-                    </svg>
++                    <CarbonIcon icon={Carbon.Add} size={13} style={{ color: "var(--text-dim)" }} />
+                   </span>
+                 </button>
+               )}
+@@ -2177,13 +2150,7 @@ export function ModelsConfig({ onClose, embedded = false, cwd = null }: {
+                       onClick={() => setSelection({ type: "provider", name: pName })}
+                       active={isProviderSelected}
+                     >
+-                      <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" style={{ color: "var(--text-dim)", flexShrink: 0 }}>
+-                        <rect x="4" y="4" width="16" height="16" rx="2" /><rect x="9" y="9" width="6" height="6" />
+-                        <line x1="9" y1="1" x2="9" y2="4" /><line x1="15" y1="1" x2="15" y2="4" />
+-                        <line x1="9" y1="20" x2="9" y2="23" /><line x1="15" y1="20" x2="15" y2="23" />
+-                        <line x1="20" y1="9" x2="23" y2="9" /><line x1="20" y1="14" x2="23" y2="14" />
+-                        <line x1="1" y1="9" x2="4" y2="9" /><line x1="1" y1="14" x2="4" y2="14" />
+-                      </svg>
++                      <CarbonIcon icon={Carbon.Chip} size={11} style={{ color: "var(--text-dim)", flexShrink: 0 }} />
+                       <ConfigSidebarText className="is-grow">
+                         {pName}
+                       </ConfigSidebarText>
+@@ -2250,10 +2217,7 @@ export function ModelsConfig({ onClose, embedded = false, cwd = null }: {
+             className={savedOk ? "is-success" : undefined}
+           >
+             {savedOk && (
+-              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="3" strokeLinecap="round" strokeLinejoin="round"
+-                className="config-button-success-icon">
+-                <polyline points="20 6 9 17 4 12" />
+-              </svg>
++              <CarbonIcon icon={Carbon.Checkmark} size={14} className="config-button-success-icon" />
+             )}
+              <span>{savedOk ? t("i18n.saved") : saving ? t("i18n.saving") : t("i18n.save")}</span>
+           </ConfigButton>
+diff --git a/components/NewSessionContextBar.test.mjs b/components/NewSessionContextBar.test.mjs
+index 24cccde..f5f58dd 100644
+--- a/components/NewSessionContextBar.test.mjs
++++ b/components/NewSessionContextBar.test.mjs
+@@ -48,7 +48,7 @@ test("the bar shows the project's name and the worktree's branch as two menu but
+   assert.equal((html.match(/New session location/g) ?? []).length, 1);
+   // The project: a 12px folder icon, its name in code type, a chevron; the
+   // full path is the tooltip (and the menu's rows), never the button's text.
+-  assert.match(html, /<button type="button" class="project-picker-button is-project" title="\/work\/app" aria-haspopup="menu" aria-expanded="false"><svg width="12" height="12"[^>]*class="project-picker-icon" aria-hidden="true"><path d="M3 8a2[^"]*"><\/path><\/svg><span class="project-picker-name"><span class="project-picker-leaf">app<\/span><\/span><svg width="9" height="9"[^>]*class="project-picker-chevron sidebar-icon-down" aria-hidden="true">/);
++  assert.match(html, /<button type="button" class="project-picker-button is-project" title="\/work\/app" aria-haspopup="menu" aria-expanded="false"><svg width="12" height="12"[^>]*class="project-picker-icon" aria-hidden="true">(?:<path[^>]*><\/path>)+<\/svg><span class="project-picker-name"><span class="project-picker-leaf">app<\/span><\/span><svg width="9" height="9"[^>]*class="project-picker-chevron sidebar-icon-down" aria-hidden="true">/);
+   assert.doesNotMatch(html, /project-picker-path"><span>\/work\/app</);
+   // The worktree: the branch icon (the accent for a linked checkout), the
+   // branch cut at its left, a chevron; no "main" note and no count.
 diff --git a/components/PiLogo.tsx b/components/PiLogo.tsx
 new file mode 100644
 index 0000000..56fd1b2
@@ -4794,8 +6502,130 @@ index b9e6dde..1a67841 100644
      </button>
    );
  }
+diff --git a/components/PluginsConfig.tsx b/components/PluginsConfig.tsx
+index 83fddc9..29fe048 100644
+--- a/components/PluginsConfig.tsx
++++ b/components/PluginsConfig.tsx
+@@ -1,5 +1,6 @@
+ "use client";
+ 
++import { PiLogo } from "./PiLogo";
+ import { useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
+ import { sendAgentCommand } from "@/lib/agent-client";
+ import type {
+@@ -275,14 +276,7 @@ function AddPluginPanel({
+         href: "https://pi.dev/packages",
+         label: "pi.dev/packages",
+         icon: (
+-          <svg width="28" height="28" viewBox="0 0 800 800" aria-hidden="true" focusable="false">
+-            <path
+-              fill="#000"
+-              fillRule="evenodd"
+-              d="M165.29 165.29H517.36V400H400V517.36H282.65V634.72H165.29ZM282.65 282.65V400H400V282.65Z"
+-            />
+-            <path fill="#000" d="M517.36 400H634.72V634.72H517.36Z" />
+-          </svg>
++          <PiLogo size={22} />
+         ),
+       }]}
+       target={
+diff --git a/components/ProjectTrustDialog.tsx b/components/ProjectTrustDialog.tsx
+index 37702d6..5fe5ce0 100644
+--- a/components/ProjectTrustDialog.tsx
++++ b/components/ProjectTrustDialog.tsx
+@@ -24,6 +24,8 @@ import {
+   revealHiddenCharacters,
+ } from "@/lib/mcp-server-display";
+ import { openStackedDialog } from "@/lib/stacked-dialog";
++import { CarbonIcon } from "./CarbonIcon";
++import * as Carbon from "./carbon/icons";
+ 
+ /** How long the dialog waits for the listing before it stops holding Trust back. */
+ export const MCP_LISTING_TIMEOUT_MS = 10_000;
+@@ -225,21 +227,7 @@ export function ProjectTrustDialogView({
+         className="project-trust-dialog"
+       >
+         <div className="project-trust-body">
+-          <svg
+-            width="20"
+-            height="20"
+-            viewBox="0 0 24 24"
+-            fill="none"
+-            stroke="#f59e0b"
+-            strokeWidth="2"
+-            strokeLinecap="round"
+-            strokeLinejoin="round"
+-            aria-hidden="true"
+-            className="project-trust-icon"
+-          >
+-            <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z" />
+-            <path d="m9 12 2 2 4-4" />
+-          </svg>
++          <CarbonIcon icon={Carbon.Security} size={20} color="#f59e0b" className="project-trust-icon" />
+           <div className="project-trust-content">
+             <div id="project-trust-title" className="project-trust-title">
+               {t("trust.dialogTitle")}
+diff --git a/components/ProviderUsageSummary.tsx b/components/ProviderUsageSummary.tsx
+index cf38be6..cede408 100644
+--- a/components/ProviderUsageSummary.tsx
++++ b/components/ProviderUsageSummary.tsx
+@@ -4,6 +4,8 @@ import { useCallback, useEffect, useRef, useState } from "react";
+ import { useI18n } from "@/hooks/useI18n";
+ import { formatUpdatedTime } from "@/lib/i18n/format";
+ import { isProviderUsageId } from "@/lib/provider-usage-ids";
++import { CarbonIcon } from "./CarbonIcon";
++import * as Carbon from "./carbon/icons";
+ 
+ type UsageBucket = {
+   id: string;
+@@ -100,14 +102,9 @@ function ProviderUsageContent({ providerId, enabled }: { providerId: string; ena
+           style={{ position: "relative", display: "flex", alignItems: "center", justifyContent: "center", width: 32, height: 30, padding: 0, background: "none", border: "none", color: refreshDone ? "#4ade80" : "var(--text-dim)", cursor: enabled && !querying ? "pointer" : "default", borderRadius: 5, flexShrink: 0, opacity: enabled ? 1 : 0.6, transition: "color 0.3s" }}
+         >
+           {refreshDone ? (
+-            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#4ade80" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-              <polyline points="20 6 9 17 4 12" />
+-            </svg>
++            <CarbonIcon icon={Carbon.Checkmark} size={14} color="#4ade80" />
+           ) : (
+-            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" style={querying ? { animation: "spin 0.8s linear infinite" } : undefined} aria-hidden="true">
+-              <path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" />
+-              <path d="M3 3v5h5" />
+-            </svg>
++            <CarbonIcon icon={Carbon.Reset} size={14} style={querying ? { animation: "spin 0.8s linear infinite" } : undefined} />
+           )}
+         </button>
+         {report && (
+diff --git a/components/SelectorRow.tsx b/components/SelectorRow.tsx
+index 555da8f..3262e7e 100644
+--- a/components/SelectorRow.tsx
++++ b/components/SelectorRow.tsx
+@@ -2,12 +2,12 @@
+ 
+ import { useState, type ReactNode } from "react";
+ import { useIsMobile } from "@/hooks/useIsMobile";
++import { CarbonIcon } from "./CarbonIcon";
++import * as Carbon from "./carbon/icons";
+ 
+ function StarIcon({ filled, size }: { filled: boolean; size: number }) {
+   return (
+-    <svg width={size} height={size} viewBox="0 0 24 24" fill={filled ? "currentColor" : "none"} stroke="currentColor" strokeWidth="2" strokeLinejoin="round" aria-hidden="true" style={{ flexShrink: 0 }}>
+-      <polygon points="12 2.5 14.9 8.6 21.5 9.4 16.6 13.9 17.9 20.5 12 17.2 6.1 20.5 7.4 13.9 2.5 9.4 9.1 8.6" />
+-    </svg>
++    <CarbonIcon icon={Carbon.Star} size={size} color={filled ? "currentColor" : "none"} style={{ flexShrink: 0 }} />
+   );
+ }
+ 
+@@ -77,7 +77,7 @@ export function SelectorRow({
+         }}
+       >
+         {active
+-          ? <svg width="10" height="10" viewBox="0 0 10 10" fill="none" stroke="var(--accent)" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" style={{ flexShrink: 0 }} aria-hidden="true"><polyline points="1.5 5 4 7.5 8.5 2.5" /></svg>
++          ? <CarbonIcon icon={Carbon.Checkmark} size={10} color="var(--accent)" style={{ flexShrink: 0 }} />
+           : <span style={{ width: 10, flexShrink: 0 }} />}
+         {children}
+       </button>
 diff --git a/components/SessionSidebar.test.mjs b/components/SessionSidebar.test.mjs
-index 6bc923f..ba778a1 100644
+index 6bc923f..70b9e80 100644
 --- a/components/SessionSidebar.test.mjs
 +++ b/components/SessionSidebar.test.mjs
 @@ -125,7 +125,7 @@ test("on a desktop the files sit below the sessions by default, both in view", (
@@ -4807,10 +6637,46 @@ index 6bc923f..ba778a1 100644
    assert.doesNotMatch(html, /role="tablist"|role="tab"|role="tabpanel"|View options|sidebar-title/);
    assert.match(html, /<span class="sidebar-new-label">New<\/span><\/button><button type="button" title="Search conversations" aria-label="Search conversations" aria-expanded="false" aria-controls="session-search-input" class="sidebar-search-toggle">/);
    // Two regions, both shown: the sessions, the separator, the files.
+@@ -141,7 +141,7 @@ test("on a desktop the files sit below the sessions by default, both in view", (
+   // picker's one row and the tree. No row of keys under the picker; nothing
+   // changed, so no count after the label.
+   const filesPanel = html.slice(html.indexOf(files) + files.length);
+-  assert.match(filesPanel, /^<div class="sidebar-files-section"><button type="button" class="sidebar-files-section-toggle" aria-expanded="true" aria-controls="session-sidebar-files-body"><svg width="12" height="12"[^>]*stroke-width="3"[^>]*class="session-tree-chevron is-open"[^>]*>[\s\S]*?<\/svg><span class="sidebar-files-section-label">Files<\/span><\/button><div class="sidebar-files-keys" role="group" aria-label="File actions"><button type="button" title="Open workspace terminal" aria-label="Open workspace terminal" class="sidebar-tool-button">/);
++  assert.match(filesPanel, /^<div class="sidebar-files-section"><button type="button" class="sidebar-files-section-toggle" aria-expanded="true" aria-controls="session-sidebar-files-body"><svg width="12" height="12"[^>]*class="session-tree-chevron is-open"[^>]*>[\s\S]*?<\/svg><span class="sidebar-files-section-label">Files<\/span><\/button><div class="sidebar-files-keys" role="group" aria-label="File actions"><button type="button" title="Open workspace terminal" aria-label="Open workspace terminal" class="sidebar-tool-button">/);
+   assert.match(filesPanel, /<div id="session-sidebar-files-body" class="sidebar-files-body"><div class="sidebar-files-head"><div class="project-picker is-row" role="group"/);
+   assert.match(filesPanel, /<div class="sidebar-files-scroll scrollbar-subtle">/);
+   assert.doesNotMatch(filesPanel, /sidebar-files-toolbar|sidebar-files-title|sidebar-files-actions|sidebar-files-section-search|sidebar-files-changes/);
+@@ -233,7 +233,7 @@ test("below the sessions the section's header row holds the files' keys in the f
+   // Their icons are 13px, a size under the files tab's 14px, in the sidebar
+   // icons' one stroke (the files tab's keys keep 14px:
+   // SessionSidebar.tabs.test.mjs).
+-  assert.deepEqual([...keys.matchAll(/<svg width="(\d+)" height="(\d+)"[^>]*stroke-width="(\d+)"/g)].map((match) => match.slice(1).join(",")), Array(7).fill("13,13,2"));
++  assert.deepEqual([...keys.matchAll(/<svg width="(\d+)" height="(\d+)"/g)].map((match) => match.slice(1).join(",")), Array(7).fill("13,13"));
+   // The head under the row is the picker alone: no second row of keys, no
+   // search in the toolbar row's place.
+   const head = html.slice(html.indexOf('<div class="sidebar-files-head">'), html.indexOf('<div class="sidebar-files-scroll'));
 diff --git a/components/SessionTree.test.mjs b/components/SessionTree.test.mjs
-index fb53e4b..f081236 100644
+index fb53e4b..f6596f1 100644
 --- a/components/SessionTree.test.mjs
 +++ b/components/SessionTree.test.mjs
+@@ -119,7 +119,7 @@ test("the pinned header toggles the section and shows activity dots only while c
+   assert.match(collapsed, /^<div class="session-tree-row session-tree-pinned-header" style="top:0;height:28px" data-row-key="pinned-header">/);
+   assert.match(collapsed, /<button type="button" class="session-tree-pinned-toggle" aria-expanded="false">/);
+   // Its chevron leads, in the chevron column, decoration only; no pin icon.
+-  assert.match(collapsed, /aria-expanded="false"><svg width="12" height="12"[^>]*stroke-width="3"[^>]*class="session-tree-chevron" aria-hidden="true">[\s\S]*?<\/svg><span class="session-tree-pinned-label">Pinned<\/span><span class="session-tree-pinned-count">· 3<\/span><span class="session-tree-pinned-dot is-running"/);
++  assert.match(collapsed, /aria-expanded="false"><svg width="12" height="12"[^>]*class="session-tree-chevron" aria-hidden="true">[\s\S]*?<\/svg><span class="session-tree-pinned-label">Pinned<\/span><span class="session-tree-pinned-count">· 3<\/span><span class="session-tree-pinned-dot is-running"/);
+   assert.doesNotMatch(collapsed, /session-tree-group-icon/);
+   assert.match(collapsed, /class="session-tree-pinned-dot is-running" role="img" title="Agent running…" aria-label="Agent running… \(1\)"/);
+   assert.match(collapsed, /class="session-tree-pinned-dot is-unread" role="img" title="New session activity" aria-label="New session activity \(2\)"/);
+@@ -141,7 +141,7 @@ test("a collapsed group shows its running and unread counts and labelled actions
+   assert.match(html, /<button type="button" class="session-tree-group-toggle" aria-expanded="false" title="\/work\/app">/);
+   // The chevron leads, inside the toggle (the whole header still toggles)
+   // and hidden from its accessible name; then the name, its pin, the summary.
+-  assert.match(html, /title="\/work\/app"><svg width="12" height="12"[^>]*stroke-width="3"[^>]*class="session-tree-chevron" aria-hidden="true"><path[^>]*><\/path><\/svg><span class="session-tree-group-name">app<\/span>/, "the chevron precedes the name");
++  assert.match(html, /title="\/work\/app"><svg width="12" height="12"[^>]*class="session-tree-chevron" aria-hidden="true"><path[^>]*><\/path><\/svg><span class="session-tree-group-name">app<\/span>/, "the chevron precedes the name");
+   assert.match(html, /<span class="session-tree-group-name">app<\/span><svg[^>]*class="session-tree-group-pin"[\s\S]*?<\/svg><span class="session-tree-summary">/);
+   // No folder: a project group is no second file tree.
+   assert.doesNotMatch(html, /session-tree-group-icon/);
 @@ -468,11 +468,12 @@ test("row CSS stays flat, themed and quiet", () => {
    assert.doesNotMatch(css, /@starting-style|prefers-color-scheme/);
    const colors = new Set((css.match(/#[0-9a-fA-F]{3,8}\b/g) ?? []).map((color) => color.toLowerCase()));
@@ -4827,6 +6693,1074 @@ index fb53e4b..f081236 100644
    }
    assert.doesNotMatch(css, /color: color-mix\(in srgb, var\(--text\)/);
  });
+diff --git a/components/SettingsPanel.tsx b/components/SettingsPanel.tsx
+index 9f12e18..0452a50 100644
+--- a/components/SettingsPanel.tsx
++++ b/components/SettingsPanel.tsx
+@@ -36,6 +36,8 @@ import { PluginsConfig } from "./PluginsConfig";
+ import { McpConfig } from "./McpConfig";
+ import { ConfigButton, ConfigSwitch } from "./SettingsUi";
+ import { FontSettings } from "./FontSettings";
++import { CarbonIcon } from "./CarbonIcon";
++import * as Carbon from "./carbon/icons";
+ 
+ interface Props {
+   cwd: string | null;
+@@ -53,26 +55,17 @@ interface Props {
+   onProjectTrustChanged?: (cwd: string, status: ProjectTrustStatus) => void;
+ }
+ 
+-export function SettingsSectionIcon({ section, size = 16, strokeWidth = 1.8 }: { section: SettingsSection; size?: number; strokeWidth?: number }) {
+-  const common = {
+-    width: size,
+-    height: size,
+-    viewBox: "0 0 24 24",
+-    fill: "none",
+-    stroke: "currentColor",
+-    strokeWidth,
+-    strokeLinecap: "round" as const,
+-    strokeLinejoin: "round" as const,
+-    "aria-hidden": true,
+-    className: "settings-section-icon",
+-  };
+-
+-  if (section === "general") return <svg {...common}><path d="M20 7h-9M14 17H5" /><circle cx="7" cy="7" r="3" /><circle cx="17" cy="17" r="3" /></svg>;
+-  if (section === "models") return <svg {...common}><rect x="4" y="4" width="16" height="16" rx="2" /><rect x="9" y="9" width="6" height="6" /><path d="M9 1v3M15 1v3M9 20v3M15 20v3M20 9h3M20 15h3M1 9h3M1 15h3" /></svg>;
+-  if (section === "skills") return <svg {...common}><path d="m12 2-10 5 10 5 10-5-10-5Z" /><path d="m2 12 10 5 10-5M2 17l10 5 10-5" /></svg>;
+-  if (section === "agents") return <svg {...common} className="settings-section-icon is-agent"><rect x="5" y="7" width="14" height="11" rx="2" /><path d="M9 11h.01M15 11h.01M9 15h6M12 7V4M10 4h4" /></svg>;
+-  if (section === "mcp") return <svg {...common}><rect x="3" y="3" width="18" height="7" rx="2" /><rect x="3" y="14" width="18" height="7" rx="2" /><path d="M7 6.5h.01M7 17.5h.01M11 6.5h6M11 17.5h6" /></svg>;
+-  return <svg {...common}><path d="M9 7V2M15 7V2M6 13V8a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v5a6 6 0 0 1-12 0ZM12 19v3" /></svg>;
++export function SettingsSectionIcon({ section, size = 16, strokeWidth: _strokeWidth }: { section: SettingsSection; size?: number; strokeWidth?: number }) {
++  // IBM Carbon icons; the stroke width of the old line icons no longer applies.
++  const icon = {
++    general: Carbon.SettingsAdjust,
++    models: Carbon.Chip,
++    skills: Carbon.Layers,
++    agents: Carbon.Bot,
++    mcp: Carbon.ServerDns,
++    plugins: Carbon.Plug,
++  }[section as string] ?? Carbon.Plug;
++  return <CarbonIcon icon={icon} size={size} className={section === "agents" ? "settings-section-icon is-agent" : "settings-section-icon"} />;
+ }
+ 
+ function GeneralSettings({ sessionId, onSessionReloaded, quoteSelectionEnabled, onQuoteSelectionChange }: Pick<Props, "sessionId" | "onSessionReloaded" | "quoteSelectionEnabled" | "onQuoteSelectionChange">) {
+@@ -218,9 +211,7 @@ function GeneralSettings({ sessionId, onSessionReloaded, quoteSelectionEnabled,
+                 disabled={fontSize === CHAT_CONTENT_FONT_SIZE_DEFAULT}
+                 onClick={() => setFontSize(CHAT_CONTENT_FONT_SIZE_DEFAULT)}
+               >
+-                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-                  <path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8M3 3v5h5" />
+-                </svg>
++                <CarbonIcon icon={Carbon.Reset} size={14} />
+               </ConfigButton>
+             </div>
+             <input
+@@ -246,9 +237,7 @@ function GeneralSettings({ sessionId, onSessionReloaded, quoteSelectionEnabled,
+                 disabled={chatContentWidth === CHAT_CONTENT_WIDTH_DEFAULT}
+                 onClick={() => setChatContentWidth(CHAT_CONTENT_WIDTH_DEFAULT)}
+               >
+-                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-                  <path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8M3 3v5h5" />
+-                </svg>
++                <CarbonIcon icon={Carbon.Reset} size={14} />
+               </ConfigButton>
+             </div>
+             <input
+@@ -425,9 +414,7 @@ function GeneralSettings({ sessionId, onSessionReloaded, quoteSelectionEnabled,
+       {webAuthEnabled && (
+         <section className="settings-general-section">
+           <ConfigButton variant="secondary" disabled={loggingOut} onClick={() => void logOut()}>
+-            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-              <path d="M10 17l5-5-5-5M15 12H3M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4" />
+-            </svg>
++            <CarbonIcon icon={Carbon.Logout} size={14} />
+             {loggingOut ? t("auth.loggingOut") : t("auth.logOut")}
+           </ConfigButton>
+           {logoutError && <p role="alert" className="settings-general-error">{logoutError}</p>}
+diff --git a/components/SettingsUi.tsx b/components/SettingsUi.tsx
+index 1f1ae33..7f323cf 100644
+--- a/components/SettingsUi.tsx
++++ b/components/SettingsUi.tsx
+@@ -2,6 +2,8 @@
+ 
+ import { Fragment, useEffect, useId, useRef } from "react";
+ import type { ButtonHTMLAttributes, ClipboardEvent, CSSProperties, HTMLAttributes, ReactNode, Ref } from "react";
++import { CarbonIcon } from "./CarbonIcon";
++import * as Carbon from "./carbon/icons";
+ 
+ type ConfigButtonVariant = "primary" | "secondary" | "danger" | "ghost";
+ type ConfigButtonSize = "small" | "default";
+@@ -783,9 +785,7 @@ export function ConfigListAction({ active = false, children, className, ...props
+         aria-current={active ? "page" : undefined}
+         className={["config-list-action-button", className].filter(Boolean).join(" ")}
+       >
+-        <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-          <path d="M12 5v14M5 12h14" />
+-        </svg>
++        <CarbonIcon icon={Carbon.Add} size={13} />
+         {children}
+       </button>
+     </div>
+diff --git a/components/SidebarIcons.tsx b/components/SidebarIcons.tsx
+index 0666b96..b3463ba 100644
+--- a/components/SidebarIcons.tsx
++++ b/components/SidebarIcons.tsx
+@@ -1,11 +1,12 @@
+-import type { ReactNode } from "react";
++import { CarbonIcon } from "./CarbonIcon";
++import * as Carbon from "./carbon/icons";
+ 
+ /**
+- * Small stroke icons for the session sidebar: rows, group headers, menus and
+- * the files tab. One 24 grid, stroked with `currentColor`, so the parent's
+- * color (muted, dim, accent, danger) decides how they look. Decorative by
+- * default (`aria-hidden`); pass `label` when the icon is the only thing that
+- * says what it means (the running spinner in a row's status slot).
++ * Small icons for the session sidebar: rows, group headers, menus and the
++ * files tab. IBM Carbon icons (CarbonIcon), filled with `currentColor`, so the
++ * parent's color (muted, dim, accent, danger) decides how they look.
++ * Decorative by default (`aria-hidden`); pass `label` when the icon is the only
++ * thing that says what it means (the running spinner in a row's status slot).
+  */
+ export interface SidebarIconProps {
+   /** Rendered width and height in px. */
+@@ -15,77 +16,33 @@ export interface SidebarIconProps {
+   label?: string;
+ }
+ 
+-function SidebarIcon({ size = 13, className, label, strokeWidth = 2, children }: SidebarIconProps & { strokeWidth?: number; children: ReactNode }) {
+-  return (
+-    <svg
+-      width={size}
+-      height={size}
+-      viewBox="0 0 24 24"
+-      fill="none"
+-      stroke="currentColor"
+-      strokeWidth={strokeWidth}
+-      strokeLinecap="round"
+-      strokeLinejoin="round"
+-      className={className}
+-      {...(label ? { role: "img", "aria-label": label } : { "aria-hidden": true })}
+-    >
+-      {children}
+-    </svg>
+-  );
++function SidebarIcon({ size = 13, className, label, icon }: SidebarIconProps & { icon: Carbon.CarbonIconData }) {
++  return <CarbonIcon icon={icon} size={size} className={className} label={label} />;
+ }
+ 
+ export function PlusIcon(props: SidebarIconProps) {
+-  return <SidebarIcon {...props}><path d="M12 5v14M5 12h14" /></SidebarIcon>;
++  return <SidebarIcon {...props} icon={Carbon.Add} />;
+ }
+ 
+ /** Horizontal dots: the "⋯" of a row or group. */
+ export function MoreIcon(props: SidebarIconProps) {
+-  return (
+-    <SidebarIcon {...props}>
+-      <circle cx="5" cy="12" r="1.4" fill="currentColor" stroke="none" />
+-      <circle cx="12" cy="12" r="1.4" fill="currentColor" stroke="none" />
+-      <circle cx="19" cy="12" r="1.4" fill="currentColor" stroke="none" />
+-    </SidebarIcon>
+-  );
++  return <SidebarIcon {...props} icon={Carbon.OverflowMenuHorizontal} />;
+ }
+ 
+ export function ArchiveIcon(props: SidebarIconProps) {
+-  return (
+-    <SidebarIcon {...props}>
+-      <rect x="3" y="4" width="18" height="5" rx="1" />
+-      <path d="M5 9v9a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V9" />
+-      <path d="M10 13h4" />
+-    </SidebarIcon>
+-  );
++  return <SidebarIcon {...props} icon={Carbon.Archive} />;
+ }
+ 
+ export function RestoreIcon(props: SidebarIconProps) {
+-  return (
+-    <SidebarIcon {...props}>
+-      <path d="M3 12a9 9 0 1 0 3-6.7L3 8" />
+-      <path d="M3 3v5h5" />
+-    </SidebarIcon>
+-  );
++  return <SidebarIcon {...props} icon={Carbon.Undo} />;
+ }
+ 
+ export function PinIcon(props: SidebarIconProps) {
+-  return (
+-    <SidebarIcon {...props}>
+-      <path d="M12 17v5" />
+-      <path d="M9 10.8a2 2 0 0 1-1.1 1.8l-1.8.9A2 2 0 0 0 5 15.2V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.8a2 2 0 0 0-1.1-1.8l-1.8-.9a2 2 0 0 1-1.1-1.8V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z" />
+-    </SidebarIcon>
+-  );
++  return <SidebarIcon {...props} icon={Carbon.Pin} />;
+ }
+ 
+ export function PinOffIcon(props: SidebarIconProps) {
+-  return (
+-    <SidebarIcon {...props}>
+-      <path d="M12 17v5" />
+-      <path d="M15 9.3V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8.5" />
+-      <path d="m2 2 20 20" />
+-      <path d="M9 9v1.8a2 2 0 0 1-1.1 1.8l-1.8.9A2 2 0 0 0 5 15.2V16a1 1 0 0 0 1 1h11" />
+-    </SidebarIcon>
+-  );
++  return <SidebarIcon {...props} icon={Carbon.PinFilled} />;
+ }
+ 
+ /**
+@@ -94,160 +51,107 @@ export function PinOffIcon(props: SidebarIconProps) {
+  * firm as their bold label. Elsewhere (menus, the archive's Back, the
+  * pickers) it keeps the stroke of the icons beside it.
+  */
+-export function ChevronIcon({ strokeWidth, ...props }: SidebarIconProps & { strokeWidth?: number }) {
+-  return <SidebarIcon {...props} strokeWidth={strokeWidth}><path d="m9 6 6 6-6 6" /></SidebarIcon>;
++export function ChevronIcon({ strokeWidth: _strokeWidth, ...props }: SidebarIconProps & { strokeWidth?: number }) {
++  return <SidebarIcon {...props} icon={Carbon.ChevronRight} />;
+ }
+ 
+ export function BranchIcon(props: SidebarIconProps) {
+-  return (
+-    <SidebarIcon {...props}>
+-      <line x1="6" y1="3" x2="6" y2="15" />
+-      <circle cx="18" cy="6" r="3" />
+-      <circle cx="6" cy="18" r="3" />
+-      <path d="M18 9a9 9 0 0 1-9 9" />
+-    </SidebarIcon>
+-  );
++  return <SidebarIcon {...props} icon={Carbon.Branch} />;
+ }
+ 
+ /** Two branches from one stem: a row's "Fork" (BranchIcon stands for a worktree's branch). */
+ export function ForkIcon(props: SidebarIconProps) {
+-  return (
+-    <SidebarIcon {...props}>
+-      <circle cx="6" cy="5" r="2.5" />
+-      <circle cx="18" cy="5" r="2.5" />
+-      <circle cx="12" cy="19" r="2.5" />
+-      <path d="M6 7.5v1.5a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3V7.5" />
+-      <path d="M12 12v4.5" />
+-    </SidebarIcon>
+-  );
++  return <SidebarIcon {...props} icon={Carbon.Fork} />;
+ }
+ 
+ /** An arrow leaving a box: a session row's "Open in new tab" (a browser tab, not a copy). */
+ export function OpenInNewTabIcon(props: SidebarIconProps) {
+-  return (
+-    <SidebarIcon {...props}>
+-      <path d="M14 4h6v6" />
+-      <path d="M20 4 11 13" />
+-      <path d="M18 14v4a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4" />
+-    </SidebarIcon>
+-  );
++  return <SidebarIcon {...props} icon={Carbon.Launch} />;
+ }
+ 
+ export function TrashIcon(props: SidebarIconProps) {
+-  return (
+-    <SidebarIcon {...props}>
+-      <path d="M3 6h18" />
+-      <path d="M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6" />
+-      <path d="M10 11v6M14 11v6" />
+-      <path d="M9 6V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2" />
+-    </SidebarIcon>
+-  );
++  return <SidebarIcon {...props} icon={Carbon.TrashCan} />;
+ }
+ 
+ export function PencilIcon(props: SidebarIconProps) {
+-  return <SidebarIcon {...props}><path d="M17 3a2.83 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" /></SidebarIcon>;
++  return <SidebarIcon {...props} icon={Carbon.Edit} />;
+ }
+ 
+ /** Filled dot: "mark as unread". */
+ export function DotIcon(props: SidebarIconProps) {
+-  return <SidebarIcon {...props}><circle cx="12" cy="12" r="4.5" fill="currentColor" stroke="none" /></SidebarIcon>;
++  return <SidebarIcon {...props} icon={Carbon.CircleFilled} />;
+ }
+ 
+ /** Hollow dot: "mark as read". */
+ export function DotOutlineIcon(props: SidebarIconProps) {
+-  return <SidebarIcon {...props}><circle cx="12" cy="12" r="4.5" /></SidebarIcon>;
++  return <SidebarIcon {...props} icon={Carbon.CircleOutline} />;
+ }
+ 
+ export function CheckIcon(props: SidebarIconProps) {
+-  return <SidebarIcon {...props}><path d="M20 6 9 17l-5-5" /></SidebarIcon>;
++  return <SidebarIcon {...props} icon={Carbon.Checkmark} />;
+ }
+ 
+ export function CloseIcon(props: SidebarIconProps) {
+-  return <SidebarIcon {...props}><path d="M18 6 6 18M6 6l12 12" /></SidebarIcon>;
++  return <SidebarIcon {...props} icon={Carbon.Close} />;
+ }
+ 
+ export function FolderIcon(props: SidebarIconProps) {
+-  return <SidebarIcon {...props}><path d="M3 8a2 2 0 0 1 2-2h3.4l1.9 1.9H19a2 2 0 0 1 2 2V17a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z" /></SidebarIcon>;
++  return <SidebarIcon {...props} icon={Carbon.Folder} />;
+ }
+ 
+ export function FolderPlusIcon(props: SidebarIconProps) {
+-  return (
+-    <SidebarIcon {...props}>
+-      <path d="M3 8a2 2 0 0 1 2-2h3.4l1.9 1.9H19a2 2 0 0 1 2 2V17a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z" />
+-      <path d="M12 11v5M9.5 13.5h5" />
+-    </SidebarIcon>
+-  );
++  return <SidebarIcon {...props} icon={Carbon.FolderAdd} />;
+ }
+ 
+ export function TerminalIcon(props: SidebarIconProps) {
+-  return (
+-    <SidebarIcon {...props}>
+-      <polyline points="4 17 10 11 4 5" />
+-      <line x1="12" y1="19" x2="20" y2="19" />
+-    </SidebarIcon>
+-  );
++  return <SidebarIcon {...props} icon={Carbon.Terminal} />;
+ }
+ 
+ export function SearchIcon(props: SidebarIconProps) {
+-  return (
+-    <SidebarIcon {...props}>
+-      <circle cx="11" cy="11" r="7" />
+-      <path d="m20 20-4-4" />
+-    </SidebarIcon>
+-  );
++  return <SidebarIcon {...props} icon={Carbon.Search} />;
+ }
+ 
+ export function UploadIcon(props: SidebarIconProps) {
+-  return (
+-    <SidebarIcon {...props}>
+-      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
+-      <path d="m17 8-5-5-5 5" />
+-      <path d="M12 3v12" />
+-    </SidebarIcon>
+-  );
++  return <SidebarIcon {...props} icon={Carbon.Upload} />;
+ }
+ 
+ export function RefreshIcon(props: SidebarIconProps) {
+-  return (
+-    <SidebarIcon {...props}>
+-      <path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" />
+-      <path d="M3 3v5h5" />
+-    </SidebarIcon>
+-  );
++  return <SidebarIcon {...props} icon={Carbon.Renew} />;
+ }
+ 
+ /** Git changes: a commit on a line. */
+ export function ChangesIcon(props: SidebarIconProps) {
+-  return (
+-    <SidebarIcon {...props}>
+-      <circle cx="12" cy="12" r="3" />
+-      <path d="M3 12h6M15 12h6" />
+-    </SidebarIcon>
+-  );
++  return <SidebarIcon {...props} icon={Carbon.Compare} />;
+ }
+ 
+ /** What the file tree lists: the files tab's ignored-files switch. */
+ export function EyeIcon(props: SidebarIconProps) {
+-  return (
+-    <SidebarIcon {...props}>
+-      <path d="M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12Z" />
+-      <circle cx="12" cy="12" r="3" />
+-    </SidebarIcon>
+-  );
++  return <SidebarIcon {...props} icon={Carbon.View} />;
+ }
+ 
+ export function MessageIcon(props: SidebarIconProps) {
+-  return <SidebarIcon {...props}><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" /></SidebarIcon>;
++  return <SidebarIcon {...props} icon={Carbon.Chat} />;
+ }
+ 
+ /**
+- * The running-agent spinner. It turns through the `sidebar-spin` class
++ * The running-agent spinner: a drawn ring, not a Carbon icon (Carbon has none
++ * for motion). It turns through the `sidebar-spin` class
+  * (app/sidebar-menu.css), which stands still under prefers-reduced-motion.
+  */
+ export function SpinnerIcon({ className, ...props }: SidebarIconProps) {
+   return (
+-    <SidebarIcon {...props} strokeWidth={2.8} className={className ? `sidebar-spin ${className}` : "sidebar-spin"}>
++    <svg
++      width={props.size ?? 13}
++      height={props.size ?? 13}
++      viewBox="0 0 24 24"
++      fill="none"
++      stroke="currentColor"
++      strokeWidth={2.8}
++      strokeLinecap="round"
++      className={className ? `sidebar-spin ${className}` : "sidebar-spin"}
++      {...(props.label ? { role: "img", "aria-label": props.label } : { "aria-hidden": true })}
++    >
+       <path d="M21 12a9 9 0 1 1-3.8-7.4" />
+-    </SidebarIcon>
++    </svg>
+   );
+ }
+diff --git a/components/SidebarMenu.test.mjs b/components/SidebarMenu.test.mjs
+index 451bcd2..cef4ae2 100644
+--- a/components/SidebarMenu.test.mjs
++++ b/components/SidebarMenu.test.mjs
+@@ -83,7 +83,7 @@ test("desktop menu markup: menu roles, check marks, shortcuts, notes and disable
+   assert.match(main, /class="sidebar-menu-item is-choice is-checked"/);
+   assert.match(main, /<span class="sidebar-menu-label is-mono">main<\/span>/);
+   assert.match(main, /<span class="sidebar-menu-note">main<\/span>/);
+-  assert.match(main, /<path d="M20 6 9 17l-5-5"><\/path>/, "a checked choice shows the check mark");
++  assert.match(main, /<span class="sidebar-menu-icon"><svg[^>]*aria-hidden="true"><path d="M13 24 4 15[^"]*"><\/path><\/svg><\/span>/, "a checked choice shows the check mark (Carbon's checkmark)");
+ 
+   const feature = html.match(/<button[^>]*aria-checked="false"[^>]*>.*?<\/button>/)?.[0] ?? "";
+   assert.match(feature, /role="menuitemradio"/);
+@@ -225,7 +225,8 @@ test("menu styles parse on Safari 16.2", () => {
+ 
+ test("icons are decorative unless labelled, and the spinner turns through a class", () => {
+   const more = renderToStaticMarkup(h(MoreIcon));
+-  assert.match(more, /^<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">/);
++  // IBM Carbon icons, filled in the text colour.
++  assert.match(more, /^<svg width="13" height="13" viewBox="0 0 (?:32 32|16 16)" fill="currentColor" focusable="false" aria-hidden="true">/);
+   const spinner = renderToStaticMarkup(h(SpinnerIcon, { size: 12, label: "Agent running", className: "row-status" }));
+   assert.match(spinner, /width="12"/);
+   assert.match(spinner, /stroke-width="2\.8"/);
+diff --git a/components/SubagentViewer.tsx b/components/SubagentViewer.tsx
+index 4604083..6ca365e 100644
+--- a/components/SubagentViewer.tsx
++++ b/components/SubagentViewer.tsx
+@@ -6,6 +6,8 @@ import { StatusIcon, statusColor } from "./AgentSessionPanel";
+ import { buildToolResultsMap, EMPTY_TRANSCRIPT, mergeTailPage, prependOlderPage, type SubagentTranscript } from "./subagent-viewer-state";
+ import { useI18n } from "@/hooks/useI18n";
+ import type { SessionInfo } from "@/lib/types";
++import { CarbonIcon } from "./CarbonIcon";
++import * as Carbon from "./carbon/icons";
+ 
+ interface Props {
+   sessionId: string;
+@@ -195,9 +197,7 @@ export function SubagentViewer({ sessionId, fallbackLabel, running, onOpenFile }
+         }}
+       >
+         <span style={{ display: "flex", alignItems: "center", color: "var(--accent)", flexShrink: 0 }} aria-hidden="true">
+-          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round">
+-            <rect x="5" y="7" width="14" height="11" rx="2" /><path d="M9 11h.01M15 11h.01M9 15h6M12 7V4M10 4h4" />
+-          </svg>
++          <CarbonIcon icon={Carbon.Bot} size={14} />
+         </span>
+         <strong
+           style={{ flex: 1, minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", fontSize: 12, fontWeight: 600 }}
+@@ -224,9 +224,7 @@ export function SubagentViewer({ sessionId, fallbackLabel, running, onOpenFile }
+           onMouseEnter={(event) => { event.currentTarget.style.color = "var(--text)"; }}
+           onMouseLeave={(event) => { event.currentTarget.style.color = "var(--text-dim)"; }}
+         >
+-          <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-            <path d="M21 12a9 9 0 1 1-2.64-6.36" /><path d="M21 3v6h-6" />
+-          </svg>
++          <CarbonIcon icon={Carbon.Renew} size={13} />
+         </button>
+       </div>
+ 
+diff --git a/components/TabBar.tsx b/components/TabBar.tsx
+index 23e0c79..a49f66c 100644
+--- a/components/TabBar.tsx
++++ b/components/TabBar.tsx
+@@ -4,6 +4,8 @@ import { useState } from "react";
+ import { getFileIcon } from "./FileIcons";
+ import { useI18n } from "@/hooks/useI18n";
+ import type { FileViewerDisplayMode, FileViewerState } from "@/lib/file-viewer-state";
++import { CarbonIcon } from "./CarbonIcon";
++import * as Carbon from "./carbon/icons";
+ 
+ export interface Tab {
+   id: string;
+@@ -97,13 +99,9 @@ export function TabBar({ tabs, activeTabId, onSelectTab, onCloseTab }: Props) {
+           >
+             <span style={{ flexShrink: 0, opacity: isActive ? 1 : 0.7, display: "flex", alignItems: "center" }}>
+               {tab.kind === "terminal" ? (
+-                <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-                  <polyline points="4 17 10 11 4 5" /><line x1="12" y1="19" x2="20" y2="19" />
+-                </svg>
++                <CarbonIcon icon={Carbon.Terminal} size={13} />
+               ) : tab.kind === "agent" ? (
+-                <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-                  <rect x="5" y="7" width="14" height="11" rx="2" /><path d="M9 11h.01M15 11h.01M9 15h6M12 7V4M10 4h4" />
+-                </svg>
++                <CarbonIcon icon={Carbon.Bot} size={13} />
+               ) : getFileIcon(tab.label, 13)}
+             </span>
+             <span
+@@ -137,10 +135,7 @@ export function TabBar({ tabs, activeTabId, onSelectTab, onCloseTab }: Props) {
+                title={t(tab.kind === "terminal" ? "terminal.close" : "i18n.close")}
+                aria-label={`${t(tab.kind === "terminal" ? "terminal.close" : "i18n.close")} ${tab.label}`}
+             >
+-              <svg width="11" height="11" viewBox="0 0 10 10" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" aria-hidden="true">
+-                <line x1="2" y1="2" x2="8" y2="8" />
+-                <line x1="8" y1="2" x2="2" y2="8" />
+-              </svg>
++              <CarbonIcon icon={Carbon.Close} size={11} />
+             </button>
+           </div>
+         );
+diff --git a/components/TerminalPanel.tsx b/components/TerminalPanel.tsx
+index d24bb94..28a4582 100644
+--- a/components/TerminalPanel.tsx
++++ b/components/TerminalPanel.tsx
+@@ -18,6 +18,8 @@ import {
+ import type { TerminalEvent } from "@/lib/terminal-manager";
+ import { TerminalExtraKeys, useTerminalExtraKeysVisible } from "./TerminalExtraKeys";
+ import type { TerminalTab } from "./terminal-tab-state";
++import { CarbonIcon } from "./CarbonIcon";
++import * as Carbon from "./carbon/icons";
+ 
+ interface Props {
+   tab: TerminalTab;
+@@ -260,15 +262,11 @@ export function TerminalPanel({ tab, active, onRestart, onClosed, onCloseError }
+         </div>
+         {status === "error" && (
+           <button type="button" onClick={() => setReconnectKey((key) => key + 1)} disabled={Boolean(tab.closing)} title={t("terminal.reconnect")} aria-label={t("terminal.reconnect")}>
+-            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-              <path d="M10 13a5 5 0 0 0 7 0l3-3a5 5 0 0 0-7-7l-2 2M14 11a5 5 0 0 0-7 0l-3 3a5 5 0 0 0 7 7l2-2" />
+-            </svg>
++            <CarbonIcon icon={Carbon.Link} size={14} />
+           </button>
+         )}
+         <button type="button" onClick={onRestart} disabled={Boolean(tab.closing)} title={t("terminal.restart")} aria-label={t("terminal.restart")}>
+-          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+-            <path d="M20 11a8 8 0 1 0-2.34 5.66" /><polyline points="20 4 20 11 13 11" />
+-          </svg>
++          <CarbonIcon icon={Carbon.Restart} size={14} />
+         </button>
+       </header>
+       <div>
+diff --git a/components/ThemeIcon.tsx b/components/ThemeIcon.tsx
+index 5ff97ee..d3c477a 100644
+--- a/components/ThemeIcon.tsx
++++ b/components/ThemeIcon.tsx
+@@ -1,32 +1,15 @@
+ import type { ThemePreference } from "@/lib/theme";
++import { CarbonIcon } from "./CarbonIcon";
++import * as Carbon from "./carbon/icons";
+ 
++/** The appearance choices, as IBM Carbon icons: sun, moon, a drop, a sprout, a tree, a screen. */
+ export function ThemeIcon({ preference, size = 17 }: { preference: ThemePreference; size?: number }) {
+-  const common = {
+-    width: size,
+-    height: size,
+-    viewBox: "0 0 24 24",
+-    fill: "none",
+-    stroke: "currentColor",
+-    strokeWidth: 1.8,
+-    strokeLinecap: "round" as const,
+-    strokeLinejoin: "round" as const,
+-    "aria-hidden": true,
+-  };
+-
+-  if (preference === "light") {
+-    return <svg {...common}><circle cx="12" cy="12" r="4" /><path d="M12 2v2M12 20v2M4.93 4.93l1.42 1.42M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.42-1.41M17.66 6.34l1.41-1.41" /></svg>;
+-  }
+-  if (preference === "dark") {
+-    return <svg {...common}><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79Z" /></svg>;
+-  }
+-  if (preference === "mist") {
+-    return <svg {...common}><path d="M12 3S6 10 6 14a6 6 0 0 0 12 0c0-4-6-11-6-11Z" /><path d="M9 15c.5 1.4 1.5 2.2 3 2.5" /></svg>;
+-  }
+-  if (preference === "rose") {
+-    return <svg {...common}><path d="M12 13.5c-3.2 0-5.5-1.8-5.5-4.6S8.6 4.2 11.8 4.2c2.7 0 4.8 1.7 4.8 4.2 0 2.2-1.6 3.7-3.8 3.7-1.8 0-3-1-3-2.4 0-1.2.9-2 2-2 1 0 1.6.5 1.6 1.3" /><path d="M12 13.5v7.5M12 18c-1.7-1.8-3.6-2.2-5.2-1.2 1.1 1.9 3.1 2.6 5.2 1.2ZM12 17c1.3-2 3.3-2.4 5-1.5-1.1 1.8-3 2.4-5 1.5Z" /></svg>;
+-  }
+-  if (preference === "pine") {
+-    return <svg {...common}><path d="M12 3c-.9 2.5-2.3 4.2-4.5 6h3c-1 2.1-2.6 3.7-5 5.3h4c-.7 2-1.9 3.8-3.7 5.4h12.4c-1.8-1.6-3-3.4-3.7-5.4h4c-2.4-1.6-4-3.2-5-5.3h3c-2.2-1.8-3.6-3.5-4.5-6Z" /><path d="M12 20v2" /></svg>;
+-  }
+-  return <svg {...common}><rect x="3" y="4" width="18" height="13" rx="2" /><path d="M8 21h8M12 17v4" /></svg>;
++  const icon =
++    preference === "light" ? Carbon.Light
++    : preference === "dark" ? Carbon.Asleep
++    : preference === "mist" ? Carbon.RainDrop
++    : preference === "rose" ? Carbon.Sprout
++    : preference === "pine" ? Carbon.Tree
++    : Carbon.Screen;
++  return <CarbonIcon icon={icon} size={size} />;
+ }
+diff --git a/components/ThinkingIcon.tsx b/components/ThinkingIcon.tsx
+index 322f65e..831c0eb 100644
+--- a/components/ThinkingIcon.tsx
++++ b/components/ThinkingIcon.tsx
+@@ -1,14 +1,14 @@
++import { CarbonIcon } from "./CarbonIcon";
++import * as Carbon from "./carbon/icons";
++
++/** The reasoning toggle's light bulb (IBM Carbon "idea"), lit in amber while the block is open. */
+ export function ThinkingIcon({ active, size = 14 }: { active: boolean; size?: number }) {
+   return (
+-    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true" style={{ flexShrink: 0 }}>
+-      <path
+-        d="M9.5 2A5.5 5.5 0 0 0 4 7.5c0 1.7.78 3.21 2 4.21V14a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-2.29c1.22-1 2-2.51 2-4.21A5.5 5.5 0 0 0 9.5 2z"
+-        stroke={active ? "#d4a017" : undefined}
+-        fill={active ? "rgba(250, 204, 21, 0.18)" : "none"}
+-        style={{ filter: active ? "drop-shadow(0 0 2px rgba(250, 204, 21, 0.35))" : "none" }}
+-      />
+-      <line x1="7" y1="18" x2="12" y2="18" />
+-      <line x1="8" y1="21" x2="11" y2="21" />
+-    </svg>
++    <CarbonIcon
++      icon={Carbon.Idea}
++      size={size}
++      color={active ? "#d4a017" : undefined}
++      style={{ flexShrink: 0, filter: active ? "drop-shadow(0 0 2px rgba(250, 204, 21, 0.35))" : "none" }}
++    />
+   );
+ }
+diff --git a/components/carbon/LICENSE-carbon-icons.txt b/components/carbon/LICENSE-carbon-icons.txt
+new file mode 100644
+index 0000000..78e09cf
+--- /dev/null
++++ b/components/carbon/LICENSE-carbon-icons.txt
+@@ -0,0 +1,201 @@
++                                 Apache License
++                           Version 2.0, January 2004
++                        http://www.apache.org/licenses/
++
++   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
++
++   1. Definitions.
++
++      "License" shall mean the terms and conditions for use, reproduction,
++      and distribution as defined by Sections 1 through 9 of this document.
++
++      "Licensor" shall mean the copyright owner or entity authorized by
++      the copyright owner that is granting the License.
++
++      "Legal Entity" shall mean the union of the acting entity and all
++      other entities that control, are controlled by, or are under common
++      control with that entity. For the purposes of this definition,
++      "control" means (i) the power, direct or indirect, to cause the
++      direction or management of such entity, whether by contract or
++      otherwise, or (ii) ownership of fifty percent (50%) or more of the
++      outstanding shares, or (iii) beneficial ownership of such entity.
++
++      "You" (or "Your") shall mean an individual or Legal Entity
++      exercising permissions granted by this License.
++
++      "Source" form shall mean the preferred form for making modifications,
++      including but not limited to software source code, documentation
++      source, and configuration files.
++
++      "Object" form shall mean any form resulting from mechanical
++      transformation or translation of a Source form, including but
++      not limited to compiled object code, generated documentation,
++      and conversions to other media types.
++
++      "Work" shall mean the work of authorship, whether in Source or
++      Object form, made available under the License, as indicated by a
++      copyright notice that is included in or attached to the work
++      (an example is provided in the Appendix below).
++
++      "Derivative Works" shall mean any work, whether in Source or Object
++      form, that is based on (or derived from) the Work and for which the
++      editorial revisions, annotations, elaborations, or other modifications
++      represent, as a whole, an original work of authorship. For the purposes
++      of this License, Derivative Works shall not include works that remain
++      separable from, or merely link (or bind by name) to the interfaces of,
++      the Work and Derivative Works thereof.
++
++      "Contribution" shall mean any work of authorship, including
++      the original version of the Work and any modifications or additions
++      to that Work or Derivative Works thereof, that is intentionally
++      submitted to Licensor for inclusion in the Work by the copyright owner
++      or by an individual or Legal Entity authorized to submit on behalf of
++      the copyright owner. For the purposes of this definition, "submitted"
++      means any form of electronic, verbal, or written communication sent
++      to the Licensor or its representatives, including but not limited to
++      communication on electronic mailing lists, source code control systems,
++      and issue tracking systems that are managed by, or on behalf of, the
++      Licensor for the purpose of discussing and improving the Work, but
++      excluding communication that is conspicuously marked or otherwise
++      designated in writing by the copyright owner as "Not a Contribution."
++
++      "Contributor" shall mean Licensor and any individual or Legal Entity
++      on behalf of whom a Contribution has been received by Licensor and
++      subsequently incorporated within the Work.
++
++   2. Grant of Copyright License. Subject to the terms and conditions of
++      this License, each Contributor hereby grants to You a perpetual,
++      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
++      copyright license to reproduce, prepare Derivative Works of,
++      publicly display, publicly perform, sublicense, and distribute the
++      Work and such Derivative Works in Source or Object form.
++
++   3. Grant of Patent License. Subject to the terms and conditions of
++      this License, each Contributor hereby grants to You a perpetual,
++      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
++      (except as stated in this section) patent license to make, have made,
++      use, offer to sell, sell, import, and otherwise transfer the Work,
++      where such license applies only to those patent claims licensable
++      by such Contributor that are necessarily infringed by their
++      Contribution(s) alone or by combination of their Contribution(s)
++      with the Work to which such Contribution(s) was submitted. If You
++      institute patent litigation against any entity (including a
++      cross-claim or counterclaim in a lawsuit) alleging that the Work
++      or a Contribution incorporated within the Work constitutes direct
++      or contributory patent infringement, then any patent licenses
++      granted to You under this License for that Work shall terminate
++      as of the date such litigation is filed.
++
++   4. Redistribution. You may reproduce and distribute copies of the
++      Work or Derivative Works thereof in any medium, with or without
++      modifications, and in Source or Object form, provided that You
++      meet the following conditions:
++
++      (a) You must give any other recipients of the Work or
++          Derivative Works a copy of this License; and
++
++      (b) You must cause any modified files to carry prominent notices
++          stating that You changed the files; and
++
++      (c) You must retain, in the Source form of any Derivative Works
++          that You distribute, all copyright, patent, trademark, and
++          attribution notices from the Source form of the Work,
++          excluding those notices that do not pertain to any part of
++          the Derivative Works; and
++
++      (d) If the Work includes a "NOTICE" text file as part of its
++          distribution, then any Derivative Works that You distribute must
++          include a readable copy of the attribution notices contained
++          within such NOTICE file, excluding those notices that do not
++          pertain to any part of the Derivative Works, in at least one
++          of the following places: within a NOTICE text file distributed
++          as part of the Derivative Works; within the Source form or
++          documentation, if provided along with the Derivative Works; or,
++          within a display generated by the Derivative Works, if and
++          wherever such third-party notices normally appear. The contents
++          of the NOTICE file are for informational purposes only and
++          do not modify the License. You may add Your own attribution
++          notices within Derivative Works that You distribute, alongside
++          or as an addendum to the NOTICE text from the Work, provided
++          that such additional attribution notices cannot be construed
++          as modifying the License.
++
++      You may add Your own copyright statement to Your modifications and
++      may provide additional or different license terms and conditions
++      for use, reproduction, or distribution of Your modifications, or
++      for any such Derivative Works as a whole, provided Your use,
++      reproduction, and distribution of the Work otherwise complies with
++      the conditions stated in this License.
++
++   5. Submission of Contributions. Unless You explicitly state otherwise,
++      any Contribution intentionally submitted for inclusion in the Work
++      by You to the Licensor shall be under the terms and conditions of
++      this License, without any additional terms or conditions.
++      Notwithstanding the above, nothing herein shall supersede or modify
++      the terms of any separate license agreement you may have executed
++      with Licensor regarding such Contributions.
++
++   6. Trademarks. This License does not grant permission to use the trade
++      names, trademarks, service marks, or product names of the Licensor,
++      except as required for reasonable and customary use in describing the
++      origin of the Work and reproducing the content of the NOTICE file.
++
++   7. Disclaimer of Warranty. Unless required by applicable law or
++      agreed to in writing, Licensor provides the Work (and each
++      Contributor provides its Contributions) on an "AS IS" BASIS,
++      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
++      implied, including, without limitation, any warranties or conditions
++      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
++      PARTICULAR PURPOSE. You are solely responsible for determining the
++      appropriateness of using or redistributing the Work and assume any
++      risks associated with Your exercise of permissions under this License.
++
++   8. Limitation of Liability. In no event and under no legal theory,
++      whether in tort (including negligence), contract, or otherwise,
++      unless required by applicable law (such as deliberate and grossly
++      negligent acts) or agreed to in writing, shall any Contributor be
++      liable to You for damages, including any direct, indirect, special,
++      incidental, or consequential damages of any character arising as a
++      result of this License or out of the use or inability to use the
++      Work (including but not limited to damages for loss of goodwill,
++      work stoppage, computer failure or malfunction, or any and all
++      other commercial damages or losses), even if such Contributor
++      has been advised of the possibility of such damages.
++
++   9. Accepting Warranty or Additional Liability. While redistributing
++      the Work or Derivative Works thereof, You may choose to offer,
++      and charge a fee for, acceptance of support, warranty, indemnity,
++      or other liability obligations and/or rights consistent with this
++      License. However, in accepting such obligations, You may act only
++      on Your own behalf and on Your sole responsibility, not on behalf
++      of any other Contributor, and only if You agree to indemnify,
++      defend, and hold each Contributor harmless for any liability
++      incurred by, or claims asserted against, such Contributor by reason
++      of your accepting any such warranty or additional liability.
++
++   END OF TERMS AND CONDITIONS
++
++   APPENDIX: How to apply the Apache License to your work.
++
++      To apply the Apache License to your work, attach the following
++      boilerplate notice, with the fields enclosed by brackets "{}"
++      replaced with your own identifying information. (Don't include
++      the brackets!)  The text should be enclosed in the appropriate
++      comment syntax for the file format. We also recommend that a
++      file or class name and description of purpose be included on the
++      same "printed page" as the copyright notice for easier
++      identification within third-party archives.
++
++   Copyright 2015 IBM Corp.
++
++   Licensed under the Apache License, Version 2.0 (the "License");
++   you may not use this file except in compliance with the License.
++   You may obtain a copy of the License at
++
++       http://www.apache.org/licenses/LICENSE-2.0
++
++   Unless required by applicable law or agreed to in writing, software
++   distributed under the License is distributed on an "AS IS" BASIS,
++   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
++   See the License for the specific language governing permissions and
++   limitations under the License.
+diff --git a/components/carbon/icons.ts b/components/carbon/icons.ts
+new file mode 100644
+index 0000000..0692e72
+--- /dev/null
++++ b/components/carbon/icons.ts
+@@ -0,0 +1,236 @@
++// Generated by design/carbon-icons.mjs from @carbon/icons 11.89.0 (Apache-2.0, Copyright IBM Corp.). Do not edit.
++// Each icon is its grid (Carbon's 32 units, or 16 for icons drawn for 16px) and its shapes; CarbonIcon (../CarbonIcon.tsx) renders it.
++
++export interface CarbonIconData {
++  readonly viewBox: "0 0 32 32" | "0 0 16 16";
++  readonly shapes: readonly (readonly ["path" | "circle" | "rect" | "polygon" | "ellipse", Readonly<Record<string, string | number>>])[];
++}
++
++/** carbon: DOC */
++export const DOC: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M30,23H24a2.0023,2.0023,0,0,1-2-2V11a2.002,2.002,0,0,1,2-2h6v2H24V21h6Z"}], ["path", {"d":"M18,23H14a2.0023,2.0023,0,0,1-2-2V11a2.002,2.002,0,0,1,2-2h4a2.002,2.002,0,0,1,2,2V21A2.0023,2.0023,0,0,1,18,23ZM14,11V21h4V11Z"}], ["path", {"d":"M6,23H2V9H6a4.0045,4.0045,0,0,1,4,4v6A4.0045,4.0045,0,0,1,6,23ZM4,21H6a2.002,2.002,0,0,0,2-2V13a2.002,2.002,0,0,0-2-2H4Z"}]] };
++/** carbon: HTML */
++export const HTML: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M28 19 28 11 26 11 26 21 32 21 32 19 28 19z"}], ["path", {"d":"M24 11 22 11 20.5 15 19 11 17 11 17 21 19 21 19 14 20.5 18 22 14 22 21 24 21 24 11z"}], ["path", {"d":"M9 13 11 13 11 21 13 21 13 13 15 13 15 11 9 11 9 13z"}], ["path", {"d":"M5 11 5 15 2 15 2 11 0 11 0 21 2 21 2 17 5 17 5 21 7 21 7 11 5 11z"}]] };
++/** carbon: JSON */
++export const JSON: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M31 11 31 21 29 21 27 15 27 21 25 21 25 11 27 11 29 17 29 11 31 11z"}], ["path", {"d":"M21.3335,21h-2.667A1.6684,1.6684,0,0,1,17,19.3335v-6.667A1.6684,1.6684,0,0,1,18.6665,11h2.667A1.6684,1.6684,0,0,1,23,12.6665v6.667A1.6684,1.6684,0,0,1,21.3335,21ZM19,19h2V13H19Z"}], ["path", {"d":"M13.3335,21H9V19h4V17H11a2.002,2.002,0,0,1-2-2V12.6665A1.6684,1.6684,0,0,1,10.6665,11H15v2H11v2h2a2.002,2.002,0,0,1,2,2v2.3335A1.6684,1.6684,0,0,1,13.3335,21Z"}], ["path", {"d":"M5.3335,21H2.6665A1.6684,1.6684,0,0,1,1,19.3335V17H3v2H5V11H7v8.3335A1.6684,1.6684,0,0,1,5.3335,21Z"}]] };
++/** carbon: PDF */
++export const PDF: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M30 11 30 9 22 9 22 23 24 23 24 17 29 17 29 15 24 15 24 11 30 11z"}], ["path", {"d":"M8,9H2V23H4V18H8a2,2,0,0,0,2-2V11A2,2,0,0,0,8,9Zm0,7H4V11H8Z"}], ["path", {"d":"M16,23H12V9h4a4,4,0,0,1,4,4v6A4,4,0,0,1,16,23Zm-2-2h2a2,2,0,0,0,2-2V13a2,2,0,0,0-2-2H14Z"}]] };
++/** carbon: SQL */
++export const SQL: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M24 21 24 9 22 9 22 23 30 23 30 21 24 21z"}], ["path", {"d":"M18,9H14a2,2,0,0,0-2,2V21a2,2,0,0,0,2,2h1v2a2,2,0,0,0,2,2h2V25H17V23h1a2,2,0,0,0,2-2V11A2,2,0,0,0,18,9ZM14,21V11h4V21Z"}], ["path", {"d":"M8,23H2V21H8V17H4a2,2,0,0,1-2-2V11A2,2,0,0,1,4,9h6v2H4v4H8a2,2,0,0,1,2,2v4A2,2,0,0,1,8,23Z"}]] };
++/** carbon: add */
++export const Add: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M17 15 17 8 15 8 15 15 8 15 8 17 15 17 15 24 17 24 17 17 24 17 24 15z"}]] };
++/** carbon: add--alt */
++export const AddAlt: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M16,4c6.6,0,12,5.4,12,12s-5.4,12-12,12S4,22.6,4,16S9.4,4,16,4 M16,2C8.3,2,2,8.3,2,16s6.3,14,14,14s14-6.3,14-14\tS23.7,2,16,2z"}], ["path", {"d":"M24 15 17 15 17 8 15 8 15 15 8 15 8 17 15 17 15 24 17 24 17 17 24 17z"}]] };
++/** carbon: archive */
++export const Archive: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M14 19H18V21H14z"}], ["path", {"d":"M6,2V28a2,2,0,0,0,2,2H24a2,2,0,0,0,2-2V2ZM24,28H8V16H24Zm0-14H8V10H24ZM8,8V4H24V8Z"}]] };
++/** carbon: arrow--down */
++export const ArrowDown: CarbonIconData = { viewBox: "0 0 16 16", shapes: [["path", {"d":"M12.3 9.3 8.5 13.1 8.5 1 7.5 1 7.5 13.1 3.7 9.3 3 10 8 15 13 10z"}]] };
++/** carbon: arrow--down-right */
++export const ArrowDownRight: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M10 26 10 24 22.59 24 6 7.41 7.41 6 24 22.59 24 10 26 10 26 26 10 26z"}]] };
++/** carbon: arrow--left */
++export const ArrowLeft: CarbonIconData = { viewBox: "0 0 16 16", shapes: [["path", {"d":"M6.7 12.3 2.9 8.5 15 8.5 15 7.5 2.9 7.5 6.7 3.7 6 3 1 8 6 13z"}]] };
++/** carbon: arrow--right */
++export const ArrowRight: CarbonIconData = { viewBox: "0 0 16 16", shapes: [["path", {"d":"M9.3 3.7 13.1 7.5 1 7.5 1 8.5 13.1 8.5 9.3 12.3 10 13 15 8 10 3z"}]] };
++/** carbon: arrow--up */
++export const ArrowUp: CarbonIconData = { viewBox: "0 0 16 16", shapes: [["path", {"d":"M3.7 6.7 7.5 2.9 7.5 15 8.5 15 8.5 2.9 12.3 6.7 13 6 8 1 3 6z"}]] };
++/** carbon: arrow--up-right */
++export const ArrowUpRight: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M10 6 10 8 22.59 8 6 24.59 7.41 26 24 9.41 24 22 26 22 26 6 10 6z"}]] };
++/** carbon: asleep */
++export const Asleep: CarbonIconData = { viewBox: "0 0 16 16", shapes: [["path", {"d":"M7.2,2.3c-1,4.4,1.7,8.7,6.1,9.8c0.1,0,0.1,0,0.2,0c-1.1,1.2-2.7,1.8-4.3,1.8c-0.1,0-0.2,0-0.2,0C5.6,13.8,3,11,3.2,7.7\tC3.2,5.3,4.8,3.1,7.2,2.3 M8,1L8,1C4.1,1.6,1.5,5.3,2.1,9.1c0.6,3.3,3.4,5.8,6.8,5.9c0.1,0,0.2,0,0.3,0c2.3,0,4.4-1.1,5.8-3\tc0.2-0.2,0.1-0.6-0.1-0.7c-0.1-0.1-0.2-0.1-0.3-0.1c-3.9-0.3-6.7-3.8-6.4-7.6C8.3,3,8.4,2.4,8.6,1.8c0.1-0.3,0-0.6-0.3-0.7\tC8.1,1,8.1,1,8,1z"}]] };
++/** carbon: at */
++export const At: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M16,3A12.92,12.92,0,0,0,3,16v1A13,13,0,0,0,16,30h7V28H16A11,11,0,0,1,5,17V16A10.94,10.94,0,0,1,16,5,10.64,10.64,0,0,1,27,16c0,3.59-1.4,5-3.66,5C21.76,21,21,19.71,21,18V10H19v1.94A3.84,3.84,0,0,0,15.5,10,5.48,5.48,0,0,0,10,15.44v2.12A5.48,5.48,0,0,0,15.5,23a4.28,4.28,0,0,0,4-2.46A4.35,4.35,0,0,0,23.41,23C26.48,23,29,21,29,16A12.72,12.72,0,0,0,16,3Zm3,14.56a3.5,3.5,0,0,1-7,0V15.44a3.5,3.5,0,0,1,7,0Z"}]] };
++/** carbon: attachment */
++export const Attachment: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M28.1,18.9L13.1,3.9c-2.5-2.6-6.6-2.6-9.2-0.1S1.3,10.5,3.9,13c0,0,0.1,0.1,0.1,0.1L6.8,16l1.4-1.4l-2.9-2.9\tC3.6,10,3.6,7.1,5.3,5.4s4.6-1.8,6.3-0.1c0,0,0,0,0.1,0.1l14.9,14.9c1.8,1.7,1.8,4.6,0.1,6.3c-1.7,1.8-4.6,1.8-6.3,0.1\tc0,0,0,0-0.1-0.1l-7.4-7.4c-1-1-0.9-2.6,0-3.5c1-0.9,2.5-0.9,3.5,0l4.1,4.1l1.4-1.4c0,0-4.2-4.2-4.2-4.2c-1.8-1.7-4.6-1.6-6.3,0.2\tc-1.6,1.7-1.6,4.4,0,6.2l7.5,7.5c2.5,2.6,6.6,2.6,9.2,0.1S30.7,21.5,28.1,18.9C28.1,19,28.1,18.9,28.1,18.9L28.1,18.9z"}]] };
++/** carbon: bot */
++export const Bot: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M18 10H20V12H18z"}], ["path", {"d":"M12 10H14V12H12z"}], ["path", {"d":"M26,20H21V18h1a2.0023,2.0023,0,0,0,2-2V12h2V10H24V8a2.0023,2.0023,0,0,0-2-2H20V2H18V6H14V2H12V6H10A2.0023,2.0023,0,0,0,8,8v2H6v2H8v4a2.0023,2.0023,0,0,0,2,2h1v2H6a2.0023,2.0023,0,0,0-2,2v8H6V22H26v8h2V22A2.0023,2.0023,0,0,0,26,20ZM10,8H22v8H10Zm3,10h6v2H13Z"}]] };
++/** carbon: branch */
++export const Branch: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"strokeWidth":"0","d":"m20,6c0,1.8587,1.2795,3.4109,3,3.858v4.142c0,1.6543-1.3457,3-3,3h-8c-1.1299,0-2.1617.391-3,1.0256v-8.1676c1.7203-.4471,3-1.9993,3-3.858,0-2.2061-1.7944-4-4-4s-4,1.7939-4,4c0,1.8587,1.2797,3.4108,3,3.858v12.142s0,.142,0,.142c-1.7203.4473-3,1.9997-3,3.858,0,2.2056,1.7944,4,4,4s4-1.7944,4-4c0-1.8583-1.2797-3.4107-3-3.858v-.142c0-1.6543,1.3457-3,3-3h8c2.7568,0,5-2.2432,5-5v-4.142c1.7205-.4471,3-1.9993,3-3.858,0-2.2061-1.7939-4-4-4s-4,1.7939-4,4Zm-14,0c0-1.1025.897-2,2-2s2,.8975,2,2c0,1.1025-.897,2-2,2s-2-.8975-2-2Zm4,20c0,1.103-.897,2-2,2s-2-.897-2-2,.897-2,2-2,2,.897,2,2ZM26,6c0,1.1025-.8975,2-2,2s-2-.8975-2-2c0-1.1025.8975-2,2-2s2,.8975,2,2Z"}]] };
++/** carbon: caret--down */
++export const CaretDown: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M24 12 16 22 8 12z"}]] };
++/** carbon: caret--up */
++export const CaretUp: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M8 20 16 10 24 20z"}]] };
++/** carbon: chat */
++export const Chat: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M17.74,30,16,29l4-7h6a2,2,0,0,0,2-2V8a2,2,0,0,0-2-2H6A2,2,0,0,0,4,8V20a2,2,0,0,0,2,2h9v2H6a4,4,0,0,1-4-4V8A4,4,0,0,1,6,4H26a4,4,0,0,1,4,4V20a4,4,0,0,1-4,4H21.16Z"}], ["path", {"d":"M8 10H24V12H8z"}], ["path", {"d":"M8 16H18V18H8z"}]] };
++/** carbon: checkmark */
++export const Checkmark: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M13 24 4 15 5.414 13.586 13 21.171 26.586 7.586 28 9 13 24z"}]] };
++/** carbon: checkmark--outline */
++export const CheckmarkOutline: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M14 21.414 9 16.413 10.413 15 14 18.586 21.585 11 23 12.415 14 21.414z"}], ["path", {"d":"M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z"}]] };
++/** carbon: chevron--down */
++export const ChevronDown: CarbonIconData = { viewBox: "0 0 16 16", shapes: [["path", {"d":"M8 11 3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"}]] };
++/** carbon: chevron--left */
++export const ChevronLeft: CarbonIconData = { viewBox: "0 0 16 16", shapes: [["path", {"d":"M5 8 10 3 10.7 3.7 6.4 8 10.7 12.3 10 13z"}]] };
++/** carbon: chevron--right */
++export const ChevronRight: CarbonIconData = { viewBox: "0 0 16 16", shapes: [["path", {"d":"M11 8 6 13 5.3 12.3 9.6 8 5.3 3.7 6 3z"}]] };
++/** carbon: chevron--up */
++export const ChevronUp: CarbonIconData = { viewBox: "0 0 16 16", shapes: [["path", {"d":"M8 5 13 10 12.3 10.7 8 6.4 3.7 10.7 3 10z"}]] };
++/** carbon: chip */
++export const Chip: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M11,11V21H21V11Zm8,8H13V13h6Z"}], ["path", {"d":"M30,13V11H26V8a2,2,0,0,0-2-2H21V2H19V6H13V2H11V6H8A2,2,0,0,0,6,8v3H2v2H6v6H2v2H6v3a2,2,0,0,0,2,2h3v4h2V26h6v4h2V26h3a2,2,0,0,0,2-2V21h4V19H26V13ZM24,24H8V8H24Z"}]] };
++/** carbon: circle--filled */
++export const CircleFilled: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["circle", {"cx":"16","cy":"16","r":"10"}], ["path", {"d":"M16,30A14,14,0,1,1,30,16,14.0158,14.0158,0,0,1,16,30ZM16,4A12,12,0,1,0,28,16,12.0137,12.0137,0,0,0,16,4Z"}]] };
++/** carbon: circle--outline */
++export const CircleOutline: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"strokeWidth":"0","d":"m16,2c-7.732,0-14,6.268-14,14s6.268,14,14,14,14-6.268,14-14S23.732,2,16,2Zm0,26c-6.6274,0-12-5.3726-12-12s5.3726-12,12-12,12,5.3726,12,12-5.3726,12-12,12Z"}]] };
++/** carbon: close */
++export const Close: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M17.4141 16 24 9.4141 22.5859 8 16 14.5859 9.4143 8 8 9.4141 14.5859 16 8 22.5859 9.4143 24 16 17.4141 22.5859 24 24 22.5859 17.4141 16z"}]] };
++/** carbon: close--outline */
++export const CloseOutline: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M16,2C8.2,2,2,8.2,2,16s6.2,14,14,14s14-6.2,14-14S23.8,2,16,2z M16,28C9.4,28,4,22.6,4,16S9.4,4,16,4s12,5.4,12,12\tS22.6,28,16,28z"}], ["path", {"d":"M21.4 23 16 17.6 10.6 23 9 21.4 14.4 16 9 10.6 10.6 9 16 14.4 21.4 9 23 10.6 17.6 16 23 21.4z"}]] };
++/** carbon: cloud--upload */
++export const CloudUpload: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M11 18 12.41 19.41 15 16.83 15 29 17 29 17 16.83 19.59 19.41 21 18 16 13 11 18z"}], ["path", {"d":"M23.5,22H23V20h.5a4.5,4.5,0,0,0,.36-9L23,11l-.1-.82a7,7,0,0,0-13.88,0L9,11,8.14,11a4.5,4.5,0,0,0,.36,9H9v2H8.5A6.5,6.5,0,0,1,7.2,9.14a9,9,0,0,1,17.6,0A6.5,6.5,0,0,1,23.5,22Z"}]] };
++/** carbon: code */
++export const Code: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M31 16 24 23 22.59 21.59 28.17 16 22.59 10.41 24 9 31 16z"}], ["path", {"d":"M1 16 8 9 9.41 10.41 3.83 16 9.41 21.59 8 23 1 16z"}], ["path", {"d":"M5.91 15H26.080000000000002V17H5.91z","transform":"rotate(-75 15.996 16)"}]] };
++/** carbon: compare */
++export const Compare: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M28,6H18V4a2,2,0,0,0-2-2H4A2,2,0,0,0,2,4V24a2,2,0,0,0,2,2H14v2a2,2,0,0,0,2,2H28a2,2,0,0,0,2-2V8A2,2,0,0,0,28,6ZM4,15h6.17L7.59,17.59,9,19l5-5L9,9,7.59,10.41,10.17,13H4V4H16V24H4ZM16,28V26a2,2,0,0,0,2-2V8H28v9H21.83l2.58-2.59L23,13l-5,5,5,5,1.41-1.41L21.83,19H28v9Z"}]] };
++/** carbon: container--image */
++export const ContainerImage: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"strokeWidth":"0","d":"M10 10H22V12H10z"}], ["path", {"strokeWidth":"0","d":"M10 15H22V17H10z"}], ["path", {"strokeWidth":"0","d":"M10 20H22V22H10z"}], ["path", {"strokeWidth":"0","d":"m26,28H6c-1.1028,0-2-.8972-2-2V6c0-1.1028.8972-2,2-2h20c1.1028,0,2,.8972,2,2v20c0,1.1028-.8972,2-2,2ZM6,6v20h20V6H6Z"}]] };
++/** carbon: copy */
++export const Copy: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M28,10V28H10V10H28m0-2H10a2,2,0,0,0-2,2V28a2,2,0,0,0,2,2H28a2,2,0,0,0,2-2V10a2,2,0,0,0-2-2Z"}], ["path", {"d":"M4,18H2V4A2,2,0,0,1,4,2H18V4H4Z"}]] };
++/** carbon: data--base */
++export const DataBase: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M24,3H8A2,2,0,0,0,6,5V27a2,2,0,0,0,2,2H24a2,2,0,0,0,2-2V5A2,2,0,0,0,24,3Zm0,2v6H8V5ZM8,19V13H24v6Zm0,8V21H24v6Z"}], ["circle", {"cx":"11","cy":"8","r":"1"}], ["circle", {"cx":"11","cy":"16","r":"1"}], ["circle", {"cx":"11","cy":"24","r":"1"}]] };
++/** carbon: document */
++export const Document: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M25.7,9.3l-7-7C18.5,2.1,18.3,2,18,2H8C6.9,2,6,2.9,6,4v24c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V10C26,9.7,25.9,9.5,25.7,9.3\tz M18,4.4l5.6,5.6H18V4.4z M24,28H8V4h8v6c0,1.1,0.9,2,2,2h6V28z"}], ["path", {"d":"M10 22H22V24H10z"}], ["path", {"d":"M10 16H22V18H10z"}]] };
++/** carbon: document--add */
++export const DocumentAdd: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M30 24 26 24 26 20 24 20 24 24 20 24 20 26 24 26 24 30 26 30 26 26 30 26 30 24z"}], ["path", {"d":"M16,28H8V4h8v6a2.0058,2.0058,0,0,0,2,2h6v4h2V10a.9092.9092,0,0,0-.3-.7l-7-7A.9087.9087,0,0,0,18,2H8A2.0058,2.0058,0,0,0,6,4V28a2.0058,2.0058,0,0,0,2,2h8ZM18,4.4,23.6,10H18Z"}]] };
++/** carbon: document--configuration */
++export const DocumentConfiguration: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"strokeWidth":"0","d":"m30,24v-2h-2.1011c-.1289-.6259-.3775-1.2211-.7319-1.7529l1.49-1.49-1.414-1.414-1.49,1.49c-.5318-.3545-1.127-.603-1.753-.732v-2.1011h-2v2.1011c-.6259.1289-1.2211.3775-1.7529.7319l-1.49-1.49-1.414,1.414,1.49,1.49c-.3545.5318-.603,1.127-.732,1.753h-2.1011v2h2.1011c.1289.6259.3775,1.2211.7319,1.7529l-1.49,1.49,1.414,1.414,1.49-1.49c.5318.3545,1.127.603,1.753.732v2.1011h2v-2.1011c.6259-.1289,1.2211-.3775,1.7529-.7319l1.49,1.49,1.414-1.414-1.49-1.49c.3545-.5318.603-1.127.732-1.753h2.1011Zm-7,2c-1.6569,0-3-1.3431-3-3s1.3431-3,3-3,3,1.3431,3,3c-.0018,1.6561-1.3439,2.9982-3,3Z"}], ["path", {"strokeWidth":"0","d":"m23.499,9.085l-6.792-6.792c-.1875-.1875-.4419-.293-.707-.293H6c-1.1001,0-2,.8999-2,2v24c0,1.1001.8999,2,2,2h8v-2H6V4h8v6c0,1.1025.897,2,2,2h6.292c.6929,0,1.312-.4136,1.5771-1.0537.2656-.6406.1201-1.3711-.3701-1.8613Zm-7.499.915v-5.5859l5.5854,5.5859h-5.5854Z"}]] };
++/** carbon: download */
++export const Download: CarbonIconData = { viewBox: "0 0 16 16", shapes: [["path", {"d":"M13 7 12.3 6.3 8.5 10.1 8.5 1 7.5 1 7.5 10.1 3.7 6.3 3 7 8 12z"}], ["path", {"d":"M13,12v2H3v-2H2v2l0,0c0,0.6,0.4,1,1,1h10c0.6,0,1-0.4,1-1l0,0v-2H13z"}]] };
++/** carbon: edit */
++export const Edit: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M2 26H30V28H2z"}], ["path", {"d":"M25.4,9c0.8-0.8,0.8-2,0-2.8c0,0,0,0,0,0l-3.6-3.6c-0.8-0.8-2-0.8-2.8,0c0,0,0,0,0,0l-15,15V24h6.4L25.4,9z M20.4,4L24,7.6\tl-3,3L17.4,7L20.4,4z M6,22v-3.6l10-10l3.6,3.6l-10,10H6z"}]] };
++/** carbon: error--outline */
++export const ErrorOutline: CarbonIconData = { viewBox: "0 0 16 16", shapes: [["path", {"d":"M8,1C4.1,1,1,4.1,1,8s3.1,7,7,7s7-3.1,7-7S11.9,1,8,1z M8,14c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S11.3,14,8,14z"}], ["path", {"d":"M7.4 3.6H8.5V12.4H7.4z","transform":"rotate(-45 8 8)"}]] };
++/** carbon: folder */
++export const Folder: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M11.17,6l3.42,3.41.58.59H28V26H4V6h7.17m0-2H4A2,2,0,0,0,2,6V26a2,2,0,0,0,2,2H28a2,2,0,0,0,2-2V10a2,2,0,0,0-2-2H16L12.59,4.59A2,2,0,0,0,11.17,4Z"}]] };
++/** carbon: folder--add */
++export const FolderAdd: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M26 20 24 20 24 24 20 24 20 26 24 26 24 30 26 30 26 26 30 26 30 24 26 24z"}], ["path", {"d":"M28,8H16l-3.4-3.4C12.2,4.2,11.7,4,11.2,4H4C2.9,4,2,4.9,2,6v20c0,1.1,0.9,2,2,2h14v-2H4V6h7.2l3.4,3.4l0.6,0.6H28v8h2v-8\tC30,8.9,29.1,8,28,8z"}]] };
++/** carbon: folder--open */
++export const FolderOpen: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M28,8H20.8284L17.4143,4.5859A2,2,0,0,0,16,4H4A2,2,0,0,0,2,6V26a2,2,0,0,0,2,2H28a2,2,0,0,0,2-2V10A2,2,0,0,0,28,8ZM8,26V14h8v6.17l-2.59-2.58L12,19l5,5,5-5-1.41-1.41L18,20.17V14a2.0025,2.0025,0,0,0-2-2H8a2.0025,2.0025,0,0,0-2,2V26H4V6H16l4,4h8v2H22v2h6V26Z"}]] };
++/** carbon: fork */
++export const Fork: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"strokeWidth":"0","d":"m20,6c0,1.8584,1.2798,3.4106,3,3.8579v5.1421h-14v-5.1421c1.7202-.4473,3-1.9995,3-3.8579,0-2.2056-1.7944-4-4-4s-4,1.7944-4,4c0,1.8584,1.2798,3.4106,3,3.8579v5.1421c0,1.103.897,2,2,2h6v5.1421c-1.7202.4473-3,1.9995-3,3.8579,0,2.2056,1.7944,4,4,4s4-1.7944,4-4c0-1.8584-1.2798-3.4106-3-3.8579v-5.1421h6c1.103,0,2-.897,2-2v-5.1421c1.7202-.4473,3-1.9995,3-3.8579,0-2.2056-1.7944-4-4-4s-4,1.7944-4,4Zm-14,0c0-1.103.897-2,2-2s2,.897,2,2c0,1.103-.897,2-2,2s-2-.897-2-2Zm12,20c0,1.103-.897,2-2,2s-2-.897-2-2c0-1.103.897-2,2-2s2,.897,2,2ZM26,6c0,1.103-.897,2-2,2s-2-.897-2-2c0-1.103.897-2,2-2s2,.897,2,2Z"}]] };
++/** carbon: idea */
++export const Idea: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M11 24H21V26H11z"}], ["path", {"d":"M13 28H19V30H13z"}], ["path", {"d":"M16,2A10,10,0,0,0,6,12a9.19,9.19,0,0,0,3.46,7.62c1,.93,1.54,1.46,1.54,2.38h2c0-1.84-1.11-2.87-2.19-3.86A7.2,7.2,0,0,1,8,12a8,8,0,0,1,16,0,7.2,7.2,0,0,1-2.82,6.14c-1.07,1-2.18,2-2.18,3.86h2c0-.92.53-1.45,1.54-2.39A9.18,9.18,0,0,0,26,12,10,10,0,0,0,16,2Z"}]] };
++/** carbon: in-progress */
++export const InProgress: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M16,2A14,14,0,1,0,30,16,14.0158,14.0158,0,0,0,16,2Zm0,26A12,12,0,0,1,16,4V16l8.4812,8.4814A11.9625,11.9625,0,0,1,16,28Z"}]] };
++/** carbon: launch */
++export const Launch: CarbonIconData = { viewBox: "0 0 16 16", shapes: [["path", {"d":"M13,14H3c-0.6,0-1-0.4-1-1V3c0-0.6,0.4-1,1-1h5v1H3v10h10V8h1v5C14,13.6,13.6,14,13,14z"}], ["path", {"d":"M10 1 10 2 13.3 2 9 6.3 9.7 7 14 2.7 14 6 15 6 15 1z"}]] };
++/** carbon: layers */
++export const Layers: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M16,24a.9967.9967,0,0,1-.4741-.12l-13-7L3.4741,15.12,16,21.8643,28.5259,15.12l.9482,1.7607-13,7A.9967.9967,0,0,1,16,24Z"}], ["path", {"d":"M16,30a.9967.9967,0,0,1-.4741-.12l-13-7L3.4741,21.12,16,27.8643,28.5259,21.12l.9482,1.7607-13,7A.9967.9967,0,0,1,16,30Z"}], ["path", {"d":"M16,18a.9967.9967,0,0,1-.4741-.12l-13-7a1,1,0,0,1,0-1.7607l13-7a.9982.9982,0,0,1,.9482,0l13,7a1,1,0,0,1,0,1.7607l-13,7A.9967.9967,0,0,1,16,18ZM5.1094,10,16,15.8643,26.8906,10,16,4.1358Z"}]] };
++/** carbon: light */
++export const Light: CarbonIconData = { viewBox: "0 0 16 16", shapes: [["path", {"d":"M7.5 1H8.5V3.5H7.5z"}], ["path", {"d":"M10.8 3.4H13.3V4.4H10.8z","transform":"rotate(-45 12.041 3.923)"}], ["path", {"d":"M12.5 7.5H15V8.5H12.5z"}], ["path", {"d":"M11.6 10.8H12.6V13.3H11.6z","transform":"rotate(-45 12.075 12.04)"}], ["path", {"d":"M7.5 12.5H8.5V15H7.5z"}], ["path", {"d":"M2.7 11.6H5.2V12.6H2.7z","transform":"rotate(-45 3.96 12.078)"}], ["path", {"d":"M1 7.5H3.5V8.5H1z"}], ["path", {"d":"M3.4 2.7H4.4V5.2H3.4z","transform":"rotate(-45 3.925 3.961)"}], ["path", {"d":"M8,6c1.1,0,2,0.9,2,2s-0.9,2-2,2S6,9.1,6,8S6.9,6,8,6 M8,5C6.3,5,5,6.3,5,8s1.3,3,3,3s3-1.3,3-3S9.7,5,8,5z"}]] };
++/** carbon: link */
++export const Link: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M29.25,6.76a6,6,0,0,0-8.5,0l1.42,1.42a4,4,0,1,1,5.67,5.67l-8,8a4,4,0,1,1-5.67-5.66l1.41-1.42-1.41-1.42-1.42,1.42a6,6,0,0,0,0,8.5A6,6,0,0,0,17,25a6,6,0,0,0,4.27-1.76l8-8A6,6,0,0,0,29.25,6.76Z"}], ["path", {"d":"M4.19,24.82a4,4,0,0,1,0-5.67l8-8a4,4,0,0,1,5.67,0A3.94,3.94,0,0,1,19,14a4,4,0,0,1-1.17,2.85L15.71,19l1.42,1.42,2.12-2.12a6,6,0,0,0-8.51-8.51l-8,8a6,6,0,0,0,0,8.51A6,6,0,0,0,7,28a6.07,6.07,0,0,0,4.28-1.76L9.86,24.82A4,4,0,0,1,4.19,24.82Z"}]] };
++/** carbon: locked */
++export const Locked: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M24,14H22V8A6,6,0,0,0,10,8v6H8a2,2,0,0,0-2,2V28a2,2,0,0,0,2,2H24a2,2,0,0,0,2-2V16A2,2,0,0,0,24,14ZM12,8a4,4,0,0,1,8,0v6H12ZM24,28H8V16H24Z"}]] };
++/** carbon: logo--git */
++export const LogoGit: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M29.5242,14.8021L17.2022,2.5241c-.7013-.6988-1.8032-.6988-2.5045,0h0l-2.5045,2.4955,3.2057,3.1943c.8014-.2995,1.6029,0,2.2039.4991.6011.5989.8014,1.3975.5009,2.1961l3.1055,3.0945c.8014-.2995,1.6029,0,2.2039.4991.8014.7986.8014,2.1961,0,2.9947h0c-.8014.7986-2.2039.7986-3.0054,0-.6011-.5989-.8014-1.4973-.5009-2.2959l-2.9052-2.8948v7.5865c1.102.4991,1.5027,1.7968,1.0018,2.8948-.1002.1996-.2004.3993-.4007.5989-.8014.7986-2.2039.7986-3.0054,0h0c-.8014-.7986-.8014-2.1961,0-2.9947h0c.2004-.1996.4007-.3993.7013-.4991v-7.6863c-.3005-.0998-.5009-.2995-.7013-.4991-.6011-.5989-.8014-1.4973-.5009-2.2959l-3.2057-3.1943L2.4759,14.7023c-.7013.6988-.7013,1.7968,0,2.5954h0l12.2218,12.1783c.7013.6988,1.8032.6988,2.5045,0l12.2218-12.1783c.7013-.6988.7013-1.7968,0-2.5954"}]] };
++/** carbon: logo--github */
++export const LogoGithub: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"fillRule":"evenodd","d":"M16,2a14,14,0,0,0-4.43,27.28c.7.13,1-.3,1-.67s0-1.21,0-2.38c-3.89.84-4.71-1.88-4.71-1.88A3.71,3.71,0,0,0,6.24,22.3c-1.27-.86.1-.85.1-.85A2.94,2.94,0,0,1,8.48,22.9a3,3,0,0,0,4.08,1.16,2.93,2.93,0,0,1,.88-1.87c-3.1-.36-6.37-1.56-6.37-6.92a5.4,5.4,0,0,1,1.44-3.76,5,5,0,0,1,.14-3.7s1.17-.38,3.85,1.43a13.3,13.3,0,0,1,7,0c2.67-1.81,3.84-1.43,3.84-1.43a5,5,0,0,1,.14,3.7,5.4,5.4,0,0,1,1.44,3.76c0,5.38-3.27,6.56-6.39,6.91a3.33,3.33,0,0,1,.95,2.59c0,1.87,0,3.38,0,3.84s.25.81,1,.67A14,14,0,0,0,16,2Z"}]] };
++/** carbon: logo--npm */
++export const LogoNpm: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M4,28V4h24v24H4z M8.5,8.5v15H16v-12h4.5v12h3v-15H8.5z"}]] };
++/** carbon: logo--python */
++export const LogoPython: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M23.4882,9.14v2.9663a4.2843,4.2843,0,0,1-4.173,4.2352H12.6431a3.4077,3.4077,0,0,0-3.34,3.3945v6.3607c0,1.81,1.5742,2.8751,3.34,3.3945a11.1762,11.1762,0,0,0,6.6721,0c1.6817-.4869,3.34-1.4668,3.34-3.3945V23.55H15.983v-.8486H25.9951c1.9414,0,2.6648-1.3542,3.34-3.3867a11.4642,11.4642,0,0,0,0-6.7889c-.48-1.9327-1.3961-3.3867-3.34-3.3867ZM19.7356,25.2476a1.2731,1.2731,0,1,1-1.2534,1.269A1.2607,1.2607,0,0,1,19.7356,25.2476Z"}], ["path", {"d":"M15.8351,2a19.0717,19.0717,0,0,0-3.192.2725c-2.8268.4994-3.34,1.5447-3.34,3.4723V8.2909h6.68V9.14H6.7962a4.1708,4.1708,0,0,0-4.173,3.3867,12.4855,12.4855,0,0,0,0,6.7889c.4748,1.9776,1.6088,3.3867,3.55,3.3867H8.47V19.65a4.2449,4.2449,0,0,1,4.173-4.15h6.6721a3.3654,3.3654,0,0,0,3.34-3.3944V5.745a3.729,3.729,0,0,0-3.34-3.4723A20.8377,20.8377,0,0,0,15.8351,2ZM12.2226,4.0478a1.2731,1.2731,0,1,1-1.2534,1.2768A1.2675,1.2675,0,0,1,12.2226,4.0478Z"}]] };
++/** carbon: logo--react */
++export const LogoReact: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M25,11.6c-0.3-0.1-0.6-0.2-0.9-0.3c0-0.2,0.1-0.4,0.1-0.6c0.7-3.3,0.2-6-1.3-6.9c-1.5-0.8-3.9,0-6.3,2.1\tc-0.2,0.2-0.5,0.4-0.7,0.6c-0.2-0.1-0.3-0.3-0.5-0.4C13,3.9,10.5,3,9,3.9c-1.5,0.8-1.9,3.4-1.3,6.5c0.1,0.3,0.1,0.6,0.2,0.9\tc-0.4,0.1-0.7,0.2-1,0.3c-3,1-4.9,2.7-4.9,4.3c0,1.7,2,3.5,5.1,4.5c0.2,0.1,0.5,0.2,0.8,0.2c-0.1,0.3-0.2,0.7-0.2,1\tc-0.6,3.1-0.1,5.5,1.3,6.4c1.5,0.9,4,0,6.5-2.2c0.2-0.2,0.4-0.4,0.6-0.5c0.2,0.2,0.5,0.5,0.8,0.7c2.4,2.1,4.7,2.9,6.2,2\tc1.5-0.9,2-3.5,1.4-6.7c0-0.2-0.1-0.5-0.2-0.8c0.2-0.1,0.4-0.1,0.5-0.2c3.2-1.1,5.3-2.8,5.3-4.5C30,14.3,28,12.7,25,11.6z M17.5,6.9\tc2.1-1.8,4-2.5,4.9-2c0.9,0.5,1.3,2.7,0.7,5.6c0,0.2-0.1,0.4-0.1,0.6c-1.2-0.3-2.5-0.5-3.7-0.6c-0.7-1-1.5-2-2.4-3\tC17.1,7.3,17.3,7.1,17.5,6.9L17.5,6.9z M10.3,17.4c0.3,0.5,0.5,1,0.8,1.5c0.3,0.5,0.6,1,0.9,1.4c-0.9-0.1-1.7-0.2-2.6-0.4\tC9.6,19.1,9.9,18.3,10.3,17.4z M10.3,14.6c-0.4-0.8-0.6-1.6-0.9-2.4c0.8-0.2,1.7-0.3,2.5-0.4c-0.3,0.5-0.6,0.9-0.9,1.4\tC10.8,13.6,10.5,14.1,10.3,14.6L10.3,14.6z M10.9,16c0.4-0.8,0.8-1.5,1.2-2.3c0.4-0.7,0.9-1.5,1.4-2.2c0.8-0.1,1.7-0.1,2.6-0.1\tc0.9,0,1.7,0,2.6,0.1c0.5,0.7,0.9,1.4,1.3,2.2c0.4,0.7,0.8,1.5,1.2,2.3c-0.4,0.8-0.8,1.5-1.2,2.3c-0.4,0.7-0.9,1.5-1.3,2.2\tc-0.8,0.1-1.7,0.1-2.6,0.1c-0.9,0-1.7,0-2.5-0.1c-0.5-0.7-0.9-1.4-1.4-2.2C11.7,17.5,11.3,16.8,10.9,16L10.9,16z M20.9,18.9\tc0.3-0.5,0.6-1,0.8-1.5c0.4,0.8,0.7,1.6,0.9,2.5c-0.9,0.2-1.7,0.3-2.6,0.4C20.4,19.8,20.7,19.3,20.9,18.9z M21.7,14.6\tc-0.3-0.5-0.5-1-0.8-1.5c-0.3-0.5-0.6-0.9-0.8-1.4c0.9,0.1,1.7,0.3,2.6,0.4C22.4,13,22.1,13.8,21.7,14.6z M16,8.3\tc0.6,0.6,1.1,1.3,1.6,2c-1.1-0.1-2.2-0.1-3.3,0C14.9,9.6,15.5,8.9,16,8.3z M9.6,4.9c0.9-0.5,3,0.2,5.2,2.2c0.1,0.1,0.3,0.3,0.4,0.4\tc-0.9,0.9-1.7,1.9-2.4,3c-1.3,0.1-2.5,0.3-3.7,0.6c-0.1-0.3-0.1-0.6-0.2-0.9C8.3,7.5,8.7,5.4,9.6,4.9z M8.2,19.6\tc-0.2-0.1-0.5-0.1-0.7-0.2c-1.4-0.5-2.5-1.1-3.3-1.7c-0.7-0.6-1-1.2-1-1.7c0-1,1.5-2.3,4.1-3.2c0.3-0.1,0.6-0.2,1-0.3\tC8.6,13.7,9,14.9,9.6,16C9,17.2,8.6,18.4,8.2,19.6z M14.7,25.1c-1.1,1-2.2,1.6-3.1,2c-0.9,0.3-1.5,0.3-2,0.1\tc-0.9-0.5-1.3-2.5-0.8-5.1C8.9,21.7,9,21.4,9,21c1.2,0.3,2.5,0.5,3.8,0.5c0.7,1,1.5,2,2.4,3C15,24.7,14.9,24.9,14.7,25.1z M16,23.7\tc-0.6-0.6-1.1-1.3-1.7-2c0.5,0,1.1,0,1.6,0c0.6,0,1.1,0,1.7,0C17.2,22.4,16.6,23.1,16,23.7z M23.3,25.4c-0.2,0.9-0.5,1.5-0.9,1.7\tc-0.9,0.5-2.8-0.2-4.8-1.9c-0.2-0.2-0.5-0.4-0.7-0.6c0.8-0.9,1.6-1.9,2.3-3c1.3-0.1,2.5-0.3,3.8-0.6c0.1,0.2,0.1,0.5,0.2,0.7\tC23.5,23.1,23.5,24.4,23.3,25.4z M24.3,19.4c-0.2,0-0.3,0.1-0.5,0.1c-0.4-1.2-0.9-2.4-1.4-3.6c0.5-1.1,1-2.3,1.4-3.5\tc0.3,0.1,0.6,0.2,0.8,0.3c2.6,0.9,4.2,2.2,4.2,3.2C28.8,17.1,27.1,18.5,24.3,19.4z"}], ["path", {"d":"M16,18.5c0.5,0,1-0.1,1.4-0.4c0.4-0.3,0.7-0.7,0.9-1.1c0.2-0.5,0.2-1,0.1-1.5c-0.1-0.5-0.3-0.9-0.7-1.3\tc-0.3-0.4-0.8-0.6-1.3-0.7c-0.5-0.1-1,0-1.5,0.1c-0.5,0.2-0.9,0.5-1.1,0.9c-0.3,0.4-0.4,0.9-0.4,1.4c0,0.3,0.1,0.7,0.2,1\tc0.1,0.3,0.3,0.6,0.5,0.8c0.2,0.2,0.5,0.4,0.8,0.5C15.3,18.4,15.7,18.5,16,18.5z"}]] };
++/** carbon: logout */
++export const Logout: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M6,30H18a2.0023,2.0023,0,0,0,2-2V25H18v3H6V4H18V7h2V4a2.0023,2.0023,0,0,0-2-2H6A2.0023,2.0023,0,0,0,4,4V28A2.0023,2.0023,0,0,0,6,30Z"}], ["path", {"d":"M20.586 20.586 24.172 17 10 17 10 15 24.172 15 20.586 11.414 22 10 28 16 22 22 20.586 20.586z"}]] };
++/** carbon: machine-learning-model */
++export const MachineLearningModel: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"strokeWidth":"0","d":"m27,19c1.6543,0,3-1.3457,3-3s-1.3457-3-3-3c-1.302,0-2.4016.8384-2.8157,2h-5.7703l7.3008-7.3008c.3911.1875.8235.3008,1.2852.3008,1.6543,0,3-1.3457,3-3s-1.3457-3-3-3-3,1.3457-3,3c0,.4619.1135.894.3005,1.2852l-8.3005,8.3008v-6.5859c0-1.1025.897-2,2-2h2v-2h-2c-1.2002,0-2.2661.5425-3,1.3823-.7339-.8398-1.7998-1.3823-3-1.3823h-1c-4.9624,0-9,4.0371-9,9v6c0,4.9629,4.0376,9,9,9h1c1.2002,0,2.2661-.5425,3-1.3823.7339.8398,1.7998,1.3823,3,1.3823h2v-2h-2c-1.103,0-2-.8975-2-2v-6.5859l8.3005,8.3008c-.187.3911-.3005.8232-.3005,1.2852,0,1.6543,1.3457,3,3,3s3-1.3457,3-3-1.3457-3-3-3c-.4617,0-.894.1133-1.2852.3008l-7.3008-7.3008h5.7703c.4141,1.1616,1.5137,2,2.8157,2Zm0-4c.5513,0,1,.4482,1,1s-.4487,1-1,1-1-.4482-1-1,.4487-1,1-1Zm0-11c.5515,0,1,.4487,1,1s-.4485,1-1,1-1-.4487-1-1,.4485-1,1-1Zm-13,8h-2v2h2v4h-2c-1.6543,0-3,1.3457-3,3v2h2v-2c0-.5518.4487-1,1-1h2v4c0,1.1025-.897,2-2,2h-1c-3.5195,0-6.4324-2.6133-6.9202-6h1.9202v-2h-2v-4h3c1.6543,0,3-1.3457,3-3v-2h-2v2c0,.5518-.4487,1-1,1h-2.9202c.4878-3.3867,3.4006-6,6.9202-6h1c1.103,0,2,.8975,2,2v4Zm14,15c0,.5513-.4485,1-1,1s-1-.4487-1-1,.4485-1,1-1,1,.4487,1,1Z"}]] };
++/** carbon: magic-wand */
++export const MagicWand: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M29.4141,24,12,6.5859a2.0476,2.0476,0,0,0-2.8281,0l-2.586,2.586a2.0021,2.0021,0,0,0,0,2.8281L23.999,29.4141a2.0024,2.0024,0,0,0,2.8281,0l2.587-2.5865a1.9993,1.9993,0,0,0,0-2.8281ZM8,10.5859,10.5859,8l5,5-2.5866,2.5869-5-5ZM25.4131,28l-11-10.999L17,14.4141l11,11Z"}], ["path", {"d":"M2.586 14.586H5.414V17.414H2.586z","transform":"rotate(-45 4 16)"}], ["path", {"d":"M14.586 2.586H17.414V5.414H14.586z","transform":"rotate(-45 16 4)"}], ["path", {"d":"M2.586 2.586H5.414V5.414H2.586z","transform":"rotate(-45 4 4)"}]] };
++/** carbon: markdown */
++export const Markdown: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M28,5H4c-1.1,0-2,.9-2,2v18c0,1.1.9,2,2,2h24c1.1,0,2-.9,2-2V7c0-1.1-.9-2-2-2ZM28,25H4V7h24v18ZM26,18l-5,5-5-5,1.41-1.41,2.59,2.59v-10.18h2v10.18l2.59-2.59,1.41,1.41ZM12,9l-1.52,5-.48,1.98-.46-1.98-1.54-5h-2v14h2v-8l-.16-2,.58,2,1.58,4.63,1.58-4.63.58-2-.16,2v8h2v-14h-2Z"}]] };
++/** carbon: maximize */
++export const Maximize: CarbonIconData = { viewBox: "0 0 16 16", shapes: [["path", {"d":"M6 15 6 14 2.7 14 7 9.7 6.3 9 2 13.3 2 10 1 10 1 15z"}], ["path", {"d":"M10 1 10 2 13.3 2 9 6.3 9.7 7 14 2.7 14 6 15 6 15 1z"}]] };
++/** carbon: menu */
++export const Menu: CarbonIconData = { viewBox: "0 0 16 16", shapes: [["path", {"d":"M2 12H14V13H2z"}], ["path", {"d":"M2 9H14V10H2z"}], ["path", {"d":"M2 6H14V7H2z"}], ["path", {"d":"M2 3H14V4H2z"}]] };
++/** carbon: meter */
++export const Meter: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M26,16a9.9283,9.9283,0,0,0-1.1392-4.6182l-1.4961,1.4961A7.9483,7.9483,0,0,1,24,16Z"}], ["path", {"d":"M23.4141,10,22,8.5859l-4.7147,4.7147A2.9659,2.9659,0,0,0,16,13a3,3,0,1,0,3,3,2.9659,2.9659,0,0,0-.3006-1.2853ZM16,17a1,1,0,1,1,1-1A1.0013,1.0013,0,0,1,16,17Z"}], ["path", {"d":"M16,8a7.9515,7.9515,0,0,1,3.1223.6353l1.4961-1.4961A9.9864,9.9864,0,0,0,6,16H8A8.0092,8.0092,0,0,1,16,8Z"}], ["path", {"d":"M16,30A14,14,0,1,1,30,16,14.0158,14.0158,0,0,1,16,30ZM16,4A12,12,0,1,0,28,16,12.0137,12.0137,0,0,0,16,4Z"}]] };
++/** carbon: minimize */
++export const Minimize: CarbonIconData = { viewBox: "0 0 16 16", shapes: [["path", {"d":"M2 9 2 10 5.3 10 1 14.3 1.7 15 6 10.7 6 14 7 14 7 9z"}], ["path", {"d":"M14 7 14 6 10.7 6 15 1.7 14.3 1 10 5.3 10 2 9 2 9 7z"}]] };
++/** carbon: overflow-menu--horizontal */
++export const OverflowMenuHorizontal: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["circle", {"cx":"8","cy":"16","r":"2"}], ["circle", {"cx":"16","cy":"16","r":"2"}], ["circle", {"cx":"24","cy":"16","r":"2"}]] };
++/** carbon: password */
++export const Password: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M21,2a8.9977,8.9977,0,0,0-8.6119,11.6118L2,24v6H8L18.3881,19.6118A9,9,0,1,0,21,2Zm0,16a7.0125,7.0125,0,0,1-2.0322-.3022L17.821,17.35l-.8472.8472-3.1811,3.1812L12.4141,20,11,21.4141l1.3787,1.3786-1.5859,1.586L9.4141,23,8,24.4141l1.3787,1.3786L7.1716,28H4V24.8284l9.8023-9.8023.8472-.8474-.3473-1.1467A7,7,0,1,1,21,18Z"}], ["circle", {"cx":"22","cy":"10","r":"2"}]] };
++/** carbon: pin */
++export const Pin: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M28.59,13.31,30,11.9,20,2,18.69,3.42,19.87,4.6,8.38,14.32,6.66,12.61,5.25,14l5.66,5.68L2,28.58,3.41,30l8.91-8.91L18,26.75l1.39-1.42-1.71-1.71L27.4,12.13ZM16.26,22.2,9.8,15.74,21.29,6,26,10.71Z"}]] };
++/** carbon: pin--filled */
++export const PinFilled: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M28.5858,13.3137,30,11.9,20,2,18.6858,3.415l1.1858,1.1857L8.38,14.3225,6.6641,12.6067,5.25,14l5.6572,5.6773L2,28.5831,3.41,30l8.9111-8.9087L18,26.7482l1.3929-1.414L17.6765,23.618l9.724-11.4895Z"}]] };
++/** carbon: plug */
++export const Plug: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M22,8H21V2H19V8H13V2H11V8H10a2,2,0,0,0-2,2v6a8.0073,8.0073,0,0,0,7,7.9307V30h2V23.9307A8.0073,8.0073,0,0,0,24,16V10A2,2,0,0,0,22,8Zm0,8a6,6,0,0,1-12,0V10H22Z"}]] };
++/** carbon: queued */
++export const Queued: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M22 20H30V22H22z"}], ["path", {"d":"M22 24H30V26H22z"}], ["path", {"d":"M22 28H30V30H22z"}], ["path", {"d":"M18 24H20V26H18z"}], ["path", {"d":"M18 20H20V22H18z"}], ["path", {"d":"M18 28H20V30H18z"}], ["path", {"d":"M6.8149,8.293A12.0777,12.0777,0,0,1,10.0068,5.62L9.0079,3.89A14.0845,14.0845,0,0,0,5.2841,7.0083Z"}], ["path", {"d":"M25.1851,8.293l1.5308-1.2847A14.0845,14.0845,0,0,0,22.9921,3.89l-.9989,1.73A12.0777,12.0777,0,0,1,25.1851,8.293Z"}], ["path", {"d":"M4.7366,11.9l-1.8772-.6831A13.9019,13.9019,0,0,0,2,16H4A11.917,11.917,0,0,1,4.7366,11.9Z"}], ["path", {"d":"M6.8149,23.707A11.9975,11.9975,0,0,1,4.7366,20.1l-1.8772.6831a13.99,13.99,0,0,0,2.4247,4.209Z"}], ["path", {"d":"M27.2634,11.9A11.917,11.917,0,0,1,28,16h2a13.8971,13.8971,0,0,0-.8594-4.7827Z"}], ["path", {"d":"M13.9182,27.8066A11.8894,11.8894,0,0,1,10.0068,26.38l-.9989,1.73a13.8673,13.8673,0,0,0,4.5633,1.664Z"}], ["path", {"d":"M13.9182,4.1934a11.3012,11.3012,0,0,1,4.1636,0l.347-1.9678a13.187,13.187,0,0,0-4.8576,0Z"}]] };
++/** carbon: rain-drop */
++export const RainDrop: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M16,24V22a3.2965,3.2965,0,0,0,3-3h2A5.2668,5.2668,0,0,1,16,24Z"}], ["path", {"d":"M16,28a9.0114,9.0114,0,0,1-9-9,9.9843,9.9843,0,0,1,1.4941-4.9554L15.1528,3.4367a1.04,1.04,0,0,1,1.6944,0l6.6289,10.5564A10.0633,10.0633,0,0,1,25,19,9.0114,9.0114,0,0,1,16,28ZM16,5.8483l-5.7817,9.2079A7.9771,7.9771,0,0,0,9,19a7,7,0,0,0,14,0,8.0615,8.0615,0,0,0-1.248-3.9953Z"}]] };
++/** carbon: recently-viewed */
++export const RecentlyViewed: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M20.59 22 15 16.41 15 7 17 7 17 15.58 22 20.59 20.59 22z"}], ["path", {"d":"M16,2A13.94,13.94,0,0,0,6,6.23V2H4v8h8V8H7.08A12,12,0,1,1,4,16H2A14,14,0,1,0,16,2Z"}]] };
++/** carbon: renew */
++export const Renew: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M12,10H6.78A11,11,0,0,1,27,16h2A13,13,0,0,0,6,7.68V4H4v8h8Z"}], ["path", {"d":"M20,22h5.22A11,11,0,0,1,5,16H3a13,13,0,0,0,23,8.32V28h2V20H20Z"}]] };
++/** carbon: reply */
++export const Reply: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M28.88,30a1,1,0,0,1-.88-.5A15.19,15.19,0,0,0,15,22v6a1,1,0,0,1-.62.92,1,1,0,0,1-1.09-.21l-12-12a1,1,0,0,1,0-1.42l12-12a1,1,0,0,1,1.09-.21A1,1,0,0,1,15,4v6.11a17.19,17.19,0,0,1,15,17,16.34,16.34,0,0,1-.13,2,1,1,0,0,1-.79.86ZM14.5,20A17.62,17.62,0,0,1,28,26,15.31,15.31,0,0,0,13.91,12,1,1,0,0,1,13,11V6.41L3.41,16,13,25.59V21a1,1,0,0,1,1-1h.54Z"}]] };
++/** carbon: reset */
++export const Reset: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M18,28A12,12,0,1,0,6,16v6.2L2.4,18.6,1,20l6,6,6-6-1.4-1.4L8,22.2V16H8A10,10,0,1,1,18,26Z"}]] };
++/** carbon: restart */
++export const Restart: CarbonIconData = { viewBox: "0 0 16 16", shapes: [["path", {"d":"M13,9c0,2.8-2.2,5-5,5s-5-2.2-5-5s2.2-5,5-5h3.1L9.3,5.8L10,6.5l3-3l-3-3L9.3,1.2L11.1,3H8C4.7,3,2,5.7,2,9s2.7,6,6,6\ts6-2.7,6-6H13z"}]] };
++/** carbon: right-panel--close */
++export const RightPanelClose: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"strokeWidth":"0","d":"m2,6v20c0,1.1045.8955,2,2,2h24c1.1045,0,2-.8955,2-2V6c0-1.1045-.8955-2-2-2H4c-1.1045,0-2,.8955-2,2Zm20,0h6v20h-6V6Zm-18,0h16v20H4v-9h10.1699s-3.5801,3.5898-3.5801,3.5898l1.4102,1.4102,6-6-6-6-1.4102,1.4102,3.5801,3.5898H4V6Z"}]] };
++/** carbon: right-panel--open */
++export const RightPanelOpen: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"strokeWidth":"0","d":"m2,6v20c0,1.1045.8955,2,2,2h24c1.1045,0,2-.8955,2-2V6c0-1.1045-.8955-2-2-2H4c-1.1045,0-2,.8955-2,2Zm20,0h6v20h-6V6Zm-18,0h16v9h-10.1699s3.5798-3.5898,3.5798-3.5898l-1.4099-1.4102-6,6,6,6,1.4099-1.4102-3.5798-3.5898h10.1699v9H4V6Z"}]] };
++/** carbon: screen */
++export const Screen: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M28,4H4A2,2,0,0,0,2,6V22a2,2,0,0,0,2,2h8v4H8v2H24V28H20V24h8a2,2,0,0,0,2-2V6A2,2,0,0,0,28,4ZM18,28H14V24h4Zm10-6H4V6H28Z"}]] };
++/** carbon: search */
++export const Search: CarbonIconData = { viewBox: "0 0 16 16", shapes: [["path", {"d":"M15,14.3L10.7,10c1.9-2.3,1.6-5.8-0.7-7.7S4.2,0.7,2.3,3S0.7,8.8,3,10.7c2,1.7,5,1.7,7,0l4.3,4.3L15,14.3z M2,6.5\tC2,4,4,2,6.5,2S11,4,11,6.5S9,11,6.5,11S2,9,2,6.5z"}]] };
++/** carbon: security */
++export const Security: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M14 16.59 11.41 14 10 15.41 14 19.41 22 11.41 20.59 10 14 16.59z"}], ["path", {"d":"M16,30,9.8242,26.7071A10.9818,10.9818,0,0,1,4,17V4A2.0021,2.0021,0,0,1,6,2H26a2.0021,2.0021,0,0,1,2,2V17a10.9818,10.9818,0,0,1-5.8242,9.7071ZM6,4V17a8.9852,8.9852,0,0,0,4.7656,7.9423L16,27.7333l5.2344-2.791A8.9852,8.9852,0,0,0,26,17V4Z"}]] };
++/** carbon: send */
++export const Send: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M27.45,15.11l-22-11a1,1,0,0,0-1.08.12,1,1,0,0,0-.33,1L7,16,4,26.74A1,1,0,0,0,5,28a1,1,0,0,0,.45-.11l22-11a1,1,0,0,0,0-1.78Zm-20.9,10L8.76,17H18V15H8.76L6.55,6.89,24.76,16Z"}]] };
++/** carbon: server--dns */
++export const ServerDns: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M16,2a8,8,0,1,0,8,8A8.0092,8.0092,0,0,0,16,2Zm5.91,7H19.4724a15.2457,15.2457,0,0,0-.7917-4.36A6.0088,6.0088,0,0,1,21.91,9ZM16.022,15.999h-.0076c-.3813-.1206-1.3091-1.8213-1.479-4.999h2.9292C17.2952,14.1763,16.3711,15.877,16.022,15.999ZM14.5354,9c.1694-3.1763,1.0935-4.877,1.4426-4.999h.0076c.3813.1206,1.3091,1.8213,1.479,4.999ZM13.3193,4.64A15.2457,15.2457,0,0,0,12.5276,9H10.09A6.0088,6.0088,0,0,1,13.3193,4.64ZM10.09,11h2.4373a15.2457,15.2457,0,0,0,.7917,4.36A6.0088,6.0088,0,0,1,10.09,11Zm8.59,4.36A15.2457,15.2457,0,0,0,19.4724,11H21.91A6.0088,6.0088,0,0,1,18.6807,15.36Z"}], ["path", {"d":"M28,30H4a2.0021,2.0021,0,0,1-2-2V22a2.0021,2.0021,0,0,1,2-2H28a2.0021,2.0021,0,0,1,2,2v6A2.0021,2.0021,0,0,1,28,30ZM4,22v6H28V22Z"}], ["circle", {"cx":"7","cy":"25","r":"1"}]] };
++/** carbon: settings */
++export const Settings: CarbonIconData = { viewBox: "0 0 16 16", shapes: [["path", {"d":"M13.5,8.4c0-0.1,0-0.3,0-0.4c0-0.1,0-0.3,0-0.4l1-0.8c0.4-0.3,0.4-0.9,0.2-1.3l-1.2-2C13.3,3.2,13,3,12.6,3\tc-0.1,0-0.2,0-0.3,0.1l-1.2,0.4c-0.2-0.1-0.4-0.3-0.7-0.4l-0.3-1.3C10.1,1.3,9.7,1,9.2,1H6.8c-0.5,0-0.9,0.3-1,0.8L5.6,3.1\tC5.3,3.2,5.1,3.3,4.9,3.4L3.7,3C3.6,3,3.5,3,3.4,3C3,3,2.7,3.2,2.5,3.5l-1.2,2C1.1,5.9,1.2,6.4,1.6,6.8l0.9,0.9c0,0.1,0,0.3,0,0.4\tc0,0.1,0,0.3,0,0.4L1.6,9.2c-0.4,0.3-0.5,0.9-0.2,1.3l1.2,2C2.7,12.8,3,13,3.4,13c0.1,0,0.2,0,0.3-0.1l1.2-0.4\tc0.2,0.1,0.4,0.3,0.7,0.4l0.3,1.3c0.1,0.5,0.5,0.8,1,0.8h2.4c0.5,0,0.9-0.3,1-0.8l0.3-1.3c0.2-0.1,0.4-0.2,0.7-0.4l1.2,0.4\tc0.1,0,0.2,0.1,0.3,0.1c0.4,0,0.7-0.2,0.9-0.5l1.1-2c0.2-0.4,0.2-0.9-0.2-1.3L13.5,8.4z M12.6,12l-1.7-0.6c-0.4,0.3-0.9,0.6-1.4,0.8\tL9.2,14H6.8l-0.4-1.8c-0.5-0.2-0.9-0.5-1.4-0.8L3.4,12l-1.2-2l1.4-1.2c-0.1-0.5-0.1-1.1,0-1.6L2.2,6l1.2-2l1.7,0.6\tC5.5,4.2,6,4,6.5,3.8L6.8,2h2.4l0.4,1.8c0.5,0.2,0.9,0.5,1.4,0.8L12.6,4l1.2,2l-1.4,1.2c0.1,0.5,0.1,1.1,0,1.6l1.4,1.2L12.6,12z"}], ["path", {"d":"M8,11c-1.7,0-3-1.3-3-3s1.3-3,3-3s3,1.3,3,3C11,9.6,9.7,11,8,11C8,11,8,11,8,11z M8,6C6.9,6,6,6.8,6,7.9C6,7.9,6,8,6,8\tc0,1.1,0.8,2,1.9,2c0,0,0.1,0,0.1,0c1.1,0,2-0.8,2-1.9c0,0,0-0.1,0-0.1C10,6.9,9.2,6,8,6C8.1,6,8,6,8,6z"}]] };
++/** carbon: settings--adjust */
++export const SettingsAdjust: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M30,8h-4.1c-0.5-2.3-2.5-4-4.9-4s-4.4,1.7-4.9,4H2v2h14.1c0.5,2.3,2.5,4,4.9,4s4.4-1.7,4.9-4H30V8z M21,12c-1.7,0-3-1.3-3-3\ts1.3-3,3-3s3,1.3,3,3S22.7,12,21,12z"}], ["path", {"d":"M2,24h4.1c0.5,2.3,2.5,4,4.9,4s4.4-1.7,4.9-4H30v-2H15.9c-0.5-2.3-2.5-4-4.9-4s-4.4,1.7-4.9,4H2V24z M11,20c1.7,0,3,1.3,3,3\ts-1.3,3-3,3s-3-1.3-3-3S9.3,20,11,20z"}]] };
++/** carbon: settings--check */
++export const SettingsCheck: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M16,22a6,6,0,1,1,6-6A5.9364,5.9364,0,0,1,16,22Zm0-10a3.9123,3.9123,0,0,0-4,4,3.9123,3.9123,0,0,0,4,4,3.9123,3.9123,0,0,0,4-4A3.9123,3.9123,0,0,0,16,12Z"}], ["path", {"d":"M29.3047,11.044,26.9441,6.9562a1.9977,1.9977,0,0,0-2.3728-.8946l-2.4341.8233a11.0419,11.0419,0,0,0-1.312-.7583L20.3215,3.608A2,2,0,0,0,18.36,2H13.64A2,2,0,0,0,11.6785,3.608l-.5037,2.5186A10.9666,10.9666,0,0,0,9.8481,6.88L7.4287,6.0616a1.9977,1.9977,0,0,0-2.3728.8946L2.6953,11.044a2.0006,2.0006,0,0,0,.4119,2.5025l1.9309,1.6968C5.021,15.4947,5,15.7447,5,16c0,.2578.01.5127.0278.7656l-1.9206,1.688a2.0006,2.0006,0,0,0-.4119,2.5025L5.0559,25.044a1.9977,1.9977,0,0,0,2.3728.8946l2.4341-.8233a10.9736,10.9736,0,0,0,1.312.7583l.5037,2.5186A2,2,0,0,0,13.64,30H18V28H13.64l-.71-3.5508a9.0953,9.0953,0,0,1-2.6948-1.5713L6.7878,24.044l-2.36-4.0878,2.7253-2.3951a8.9263,8.9263,0,0,1-.007-3.1279L4.4275,12.044,6.7886,7.9562l3.4267,1.1591a9.0305,9.0305,0,0,1,2.7141-1.5644L13.64,4H18.36l.71,3.5508a9.0978,9.0978,0,0,1,2.6948,1.5713l3.4468-1.166,2.36,4.0878-2.7978,2.4522L26.0923,16l2.8-2.4536A2.0006,2.0006,0,0,0,29.3047,11.044Z"}], ["path", {"d":"M23 26.18 20.41 23.59 19 25 23 29 30 22 28.59 20.59 23 26.18z"}]] };
++/** carbon: side-panel--close */
++export const SidePanelClose: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M28,4H4C2.9,4,2,4.9,2,6v20c0,1.1,0.9,2,2,2h24c1.1,0,2-0.9,2-2V6C30,4.9,29.1,4,28,4z M10,26H4V6h6V26z M28,15H17.8\tl3.6-3.6L20,10l-6,6l6,6l1.4-1.4L17.8,17H28v9H12V6h16V15z"}]] };
++/** carbon: side-panel--open */
++export const SidePanelOpen: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M28,4H4C2.9,4,2,4.9,2,6v20c0,1.1,0.9,2,2,2h24c1.1,0,2-0.9,2-2V6C30,4.9,29.1,4,28,4z M10,26H4V6h6V26z M28,26H12v-9h10.2\tl-3.6,3.6L20,22l6-6l-6-6l-1.4,1.4l3.6,3.6H12V6h16V26z"}]] };
++/** carbon: sprout */
++export const Sprout: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M25,2A11.01,11.01,0,0,0,14.7549,9.0244,6.9939,6.9939,0,0,0,9,6H6V9a7.0078,7.0078,0,0,0,7,7h1v9.0493a9.9229,9.9229,0,0,0-6.071,2.8794l1.414,1.4141a8,8,0,0,1,12.3086,1.2134l1.6616-1.1128A9.98,9.98,0,0,0,16,25.062V16h1A11.0125,11.0125,0,0,0,28,5V2ZM13,14A5.0057,5.0057,0,0,1,8,9V8H9a5.0054,5.0054,0,0,1,5,5v1ZM26,5a9.01,9.01,0,0,1-9,9H16V13a9.01,9.01,0,0,1,9-9h1Z"}]] };
++/** carbon: star */
++export const Star: CarbonIconData = { viewBox: "0 0 16 16", shapes: [["path", {"d":"M8,3.3l1.4,2.8l0.2,0.5l0.5,0.1l3.1,0.4L11,9.2l-0.4,0.4l0.1,0.5l0.5,3.1l-2.8-1.4L8,11.5l-0.5,0.2l-2.8,1.4l0.5-3.1\tl0.1-0.5L5,9.2L2.8,7l3.1-0.4l0.5-0.1L6.6,6L8,3.3 M8,1L5.7,5.6L0.6,6.3l3.7,3.6L3.5,15L8,12.6l4.6,2.4l-0.9-5.1l3.7-3.6l-5.1-0.7\tL8,1z"}]] };
++/** carbon: stop--filled--alt */
++export const StopFilledAlt: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M24,6H8A2,2,0,0,0,6,8V24a2,2,0,0,0,2,2H24a2,2,0,0,0,2-2V8a2,2,0,0,0-2-2Z"}]] };
++/** carbon: stop--outline */
++export const StopOutline: CarbonIconData = { viewBox: "0 0 16 16", shapes: [["path", {"d":"M8,2c3.3,0,6,2.7,6,6s-2.7,6-6,6s-6-2.7-6-6S4.7,2,8,2 M8,1C4.1,1,1,4.1,1,8s3.1,7,7,7s7-3.1,7-7S11.9,1,8,1z"}], ["path", {"d":"M10,6v4H6V6H10 M10,5H6C5.4,5,5,5.4,5,6v4c0,0.6,0.4,1,1,1h4c0.6,0,1-0.4,1-1V6C11,5.4,10.6,5,10,5z"}]] };
++/** carbon: subtract */
++export const Subtract: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M8 15H24V17H8z"}]] };
++/** carbon: subtract--alt */
++export const SubtractAlt: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M16,4c6.6,0,12,5.4,12,12s-5.4,12-12,12S4,22.6,4,16S9.4,4,16,4 M16,2C8.3,2,2,8.3,2,16s6.3,14,14,14s14-6.3,14-14\tS23.7,2,16,2z"}], ["path", {"d":"M8 15H24V17H8z"}]] };
++/** carbon: terminal */
++export const Terminal: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M26,4H6A2,2,0,0,0,4,6V26a2,2,0,0,0,2,2H26a2,2,0,0,0,2-2V6A2,2,0,0,0,26,4Zm0,2v4H6V6ZM6,26V12H26V26Z","transform":"translate(0 .01)"}], ["path", {"d":"M10.76 16.18 13.58 19.01 10.76 21.84 12.17 23.25 16.41 19.01 12.17 14.77 10.76 16.18z"}]] };
++/** carbon: text--wrap */
++export const TextWrap: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M4 23H12V25H4z"}], ["path", {"d":"M24.5232,14H4v2H24.5a3.5,3.5,0,0,1,0,7H18.8281l2.586-2.5859L20,19l-5,5,5,5,1.4141-1.4141L18.8281,25H24.533a5.5,5.5,0,0,0-.01-11Z"}], ["path", {"d":"M4 5H28V7H4z"}]] };
++/** carbon: tools */
++export const Tools: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M12.1,2A9.8,9.8,0,0,0,6.7,3.6L13.1,10a2.1,2.1,0,0,1,.2,3,2.1,2.1,0,0,1-3-.2L3.7,6.4A9.84,9.84,0,0,0,2,12.1,10.14,10.14,0,0,0,12.1,22.2a10.9,10.9,0,0,0,2.6-.3l6.7,6.7a5,5,0,0,0,7.1-7.1l-6.7-6.7a10.9,10.9,0,0,0,.3-2.6A10,10,0,0,0,12.1,2Zm8,10.1a7.61,7.61,0,0,1-.3,2.1l-.3,1.1.8.8L27,22.8a2.88,2.88,0,0,1,.9,2.1A2.72,2.72,0,0,1,27,27a2.9,2.9,0,0,1-4.2,0l-6.7-6.7-.8-.8-1.1.3a7.61,7.61,0,0,1-2.1.3,8.27,8.27,0,0,1-5.7-2.3A7.63,7.63,0,0,1,4,12.1a8.33,8.33,0,0,1,.3-2.2l4.4,4.4a4.14,4.14,0,0,0,5.9.2,4.14,4.14,0,0,0-.2-5.9L10,4.2a6.45,6.45,0,0,1,2-.3,8.27,8.27,0,0,1,5.7,2.3A8.49,8.49,0,0,1,20.1,12.1Z"}]] };
++/** carbon: trash-can */
++export const TrashCan: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M12 12H14V24H12z"}], ["path", {"d":"M18 12H20V24H18z"}], ["path", {"d":"M4,6V8H6V28a2,2,0,0,0,2,2H24a2,2,0,0,0,2-2V8h2V6ZM8,28V8H24V28Z"}], ["path", {"d":"M12 2H20V4H12z"}]] };
++/** carbon: tree */
++export const Tree: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M12,30H9V28h3V15.5664L8.4854,13.4575l1.0292-1.7148,3.5147,2.1084A2.0115,2.0115,0,0,1,14,15.5664V28A2.0023,2.0023,0,0,1,12,30Z"}], ["path", {"d":"M22,30H19a2.0024,2.0024,0,0,1-2-2V17h6a4.0008,4.0008,0,0,0,3.981-4.396A4.1489,4.1489,0,0,0,22.7853,9H21.2016L21.025,8.221C20.452,5.6961,18.0308,4,15,4A6.02,6.02,0,0,0,9.5585,7.4859L9.25,8.1531l-.863-.1143A2.771,2.771,0,0,0,8,8a4,4,0,1,0,0,8v2A6,6,0,1,1,8,6c.0264,0,.0525,0,.0786.001A8.0271,8.0271,0,0,1,15,2c3.6788,0,6.6923,1.9776,7.7516,5h.0337a6.1641,6.1641,0,0,1,6.1872,5.4141A6.0011,6.0011,0,0,1,23,19l-4,0v9h3Z"}]] };
++/** carbon: undo */
++export const Undo: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M20,10H7.8149l3.5874-3.5859L10,5,4,11,10,17l1.4023-1.4146L7.8179,12H20a6,6,0,0,1,0,12H12v2h8a8,8,0,0,0,0-16Z"}]] };
++/** carbon: unlocked */
++export const Unlocked: CarbonIconData = { viewBox: "0 0 16 16", shapes: [["path", {"d":"M12,7H6V4c0-1.1,0.9-2,2-2s2,0.9,2,2h1c0-1.7-1.3-3-3-3S5,2.3,5,4v3H4C3.4,7,3,7.4,3,8v6c0,0.6,0.4,1,1,1h8c0.6,0,1-0.4,1-1\tV8C13,7.4,12.6,7,12,7z M12,14H4V8h8V14z"}]] };
++/** carbon: upload */
++export const Upload: CarbonIconData = { viewBox: "0 0 16 16", shapes: [["path", {"d":"M3 9 3.7 9.7 7.5 5.9 7.5 15 8.5 15 8.5 5.9 12.3 9.7 13 9 8 4z"}], ["path", {"d":"M3,4V2h10v2h1V2c0-0.6-0.4-1-1-1H3C2.4,1,2,1.4,2,2v2H3z"}]] };
++/** carbon: user */
++export const User: CarbonIconData = { viewBox: "0 0 16 16", shapes: [["path", {"d":"M8,2c1.4,0,2.5,1.1,2.5,2.5S9.4,7,8,7S5.5,5.9,5.5,4.5S6.6,2,8,2 M8,1C6.1,1,4.5,2.6,4.5,4.5S6.1,8,8,8s3.5-1.6,3.5-3.5\tS9.9,1,8,1z"}], ["path", {"d":"M13,15h-1v-2.5c0-1.4-1.1-2.5-2.5-2.5h-3C5.1,10,4,11.1,4,12.5V15H3v-2.5C3,10.6,4.6,9,6.5,9h3c1.9,0,3.5,1.6,3.5,3.5V15z"}]] };
++/** carbon: view */
++export const View: CarbonIconData = { viewBox: "0 0 16 16", shapes: [["path", {"d":"M15.5,7.8C14.3,4.7,11.3,2.6,8,2.5C4.7,2.6,1.7,4.7,0.5,7.8c0,0.1,0,0.2,0,0.3c1.2,3.1,4.1,5.2,7.5,5.3\tc3.3-0.1,6.3-2.2,7.5-5.3C15.5,8.1,15.5,7.9,15.5,7.8z M8,12.5c-2.7,0-5.4-2-6.5-4.5c1-2.5,3.8-4.5,6.5-4.5s5.4,2,6.5,4.5\tC13.4,10.5,10.6,12.5,8,12.5z"}], ["path", {"d":"M8,5C6.3,5,5,6.3,5,8s1.3,3,3,3s3-1.3,3-3S9.7,5,8,5z M8,10c-1.1,0-2-0.9-2-2s0.9-2,2-2s2,0.9,2,2S9.1,10,8,10z"}]] };
++/** carbon: view--off */
++export const ViewOff: CarbonIconData = { viewBox: "0 0 16 16", shapes: [["path", {"d":"M2.6,11.3l0.7-0.7C2.6,9.8,1.9,9,1.5,8c1-2.5,3.8-4.5,6.5-4.5c0.7,0,1.4,0.1,2,0.4l0.8-0.8C9.9,2.7,9,2.5,8,2.5\tC4.7,2.6,1.7,4.7,0.5,7.8c0,0.1,0,0.2,0,0.3C1,9.3,1.7,10.4,2.6,11.3z"}], ["path", {"d":"M6,7.9c0.1-1,0.9-1.8,1.8-1.8l0.9-0.9C7.2,4.7,5.5,5.6,5.1,7.2C5,7.7,5,8.3,5.1,8.8L6,7.9z"}], ["path", {"d":"M15.5,7.8c-0.6-1.5-1.6-2.8-2.9-3.7L15,1.7L14.3,1L1,14.3L1.7,15l2.6-2.6c1.1,0.7,2.4,1,3.7,1.1c3.3-0.1,6.3-2.2,7.5-5.3\tC15.5,8.1,15.5,7.9,15.5,7.8z M10,8c0,1.1-0.9,2-2,2c-0.3,0-0.7-0.1-1-0.3L9.7,7C9.9,7.3,10,7.6,10,8z M8,12.5c-1,0-2.1-0.3-3-0.8\tl1.3-1.3c1.4,0.9,3.2,0.6,4.2-0.8c0.7-1,0.7-2.4,0-3.4l1.4-1.4c1.1,0.8,2,1.9,2.6,3.2C13.4,10.5,10.6,12.5,8,12.5z"}]] };
++/** carbon: volume--mute */
++export const VolumeMute: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M31 12.41 29.59 11 26 14.59 22.41 11 21 12.41 24.59 16 21 19.59 22.41 21 26 17.41 29.59 21 31 19.59 27.41 16 31 12.41z"}], ["path", {"d":"M18,30a1,1,0,0,1-.71-.3L9.67,22H3a1,1,0,0,1-1-1H2V11a1,1,0,0,1,1-1H9.67l7.62-7.7a1,1,0,0,1,1.41,0A1,1,0,0,1,19,3V29A1,1,0,0,1,18,30ZM4,20h6a1.17,1.17,0,0,1,.79.3L17,26.57V5.43L10.79,11.7A1.17,1.17,0,0,1,10,12H4Z"}]] };
++/** carbon: volume--up */
++export const VolumeUp: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M27.16,8.08,25.63,9.37a10,10,0,0,1-.29,13.23L26.81,24a12,12,0,0,0,.35-15.88Z"}], ["path", {"d":"M21.58,12a6,6,0,0,1-.18,7.94l1.47,1.36a8,8,0,0,0,.23-10.59Z"}], ["path", {"d":"M18,30a1,1,0,0,1-.71-.3L9.67,22H3a1,1,0,0,1-1-1H2V11a1,1,0,0,1,1-1H9.67l7.62-7.7a1,1,0,0,1,1.41,0A1,1,0,0,1,19,3V29A1,1,0,0,1,18,30ZM4,20h6.08a1,1,0,0,1,.71.3L17,26.57V5.43L10.79,11.7a1,1,0,0,1-.71.3H4Z"}]] };
++/** carbon: warning */
++export const Warning: CarbonIconData = { viewBox: "0 0 16 16", shapes: [["path", {"d":"M8,1C4.1,1,1,4.1,1,8s3.1,7,7,7s7-3.1,7-7S11.9,1,8,1z M8,14c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S11.3,14,8,14z"}], ["path", {"d":"M7.5 4H8.5V9H7.5z"}], ["path", {"d":"M8,10.2c-0.4,0-0.8,0.3-0.8,0.8s0.3,0.8,0.8,0.8c0.4,0,0.8-0.3,0.8-0.8S8.4,10.2,8,10.2z"}]] };
++/** carbon: warning--alt */
++export const WarningAlt: CarbonIconData = { viewBox: "0 0 16 16", shapes: [["path", {"d":"M14.5,14h-13c-0.2,0-0.3-0.1-0.4-0.2c-0.1-0.2-0.1-0.3,0-0.5l6.5-12C7.7,1,8,0.9,8.2,1.1c0.1,0,0.2,0.1,0.2,0.2l6.5,12\tc0.1,0.2,0.1,0.3,0,0.5C14.9,13.9,14.7,14,14.5,14z M2.3,13h11.3L8,2.5L2.3,13z"}], ["path", {"d":"M7.5 6H8.5V9.5H7.5z"}], ["path", {"d":"M8,10.8c-0.4,0-0.8,0.3-0.8,0.8s0.3,0.8,0.8,0.8c0.4,0,0.8-0.3,0.8-0.8S8.4,10.8,8,10.8z"}]] };
 diff --git a/lib/i18n/messages/en.ts b/lib/i18n/messages/en.ts
 index cd39a31..b89d8ba 100644
 --- a/lib/i18n/messages/en.ts
@@ -5126,6 +8060,736 @@ zlDh#F&49=k5|gN5jH+>>zS$Qt$MFLsPaBQwp5|T22QAHo<a$ojmvW-<v^S(*<P8{5
 z-s7J1U2(+~S6p$$6<1tw#T8dvam5u^TydqSBl7=)Ob=hfY4dRa0000<MNUMnLSTaF
 COwtPg
 
+diff --git a/public/icons/catppuccin/LICENSE b/public/icons/catppuccin/LICENSE
+deleted file mode 100644
+index a17469d..0000000
+--- a/public/icons/catppuccin/LICENSE
++++ /dev/null
+@@ -1,22 +0,0 @@
+-MIT License
+-
+-Copyright (c) 2023 Catppuccin
+-Copyright (c) 2023 thang-nm
+-
+-Permission is hereby granted, free of charge, to any person obtaining a copy
+-of this software and associated documentation files (the "Software"), to deal
+-in the Software without restriction, including without limitation the rights
+-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+-copies of the Software, and to permit persons to whom the Software is
+-furnished to do so, subject to the following conditions:
+-
+-The above copyright notice and this permission notice shall be included in all
+-copies or substantial portions of the Software.
+-
+-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+-SOFTWARE.
+diff --git a/public/icons/catppuccin/README.md b/public/icons/catppuccin/README.md
+deleted file mode 100644
+index fb09204..0000000
+--- a/public/icons/catppuccin/README.md
++++ /dev/null
+@@ -1,10 +0,0 @@
+-# Catppuccin file icons
+-
+-This directory contains a selected subset of [Catppuccin Icons for VSCode](https://github.com/catppuccin/vscode-icons), version `v1.26.0` (`b6915da9f6889b683a110aa747de96c2820a537d`).
+-
+-- `latte/` is used in Pi Web's light theme.
+-- `mocha/` is used in Pi Web's dark theme.
+-- Pi Web uses the SVG alpha channel as a mask and applies `var(--text-dim)`,
+-  so the rendered icons remain monochrome in both themes.
+-
+-The copied assets are licensed under the MIT License. See [LICENSE](./LICENSE).
+diff --git a/public/icons/catppuccin/latte/_file.svg b/public/icons/catppuccin/latte/_file.svg
+deleted file mode 100644
+index a3bd1d0..0000000
+--- a/public/icons/catppuccin/latte/_file.svg
++++ /dev/null
+@@ -1,3 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<path fill="none" stroke="#4c4f69" stroke-linecap="round" stroke-linejoin="round" d="M13.5 6.5v6a2 2 0 01-2 2h-7a2 2 0 01-2-2v-9c0-1.1.9-2 2-2h4.01m-.01 0 5 5h-4a1 1 0 01-1-1z" />
+-</svg>
+diff --git a/public/icons/catppuccin/latte/_folder.svg b/public/icons/catppuccin/latte/_folder.svg
+deleted file mode 100644
+index de099fa..0000000
+--- a/public/icons/catppuccin/latte/_folder.svg
++++ /dev/null
+@@ -1,3 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<path fill="none" stroke="#4c4f69" stroke-linecap="round" stroke-linejoin="round" d="M4.5 4.5H12c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5H2A1.5 1.5 0 01.5 12V3.5a1 1 0 011-1h5a1 1 0 011 1v1" />
+-</svg>
+diff --git a/public/icons/catppuccin/latte/_folder_open.svg b/public/icons/catppuccin/latte/_folder_open.svg
+deleted file mode 100644
+index 0e3967c..0000000
+--- a/public/icons/catppuccin/latte/_folder_open.svg
++++ /dev/null
+@@ -1,3 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<path fill="none" stroke="#4c4f69" stroke-linecap="round" stroke-linejoin="round" d="m1.87 8 .7-2.74a1 1 0 01.96-.76h10.94a1 1 0 01.97 1.24l-1.75 7a1 1 0 01-.97.76H2A1.5 1.5 0 01.5 12V3.5a1 1 0 011-1h5a1 1 0 011 1v1" />
+-</svg>
+diff --git a/public/icons/catppuccin/latte/bash.svg b/public/icons/catppuccin/latte/bash.svg
+deleted file mode 100644
+index 0224341..0000000
+--- a/public/icons/catppuccin/latte/bash.svg
++++ /dev/null
+@@ -1,7 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<g fill="none" stroke="#40a02b" stroke-linecap="round" stroke-linejoin="round">
+-		<path d="M2 15.5c-.7 0-1.5-.8-1.5-1.5V5c0-.7.8-1.5 1.5-1.5h9c.7 0 1.5.8 1.5 1.5v9c0 .7-.8 1.5-1.5 1.5z" />
+-		<path d="m1.2 3.8 3.04-2.5S5.17.5 5.7.5h8.4c.66 0 1.4.73 1.4 1.4v7.73a2.7 2.7 0 01-.7 1.75l-2.68 3.51" />
+-		<path d="M6 8.75c0-.69-.54-1.25-1.2-1.25h-.6c-.66 0-1.2.56-1.2 1.25S3.54 10 4.2 10h.6c.66 0 1.2.56 1.2 1.25s-.54 1.25-1.2 1.25h-.6c-.66 0-1.2-.56-1.2-1.25M4.5 6.5v1m0 5v1" />
+-	</g>
+-</svg>
+diff --git a/public/icons/catppuccin/latte/bun-lock.svg b/public/icons/catppuccin/latte/bun-lock.svg
+deleted file mode 100644
+index 32b5b5f..0000000
+--- a/public/icons/catppuccin/latte/bun-lock.svg
++++ /dev/null
+@@ -1,8 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<g fill="none" stroke-linecap="round" stroke-linejoin="round">
+-		<path stroke="#8c8fa1" d="M15 11.51c.28 0 .5.23.5.5v3a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-3c0-.27.22-.5.5-.5zm-4 0v-1.5a1.5 1.5 0 113 0v1.5" />
+-		<path stroke="#dc8a78" d="M14.5 7.01c0-3.69-4.2-5.57-7-6.5-2.8.93-7 2.81-7 6.5 0 4.85 5.13 5.5 7 5.5" />
+-		<path stroke="#e64553" d="M5.5 8.51h4c-.67.67-1.33 1-2 1s-1.33-.33-2-1" />
+-		<path stroke="#4c4f69" d="M5 6.51a.5.5 0 100-1 .5.5 0 000 1m5 0a.5.5 0 100-1 .5.5 0 000 1" />
+-	</g>
+-</svg>
+diff --git a/public/icons/catppuccin/latte/config.svg b/public/icons/catppuccin/latte/config.svg
+deleted file mode 100644
+index 5c59073..0000000
+--- a/public/icons/catppuccin/latte/config.svg
++++ /dev/null
+@@ -1,3 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<path fill="none" stroke="#8c8fa1" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.711" d="m7.997 9.694a1.726 1.695 0 1 0 0-3.39 1.726 1.695 0 0 0 0 3.39m3.021-6.78 3.021 5.085-3.021 5.085h-6.042l-3.021-5.085 3.021-5.085z" />
+-</svg>
+diff --git a/public/icons/catppuccin/latte/css.svg b/public/icons/catppuccin/latte/css.svg
+deleted file mode 100644
+index d3a631e..0000000
+--- a/public/icons/catppuccin/latte/css.svg
++++ /dev/null
+@@ -1,6 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<g fill="none" stroke="#8839ef" stroke-linecap="round" stroke-linejoin="round">
+-		<path d="m4 1.5h8c1.38 0 2.5 1.12 2.5 2.5v8c0 1.38-1.12 2.5-2.5 2.5h-8c-1.38 0-2.5-1.12-2.5-2.5v-8c0-1.38 1.12-2.5 2.5-2.5z" />
+-		<path stroke-width=".814" d="m 10.240861,11.529149 c 0,0.58011 0.437448,1.039154 0.96002,1.035371 l 0.451635,-0.0032 c 0.522572,-0.0036 0.949379,-0.451477 0.949379,-1.032848 0,-0.581372 -0.426807,-1.065638 -0.949379,-1.065638 l -0.451635,3.4e-5 c -0.522572,3.9e-5 -0.949379,-0.4855273 -0.949379,-1.0656374 0,-0.5801104 0.426807,-1.0378931 0.949379,-1.0378931 l 0.451635,2.825e-4 c 0.522572,3.267e-4 0.951743,0.4577827 0.951743,1.0378931 M 6.8003972,11.529149 c 0,0.58011 0.4374474,1.039154 0.9600196,1.035371 l 0.46464,-0.0032 c 0.5225722,-0.0035 0.9363738,-0.451477 0.9363738,-1.031587 0,-0.580111 -0.4090724,-1.065638 -0.9316446,-1.065638 l -0.4693692,3.4e-5 c -0.5225722,3.8e-5 -0.949379,-0.4855272 -0.949379,-1.0656373 0,-0.5801104 0.4268068,-1.0378931 0.949379,-1.0378931 h 0.4516348 c 0.5225722,0 0.9635665,0.4577827 0.9635665,1.0378931 M 3.4072246,11.529149 c 0,0.58011 0.4374474,1.051765 0.9600196,1.051765 H 4.818879 c 0.5225722,0 0.949379,-0.456521 0.949379,-1.037893 m 0.01129,-2.1312747 c 0,-0.5801103 -0.4374474,-1.037893 -0.9600196,-1.037893 L 4.3678939,8.3741358 C 3.8453217,8.3744624 3.4078743,8.8420074 3.4078743,9.4233788 v 2.1186642" />
+-	</g>
+-</svg>
+diff --git a/public/icons/catppuccin/latte/database.svg b/public/icons/catppuccin/latte/database.svg
+deleted file mode 100644
+index a94da60..0000000
+--- a/public/icons/catppuccin/latte/database.svg
++++ /dev/null
+@@ -1,3 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<path fill="none" stroke="#df8e1d" stroke-linecap="round" stroke-linejoin="round" d="M8 6.5c3.59 0 6.5-1.4 6.5-2.68S11.59 1.5 8 1.5 1.5 2.54 1.5 3.82 4.41 6.5 8 6.5M14.5 8c0 .83-1.24 1.79-3.25 2.2s-4.49.41-6.5 0S1.5 8.83 1.5 8m13 4.18c0 .83-1.24 1.6-3.25 2-2.01.42-4.49.42-6.5 0-2.01-.4-3.25-1.17-3.25-2m0-8.3v8.3m13-8.3v8.3" />
+-</svg>
+diff --git a/public/icons/catppuccin/latte/docker.svg b/public/icons/catppuccin/latte/docker.svg
+deleted file mode 100644
+index e616b6e..0000000
+--- a/public/icons/catppuccin/latte/docker.svg
++++ /dev/null
+@@ -1,3 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<path fill="none" stroke="#1e66f5" stroke-linecap="round" stroke-linejoin="round" d="M.5 8.5H11l.75-.5a5.35 5.35 0 010-3.5c1 .6 1 1.88 1.74 2 .77-.09 1.23.01 2 .52 0 0-.97 1.77-2.5 1.98-1.93 3.65-4.5 5.5-6.98 5.5C0 14.5.5 8.5.5 8.5m1 0v-2m0 0h8m-6 2v-4m0 0h4m-2-2h2m-2 6v-6m2 6v-6m2 6v-2" />
+-</svg>
+diff --git a/public/icons/catppuccin/latte/env.svg b/public/icons/catppuccin/latte/env.svg
+deleted file mode 100644
+index b71316d..0000000
+--- a/public/icons/catppuccin/latte/env.svg
++++ /dev/null
+@@ -1,3 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<path fill="none" stroke="#df8e1d" stroke-linecap="round" stroke-linejoin="round" d="M5.5 8.5V12m0-6.5V4m0 4.5a1.5 1.5 0 100-3 1.5 1.5 0 000 3m5 3.5v-1.5m0-3V4m0 6.5a1.5 1.5 0 100-3 1.5 1.5 0 000 3M4 1.5h8A2.5 2.5 0 0114.5 4v8a2.5 2.5 0 01-2.5 2.5H4A2.5 2.5 0 011.5 12V4A2.5 2.5 0 014 1.5" />
+-</svg>
+diff --git a/public/icons/catppuccin/latte/eslint.svg b/public/icons/catppuccin/latte/eslint.svg
+deleted file mode 100644
+index 5420ddb..0000000
+--- a/public/icons/catppuccin/latte/eslint.svg
++++ /dev/null
+@@ -1,6 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<g fill="none" stroke-linecap="round" stroke-linejoin="round">
+-		<path stroke="#8839ef" d="M11.71 1.5 15.42 8l-3.71 6.5H4.29L.58 8l3.71-6.5z" />
+-		<path stroke="#7287fd" d="m8 4.07 3.5 1.97v3.92L8 11.93 4.5 9.96V6.04z" />
+-	</g>
+-</svg>
+diff --git a/public/icons/catppuccin/latte/git.svg b/public/icons/catppuccin/latte/git.svg
+deleted file mode 100644
+index 25fe218..0000000
+--- a/public/icons/catppuccin/latte/git.svg
++++ /dev/null
+@@ -1,6 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<g fill="none" stroke-linecap="round" stroke-linejoin="round">
+-		<path stroke="#4c4f69" d="M8.5 10.5a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1m0-6a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1m3 3a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1m-4-2v4m-1-6-1-1m4 4-1-1" />
+-		<path stroke="#fe640b" d="m9.06 1.06 5.88 5.88a1.5 1.5 0 010 2.12l-5.88 5.88a1.5 1.5 0 01-2.12 0L1.06 9.06a1.5 1.5 0 010-2.12l5.88-5.88a1.5 1.5 0 012.12 0" />
+-	</g>
+-</svg>
+diff --git a/public/icons/catppuccin/latte/go.svg b/public/icons/catppuccin/latte/go.svg
+deleted file mode 100644
+index 28b0307..0000000
+--- a/public/icons/catppuccin/latte/go.svg
++++ /dev/null
+@@ -1,3 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<path fill="none" stroke="#209fb5" stroke-linecap="round" stroke-linejoin="round" d="m15.48 8.06-4.85.48m4.85-.48a4.98 4.98 0 01-4.54 5.42 5 5 0 112.95-8.66l-1.7 1.84a2.5 2.5 0 00-4.18 2.06c.05.57.3 1.1.69 1.51.25.27 1 .83 1.78.82.8-.02 1.58-.25 2.07-.81 0 0 .8-.96.68-1.88M2.5 8.5l-2 .01m1.5 2h1.5m-2-3.99 2-.02" />
+-</svg>
+diff --git a/public/icons/catppuccin/latte/graphql.svg b/public/icons/catppuccin/latte/graphql.svg
+deleted file mode 100644
+index d937a0a..0000000
+--- a/public/icons/catppuccin/latte/graphql.svg
++++ /dev/null
+@@ -1,3 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<path fill="none" stroke="#ea76cb" stroke-linecap="round" stroke-linejoin="round" d="M9 1.5a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1m-5.5 3a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1m0 7a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1m11 0a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1m-5.5 3a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1m5.5-10a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1m-12 1v5m11-5v5m-10 1h9m-6 2.5-3-1.5m6 1.5 3-1.5m-9-2 4-8m5 8-4-8m-5 1 3-1.5m3 0 3 1.5" />
+-</svg>
+diff --git a/public/icons/catppuccin/latte/html.svg b/public/icons/catppuccin/latte/html.svg
+deleted file mode 100644
+index 09fe511..0000000
+--- a/public/icons/catppuccin/latte/html.svg
++++ /dev/null
+@@ -1,6 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<g fill="none" stroke-linecap="round" stroke-linejoin="round">
+-		<path stroke="#fe640b" d="M1.5 1.5h13L13 13l-5 2-5-2z" />
+-		<path stroke="#4c4f69" d="M11 4.5H5l.25 3h5.5l-.25 3-2.5 1-2.5-1-.08-1" />
+-	</g>
+-</svg>
+diff --git a/public/icons/catppuccin/latte/javascript-react.svg b/public/icons/catppuccin/latte/javascript-react.svg
+deleted file mode 100644
+index be3e842..0000000
+--- a/public/icons/catppuccin/latte/javascript-react.svg
++++ /dev/null
+@@ -1,8 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<g fill="none" stroke="#04a5e5" stroke-linecap="round" stroke-linejoin="round">
+-		<path d="M8 10.8c4.14 0 7.5-1.25 7.5-2.8S12.14 5.2 8 5.2.5 6.45.5 8s3.36 2.8 7.5 2.8" />
+-		<path d="M5.52 9.4c2.07 3.5 4.86 5.72 6.23 4.95 1.37-.78.8-4.24-1.27-7.75C8.41 3.1 5.62.88 4.25 1.65c-1.37.78-.8 4.24 1.27 7.75" />
+-		<path d="M5.52 6.6c-2.07 3.5-2.64 6.97-1.27 7.75 1.37.77 4.16-1.45 6.23-4.95s2.64-6.97 1.27-7.75C10.38.88 7.59 3.1 5.52 6.6" />
+-		<path d="M8.5 8a.5.5 0 01-.5.5.5.5 0 01-.5-.5.5.5 0 01.5-.5.5.5 0 01.5.5" />
+-	</g>
+-</svg>
+diff --git a/public/icons/catppuccin/latte/javascript.svg b/public/icons/catppuccin/latte/javascript.svg
+deleted file mode 100644
+index 6886c81..0000000
+--- a/public/icons/catppuccin/latte/javascript.svg
++++ /dev/null
+@@ -1,6 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<g fill="none" stroke="#df8e1d" stroke-linecap="round" stroke-linejoin="round">
+-		<path d="M4.5 11c0 .828427.6715729 1.5 1.5 1.5.8284271 0 1.5-.671573 1.5-1.5V7.5M12.5 8.75C12.5 8.05964406 11.9627417 7.5 11.3 7.5L10.7 7.5C10.0372583 7.5 9.5 8.05964406 9.5 8.75 9.5 9.44035594 10.0372583 10 10.7 10L11.3 10C11.9627417 10 12.5 10.5596441 12.5 11.25 12.5 11.9403559 11.9627417 12.5 11.3 12.5L10.7 12.5C10.0372583 12.5 9.5 11.9403559 9.5 11.25" />
+-		<path d="m 4,1.5 h 8 c 1.385,0 2.5,1.115 2.5,2.5 v 8 c 0,1.385 -1.115,2.5 -2.5,2.5 H 4 C 2.615,14.5 1.5,13.385 1.5,12 V 4 C 1.5,2.615 2.615,1.5 4,1.5 Z" />
+-	</g>
+-</svg>
+diff --git a/public/icons/catppuccin/latte/json.svg b/public/icons/catppuccin/latte/json.svg
+deleted file mode 100644
+index 472329c..0000000
+--- a/public/icons/catppuccin/latte/json.svg
++++ /dev/null
+@@ -1,3 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<path fill="none" stroke="#df8e1d" stroke-linecap="round" stroke-linejoin="round" d="M4.5 2.5H4c-.75 0-1.5.75-1.5 1.5v2c0 1.1-1 2-1.83 2 .83 0 1.83.9 1.83 2v2c0 .75.75 1.5 1.5 1.5h.5m7-11h.5c.75 0 1.5.75 1.5 1.5v2c0 1.1 1 2 1.83 2-.83 0-1.83.9-1.83 2v2c0 .74-.75 1.5-1.5 1.5h-.5m-6.5-3a.5.5 0 100-1 .5.5 0 000 1m3 0a.5.5 0 100-1 .5.5 0 000 1m3 0a.5.5 0 100-1 .5.5 0 000 1" />
+-</svg>
+diff --git a/public/icons/catppuccin/latte/lock.svg b/public/icons/catppuccin/latte/lock.svg
+deleted file mode 100644
+index d9cabc2..0000000
+--- a/public/icons/catppuccin/latte/lock.svg
++++ /dev/null
+@@ -1,3 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<path fill="none" stroke="#8c8fa1" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.744" d="m12.36 7.104c0.4817 0 0.8722 0.3903 0.8722 0.8717v5.23c0 0.4814-0.3905 0.8717-0.8722 0.8717h-8.721c-0.4817 0-0.8722-0.3903-0.8722-0.8717v-5.23c0-0.4814 0.3905-0.8717 0.8722-0.8717zm-6.977 0v-2.616c0-1.445 1.172-2.616 2.617-2.616 1.445 0 2.617 1.171 2.617 2.616v2.616" />
+-</svg>
+diff --git a/public/icons/catppuccin/latte/markdown.svg b/public/icons/catppuccin/latte/markdown.svg
+deleted file mode 100644
+index 5c2de66..0000000
+--- a/public/icons/catppuccin/latte/markdown.svg
++++ /dev/null
+@@ -1,3 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<path fill="none" stroke="#209fb5" stroke-linecap="round" stroke-linejoin="round" d="m9.25 8.25 2.25 2.25 2.25-2.25M3.5 11V5.5l2.04 3 1.96-3V11m4-.5V5M1.65 2.5h12.7c.59 0 1.15.49 1.15 1v9c0 .51-.56 1-1.15 1H1.65c-.59 0-1.15-.49-1.15-1V3.58c0-.5.56-1.08 1.15-1.08" />
+-</svg>
+diff --git a/public/icons/catppuccin/latte/ms-word.svg b/public/icons/catppuccin/latte/ms-word.svg
+deleted file mode 100644
+index 7af20ae..0000000
+--- a/public/icons/catppuccin/latte/ms-word.svg
++++ /dev/null
+@@ -1,6 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<g fill="none" stroke="#1e66f5" stroke-linecap="round" stroke-linejoin="round">
+-		<path d="M2.5 3.13c0-.77.86-1.63 1.62-1.63h9.76c.76 0 1.62.86 1.62 1.63v9.75c0 .76-.86 1.62-1.62 1.62H4.13c-.77 0-1.63-.86-1.63-1.62" />
+-		<path d="m.5 5.5 1 5 1-5 1 5 .97-5m3.03 1h4m-4 3h4" />
+-	</g>
+-</svg>
+diff --git a/public/icons/catppuccin/latte/next.svg b/public/icons/catppuccin/latte/next.svg
+deleted file mode 100644
+index 008a1b9..0000000
+--- a/public/icons/catppuccin/latte/next.svg
++++ /dev/null
+@@ -1,6 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<g fill="none" stroke="#4c4f69" stroke-linecap="round" stroke-linejoin="round">
+-		<path d="M12.33 12.85a6.5 6.5 0 111.55-2.08" />
+-		<path d="M12.33 12.85 5.5 4.5v7m5-7v3" />
+-	</g>
+-</svg>
+diff --git a/public/icons/catppuccin/latte/npm-lock.svg b/public/icons/catppuccin/latte/npm-lock.svg
+deleted file mode 100644
+index d8f3abc..0000000
+--- a/public/icons/catppuccin/latte/npm-lock.svg
++++ /dev/null
+@@ -1,7 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<g fill="none" stroke-linecap="round" stroke-linejoin="round">
+-		<path stroke="#8c8fa1" d="M15 11.5c.27 0 .5.22.5.5v3a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-3c0-.28.22-.5.5-.5zm-4 0V10a1.5 1.5 0 013 0v1.5" />
+-		<path stroke="#4c4f69" d="M9.5 9V5.5h-2v6h-4v-8h8v3" />
+-		<path stroke="#d20f39" d="M7.54 13.5H3A1.5 1.5 0 011.5 12V3c0-.83.67-1.5 1.5-1.5h9c.83 0 1.5.67 1.5 1.5v3.5" />
+-	</g>
+-</svg>
+diff --git a/public/icons/catppuccin/latte/pdf.svg b/public/icons/catppuccin/latte/pdf.svg
+deleted file mode 100644
+index b8fef72..0000000
+--- a/public/icons/catppuccin/latte/pdf.svg
++++ /dev/null
+@@ -1,3 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<path fill="none" stroke="#d20f39" stroke-linecap="round" stroke-linejoin="round" d="M2.8 14.34c1.81-1.25 3.02-3.16 3.91-5.5.9-2.33 1.86-4.33 1.44-6.63-.06-.36-.57-.73-.83-.7-1.02.06-.95 1.21-.85 1.9.24 1.71 1.56 3.7 2.84 5.56 1.27 1.87 2.32 2.16 3.78 2.26.5.03 1.25-.14 1.37-.58.77-2.8-9.02-.54-12.28 2.08-.4.33-.86 1-.6 1.46.2.36.87.4 1.23.15h0Z" />
+-</svg>
+diff --git a/public/icons/catppuccin/latte/python.svg b/public/icons/catppuccin/latte/python.svg
+deleted file mode 100644
+index 57ff32a..0000000
+--- a/public/icons/catppuccin/latte/python.svg
++++ /dev/null
+@@ -1,8 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<g fill="none" stroke-linecap="round" stroke-linejoin="round">
+-		<path stroke="#1e66f5" d="M8.5 5.5h-3m6 0V3c0-.8-.7-1.5-1.5-1.5H7c-.8 0-1.5.7-1.5 1.5v2.5H3c-.8 0-1.5.7-1.5 1.5v2c0 .8.7 1.5 1.48 1.5" />
+-		<path stroke="#df8e1d" d="M10.5 10.5h-3m-3 0V13c0 .8.7 1.5 1.5 1.5h3c.8 0 1.5-.7 1.5-1.5v-2.5H13c.8 0 1.5-.7 1.5-1.5V7c0-.8-.7-1.5-1.48-1.5H11.5c0 1.5 0 2-1 2h-2" />
+-		<path stroke="#1e66f5" d="M2.98 10.5H4.5c0-1.5 0-2 1-2h2M7.5 3.5v0" />
+-		<path stroke="#df8e1d" d="m 8.5,12.5 v 0" />
+-	</g>
+-</svg>
+diff --git a/public/icons/catppuccin/latte/rust.svg b/public/icons/catppuccin/latte/rust.svg
+deleted file mode 100644
+index 6f60466..0000000
+--- a/public/icons/catppuccin/latte/rust.svg
++++ /dev/null
+@@ -1,6 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<g fill="none" stroke="#fe640b" stroke-linecap="round" stroke-linejoin="round">
+-		<path d="M15.5 9.5Q8 13.505.5 9.5l1-1-1-2 2-.5V4.5h2l.5-2 1.5 1 1.5-2 1.5 2 1.5-1 .5 2h2V6l2 .5-1 2z" />
+-		<path d="M6.5 7.5a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1m5 0a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1M4 11.02c-.67.37-1.5.98-1.5 2.23s1.22 1.22 2 1.25v-2M12 11c.67.37 1.5 1 1.5 2.25s-1.22 1.22-2 1.25v-2" />
+-	</g>
+-</svg>
+diff --git a/public/icons/catppuccin/latte/sass.svg b/public/icons/catppuccin/latte/sass.svg
+deleted file mode 100644
+index d1ca68d..0000000
+--- a/public/icons/catppuccin/latte/sass.svg
++++ /dev/null
+@@ -1,3 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<path fill="none" stroke="#ea76cb" stroke-linecap="round" stroke-linejoin="round" d="M6.75 6.38c1.85 1.07 3.35.74 4.83-.2 1.5-.95 2.7-2.78 1.3-4.15-.7-.68-3.25-.8-5.62.19-2.36.99-4.59 3.02-4.74 4.11-.31 2.19 3.15 2.88 3.64 4.23s.28 1.98-.2 2.83c-.5.85-1.96 1.62-2.8.68-.83-.95 1.67-2.75 2.98-3.25 1.3-.5 3.1-.4 3.69.25.58.64-.07 1.79-.03 1.79" />
+-</svg>
+diff --git a/public/icons/catppuccin/latte/terraform.svg b/public/icons/catppuccin/latte/terraform.svg
+deleted file mode 100644
+index 80b3c93..0000000
+--- a/public/icons/catppuccin/latte/terraform.svg
++++ /dev/null
+@@ -1,3 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<path fill="none" stroke="#8839ef" stroke-linecap="round" stroke-linejoin="round" d="m1.5 6 8 4.25 4-2.25m-12-2V1.5l8 4.25 4-2.25V8m-4-2.25v8.75M5.53 3.82 5.5 12.5l4 2" />
+-</svg>
+diff --git a/public/icons/catppuccin/latte/toml.svg b/public/icons/catppuccin/latte/toml.svg
+deleted file mode 100644
+index 2290522..0000000
+--- a/public/icons/catppuccin/latte/toml.svg
++++ /dev/null
+@@ -1,3 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<path fill="none" stroke="#e64553" stroke-linecap="round" stroke-linejoin="round" d="M3.5 1.5h-2v13h2m9-13h2v13h-2m-8-11h7v3h-2v6h-3v-6h-2z" />
+-</svg>
+diff --git a/public/icons/catppuccin/latte/typescript-react.svg b/public/icons/catppuccin/latte/typescript-react.svg
+deleted file mode 100644
+index a63329b..0000000
+--- a/public/icons/catppuccin/latte/typescript-react.svg
++++ /dev/null
+@@ -1,8 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<g fill="none" stroke="#1e66f5" stroke-linecap="round" stroke-linejoin="round">
+-		<path d="M8 11.3c4.14 0 7.5-1.28 7.5-2.86S12.14 5.58 8 5.58.5 6.86.5 8.44s3.36 2.87 7.5 2.87Z" />
+-		<path d="M5.52 9.87c2.07 3.6 4.86 5.86 6.23 5.07 1.37-.8.8-4.34-1.27-7.93S5.62 1.16 4.25 1.95s-.8 4.34 1.27 7.92" />
+-		<path d="M5.52 7.01c-2.07 3.59-2.64 7.14-1.27 7.93s4.16-1.48 6.23-5.07c2.07-3.58 2.64-7.13 1.27-7.92-1.37-.8-4.16 1.47-6.23 5.06" />
+-		<path d="M8.5 8.44a.5.5 0 01-.5.5.5.5 0 01-.5-.5.5.5 0 01.5-.5.5.5 0 01.5.5" />
+-	</g>
+-</svg>
+diff --git a/public/icons/catppuccin/latte/typescript.svg b/public/icons/catppuccin/latte/typescript.svg
+deleted file mode 100644
+index 18d0b1a..0000000
+--- a/public/icons/catppuccin/latte/typescript.svg
++++ /dev/null
+@@ -1,6 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<g fill="none" stroke="#1e66f5" stroke-linecap="round" stroke-linejoin="round">
+-		<path d="M4 1.5h8A2.5 2.5 0 0114.5 4v8a2.5 2.5 0 01-2.5 2.5H4A2.5 2.5 0 011.5 12V4A2.5 2.5 0 014 1.5" />
+-		<path d="M12.5 8.75c0-.69-.54-1.25-1.2-1.25h-.6c-.66 0-1.2.56-1.2 1.25S10.04 10 10.7 10h.6c.66 0 1.2.56 1.2 1.25s-.54 1.25-1.2 1.25h-.6c-.66 0-1.2-.56-1.2-1.25m-3-3.75v5M5 7.5h3" />
+-	</g>
+-</svg>
+diff --git a/public/icons/catppuccin/latte/yaml.svg b/public/icons/catppuccin/latte/yaml.svg
+deleted file mode 100644
+index 75261fb..0000000
+--- a/public/icons/catppuccin/latte/yaml.svg
++++ /dev/null
+@@ -1,3 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<path fill="none" stroke="#d20f39" stroke-linecap="round" stroke-linejoin="round" d="M2.5 1.5h3l3 4 3-4h3l-9 13h-3L7 8z" />
+-</svg>
+diff --git a/public/icons/catppuccin/mocha/_file.svg b/public/icons/catppuccin/mocha/_file.svg
+deleted file mode 100644
+index 02ad12f..0000000
+--- a/public/icons/catppuccin/mocha/_file.svg
++++ /dev/null
+@@ -1,3 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<path fill="none" stroke="#cdd6f4" stroke-linecap="round" stroke-linejoin="round" d="M13.5 6.5v6a2 2 0 01-2 2h-7a2 2 0 01-2-2v-9c0-1.1.9-2 2-2h4.01m-.01 0 5 5h-4a1 1 0 01-1-1z" />
+-</svg>
+diff --git a/public/icons/catppuccin/mocha/_folder.svg b/public/icons/catppuccin/mocha/_folder.svg
+deleted file mode 100644
+index 6a52169..0000000
+--- a/public/icons/catppuccin/mocha/_folder.svg
++++ /dev/null
+@@ -1,3 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<path fill="none" stroke="#cdd6f4" stroke-linecap="round" stroke-linejoin="round" d="M4.5 4.5H12c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5H2A1.5 1.5 0 01.5 12V3.5a1 1 0 011-1h5a1 1 0 011 1v1" />
+-</svg>
+diff --git a/public/icons/catppuccin/mocha/_folder_open.svg b/public/icons/catppuccin/mocha/_folder_open.svg
+deleted file mode 100644
+index e66842a..0000000
+--- a/public/icons/catppuccin/mocha/_folder_open.svg
++++ /dev/null
+@@ -1,3 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<path fill="none" stroke="#cdd6f4" stroke-linecap="round" stroke-linejoin="round" d="m1.87 8 .7-2.74a1 1 0 01.96-.76h10.94a1 1 0 01.97 1.24l-1.75 7a1 1 0 01-.97.76H2A1.5 1.5 0 01.5 12V3.5a1 1 0 011-1h5a1 1 0 011 1v1" />
+-</svg>
+diff --git a/public/icons/catppuccin/mocha/bash.svg b/public/icons/catppuccin/mocha/bash.svg
+deleted file mode 100644
+index cd7f25b..0000000
+--- a/public/icons/catppuccin/mocha/bash.svg
++++ /dev/null
+@@ -1,7 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<g fill="none" stroke="#a6e3a1" stroke-linecap="round" stroke-linejoin="round">
+-		<path d="M2 15.5c-.7 0-1.5-.8-1.5-1.5V5c0-.7.8-1.5 1.5-1.5h9c.7 0 1.5.8 1.5 1.5v9c0 .7-.8 1.5-1.5 1.5z" />
+-		<path d="m1.2 3.8 3.04-2.5S5.17.5 5.7.5h8.4c.66 0 1.4.73 1.4 1.4v7.73a2.7 2.7 0 01-.7 1.75l-2.68 3.51" />
+-		<path d="M6 8.75c0-.69-.54-1.25-1.2-1.25h-.6c-.66 0-1.2.56-1.2 1.25S3.54 10 4.2 10h.6c.66 0 1.2.56 1.2 1.25s-.54 1.25-1.2 1.25h-.6c-.66 0-1.2-.56-1.2-1.25M4.5 6.5v1m0 5v1" />
+-	</g>
+-</svg>
+diff --git a/public/icons/catppuccin/mocha/bun-lock.svg b/public/icons/catppuccin/mocha/bun-lock.svg
+deleted file mode 100644
+index 9147463..0000000
+--- a/public/icons/catppuccin/mocha/bun-lock.svg
++++ /dev/null
+@@ -1,8 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<g fill="none" stroke-linecap="round" stroke-linejoin="round">
+-		<path stroke="#7f849c" d="M15 11.51c.28 0 .5.23.5.5v3a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-3c0-.27.22-.5.5-.5zm-4 0v-1.5a1.5 1.5 0 113 0v1.5" />
+-		<path stroke="#f5e0dc" d="M14.5 7.01c0-3.69-4.2-5.57-7-6.5-2.8.93-7 2.81-7 6.5 0 4.85 5.13 5.5 7 5.5" />
+-		<path stroke="#eba0ac" d="M5.5 8.51h4c-.67.67-1.33 1-2 1s-1.33-.33-2-1" />
+-		<path stroke="#cdd6f4" d="M5 6.51a.5.5 0 100-1 .5.5 0 000 1m5 0a.5.5 0 100-1 .5.5 0 000 1" />
+-	</g>
+-</svg>
+diff --git a/public/icons/catppuccin/mocha/config.svg b/public/icons/catppuccin/mocha/config.svg
+deleted file mode 100644
+index b54c7f8..0000000
+--- a/public/icons/catppuccin/mocha/config.svg
++++ /dev/null
+@@ -1,3 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<path fill="none" stroke="#7f849c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.711" d="m7.997 9.694a1.726 1.695 0 1 0 0-3.39 1.726 1.695 0 0 0 0 3.39m3.021-6.78 3.021 5.085-3.021 5.085h-6.042l-3.021-5.085 3.021-5.085z" />
+-</svg>
+diff --git a/public/icons/catppuccin/mocha/css.svg b/public/icons/catppuccin/mocha/css.svg
+deleted file mode 100644
+index e263e09..0000000
+--- a/public/icons/catppuccin/mocha/css.svg
++++ /dev/null
+@@ -1,6 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<g fill="none" stroke="#cba6f7" stroke-linecap="round" stroke-linejoin="round">
+-		<path d="m4 1.5h8c1.38 0 2.5 1.12 2.5 2.5v8c0 1.38-1.12 2.5-2.5 2.5h-8c-1.38 0-2.5-1.12-2.5-2.5v-8c0-1.38 1.12-2.5 2.5-2.5z" />
+-		<path stroke-width=".814" d="m 10.240861,11.529149 c 0,0.58011 0.437448,1.039154 0.96002,1.035371 l 0.451635,-0.0032 c 0.522572,-0.0036 0.949379,-0.451477 0.949379,-1.032848 0,-0.581372 -0.426807,-1.065638 -0.949379,-1.065638 l -0.451635,3.4e-5 c -0.522572,3.9e-5 -0.949379,-0.4855273 -0.949379,-1.0656374 0,-0.5801104 0.426807,-1.0378931 0.949379,-1.0378931 l 0.451635,2.825e-4 c 0.522572,3.267e-4 0.951743,0.4577827 0.951743,1.0378931 M 6.8003972,11.529149 c 0,0.58011 0.4374474,1.039154 0.9600196,1.035371 l 0.46464,-0.0032 c 0.5225722,-0.0035 0.9363738,-0.451477 0.9363738,-1.031587 0,-0.580111 -0.4090724,-1.065638 -0.9316446,-1.065638 l -0.4693692,3.4e-5 c -0.5225722,3.8e-5 -0.949379,-0.4855272 -0.949379,-1.0656373 0,-0.5801104 0.4268068,-1.0378931 0.949379,-1.0378931 h 0.4516348 c 0.5225722,0 0.9635665,0.4577827 0.9635665,1.0378931 M 3.4072246,11.529149 c 0,0.58011 0.4374474,1.051765 0.9600196,1.051765 H 4.818879 c 0.5225722,0 0.949379,-0.456521 0.949379,-1.037893 m 0.01129,-2.1312747 c 0,-0.5801103 -0.4374474,-1.037893 -0.9600196,-1.037893 L 4.3678939,8.3741358 C 3.8453217,8.3744624 3.4078743,8.8420074 3.4078743,9.4233788 v 2.1186642" />
+-	</g>
+-</svg>
+diff --git a/public/icons/catppuccin/mocha/database.svg b/public/icons/catppuccin/mocha/database.svg
+deleted file mode 100644
+index 44cd9b1..0000000
+--- a/public/icons/catppuccin/mocha/database.svg
++++ /dev/null
+@@ -1,3 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<path fill="none" stroke="#f9e2af" stroke-linecap="round" stroke-linejoin="round" d="M8 6.5c3.59 0 6.5-1.4 6.5-2.68S11.59 1.5 8 1.5 1.5 2.54 1.5 3.82 4.41 6.5 8 6.5M14.5 8c0 .83-1.24 1.79-3.25 2.2s-4.49.41-6.5 0S1.5 8.83 1.5 8m13 4.18c0 .83-1.24 1.6-3.25 2-2.01.42-4.49.42-6.5 0-2.01-.4-3.25-1.17-3.25-2m0-8.3v8.3m13-8.3v8.3" />
+-</svg>
+diff --git a/public/icons/catppuccin/mocha/docker.svg b/public/icons/catppuccin/mocha/docker.svg
+deleted file mode 100644
+index 02a9161..0000000
+--- a/public/icons/catppuccin/mocha/docker.svg
++++ /dev/null
+@@ -1,3 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<path fill="none" stroke="#89b4fa" stroke-linecap="round" stroke-linejoin="round" d="M.5 8.5H11l.75-.5a5.35 5.35 0 010-3.5c1 .6 1 1.88 1.74 2 .77-.09 1.23.01 2 .52 0 0-.97 1.77-2.5 1.98-1.93 3.65-4.5 5.5-6.98 5.5C0 14.5.5 8.5.5 8.5m1 0v-2m0 0h8m-6 2v-4m0 0h4m-2-2h2m-2 6v-6m2 6v-6m2 6v-2" />
+-</svg>
+diff --git a/public/icons/catppuccin/mocha/env.svg b/public/icons/catppuccin/mocha/env.svg
+deleted file mode 100644
+index 4a444fd..0000000
+--- a/public/icons/catppuccin/mocha/env.svg
++++ /dev/null
+@@ -1,3 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<path fill="none" stroke="#f9e2af" stroke-linecap="round" stroke-linejoin="round" d="M5.5 8.5V12m0-6.5V4m0 4.5a1.5 1.5 0 100-3 1.5 1.5 0 000 3m5 3.5v-1.5m0-3V4m0 6.5a1.5 1.5 0 100-3 1.5 1.5 0 000 3M4 1.5h8A2.5 2.5 0 0114.5 4v8a2.5 2.5 0 01-2.5 2.5H4A2.5 2.5 0 011.5 12V4A2.5 2.5 0 014 1.5" />
+-</svg>
+diff --git a/public/icons/catppuccin/mocha/eslint.svg b/public/icons/catppuccin/mocha/eslint.svg
+deleted file mode 100644
+index 1543d1b..0000000
+--- a/public/icons/catppuccin/mocha/eslint.svg
++++ /dev/null
+@@ -1,6 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<g fill="none" stroke-linecap="round" stroke-linejoin="round">
+-		<path stroke="#cba6f7" d="M11.71 1.5 15.42 8l-3.71 6.5H4.29L.58 8l3.71-6.5z" />
+-		<path stroke="#b4befe" d="m8 4.07 3.5 1.97v3.92L8 11.93 4.5 9.96V6.04z" />
+-	</g>
+-</svg>
+diff --git a/public/icons/catppuccin/mocha/git.svg b/public/icons/catppuccin/mocha/git.svg
+deleted file mode 100644
+index f66c6e5..0000000
+--- a/public/icons/catppuccin/mocha/git.svg
++++ /dev/null
+@@ -1,6 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<g fill="none" stroke-linecap="round" stroke-linejoin="round">
+-		<path stroke="#cdd6f4" d="M8.5 10.5a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1m0-6a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1m3 3a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1m-4-2v4m-1-6-1-1m4 4-1-1" />
+-		<path stroke="#fab387" d="m9.06 1.06 5.88 5.88a1.5 1.5 0 010 2.12l-5.88 5.88a1.5 1.5 0 01-2.12 0L1.06 9.06a1.5 1.5 0 010-2.12l5.88-5.88a1.5 1.5 0 012.12 0" />
+-	</g>
+-</svg>
+diff --git a/public/icons/catppuccin/mocha/go.svg b/public/icons/catppuccin/mocha/go.svg
+deleted file mode 100644
+index 9c402b3..0000000
+--- a/public/icons/catppuccin/mocha/go.svg
++++ /dev/null
+@@ -1,3 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<path fill="none" stroke="#74c7ec" stroke-linecap="round" stroke-linejoin="round" d="m15.48 8.06-4.85.48m4.85-.48a4.98 4.98 0 01-4.54 5.42 5 5 0 112.95-8.66l-1.7 1.84a2.5 2.5 0 00-4.18 2.06c.05.57.3 1.1.69 1.51.25.27 1 .83 1.78.82.8-.02 1.58-.25 2.07-.81 0 0 .8-.96.68-1.88M2.5 8.5l-2 .01m1.5 2h1.5m-2-3.99 2-.02" />
+-</svg>
+diff --git a/public/icons/catppuccin/mocha/graphql.svg b/public/icons/catppuccin/mocha/graphql.svg
+deleted file mode 100644
+index 6425cd4..0000000
+--- a/public/icons/catppuccin/mocha/graphql.svg
++++ /dev/null
+@@ -1,3 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<path fill="none" stroke="#f5c2e7" stroke-linecap="round" stroke-linejoin="round" d="M9 1.5a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1m-5.5 3a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1m0 7a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1m11 0a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1m-5.5 3a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1m5.5-10a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1m-12 1v5m11-5v5m-10 1h9m-6 2.5-3-1.5m6 1.5 3-1.5m-9-2 4-8m5 8-4-8m-5 1 3-1.5m3 0 3 1.5" />
+-</svg>
+diff --git a/public/icons/catppuccin/mocha/html.svg b/public/icons/catppuccin/mocha/html.svg
+deleted file mode 100644
+index 756a251..0000000
+--- a/public/icons/catppuccin/mocha/html.svg
++++ /dev/null
+@@ -1,6 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<g fill="none" stroke-linecap="round" stroke-linejoin="round">
+-		<path stroke="#fab387" d="M1.5 1.5h13L13 13l-5 2-5-2z" />
+-		<path stroke="#cdd6f4" d="M11 4.5H5l.25 3h5.5l-.25 3-2.5 1-2.5-1-.08-1" />
+-	</g>
+-</svg>
+diff --git a/public/icons/catppuccin/mocha/javascript-react.svg b/public/icons/catppuccin/mocha/javascript-react.svg
+deleted file mode 100644
+index f350d82..0000000
+--- a/public/icons/catppuccin/mocha/javascript-react.svg
++++ /dev/null
+@@ -1,8 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<g fill="none" stroke="#89dceb" stroke-linecap="round" stroke-linejoin="round">
+-		<path d="M8 10.8c4.14 0 7.5-1.25 7.5-2.8S12.14 5.2 8 5.2.5 6.45.5 8s3.36 2.8 7.5 2.8" />
+-		<path d="M5.52 9.4c2.07 3.5 4.86 5.72 6.23 4.95 1.37-.78.8-4.24-1.27-7.75C8.41 3.1 5.62.88 4.25 1.65c-1.37.78-.8 4.24 1.27 7.75" />
+-		<path d="M5.52 6.6c-2.07 3.5-2.64 6.97-1.27 7.75 1.37.77 4.16-1.45 6.23-4.95s2.64-6.97 1.27-7.75C10.38.88 7.59 3.1 5.52 6.6" />
+-		<path d="M8.5 8a.5.5 0 01-.5.5.5.5 0 01-.5-.5.5.5 0 01.5-.5.5.5 0 01.5.5" />
+-	</g>
+-</svg>
+diff --git a/public/icons/catppuccin/mocha/javascript.svg b/public/icons/catppuccin/mocha/javascript.svg
+deleted file mode 100644
+index 8647aee..0000000
+--- a/public/icons/catppuccin/mocha/javascript.svg
++++ /dev/null
+@@ -1,6 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<g fill="none" stroke="#f9e2af" stroke-linecap="round" stroke-linejoin="round">
+-		<path d="M4.5 11c0 .828427.6715729 1.5 1.5 1.5.8284271 0 1.5-.671573 1.5-1.5V7.5M12.5 8.75C12.5 8.05964406 11.9627417 7.5 11.3 7.5L10.7 7.5C10.0372583 7.5 9.5 8.05964406 9.5 8.75 9.5 9.44035594 10.0372583 10 10.7 10L11.3 10C11.9627417 10 12.5 10.5596441 12.5 11.25 12.5 11.9403559 11.9627417 12.5 11.3 12.5L10.7 12.5C10.0372583 12.5 9.5 11.9403559 9.5 11.25" />
+-		<path d="m 4,1.5 h 8 c 1.385,0 2.5,1.115 2.5,2.5 v 8 c 0,1.385 -1.115,2.5 -2.5,2.5 H 4 C 2.615,14.5 1.5,13.385 1.5,12 V 4 C 1.5,2.615 2.615,1.5 4,1.5 Z" />
+-	</g>
+-</svg>
+diff --git a/public/icons/catppuccin/mocha/json.svg b/public/icons/catppuccin/mocha/json.svg
+deleted file mode 100644
+index 1b7b2bd..0000000
+--- a/public/icons/catppuccin/mocha/json.svg
++++ /dev/null
+@@ -1,3 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<path fill="none" stroke="#f9e2af" stroke-linecap="round" stroke-linejoin="round" d="M4.5 2.5H4c-.75 0-1.5.75-1.5 1.5v2c0 1.1-1 2-1.83 2 .83 0 1.83.9 1.83 2v2c0 .75.75 1.5 1.5 1.5h.5m7-11h.5c.75 0 1.5.75 1.5 1.5v2c0 1.1 1 2 1.83 2-.83 0-1.83.9-1.83 2v2c0 .74-.75 1.5-1.5 1.5h-.5m-6.5-3a.5.5 0 100-1 .5.5 0 000 1m3 0a.5.5 0 100-1 .5.5 0 000 1m3 0a.5.5 0 100-1 .5.5 0 000 1" />
+-</svg>
+diff --git a/public/icons/catppuccin/mocha/lock.svg b/public/icons/catppuccin/mocha/lock.svg
+deleted file mode 100644
+index 44ed745..0000000
+--- a/public/icons/catppuccin/mocha/lock.svg
++++ /dev/null
+@@ -1,3 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<path fill="none" stroke="#7f849c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.744" d="m12.36 7.104c0.4817 0 0.8722 0.3903 0.8722 0.8717v5.23c0 0.4814-0.3905 0.8717-0.8722 0.8717h-8.721c-0.4817 0-0.8722-0.3903-0.8722-0.8717v-5.23c0-0.4814 0.3905-0.8717 0.8722-0.8717zm-6.977 0v-2.616c0-1.445 1.172-2.616 2.617-2.616 1.445 0 2.617 1.171 2.617 2.616v2.616" />
+-</svg>
+diff --git a/public/icons/catppuccin/mocha/markdown.svg b/public/icons/catppuccin/mocha/markdown.svg
+deleted file mode 100644
+index 5aef18a..0000000
+--- a/public/icons/catppuccin/mocha/markdown.svg
++++ /dev/null
+@@ -1,3 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<path fill="none" stroke="#74c7ec" stroke-linecap="round" stroke-linejoin="round" d="m9.25 8.25 2.25 2.25 2.25-2.25M3.5 11V5.5l2.04 3 1.96-3V11m4-.5V5M1.65 2.5h12.7c.59 0 1.15.49 1.15 1v9c0 .51-.56 1-1.15 1H1.65c-.59 0-1.15-.49-1.15-1V3.58c0-.5.56-1.08 1.15-1.08" />
+-</svg>
+diff --git a/public/icons/catppuccin/mocha/ms-word.svg b/public/icons/catppuccin/mocha/ms-word.svg
+deleted file mode 100644
+index 5c86c17..0000000
+--- a/public/icons/catppuccin/mocha/ms-word.svg
++++ /dev/null
+@@ -1,6 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<g fill="none" stroke="#89b4fa" stroke-linecap="round" stroke-linejoin="round">
+-		<path d="M2.5 3.13c0-.77.86-1.63 1.62-1.63h9.76c.76 0 1.62.86 1.62 1.63v9.75c0 .76-.86 1.62-1.62 1.62H4.13c-.77 0-1.63-.86-1.63-1.62" />
+-		<path d="m.5 5.5 1 5 1-5 1 5 .97-5m3.03 1h4m-4 3h4" />
+-	</g>
+-</svg>
+diff --git a/public/icons/catppuccin/mocha/next.svg b/public/icons/catppuccin/mocha/next.svg
+deleted file mode 100644
+index f5ccf15..0000000
+--- a/public/icons/catppuccin/mocha/next.svg
++++ /dev/null
+@@ -1,6 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<g fill="none" stroke="#cdd6f4" stroke-linecap="round" stroke-linejoin="round">
+-		<path d="M12.33 12.85a6.5 6.5 0 111.55-2.08" />
+-		<path d="M12.33 12.85 5.5 4.5v7m5-7v3" />
+-	</g>
+-</svg>
+diff --git a/public/icons/catppuccin/mocha/npm-lock.svg b/public/icons/catppuccin/mocha/npm-lock.svg
+deleted file mode 100644
+index 9e13126..0000000
+--- a/public/icons/catppuccin/mocha/npm-lock.svg
++++ /dev/null
+@@ -1,7 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<g fill="none" stroke-linecap="round" stroke-linejoin="round">
+-		<path stroke="#7f849c" d="M15 11.5c.27 0 .5.22.5.5v3a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-3c0-.28.22-.5.5-.5zm-4 0V10a1.5 1.5 0 013 0v1.5" />
+-		<path stroke="#cdd6f4" d="M9.5 9V5.5h-2v6h-4v-8h8v3" />
+-		<path stroke="#f38ba8" d="M7.54 13.5H3A1.5 1.5 0 011.5 12V3c0-.83.67-1.5 1.5-1.5h9c.83 0 1.5.67 1.5 1.5v3.5" />
+-	</g>
+-</svg>
+diff --git a/public/icons/catppuccin/mocha/pdf.svg b/public/icons/catppuccin/mocha/pdf.svg
+deleted file mode 100644
+index c5c055e..0000000
+--- a/public/icons/catppuccin/mocha/pdf.svg
++++ /dev/null
+@@ -1,3 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<path fill="none" stroke="#f38ba8" stroke-linecap="round" stroke-linejoin="round" d="M2.8 14.34c1.81-1.25 3.02-3.16 3.91-5.5.9-2.33 1.86-4.33 1.44-6.63-.06-.36-.57-.73-.83-.7-1.02.06-.95 1.21-.85 1.9.24 1.71 1.56 3.7 2.84 5.56 1.27 1.87 2.32 2.16 3.78 2.26.5.03 1.25-.14 1.37-.58.77-2.8-9.02-.54-12.28 2.08-.4.33-.86 1-.6 1.46.2.36.87.4 1.23.15h0Z" />
+-</svg>
+diff --git a/public/icons/catppuccin/mocha/python.svg b/public/icons/catppuccin/mocha/python.svg
+deleted file mode 100644
+index c7100c0..0000000
+--- a/public/icons/catppuccin/mocha/python.svg
++++ /dev/null
+@@ -1,8 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<g fill="none" stroke-linecap="round" stroke-linejoin="round">
+-		<path stroke="#89b4fa" d="M8.5 5.5h-3m6 0V3c0-.8-.7-1.5-1.5-1.5H7c-.8 0-1.5.7-1.5 1.5v2.5H3c-.8 0-1.5.7-1.5 1.5v2c0 .8.7 1.5 1.48 1.5" />
+-		<path stroke="#f9e2af" d="M10.5 10.5h-3m-3 0V13c0 .8.7 1.5 1.5 1.5h3c.8 0 1.5-.7 1.5-1.5v-2.5H13c.8 0 1.5-.7 1.5-1.5V7c0-.8-.7-1.5-1.48-1.5H11.5c0 1.5 0 2-1 2h-2" />
+-		<path stroke="#89b4fa" d="M2.98 10.5H4.5c0-1.5 0-2 1-2h2M7.5 3.5v0" />
+-		<path stroke="#f9e2af" d="m 8.5,12.5 v 0" />
+-	</g>
+-</svg>
+diff --git a/public/icons/catppuccin/mocha/rust.svg b/public/icons/catppuccin/mocha/rust.svg
+deleted file mode 100644
+index 898f91c..0000000
+--- a/public/icons/catppuccin/mocha/rust.svg
++++ /dev/null
+@@ -1,6 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<g fill="none" stroke="#fab387" stroke-linecap="round" stroke-linejoin="round">
+-		<path d="M15.5 9.5Q8 13.505.5 9.5l1-1-1-2 2-.5V4.5h2l.5-2 1.5 1 1.5-2 1.5 2 1.5-1 .5 2h2V6l2 .5-1 2z" />
+-		<path d="M6.5 7.5a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1m5 0a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1M4 11.02c-.67.37-1.5.98-1.5 2.23s1.22 1.22 2 1.25v-2M12 11c.67.37 1.5 1 1.5 2.25s-1.22 1.22-2 1.25v-2" />
+-	</g>
+-</svg>
+diff --git a/public/icons/catppuccin/mocha/sass.svg b/public/icons/catppuccin/mocha/sass.svg
+deleted file mode 100644
+index 314f7a8..0000000
+--- a/public/icons/catppuccin/mocha/sass.svg
++++ /dev/null
+@@ -1,3 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<path fill="none" stroke="#f5c2e7" stroke-linecap="round" stroke-linejoin="round" d="M6.75 6.38c1.85 1.07 3.35.74 4.83-.2 1.5-.95 2.7-2.78 1.3-4.15-.7-.68-3.25-.8-5.62.19-2.36.99-4.59 3.02-4.74 4.11-.31 2.19 3.15 2.88 3.64 4.23s.28 1.98-.2 2.83c-.5.85-1.96 1.62-2.8.68-.83-.95 1.67-2.75 2.98-3.25 1.3-.5 3.1-.4 3.69.25.58.64-.07 1.79-.03 1.79" />
+-</svg>
+diff --git a/public/icons/catppuccin/mocha/terraform.svg b/public/icons/catppuccin/mocha/terraform.svg
+deleted file mode 100644
+index e9e082e..0000000
+--- a/public/icons/catppuccin/mocha/terraform.svg
++++ /dev/null
+@@ -1,3 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<path fill="none" stroke="#cba6f7" stroke-linecap="round" stroke-linejoin="round" d="m1.5 6 8 4.25 4-2.25m-12-2V1.5l8 4.25 4-2.25V8m-4-2.25v8.75M5.53 3.82 5.5 12.5l4 2" />
+-</svg>
+diff --git a/public/icons/catppuccin/mocha/toml.svg b/public/icons/catppuccin/mocha/toml.svg
+deleted file mode 100644
+index 6253d35..0000000
+--- a/public/icons/catppuccin/mocha/toml.svg
++++ /dev/null
+@@ -1,3 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<path fill="none" stroke="#eba0ac" stroke-linecap="round" stroke-linejoin="round" d="M3.5 1.5h-2v13h2m9-13h2v13h-2m-8-11h7v3h-2v6h-3v-6h-2z" />
+-</svg>
+diff --git a/public/icons/catppuccin/mocha/typescript-react.svg b/public/icons/catppuccin/mocha/typescript-react.svg
+deleted file mode 100644
+index d495144..0000000
+--- a/public/icons/catppuccin/mocha/typescript-react.svg
++++ /dev/null
+@@ -1,8 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<g fill="none" stroke="#89b4fa" stroke-linecap="round" stroke-linejoin="round">
+-		<path d="M8 11.3c4.14 0 7.5-1.28 7.5-2.86S12.14 5.58 8 5.58.5 6.86.5 8.44s3.36 2.87 7.5 2.87Z" />
+-		<path d="M5.52 9.87c2.07 3.6 4.86 5.86 6.23 5.07 1.37-.8.8-4.34-1.27-7.93S5.62 1.16 4.25 1.95s-.8 4.34 1.27 7.92" />
+-		<path d="M5.52 7.01c-2.07 3.59-2.64 7.14-1.27 7.93s4.16-1.48 6.23-5.07c2.07-3.58 2.64-7.13 1.27-7.92-1.37-.8-4.16 1.47-6.23 5.06" />
+-		<path d="M8.5 8.44a.5.5 0 01-.5.5.5.5 0 01-.5-.5.5.5 0 01.5-.5.5.5 0 01.5.5" />
+-	</g>
+-</svg>
+diff --git a/public/icons/catppuccin/mocha/typescript.svg b/public/icons/catppuccin/mocha/typescript.svg
+deleted file mode 100644
+index 2ddb5d7..0000000
+--- a/public/icons/catppuccin/mocha/typescript.svg
++++ /dev/null
+@@ -1,6 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<g fill="none" stroke="#89b4fa" stroke-linecap="round" stroke-linejoin="round">
+-		<path d="M4 1.5h8A2.5 2.5 0 0114.5 4v8a2.5 2.5 0 01-2.5 2.5H4A2.5 2.5 0 011.5 12V4A2.5 2.5 0 014 1.5" />
+-		<path d="M12.5 8.75c0-.69-.54-1.25-1.2-1.25h-.6c-.66 0-1.2.56-1.2 1.25S10.04 10 10.7 10h.6c.66 0 1.2.56 1.2 1.25s-.54 1.25-1.2 1.25h-.6c-.66 0-1.2-.56-1.2-1.25m-3-3.75v5M5 7.5h3" />
+-	</g>
+-</svg>
+diff --git a/public/icons/catppuccin/mocha/yaml.svg b/public/icons/catppuccin/mocha/yaml.svg
+deleted file mode 100644
+index 74a560e..0000000
+--- a/public/icons/catppuccin/mocha/yaml.svg
++++ /dev/null
+@@ -1,3 +0,0 @@
+-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+-	<path fill="none" stroke="#f38ba8" stroke-linecap="round" stroke-linejoin="round" d="M2.5 1.5h3l3 4 3-4h3l-9 13h-3L7 8z" />
+-</svg>
 diff --git a/public/icons/icon-192.png b/public/icons/icon-192.png
 index 71e365ff31beed6a454967c6211bf9053962ae98..a9a4da31779bf173242ad580637fe8d2c954b3bd 100644
 GIT binary patch