@chatcode/cco-better-sidebar 0.18.0-alpha.0

package/src/client/tab-content-memo.ts

@@ -0,0 +1,55 @@
+/**
+ * The memo comparator for one tab's content cell (TabContent in Sidebar.tsx).
+ *
+ * Kept as a pure module so the "what re-renders a tab cell" contract is unit
+ * testable: geometry/store re-renders of the Sidebar shell must NOT reconcile
+ * every mounted tab (xterm/CodeMirror/FileTree subtrees — issue #315), while
+ * locale switches (localeRevision), tab-registry updates (tabsVersion), and
+ * a tab MOVING BETWEEN PANES (paneId — onOpenDiff closes over the pane id,
+ * and moveTab reuses the SAME tab object, so only the pane id identifies the
+ * move) must re-render the cell.
+ */
+import type { SidebarTab } from './state.ts'
+
+/** The fields whose change invalidates a tab cell's memo. Anything a cell's
+ *  render (or its callbacks) depends on must be listed here. */
+export interface TabContentMemoKey {
+  tab: SidebarTab
+  /** The pane this tab currently lives in. onOpenDiff closes over it, and
+   *  moveTab reuses the same tab object when the tab moves panes — without
+   *  comparing paneId the cell would keep the source pane's callback. */
+  paneId: string
+  sessionId: string
+  cwd: string | undefined
+  visible: boolean
+  expanded: string[]
+  /** Files highlighted in the file tree (the "Show in folder" reveal). */
+  revealed: string[]
+  localeRevision: string
+  tabsVersion: number
+  /** When the tab is a pinned virtual tab (injected from another session),
+   *  this overrides `tab.id` passed to the tab descriptor's component so
+   *  TerminalView connects to the home session's PTY by the original id.
+   *  Undefined for regular tabs (no override). */
+  effectiveTabId: string | undefined
+}
+
+/** True when the cell may skip a re-render (all render-affecting fields
+ *  unchanged). Callback/context identities are deliberately ignored: their
+ *  captured dependencies are stable or covered by the compared fields
+ *  (onReferenceFile → sessionId/cwd, onSubagentJump/onToggleDir → stable
+ *  refs/closures, onOpenDiff → paneId). */
+export function tabContentCompare(prev: TabContentMemoKey, next: TabContentMemoKey): boolean {
+  return (
+    prev.tab === next.tab &&
+    prev.paneId === next.paneId &&
+    prev.sessionId === next.sessionId &&
+    prev.cwd === next.cwd &&
+    prev.visible === next.visible &&
+    prev.expanded === next.expanded &&
+    prev.revealed === next.revealed &&
+    prev.localeRevision === next.localeRevision &&
+    prev.tabsVersion === next.tabsVersion &&
+    prev.effectiveTabId === next.effectiveTabId
+  )
+}

package/src/client/terminal-font.ts

@@ -0,0 +1,224 @@
+/**
+ * Terminal font resolution: the user's custom font prefs (SidebarPrefs,
+ * configured under the terminal card's secondary settings) turned into the
+ * xterm options. Kept as a pure module (no DOM, no xterm) so the fallback
+ * chain and clamping are unit-testable without mounting a terminal.
+ */
+import { clampTerminalFontSize, type SidebarPrefs } from '../prefs-shared.ts'
+
+/** The built-in fallback stack when neither the user nor the theme sets one. */
+export const DEFAULT_TERMINAL_FONT_FAMILY = '"SF Mono", Menlo, Consolas, "Liberation Mono", monospace'
+
+/**
+ * Icon fonts appended to whichever base stack wins, so shell prompts that
+ * draw glyphs from the Nerd Font Private Use Areas resolve to a real glyph
+ * instead of the missing-glyph box (aka tofu).
+ *
+ * Why this is needed even though the OS "should" fall back automatically:
+ * prompt frameworks (starship, powerlevel10k, oh-my-posh) take their icons
+ * from the PUA. Chromium's implicit system fallback reliably covers the
+ * *BMP* PUA (U+E000–U+F8FF — e.g. the U+E0B0 powerline separator) but NOT
+ * the *supplementary-plane* PUA-B (U+F0000+) where Nerd Fonts v3 relocated
+ * the Material Design icon set. Naming the families explicitly makes the
+ * browser consult them per character, which covers both planes.
+ *
+ * Deliberately NOT listed: color-emoji families. Chromium routes genuine
+ * emoji code points through a dedicated emoji fallback path (which is why
+ * emoji already render), so naming them buys nothing here — while placing a
+ * color font ahead of the generic family risks capturing BMP symbols the
+ * prompt expects in monospace (U+26A0 ⚠, U+2714 ✔ …) and rendering them as
+ * wide color glyphs that break the cell grid.
+ *
+ * Ordering rationale: the symbols-only patches ship glyphs without Latin,
+ * so they can never hijack ASCII metrics — the safest first hop. The
+ * fully-patched distributions follow for users who installed one of those
+ * instead. Both the `… Mono` and proportional family names are listed
+ * because the Nerd Fonts installers register them as distinct families.
+ *
+ * These are strictly *appended*, never prepended: xterm derives its cell
+ * metrics from the first entry, so the base font must stay in front or the
+ * whole grid would be re-measured against an icon font.
+ */
+export const ICON_FONT_FALLBACKS: readonly string[] = [
+  // Symbols-only patches (glyph coverage without Latin) — ideal fallbacks.
+  '"Symbols Nerd Font Mono"',
+  '"Symbols Nerd Font"',
+  // Common fully-patched Nerd Font distributions.
+  '"Hack Nerd Font Mono"',
+  '"Hack Nerd Font"',
+  '"JetBrainsMono Nerd Font Mono"',
+  '"JetBrainsMono Nerd Font"',
+  '"FiraCode Nerd Font Mono"',
+  '"FiraCode Nerd Font"',
+  '"CaskaydiaCove Nerd Font Mono"',
+  '"CaskaydiaCove Nerd Font"',
+  '"SauceCodePro Nerd Font Mono"',
+  '"UbuntuMono Nerd Font Mono"',
+  '"Iosevka Nerd Font Mono"',
+  '"MesloLGS Nerd Font Mono"',
+  '"MesloLGS NF"',
+]
+
+/** The symbols-only patch count at the head of {@link ICON_FONT_FALLBACKS}
+ *  (these carry no Latin glyphs, so they can never hijack ASCII metrics). */
+const SYMBOLS_ONLY_COUNT = 2
+
+/**
+ * CSS generic font families. A generic is a catch-all that always resolves,
+ * so icon fonts must be spliced in *before* the first one to stay reachable.
+ */
+const GENERIC_FAMILIES = new Set([
+  'monospace', 'serif', 'sans-serif', 'cursive', 'fantasy',
+  'system-ui', 'ui-monospace', 'ui-serif', 'ui-sans-serif', 'ui-rounded',
+  'math', 'emoji', 'fangsong',
+])
+
+/**
+ * CSS-wide keywords. These are only valid as an *entire* declaration value,
+ * so a stack cannot be appended to one.
+ */
+const CSS_WIDE_KEYWORDS = new Set(['inherit', 'initial', 'unset', 'revert', 'revert-layer'])
+
+/** Normalize one family name for comparison: unquote, collapse runs of
+ *  whitespace, casefold. */
+function normalizeFamily(family: string): string {
+  return family
+    .trim()
+    .replace(/^["']|["']$/g, '')
+    .replace(/\s+/g, ' ')
+    .trim()
+    .toLowerCase()
+}
+
+/**
+ * Split a CSS font-family stack on its top-level commas.
+ *
+ * Naive `split(',')` would corrupt quoted family names containing a comma
+ * and function values such as `var(--x, monospace)`, so quotes (with
+ * backslash escapes) and parentheses are tracked.
+ *
+ * @param stack - a CSS font-family stack.
+ * @returns the trimmed, non-empty family entries in source order.
+ */
+function splitFamilies(stack: string): string[] {
+  const entries: string[] = []
+  let buffer = ''
+  let quote: string | null = null
+  let depth = 0
+  for (let i = 0; i < stack.length; i += 1) {
+    const char = stack[i] as string
+    if (quote !== null) {
+      // Escapes are copied verbatim so `\"` does not close the quote.
+      if (char === '\\' && i + 1 < stack.length) {
+        buffer += char + (stack[i + 1] as string)
+        i += 1
+        continue
+      }
+      buffer += char
+      if (char === quote) quote = null
+      continue
+    }
+    if (char === '"' || char === "'") {
+      quote = char
+      buffer += char
+      continue
+    }
+    if (char === '(') depth += 1
+    else if (char === ')') depth = Math.max(0, depth - 1)
+    else if (char === ',' && depth === 0) {
+      entries.push(buffer)
+      buffer = ''
+      continue
+    }
+    buffer += char
+  }
+  entries.push(buffer)
+  return entries.map(entry => entry.trim()).filter(entry => entry !== '')
+}
+
+/**
+ * Append {@link ICON_FONT_FALLBACKS} to a CSS font-family stack, keeping
+ * the caller's own entries and order intact.
+ *
+ * - Families already named in `stack` are not duplicated (quote-, case- and
+ *   whitespace-insensitive), so a user who already lists their Nerd Font
+ *   keeps their exact priority.
+ * - The icon fonts are spliced in ahead of the *first* generic family
+ *   (`monospace` etc.), because a generic always resolves: anything after it
+ *   would never be consulted. A stack that OPENS with a generic is the one
+ *   exception: only the symbols-only patches (no Latin) may precede it — a
+ *   fully-patched Nerd Font there would become xterm's measuring base font
+ *   and override the user/theme family precedence, so it is placed after the
+ *   generic instead.
+ * - Idempotent — re-applying to an already-topped-up stack is a no-op, which
+ *   matters because `TerminalView` diffs the resolved value against the live
+ *   `term.options.fontFamily` before reflowing.
+ *
+ * @param stack - a CSS font-family stack (base font first).
+ * @returns the stack with icon fallbacks merged in.
+ */
+export function withIconFontFallbacks(stack: string): string {
+  const entries = splitFamilies(stack)
+  if (entries.length === 0) return ICON_FONT_FALLBACKS.join(', ')
+
+  const present = new Set(entries.map(normalizeFamily))
+  const notPresent = (family: string): boolean => !present.has(normalizeFamily(family))
+  const symbolsOnly = ICON_FONT_FALLBACKS.slice(0, SYMBOLS_ONLY_COUNT).filter(notPresent)
+  const patched = ICON_FONT_FALLBACKS.slice(SYMBOLS_ONLY_COUNT).filter(notPresent)
+  if (symbolsOnly.length === 0 && patched.length === 0) return entries.join(', ')
+
+  const firstGeneric = entries.findIndex(entry => GENERIC_FAMILIES.has(normalizeFamily(entry)))
+  const cut = firstGeneric === -1 ? entries.length : firstGeneric
+  // A fully-patched distribution ships Latin glyphs: placed ahead of a
+  // LEADING generic (cut === 0) it would become xterm's measuring/base font
+  // and override the user/theme family precedence. Only the symbols-only
+  // patches — which carry no Latin — may precede it; the patched fonts go
+  // after the generic (still reachable per character, never the base).
+  if (cut === 0) {
+    return [...symbolsOnly, entries[0]!, ...patched, ...entries.slice(1)].join(', ')
+  }
+  return [...entries.slice(0, cut), ...symbolsOnly, ...patched, ...entries.slice(cut)].join(', ')
+}
+
+/**
+ * Reduce one link of the base-family chain to a usable stack, or `''` when
+ * it cannot carry appended fallbacks so the next link should win.
+ *
+ * Rejecting CSS-wide keywords matters because the theme font arrives as a
+ * raw token value (`tokenValue('--ds-font-family-code')`); skins do set
+ * tokens to `initial`/`inherit`/`unset` (see `effectiveTokenValue` in
+ * `theme.ts`, which guards the color tokens for the same reason). Appending
+ * to such a value yields an invalid `font-family`, which the CSSOM discards
+ * silently — the terminal would lose the theme font *and* the icon fonts.
+ */
+function usableBase(value: string | undefined): string {
+  const trimmed = (value ?? '').trim()
+  if (trimmed === '') return ''
+  if (CSS_WIDE_KEYWORDS.has(trimmed.toLowerCase())) return ''
+  return trimmed
+}
+
+/**
+ * Resolve the xterm font options for the given prefs.
+ *
+ * The base family keeps its existing precedence — user pref > theme code
+ * font > built-in stack — and then {@link withIconFontFallbacks} tops it up
+ * so prompt icons resolve regardless of which base won.
+ *
+ * @param prefs - the current side card preferences.
+ * @param themeFontFamily - the app's theme code font (`--ds-font-family-code`
+ *   token value, read live by the caller); undefined when the token is absent.
+ * @returns the `fontFamily` / `fontSize` xterm options.
+ */
+export function resolveTerminalFont(
+  prefs: SidebarPrefs,
+  themeFontFamily: string | undefined,
+): { fontFamily: string; fontSize: number } {
+  const base = usableBase(prefs.terminalFontFamily)
+    || usableBase(themeFontFamily)
+    || DEFAULT_TERMINAL_FONT_FAMILY
+  return {
+    fontFamily: withIconFontFallbacks(base),
+    fontSize: clampTerminalFontSize(prefs.terminalFontSize),
+  }
+}

package/src/client/terminal-links.ts

@@ -0,0 +1,194 @@
+/**
+ * Terminal URL hyperlinks: xterm's `registerLinkProvider` is fed per-line
+ * link descriptors built from the pty stream, so URLs printed by any tool
+ * become hoverable / clickable spans.
+ *
+ * To stay out of the user's way (a terminal's primary interaction is text
+ * selection, not browsing), a click only activates when the user holds
+ * Ctrl (Win/Linux) or Cmd (mac) — a plain click is left for xterm's
+ * normal selection handling. Only http(s) URLs are dispatched to the
+ * browser; other schemes (`file://`, `mailto:`, `javascript:`, …) are
+ * underlined for visibility but rejected at activation, so a `file://`
+ * URL printed by a tool stays inert instead of being handed to
+ * `window.open`.
+ *
+ * Kept as a pure module (no xterm import) so the regex, the line
+ * scanner, the modifier gate and the scheme guard are unit-testable
+ * without mounting a terminal. `buildTerminalLinks` returns plain-object
+ * descriptors whose shape matches xterm's `ILink` minus the `activate`
+ * callback — the caller attaches `activate` (which closes over the
+ * event modifier check + `openTerminalUrl`) so this module never
+ * imports xterm types.
+ */
+
+/** Scheme allowlist for activation. Only http(s) is opened externally. */
+const OPENABLE_SCHEMES = new Set(['http:', 'https:'])
+
+/**
+ * The URL pattern used to scan each terminal line.
+ *
+ * A word boundary (`\b`) guards the leading scheme so `notttps://…` does
+ * not match. The character class excludes ASCII whitespace and the
+ * wrapping punctuation that shells commonly emit around URLs (quotes,
+ * angle brackets, brackets/braces, pipes, backslashes, backticks) so a
+ * URL printed as `"https://example.com"` or `<https://example.com>` does
+ * not drag the wrapping character into the link target.
+ *
+ * Carries the `g` flag so `findTerminalUrlsInLine` can iterate every
+ * match on a line; callers must reset `lastIndex` before reuse (the
+ * helper does this defensively).
+ */
+export const TERMINAL_URL_REGEX = /\bhttps?:\/\/[^\s"'<>\[\]{}|\\^`]+/gi
+
+/** A URL match in a terminal line: the text and its 0-based start offset. */
+export interface TerminalUrlMatch {
+  /** 0-based start index of the URL within the line string. */
+  start: number
+  /** The matched URL text. */
+  text: string
+}
+
+/**
+ * Strip trailing closing parens that are not balanced by an opening paren
+ * earlier in the URL.
+ *
+ * The regex's character class keeps `(` and `)` (Wikipedia-style URLs
+ * carry real parens: `…/Python_(programming_language)`), so a URL wrapped
+ * in parens by a shell (`(https://example.com)`) captures the trailing
+ * `)`. Balanced pairs are kept intact; only the unmatched excess is
+ * trimmed, so:
+ * - `https://example.com)` → `https://example.com`
+ * - `https://en.wikipedia.org/wiki/Python_(programming_language)` → unchanged
+ * - `https://example.com/(` → unchanged (more openers than closers; the
+ *   trailing `(` is the URL's own, not a wrapper)
+ */
+function trimUnbalancedTrailingParens(url: string): string {
+  let opens = 0
+  let closers = 0
+  for (let i = 0; i < url.length; i += 1) {
+    const ch = url[i]
+    if (ch === '(') opens += 1
+    else if (ch === ')') closers += 1
+  }
+  const excess = closers - opens
+  if (excess <= 0) return url
+  let end = url.length
+  let stripped = 0
+  while (end > 0 && url[end - 1] === ')' && stripped < excess) {
+    end -= 1
+    stripped += 1
+  }
+  return url.slice(0, end)
+}
+
+/**
+ * Find every http(s) URL in a line of terminal text, in source order
+ * with 0-based start offsets. A link provider maps these to buffer
+ * ranges for xterm's `registerLinkProvider`.
+ *
+ * Trailing unmatched closing parens are trimmed from each match (see
+ * {@link trimUnbalancedTrailingParens}), so a URL wrapped in parens by
+ * a shell opens without the trailing `)`, while Wikipedia-style URLs
+ * with balanced parens stay intact.
+ *
+ * Resets the regex's `lastIndex` before and after the scan so a
+ * previous partial iteration can't desynchronize a later one (the
+ * regex carries the `g` flag and is module-shared).
+ */
+export function findTerminalUrlsInLine(line: string): TerminalUrlMatch[] {
+  TERMINAL_URL_REGEX.lastIndex = 0
+  const matches: TerminalUrlMatch[] = []
+  let m: RegExpExecArray | null
+  while ((m = TERMINAL_URL_REGEX.exec(line)) !== null) {
+    const trimmed = trimUnbalancedTrailingParens(m[0])
+    if (trimmed.length > 0) {
+      matches.push({ start: m.index, text: trimmed })
+    }
+  }
+  TERMINAL_URL_REGEX.lastIndex = 0
+  return matches
+}
+
+/**
+ * A buffer range in xterm's coordinate system. xterm's cell `x` is
+ * 1-based (1..cols) and `y` is the buffer line number; the `end` is
+ * inclusive (the last cell covered by the link). Structurally
+ * compatible with xterm's `IBufferRange` so the caller can pass it
+ * straight through without importing xterm types here.
+ */
+export interface TerminalLinkRange {
+  start: { x: number; y: number }
+  end: { x: number; y: number }
+}
+
+/**
+ * A link descriptor: a buffer range plus the URL text. The caller
+ * (the link provider in `TerminalView`) attaches the `activate`
+ * callback, which closes over the modifier gate and `openTerminalUrl`.
+ */
+export interface TerminalLinkDescriptor {
+  range: TerminalLinkRange
+  text: string
+}
+
+/**
+ * Build link descriptors for every URL found in a terminal line.
+ *
+ * @param lineText - the line's text (e.g. from
+ *   `IBufferLine.translateToString(true)`).
+ * @param lineNumber - the buffer line number xterm passed to
+ *   `ILinkProvider.provideLinks` (used as the `y` of every range; URLs
+ *   never span wrapped lines because each wrapped row is its own
+ *   buffer line).
+ * @returns descriptors in source order; empty when the line has no URL.
+ */
+export function buildTerminalLinks(lineText: string, lineNumber: number): TerminalLinkDescriptor[] {
+  return findTerminalUrlsInLine(lineText).map(({ start, text: url }) => ({
+    range: {
+      // xterm's cell `x` is 1-based; `start` is 0-based from
+      // translateToString, so the first URL character sits at x = start + 1.
+      start: { x: start + 1, y: lineNumber },
+      // `end` is inclusive: the last URL character is at 0-based
+      // (start + url.length - 1), which is 1-based (start + url.length).
+      end: { x: start + url.length, y: lineNumber },
+    },
+    text: url,
+  }))
+}
+
+/**
+ * Decide whether a click on a terminal link should activate (open the URL).
+ *
+ * Mirrors what every modern terminal does (Windows Terminal, iTerm2, the
+ * VSCode integrated terminal): a plain click stays a text-selection
+ * gesture, and only Ctrl (Win/Linux) or Cmd (mac) hands the URL to the
+ * browser. The modifier is read off the activating `MouseEvent`, not
+ * tracked separately, so a key-up between hover and click never
+ * desynchronizes the gate.
+ */
+export function shouldActivateTerminalLink(event: MouseEvent): boolean {
+  return event.ctrlKey || event.metaKey
+}
+
+/**
+ * Open a URL matched in the terminal, with a scheme guard so a printed
+ * `file://` or anything that slipped past the regex cannot reach
+ * `window.open`. The URL is constructed via `new URL(...)` which throws
+ * on malformed input; the catch makes the function total so the xterm
+ * handler never throws into the terminal's event loop.
+ *
+ * @returns `true` when the URL was dispatched to `window.open`, `false`
+ *   when it was rejected (bad URL, disallowed scheme, no `window`).
+ */
+export function openTerminalUrl(uri: string): boolean {
+  if (typeof window === 'undefined') return false
+  let url: URL
+  try {
+    url = new URL(uri)
+  } catch {
+    return false
+  }
+  if (!OPENABLE_SCHEMES.has(url.protocol)) return false
+  window.open(url.toString(), '_blank', 'noopener,noreferrer')
+  return true
+}

package/src/client/theme.ts

@@ -0,0 +1,110 @@
+/**
+ * Live theme access for surfaces that cannot consume the token colors
+ * directly — xterm's palette and CodeMirror's theme extensions need concrete
+ * values, but the app's scheme flips at runtime (ui-layout's ThemePresenter
+ * projects prefers-color-scheme and the user's choice onto
+ * body[data-ds-dark-theme] and html { color-scheme }). This module reads the
+ * resolved scheme and token values, and notifies subscribers on flips, so
+ * the terminal and the editor re-theme in place instead of freezing in the
+ * scheme they happened to be created under.
+ */
+
+/** Whether the app shell resolved to the dark scheme.
+ *
+ * The presenter sets `html { color-scheme }` together with the body palette
+ * attribute, so a set color-scheme means the decision is authoritative (an
+ * absent attribute is then LIGHT even when the OS prefers dark — the user
+ * chose light). Before the presenter has run, fall back to the OS media
+ * query as the best guess.
+ */
+export function isDarkScheme(): boolean {
+  if (typeof document === 'undefined') return true
+  const decided = document.documentElement.style.colorScheme !== ''
+  if (decided) return document.body.hasAttribute('data-ds-dark-theme')
+  return typeof matchMedia !== 'undefined' && matchMedia('(prefers-color-scheme: dark)').matches
+}
+
+/** One token's computed value on <body> ('' while the theme has not applied). */
+export function tokenValue(name: string): string {
+  if (typeof document === 'undefined') return ''
+  return getComputedStyle(document.body).getPropertyValue(name).trim()
+}
+
+/** Minimal alpha for a token color to count as effectively opaque. Skin
+ *  systems turn `--dsw-alias-bg-base` translucent for glass panels (the
+ *  dsh-web-ui skins use rgba 0.16–0.7; `transparent` is 0); below this
+ *  floor a text surface (terminal, editor) would render over the skin's
+ *  backdrop art, so callers fall back to an opaque color. Values at or
+ *  above the floor (e.g. a skin's scoped 0.96 porcelain) pass through —
+ *  the skin still controls the surface. */
+const OPAQUE_ALPHA_MIN = 0.9
+
+/** The alpha channel of a computed CSS color, or null when the format is
+ *  not parseable (named colors, `color()`… — treated as opaque). Handles
+ *  the shapes getComputedStyle actually returns: the rgb()/rgba() and
+ *  hsl()/hsla() function forms (comma or space syntax, with or without the
+ *  `/ alpha` slot) and the #rgb/#rgba/#rrggbb/#rrggbbaa hex family. */
+export function colorAlpha(color: string): number | null {
+  const s = color.trim()
+  // #rgb / #rgba / #rrggbb / #rrggbbaa
+  const hex = /^#([0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i.exec(s)
+  if (hex !== null) {
+    const digits = hex[1]!
+    if (digits.length === 3 || digits.length === 4) {
+      const a = digits.length === 4 ? digits[3]! : 'f'
+      return parseInt(a + a, 16) / 255
+    }
+    const alphaHex = digits.length === 8 ? digits.slice(6) : 'ff'
+    return parseInt(alphaHex, 16) / 255
+  }
+  // rgb(r g b) / rgb(r g b / a) / rgba(r, g, b, a) — the trailing slot is alpha.
+  const fn = /^(rgba?|hsla?)\(([^)]+)\)$/i.exec(s)
+  if (fn !== null) {
+    const parts = fn[2]!.split(/[,\s/]+/).filter(Boolean)
+    const alphaPart = parts[3]
+    if (alphaPart === undefined) return 1
+    const alpha = Number.parseFloat(alphaPart)
+    return Number.isFinite(alpha) ? alpha : 1
+  }
+  return null
+}
+
+/**
+ * A token value that actually PAINTS something — the guard for text
+ * surfaces (issue #90). Skin systems routinely set global tokens to
+ * `transparent` (glass skins) or translucent glass values (`rgba(…,0.16–0.7)`,
+ * e.g. the dsh-web-ui skins) — both are truthy strings, so callers using
+ * `|| fallback` never fire and the terminal/editor goes see-through over
+ * the skin's backdrop. This returns '' for visually inert values (unset
+ * keywords, transparent, and any color below the opacity floor) so the
+ * caller's fallback chain engages; effectively opaque values pass through.
+ */
+export function effectiveTokenValue(name: string): string {
+  const raw = tokenValue(name)
+  switch (raw) {
+    case '':
+    case 'transparent':
+    case 'initial':
+    case 'inherit':
+    case 'unset':
+      return ''
+    default: {
+      const alpha = colorAlpha(raw)
+      if (alpha !== null && alpha < OPAQUE_ALPHA_MIN) return ''
+      return raw
+    }
+  }
+}
+
+/**
+ * Subscribe to color-scheme flips (the presenter toggles the body
+ * attribute). The callback fires after the attribute changed; re-read the
+ * scheme inside it.
+ * @returns the disposer.
+ */
+export function subscribeColorScheme(callback: () => void): () => void {
+  if (typeof document === 'undefined') return () => {}
+  const observer = new MutationObserver(() => { callback() })
+  observer.observe(document.body, { attributes: true, attributeFilter: ['data-ds-dark-theme'] })
+  return () => { observer.disconnect() }
+}

package/src/client/titlebar-strip.ts

@@ -0,0 +1,37 @@
+/**
+ * The title-bar strip resolution chain — the ONE place that decides how
+ * many pixels the sidebar yields at the top. Standard signals first, then
+ * the user's chosen scheme; never a per-shell branch:
+ *
+ *   0. `web` scheme — EXPLICIT "ChatCode CLI Web": never adapt, not even
+ *      standard WCO geometry (the user declares the plain web UI).
+ *   1. Window Controls Overlay real geometry (standard API, authoritative
+ *      when present — even 0, e.g. the overlay is hidden while maximized).
+ *   2. The `dsh-desktop-titlebar-inset` URL contract parameter (a shell
+ *      declares the exact pixels it reserves).
+ *   3. The active shell preset's strip (scheme `preset` — opt-in data).
+ *   4. The legacy manual `titleBarStripPx` (scheme `custom`).
+ *   5. 0 — plain-browser semantics, nothing modified.
+ *
+ * The result drives `--dsh-title-bar-strip` + `body[data-dsh-title-bar-compat]`
+ * exactly like the legacy boolean did; only the VALUE source changed.
+ */
+import type { DesktopEnv } from './desktop-env.ts'
+import type { TitleBarScheme } from '../prefs-shared.ts'
+import type { WcoSnapshot } from './wco.ts'
+import { presetStripFor, type ShellPreset } from './shell-presets.ts'
+
+export function computeTitleBarStrip(
+  env: DesktopEnv,
+  wco: WcoSnapshot,
+  scheme: TitleBarScheme,
+  preset: ShellPreset | undefined,
+  customStripPx: number,
+): number {
+  if (scheme === 'web') return 0
+  if (wco.present) return wco.height
+  if (env.titlebarInset > 0) return env.titlebarInset
+  if (scheme === 'preset') return presetStripFor(preset, env) ?? 0
+  if (scheme === 'custom') return customStripPx
+  return 0
+}

package/src/client/ui-tweaks/appicons.ts

@@ -0,0 +1,24 @@
+/**
+ * Official app icons for the 打开项目 menu — JetBrains product marks are
+ * the full-color SVGs from resources.jetbrains.com (gradient ids namespaced
+ * per icon so several can coexist on one page), VS Code from simple-icons,
+ * Explorer a filled Windows-yellow folder. Sizing lives in CSS.
+ * @module dsh-ui-tweaks/client/appicons
+ */
+
+/** target key -> inline SVG markup (trusted build-time constants). */
+export const APP_ICONS: {
+  explorer: string
+  vscode: string
+  idea: string
+  goland: string
+  webstorm: string
+  pycharm: string
+} = {
+  explorer: '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill="#FFB900" d="M1.5 3.2A1.7 1.7 0 0 1 3.2 1.5h3.1l1.7 2.1h4.8A1.7 1.7 0 0 1 14.5 5.3v7.5a1.7 1.7 0 0 1-1.7 1.7H3.2a1.7 1.7 0 0 1-1.7-1.7Z"/></svg>',
+  vscode: "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#007ACC\" d=\"M23.15 2.587L18.21.21a1.494 1.494 0 0 0-1.705.29l-9.46 8.63-4.12-3.128a.999.999 0 0 0-1.276.057L.327 7.261A1 1 0 0 0 .326 8.74L3.899 12 .326 15.26a1 1 0 0 0 .001 1.479L1.65 17.94a.999.999 0 0 0 1.276.057l4.12-3.128 9.46 8.63a1.492 1.492 0 0 0 1.704.29l4.942-2.377A1.5 1.5 0 0 0 24 20.06V3.939a1.5 1.5 0 0 0-.85-1.352zm-5.146 14.861L10.826 12l7.178-5.448v10.896z\"/></svg>",
+  idea: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 64 64\"> <defs> <linearGradient id=\"gbi-idea-a\" x1=\"-.717383\" x2=\"24.1455\" y1=\"7.61946\" y2=\"61.2456\" gradientUnits=\"userSpaceOnUse\"> <stop offset=\".1\" stop-color=\"#FC801D\"/> <stop offset=\".59\" stop-color=\"#FE2857\"/> </linearGradient> <linearGradient id=\"gbi-idea-b\" x1=\"4.22243\" x2=\"62.9273\" y1=\"60.0186\" y2=\"1.31316\" gradientUnits=\"userSpaceOnUse\"> <stop offset=\".21\" stop-color=\"#FE2857\"/> <stop offset=\".7\" stop-color=\"#007EFF\"/> </linearGradient> </defs> <path fill=\"#FF8100\" d=\"m15.9476 5.81641-11.87545.00174C1.82284 5.81815 0 7.64157 0 9.89088V21.3975c0 1.1887.519564 2.3185 1.42196 3.0924L39.5828 57.1997c.7384.6324 1.6786.9803 2.6508.9803h11.8755c2.2493 0 4.0727-1.8234 4.0727-4.0727V42.599c0-1.1887-.5195-2.3186-1.4219-3.0924L18.599 6.79735c-.7383-.63302-1.6786-.98036-2.6514-.98036v-.00058Z\"/> <path fill=\"url(#gbi-idea-a)\" d=\"M14.5193 5.81641H4.07273C1.82342 5.81641 0 7.63982 0 9.88913V22.9818c0 .1926.013964.3852.040727.576L5.31782 60.5015c.28683 2.0067 2.00494 3.4967 4.032 3.4967H25.0228c2.2499 0 4.0733-1.824 4.0728-4.0739l-.0047-18.5384c0-.4376-.0704-.8722-.2089-1.287L18.3825 8.60099c-.5544-1.66284-2.1108-2.78458-3.8638-2.78458h.0006Z\"/> <path fill=\"url(#gbi-idea-b)\" d=\"M59.9275 0H25.9592c-1.6291 0-3.1017.971054-3.7435 2.46807L6.14767 39.9587c-.21702.5068-.32931 1.0531-.32931 1.6046v18.364C5.81836 62.1766 7.64178 64 9.89109 64H27.8571c.8046 0 1.5912-.2385 2.2609-.6854l32.0687-21.4033c1.1322-.7552 1.8117-2.0265 1.8117-3.3874l.0018-34.45117C64.0002 1.82342 62.1768 0 59.9275 0Z\"/> <path fill=\"#000\" d=\"M52 12H12v40h40V12Z\"/> <path fill=\"#fff\" d=\"M17 29.3856h2.9788v-9.7712H17V17h8.839v2.6144h-2.9788v9.7712h2.9788V32H17v-2.6144Z\"/> <path fill=\"#fff\" d=\"M27.3389 29.3002h2.1538c.4354 0 .8233-.0928 1.1625-.2784.3392-.1857.6016-.4481.7872-.7873.1857-.3392.2785-.7265.2785-1.1625V17h2.9249v10.2748c0 .9001-.2074 1.7092-.6216 2.4271-.4143.7179-.9855 1.2805-1.7143 1.6873-.7288.4074-1.5464.6108-2.4534.6108h-2.5176v-2.6998Z\"/> <path fill=\"#fff\" d=\"M17 44h16v3H17v-3Z\"/> </svg>",
+  goland: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 64 64\"> <defs> <linearGradient id=\"gbi-goland-a\" x1=\"63.6351\" x2=\"39.318\" y1=\"54.0451\" y2=\"1.59593\" gradientUnits=\"userSpaceOnUse\"> <stop offset=\".24\" stop-color=\"#00D886\"/> <stop offset=\".51\" stop-color=\"#007DFE\"/> </linearGradient> <linearGradient id=\"gbi-goland-b\" x1=\"59.3792\" x2=\".674325\" y1=\"4.38051\" y2=\"63.0854\" gradientUnits=\"userSpaceOnUse\"> <stop offset=\".27\" stop-color=\"#007DFE\"/> <stop offset=\".7\" stop-color=\"#D249FC\"/> </linearGradient> </defs> <path fill=\"#00D886\" d=\"m48.0521 58.18 11.8755-.0017c2.2493 0 4.0722-1.8234 4.0722-4.0727V42.599c0-1.1887-.5196-2.3186-1.422-3.0924L24.4164 6.79677c-.7384-.63244-1.6786-.98036-2.6508-.98036H9.89011c-2.24931 0-4.07273 1.82341-4.07273 4.07272V21.3975c0 1.1887.51957 2.3185 1.42197 3.0924L45.4002 57.1991c.7383.633 1.6786.9804 2.6514.9804l.0005.0005Z\"/> <path fill=\"url(#gbi-goland-a)\" d=\"M49.4806 58.1818h10.4465c2.2493 0 4.0728-1.8234 4.0728-4.0727V41.0164c0-.1925-.014-.3851-.0408-.576L58.6815 3.49673C58.3952 1.49062 56.6765 0 54.65 0H38.977c-2.2499 0-4.0733 1.824-4.0727 4.07389l.0047 18.53851c0 .4375.0704.8721.2088 1.2869l10.4995 31.4979c.5545 1.6629 2.1109 2.7846 3.8639 2.7846h-.0006Z\"/> <path fill=\"url(#gbi-goland-b)\" d=\"M4.07273 64H38.041c1.6291 0 3.1017-.9711 3.7434-2.4681l16.0681-37.4906c.217-.5068.3293-1.0531.3293-1.6046V4.07273C58.1818 1.82342 56.3584 0 54.1091 0h-17.966c-.8046 0-1.5912.238545-2.2609.685382L1.81353 22.0881C.681309 22.8439.001745 24.1146.001745 25.4755L0 59.9273C0 62.1766 1.82342 64 4.07273 64Z\"/> <path fill=\"#000\" d=\"M52 12H12v40h40V12Z\"/> <path fill=\"#fff\" d=\"M19.764 31.6245c1.174.6765 2.4847 1.0155 3.9318 1.0155 1.3899 0 2.6427-.3095 3.7589-.9293 1.1231-.6197 2.005-1.4651 2.6461-2.5384.6481-1.0798.9721-2.2857.9721-3.6183v-1.1879h-6.405v2.3221h3.516c-.0722.5605-.2761 1.0718-.6106 1.5339-.3958.5468-.9322.9762-1.6092 1.2852-.6701.3096-1.4188.4646-2.2469.4646-.8928 0-1.6988-.2227-2.4193-.6695-.7204-.4467-1.2857-1.0583-1.6959-1.836-.4034-.784-.6047-1.667-.6047-2.6461 0-.979.2013-1.858.6047-2.6357.4108-.7846.9761-1.4003 1.6959-1.847.7199-.4467 1.5265-.6695 2.4193-.6695.6053 0 1.1706.0972 1.696.2916.526.1875.9831.4577 1.372.8101.3958.3455.7094.7563.9397 1.2314h3.1542c-.2737-.9866-.7529-1.8575-1.4368-2.6137-.677-.7563-1.5126-1.3436-2.5061-1.7608-.9866-.4172-2.0669-.6267-3.2404-.6267-1.4477 0-2.7583.3414-3.9318 1.0259-1.1741.6765-2.0959 1.6133-2.7653 2.8082-.6695 1.1879-1.0046 2.5165-1.0046 3.9856 0 1.4692.3351 2.8018 1.0046 3.9967.67 1.1879 1.5918 2.1236 2.7653 2.8081Z\"/> <path fill=\"#fff\" fill-rule=\"evenodd\" d=\"M36.1829 31.6245c1.181.6765 2.4951 1.0155 3.9422 1.0155 1.4541 0 2.7688-.339 3.9423-1.0155 1.181-.6845 2.1062-1.6202 2.7757-2.8081.6695-1.1949 1.0045-2.5275 1.0045-3.9967 0-1.4691-.335-2.7977-1.0045-3.9856-.6695-1.1949-1.5947-2.1317-2.7757-2.8082C42.8939 17.3414 41.5723 17 40.1251 17c-1.4471 0-2.7612.3414-3.9422 1.0259-1.1735.6765-2.0988 1.6133-2.7758 2.8082-.6695 1.1879-1.0045 2.5165-1.0045 3.9856 0 1.4692.335 2.8018 1.0045 3.9967.6765 1.1879 1.6023 2.1236 2.7758 2.8081Zm6.3621-2.2463c-.7129.4468-1.516.6695-2.4089.6695-.8928 0-1.6994-.2227-2.4193-.6695-.7128-.4536-1.2747-1.0756-1.685-1.8684-.4033-.7991-.6046-1.696-.6046-2.6895 0-.9935.2013-1.8858.6046-2.6785.4103-.7991.9722-1.4217 1.685-1.8684.7199-.4537 1.5265-.6805 2.4193-.6805.8929 0 1.696.2268 2.4089.6805.7129.4467 1.2707 1.0693 1.674 1.8684.4033.7921.6047 1.685.6047 2.6785s-.2014 1.8904-.6047 2.6895c-.4033.7922-.9611 1.4148-1.674 1.8684Z\" clip-rule=\"evenodd\"/> <path fill=\"#fff\" d=\"M16.9941 44h16v3h-16v-3Z\"/> </svg>",
+  webstorm: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 64 64\"> <defs> <linearGradient id=\"gbi-webstorm-a\" x1=\"7.62141\" x2=\"61.2476\" y1=\"64.7192\" y2=\"39.8564\" gradientUnits=\"userSpaceOnUse\"> <stop offset=\".22\" stop-color=\"#F0EB18\"/> <stop offset=\".59\" stop-color=\"#00C4F4\"/> </linearGradient> <linearGradient id=\"gbi-webstorm-b\" x1=\"60.0186\" x2=\"1.31316\" y1=\"59.7777\" y2=\"1.07287\" gradientUnits=\"userSpaceOnUse\"> <stop offset=\".19\" stop-color=\"#00C4F4\"/> <stop offset=\".83\" stop-color=\"#007DFE\"/> </linearGradient> </defs> <path fill=\"#F0EB18\" d=\"m5.81836 48.0512.00174 11.8755c0 2.2493 1.82342 4.0721 4.07273 4.0721H21.3994c1.1887 0 2.3186-.5196 3.0924-1.422l32.7098-38.1614c.6325-.7383.9804-1.6786.9804-2.6508V9.88913c0-2.24931-1.8234-4.07272-4.0727-4.07272H42.6009c-1.1887 0-2.3185.51956-3.0924 1.42196L6.79872 45.3998c-.63302.7383-.98036 1.6786-.98036 2.6514Z\"/> <path fill=\"url(#gbi-webstorm-a)\" d=\"M5.81836 49.4825v10.4466c0 2.2493 1.82342 4.0727 4.07273 4.0727H22.9837c.1926 0 .3852-.014.576-.0407l36.9437-5.2771c2.0067-.2868 3.4968-2.005 3.4968-4.032V38.979c0-2.2499-1.824-4.0733-4.0739-4.0727l-18.5385.0046c-.4375 0-.8721.0704-1.287.2089L8.60294 45.6193c-1.66284.5544-2.78458 2.1108-2.78458 3.8638v-.0006Z\"/> <path fill=\"url(#gbi-webstorm-b)\" d=\"M0 4.07273V38.041c0 1.6291.971054 3.1017 2.46807 3.7434L39.9587 57.8525c.5067.217 1.0531.3293 1.6046.3293h18.364c2.2493 0 4.0727-1.8234 4.0727-4.0727v-17.966c0-.8046-.2386-1.5913-.6854-2.2609L41.9113 1.81353C41.1561.681309 39.8854.001745 38.5239.001745L4.07273 0C1.82342 0 0 1.82342 0 4.07273Z\"/> <path fill=\"#000\" d=\"M52 12H12v40h40V12Z\"/> <path fill=\"#fff\" d=\"m21.2377 27.961-2.4224-10.9532h-3.0321l3.6224 15.0044h3.3226l2.5613-10.8998 2.5292 10.8998h3.333l3.6441-15.0044h-2.9689L29.4797 27.961l-2.7008-10.9532h-2.9581L21.2377 27.961Z\"/> <path fill=\"#fff\" d=\"M38.2224 31.6804c.8429.3927 1.8074.5896 2.8937.5896s2.0515-.1998 2.8944-.6005c.8428-.4008 1.4968-.9503 1.9613-1.6507.4714-.7074.7073-1.5049.7073-2.3903 0-.7222-.1607-1.3865-.4822-1.9934-.3216-.6149-.7717-1.1294-1.3505-1.5434-.5718-.422-1.2252-.7073-1.9613-.8572l-2.551-.5575c-.4644-.1137-.8325-.3066-1.1041-.5787-.2646-.2722-.3967-.615-.3967-1.0289 0-.364.0965-.6815.2894-.9537.1929-.2785.461-.4932.8038-.643.3497-.1568.7539-.236 1.2109-.236.457 0 .8607.0815 1.2109.2463.3571.1567.6321.3818.8251.6752.1929.2854.2893.6109.2893.9755h2.9259c-.0074-.8572-.236-1.614-.6861-2.272-.4432-.6648-1.0645-1.1833-1.8649-1.5542-.8003-.3715-1.7253-.5575-2.7329-.5575-1.0077 0-1.908.1929-2.7009.5788-.7929.3789-1.4107.9106-1.8539 1.5967-.4427.6792-.6643 1.4469-.6643 2.3041 0 .7073.1464 1.3441.4392 1.9079.2934.5644.7039 1.0398 1.2327 1.4256.5288.379 1.1506.6471 1.8649.8038l2.6474.5897c.5076.1223.9037.3393 1.1897.654.2928.3146.4392.7113.4392 1.1896 0 .3859-.1074.7286-.3215 1.0289-.2073.3003-.5036.5357-.8894.7074-.3789.1648-.8004.2463-1.3292.2463-.5288 0-.9967-.0925-1.4038-.2785-.4071-.186-.7251-.4432-.9537-.7716-.2285-.3279-.3427-.7114-.3427-1.1466h-2.9368c.0143.9215.2572 1.7362.7286 2.4436.4788.7073 1.1362 1.2579 1.9722 1.6507Z\"/> <path fill=\"#fff\" d=\"M16.9932 44h16v3h-16v-3Z\"/> </svg>",
+  pycharm: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 64 64\"> <defs> <linearGradient id=\"gbi-pycharm-a\" x1=\"7.62141\" x2=\"61.2476\" y1=\"64.7192\" y2=\"39.8558\" gradientUnits=\"userSpaceOnUse\"> <stop offset=\".1\" stop-color=\"#00D886\"/> <stop offset=\".59\" stop-color=\"#F0EB18\"/> </linearGradient> <linearGradient id=\"gbi-pycharm-b\" x1=\"60.0186\" x2=\"1.31317\" y1=\"59.7778\" y2=\"1.07229\" gradientUnits=\"userSpaceOnUse\"> <stop offset=\".3\" stop-color=\"#F0EB18\"/> <stop offset=\".7\" stop-color=\"#00C4F4\"/> </linearGradient> </defs> <path fill=\"#00D886\" d=\"m5.81934 48.0512.00174 11.8755c0 2.2493 1.82342 4.0721 4.07273 4.0721H21.4004c1.1887 0 2.3186-.5196 3.0924-1.422L57.202 24.4154c.6325-.7383.9804-1.6786.9804-2.6508V9.88913c0-2.24931-1.8234-4.07272-4.0727-4.07272H42.6013c-1.1887 0-2.3185.51956-3.0924 1.42196L6.7997 45.3998c-.63302.7384-.98036 1.6786-.98036 2.6514Z\"/> <path fill=\"url(#gbi-pycharm-a)\" d=\"M5.81836 49.4825v10.4466c0 2.2493 1.82342 4.0727 4.07273 4.0727H22.9837c.1926 0 .3852-.0139.576-.0407l36.9438-5.2771c2.0066-.2868 3.4967-2.0049 3.4967-4.032V38.979c0-2.2499-1.824-4.0733-4.0739-4.0727l-18.5385.0046c-.4375 0-.8721.0704-1.287.2089L8.60294 45.6193c-1.66284.5544-2.78458 2.1108-2.78458 3.8638v-.0006Z\"/> <path fill=\"url(#gbi-pycharm-b)\" d=\"M0 4.07273V38.041c0 1.6291.971054 3.1017 2.46807 3.7434L39.9587 57.8525c.5068.217 1.0531.3293 1.6046.3293h18.364c2.2493 0 4.0727-1.8234 4.0727-4.0727v-17.966c0-.8046-.2385-1.5912-.6854-2.2609L41.9119 1.81353C41.1561.681309 39.8854.001745 38.5245.001745L4.07273 0C1.82342 0 0 1.82342 0 4.07273Z\"/> <path fill=\"#000\" d=\"M52 12H12v40h40V12Z\"/> <path fill=\"#fff\" fill-rule=\"evenodd\" d=\"M23.5363 16.9676h-6.4407v15.0055h2.9261v-5.6702h3.4296c1.0715 0 2.0115-.1929 2.8188-.5788.8148-.3927 1.4401-.9434 1.8759-1.6508.4427-.7074.6643-1.5434.6643-2.465 0-.9216-.2182-1.7324-.654-2.4329-.4289-.7005-1.0433-1.2431-1.8437-1.629-.8005-.3859-1.7261-.5788-2.7763-.5788Zm1.0927 6.6349c-.3646.1785-.7929.2681-1.2862.2681h-3.3229v-4.4695h3.3229c.4933 0 .9216.0924 1.2862.2784.3715.178.6569.4353.8573.7718.2004.3278.3003.7286.3003 1.1788 0 .4502-.1005.8469-.3003 1.1897-.1998.3365-.4858.5966-.8573.7827Z\" clip-rule=\"evenodd\"/> <path fill=\"#fff\" d=\"M33.3821 31.2232c1.1651.6713 2.4656 1.0077 3.9017 1.0077v-.0011c1.2144 0 2.3295-.2251 3.3441-.6753 1.0146-.4501 1.8575-1.0783 2.5294-1.8862.6787-.8148 1.1328-1.7473 1.3614-2.7975H41.453c-.2004.5426-.5001 1.0221-.9003 1.4361-.3933.4076-.8688.7223-1.4257.9434-.557.221-1.1645.3324-1.822.3324-.886 0-1.6864-.221-2.4007-.6643-.7149-.4433-1.2759-1.0502-1.683-1.8219-.4002-.7781-.6-1.6543-.6-2.6259 0-.9715.1998-1.8437.6-2.6154.4077-.7786.9681-1.3896 1.683-1.8329.7143-.4432 1.5147-.6643 2.4007-.6643.6569 0 1.2644.1114 1.822.3325.5575.221 1.0324.5397 1.4257.9537.4002.4077.6999.8831.9003 1.4257h3.0657c-.2291-1.0502-.6827-1.9787-1.3614-2.7866-.6719-.8147-1.5148-1.4469-2.5294-1.8971-1.0146-.4502-2.1297-.6753-3.3441-.6753-1.4367 0-2.7372.3388-3.9017 1.0181-1.165.6712-2.0797 1.6009-2.7441 2.7866-.6643 1.1788-.9968 2.4972-.9968 3.955 0 1.4579.3325 2.7803.9968 3.966.6649 1.1789 1.5791 2.1073 2.7441 2.7866Z\"/> <path fill=\"#fff\" d=\"M16.9941 44.001h16v3h-16v-3Z\"/> </svg>",
+}