@zerwiz/ymir 0.1.33 → 0.1.35

package/apps/sessrumnir/src/renderer/src/subagent-detection.test.ts

@@ -0,0 +1,55 @@
+import { test } from 'node:test'
+import assert from 'node:assert/strict'
+import { isSubagentTool, subagentAgentName, subagentTaskText } from './store'
+
+/**
+ * Pi delegates via the `pi-subagents` package (`subagent`, `subagent_wait`);
+ * OMP has delegation built in and calls it `task`. The progress strip matched
+ * only the Pi names, so under OMP it stayed empty while subagents ran.
+ */
+
+test('both engines spawn tools are recognized', () => {
+  assert.equal(isSubagentTool('subagent'), true)
+  assert.equal(isSubagentTool('subagent_wait'), true)
+  // The regression: OMP's spawn tools used to fall through unrecognized.
+  assert.equal(isSubagentTool('task'), true)
+  // `hub` is the one a plain "use the reviewer agent" request calls, seen on
+  // the wire fanning out five reviewers while the strip showed nothing.
+  assert.equal(isSubagentTool('hub'), true)
+})
+
+test('ordinary tools are not treated as spawns', () => {
+  for (const name of ['read', 'grep', 'glob', 'bash', 'edit', 'write', 'todo', 'eval']) {
+    assert.equal(isSubagentTool(name), false, `${name} must not be a spawn`)
+  }
+})
+
+test('the agent label is read from whichever key the engine used', () => {
+  assert.equal(subagentAgentName({ agent: 'reviewer' }), 'reviewer')
+  assert.equal(subagentAgentName({ agentType: 'scout' }), 'scout')
+  assert.equal(subagentAgentName({ subagent_type: 'librarian' }), 'librarian')
+})
+
+test('an unlabelled spawn still gets a row rather than being dropped', () => {
+  assert.equal(subagentAgentName({}), 'subagent')
+  assert.equal(subagentAgentName(undefined), 'subagent')
+  // Whitespace is not a label.
+  assert.equal(subagentAgentName({ agent: '   ' }), 'subagent')
+})
+
+test('the task caption is read from whichever key the engine used', () => {
+  assert.equal(subagentTaskText({ task: 'audit the parser' }), 'audit the parser')
+  assert.equal(subagentTaskText({ prompt: 'audit the parser' }), 'audit the parser')
+  assert.equal(subagentTaskText({ description: 'audit the parser' }), 'audit the parser')
+  assert.equal(subagentTaskText({}), '')
+})
+
+test('the first matching key wins so a label is stable', () => {
+  assert.equal(subagentAgentName({ agent: 'reviewer', agentType: 'scout' }), 'reviewer')
+  assert.equal(subagentTaskText({ task: 'first', prompt: 'second' }), 'first')
+})
+
+test('non-string arguments never leak into the label', () => {
+  assert.equal(subagentAgentName({ agent: 42 } as Record<string, unknown>), 'subagent')
+  assert.equal(subagentTaskText({ task: { nested: true } } as Record<string, unknown>), '')
+})

package/apps/sessrumnir/src/renderer/src/theme/engine.test.ts

@@ -0,0 +1,29 @@
+import { test } from 'node:test'
+import assert from 'node:assert/strict'
+import { applyThemeVars } from './engine'
+
+function fakeTarget() {
+  const set = new Map<string, string>()
+  return {
+    set,
+    style: {
+      setProperty: (k: string, v: string) => { set.set(k, v) },
+      removeProperty: (k: string) => { set.delete(k) },
+    },
+  }
+}
+
+test('applies all vars and returns applied keys', () => {
+  const target = fakeTarget()
+  const keys = applyThemeVars(target, { '--color-app': '#111', '--cm-keyword': '#f0f' }, [])
+  assert.deepEqual([...keys].sort(), ['--cm-keyword', '--color-app'])
+  assert.equal(target.set.get('--color-app'), '#111')
+})
+
+test('removes stale vars from the previous application', () => {
+  const target = fakeTarget()
+  const first = applyThemeVars(target, { '--color-app': '#111', '--color-extra': '#222' }, [])
+  applyThemeVars(target, { '--color-app': '#333' }, first)
+  assert.equal(target.set.get('--color-app'), '#333')
+  assert.equal(target.set.has('--color-extra'), false)
+})

package/apps/sessrumnir/src/renderer/src/theme/engine.ts

@@ -0,0 +1,20 @@
+export interface StyleTarget {
+  style: {
+    setProperty(key: string, value: string): void
+    removeProperty(key: string): void
+  }
+}
+
+export function applyThemeVars(
+  target: StyleTarget,
+  vars: Record<string, string>,
+  previous: readonly string[],
+): string[] {
+  const next = Object.keys(vars)
+  const nextSet = new Set(next)
+  for (const key of previous) {
+    if (!nextSet.has(key)) target.style.removeProperty(key)
+  }
+  for (const key of next) target.style.setProperty(key, vars[key])
+  return next
+}

package/apps/sessrumnir/src/renderer/src/themes/breeze-claudius.json

@@ -0,0 +1,69 @@
+{
+  "$schema": "pi-theme/v1",
+  "name": "Breeze Claudius",
+  "kind": "dark",
+  "seeds": {
+    "app": "#232629",
+    "surface": "#31363b",
+    "text": "#cfcfc2",
+    "accent": "#2980b9",
+    "success": "#1c8042",
+    "warning": "#fdbc4b",
+    "error": "#da4453"
+  },
+  "overrides": {
+    "surface-hover": "#3f4347",
+    "card": "#3f4347",
+    "elevated": "#4d5358",
+    "highlight": "#31363b",
+    "highlight-strong": "#3f4347",
+    "secondary": "#a5a6a8",
+    "muted": "#898a8c",
+    "dim": "#7a7c7d",
+    "faint": "#5f6266",
+    "ghost": "#4d5358",
+    "inverse": "#232629",
+    "border": "#3f4347",
+    "border-strong": "#4d5358",
+    "focus": "#3daee9",
+    "accent-hover": "#3daee9",
+    "accent-fg": "#3daee9",
+    "accent-bg": "rgba(45, 92, 118, 0.5)",
+    "success-bg": "rgba(28, 128, 66, 0.15)",
+    "warning-bg": "rgba(246, 116, 0, 0.15)",
+    "error-bg": "rgba(218, 68, 83, 0.15)",
+    "info": "#3daee9",
+    "info-bg": "rgba(45, 92, 118, 0.5)",
+    "special": "#8e44ad",
+    "special-bg": "rgba(142, 68, 173, 0.15)",
+    "chat-column": "#1e1e1e",
+    "chat-column-border": "transparent",
+    "scrollbar": "#3f4347",
+    "scrollbar-hover": "#4d5358",
+    "md-code": "#60a5fa",
+    "md-pre-bg": "#1d2024"
+  },
+  "syntax": {
+    "keyword": "#fdbc4b",
+    "string": "#f44f4f",
+    "comment": "#7a7c7d",
+    "function": "#8e44ad",
+    "type": "#2980b9",
+    "number": "#f67400",
+    "operator": "#3f8058",
+    "property": "#27aeae",
+    "tag": "#2980b9",
+    "variable": "#cfcfc2",
+    "constant": "#27aeae",
+    "heading": "#8e44ad",
+    "link": "#0099ff",
+    "list": "#da4453",
+    "quote": "#7a7c7d",
+    "meta": "#a5a6a8",
+    "mark": "#8e44ad",
+    "invalid": "#da4453",
+    "active-line-bg": "#2A2E32",
+    "selection-bg": "rgba(45, 92, 118, 0.65)",
+    "selection-match-bg": "rgba(65, 72, 87, 0.5)"
+  }
+}

package/apps/sessrumnir/src/renderer/src/themes/breeze-dark.json

@@ -0,0 +1,69 @@
+{
+  "$schema": "pi-theme/v1",
+  "name": "Breeze Dark",
+  "kind": "dark",
+  "seeds": {
+    "app": "#232629",
+    "surface": "#31363b",
+    "text": "#cfcfc2",
+    "accent": "#2980b9",
+    "success": "#1c8042",
+    "warning": "#fdbc4b",
+    "error": "#da4453"
+  },
+  "overrides": {
+    "surface-hover": "#3f4347",
+    "card": "#3f4347",
+    "elevated": "#4d5358",
+    "highlight": "#31363b",
+    "highlight-strong": "#3f4347",
+    "secondary": "#a5a6a8",
+    "muted": "#898a8c",
+    "dim": "#7a7c7d",
+    "faint": "#5f6266",
+    "ghost": "#4d5358",
+    "inverse": "#232629",
+    "border": "#3f4347",
+    "border-strong": "#4d5358",
+    "focus": "#3daee9",
+    "accent-hover": "#3daee9",
+    "accent-fg": "#3daee9",
+    "accent-bg": "rgba(45, 92, 118, 0.5)",
+    "success-bg": "rgba(28, 128, 66, 0.15)",
+    "warning-bg": "rgba(246, 116, 0, 0.15)",
+    "error-bg": "rgba(218, 68, 83, 0.15)",
+    "info": "#3daee9",
+    "info-bg": "rgba(45, 92, 118, 0.5)",
+    "special": "#8e44ad",
+    "special-bg": "rgba(142, 68, 173, 0.15)",
+    "chat-column": "#232629",
+    "chat-column-border": "#3f4347",
+    "scrollbar": "#3f4347",
+    "scrollbar-hover": "#4d5358",
+    "md-code": "#60a5fa",
+    "md-pre-bg": "#1d2024"
+  },
+  "syntax": {
+    "keyword": "#fdbc4b",
+    "string": "#f44f4f",
+    "comment": "#7a7c7d",
+    "function": "#8e44ad",
+    "type": "#2980b9",
+    "number": "#f67400",
+    "operator": "#3f8058",
+    "property": "#27aeae",
+    "tag": "#2980b9",
+    "variable": "#cfcfc2",
+    "constant": "#27aeae",
+    "heading": "#8e44ad",
+    "link": "#0099ff",
+    "list": "#da4453",
+    "quote": "#7a7c7d",
+    "meta": "#a5a6a8",
+    "mark": "#8e44ad",
+    "invalid": "#da4453",
+    "active-line-bg": "#2A2E32",
+    "selection-bg": "rgba(45, 92, 118, 0.65)",
+    "selection-match-bg": "rgba(65, 72, 87, 0.5)"
+  }
+}

package/apps/sessrumnir/src/renderer/src/themes/breeze-light.json

@@ -0,0 +1,69 @@
+{
+  "$schema": "pi-theme/v1",
+  "name": "Breeze Light",
+  "kind": "light",
+  "seeds": {
+    "app": "#ffffff",
+    "surface": "#f8f7f6",
+    "text": "#1f1c1b",
+    "accent": "#0057ae",
+    "success": "#006e28",
+    "warning": "#b08000",
+    "error": "#bf0303"
+  },
+  "overrides": {
+    "surface-hover": "#ebebeb",
+    "card": "#ebebeb",
+    "elevated": "#d8d8d8",
+    "highlight": "#f8f7f6",
+    "highlight-strong": "#ebebeb",
+    "secondary": "#444444",
+    "muted": "#5d5d5d",
+    "dim": "#7a7c7d",
+    "faint": "#898887",
+    "ghost": "#d8d8d8",
+    "inverse": "#ffffff",
+    "border": "#d8d8d8",
+    "border-strong": "#c0c0bf",
+    "focus": "#0057ae",
+    "accent-hover": "#2980b9",
+    "accent-fg": "#0057ae",
+    "accent-bg": "rgba(0, 87, 174, 0.12)",
+    "success-bg": "rgba(0, 110, 40, 0.12)",
+    "warning-bg": "rgba(176, 128, 0, 0.12)",
+    "error-bg": "rgba(191, 3, 3, 0.12)",
+    "info": "#0057ae",
+    "info-bg": "rgba(0, 87, 174, 0.12)",
+    "special": "#644a9b",
+    "special-bg": "rgba(100, 74, 155, 0.12)",
+    "chat-column": "#ffffff",
+    "chat-column-border": "#d8d8d8",
+    "scrollbar": "#d8d8d8",
+    "scrollbar-hover": "#898887",
+    "md-code": "#644a9b",
+    "md-pre-bg": "#f8f7f6"
+  },
+  "syntax": {
+    "keyword": "#b08000",
+    "string": "#bf0303",
+    "comment": "#898887",
+    "function": "#644a9b",
+    "type": "#0057ae",
+    "number": "#b08000",
+    "operator": "#ca60ca",
+    "property": "#0057ae",
+    "tag": "#0057ae",
+    "variable": "#1f1c1b",
+    "constant": "#aa5500",
+    "heading": "#644a9b",
+    "link": "#0095ff",
+    "list": "#bf0303",
+    "quote": "#898887",
+    "meta": "#898887",
+    "mark": "#644a9b",
+    "invalid": "#bf0303",
+    "active-line-bg": "#f8f7f6",
+    "selection-bg": "rgba(148, 202, 239, 0.6)",
+    "selection-match-bg": "rgba(0, 0, 0, 0.05)"
+  }
+}

package/apps/sessrumnir/src/renderer/src/themes/builtin-themes.test.ts

@@ -0,0 +1,95 @@
+import { test } from 'node:test'
+import assert from 'node:assert/strict'
+import { readdirSync, readFileSync } from 'node:fs'
+import { join, dirname } from 'node:path'
+import { fileURLToPath } from 'node:url'
+import { validateThemeFile } from '../../../shared/theme/theme-file'
+import { resolveThemeVars } from '../../../shared/theme/resolve'
+import { TOKEN_NAMES, cssVarForToken } from '../../../shared/theme/tokens'
+import { BUILTIN_THEME_IDS, themeDisplayName } from './index'
+import { BUILTIN_THEME_IDS as SHARED_BUILTIN_THEME_IDS } from '../../../shared/theme/builtin-ids'
+
+const themesDir = dirname(fileURLToPath(import.meta.url))
+const EXPECTED_IDS = [
+  'sessrumnir', 'fensalir', 'dark', 'light', 'nord', 'gruvbox', 'breeze-dark', 'breeze-light', 'breeze-claudius',
+]
+
+test('renderer and shared built-in theme id lists never diverge', () => {
+  assert.deepEqual(
+    new Set(BUILTIN_THEME_IDS),
+    new Set(SHARED_BUILTIN_THEME_IDS),
+  )
+})
+
+test('themeDisplayName translates built-in names and keeps user theme names', () => {
+  assert.equal(themeDisplayName('dark', 'Dark'), 'Dark')
+  assert.equal(themeDisplayName('user-abc', 'My Theme'), 'My Theme')
+})
+
+test('all 9 built-in themes exist, validate, and fully resolve', () => {
+  const files = readdirSync(themesDir).filter((f) => f.endsWith('.json')).sort()
+  assert.deepEqual(files, [...EXPECTED_IDS].sort().map((id) => `${id}.json`))
+  for (const file of files) {
+    const theme = validateThemeFile(JSON.parse(readFileSync(join(themesDir, file), 'utf8')))
+    const vars = resolveThemeVars(theme)
+    for (const token of TOKEN_NAMES) {
+      assert.ok(vars[cssVarForToken(token)], `${file}: unresolved ${token}`)
+    }
+  }
+})
+
+test('ported themes pin every token in overrides (parity guarantee)', () => {
+  for (const id of EXPECTED_IDS) {
+    if (id === 'dark' || id === 'light') continue
+    const theme = validateThemeFile(
+      JSON.parse(readFileSync(join(themesDir, `${id}.json`), 'utf8')),
+    )
+    const seedBacked = new Set(['app', 'surface', 'primary', 'accent', 'success', 'warning', 'error'])
+    // error-hover and border-strong-hover have no legacy CSS counterpart to
+    // reproduce (no theme ever remapped the red-500/600 or neutral-600 shades),
+    // so they derive via MIX(..., 15) / MIX(..., 35) instead of pinning the
+    // raw value that would carry the theme-blind bug forward. selection-bg and
+    // selection-fg are the same case: a ported theme's selection should follow
+    // that theme's own accent (the cloth themes pin the landing's amber).
+    const derivedOnly = new Set([
+      'error-hover', 'border-strong-hover', 'selection-bg', 'selection-fg',
+    ])
+    for (const token of TOKEN_NAMES) {
+      if (seedBacked.has(token) || derivedOnly.has(token)) continue
+      assert.ok(theme.overrides?.[token], `${id}: token ${token} not pinned`)
+    }
+  }
+})
+
+// The cloth is one. `sessrumnir` (the seat's own default) and `fensalir` (the
+// weaving halls, named) are the same carved palette: the seat cannot drift from
+// the halls, and a name/description change is the only difference permitted.
+test('the cloth is one: Sessrúmnir and Fensalir resolve identically', () => {
+  const read = (id: string) =>
+    resolveThemeVars(validateThemeFile(
+      JSON.parse(readFileSync(join(themesDir, `${id}.json`), 'utf8')),
+    ))
+  assert.deepEqual(read('sessrumnir'), read('fensalir'))
+})
+
+// The CSS base in index.css is the first paint (before the ThemeEngine writes
+// the resolved vars onto <html>) and the Tailwind `@theme` surface. It must be
+// the same cloth as the theme file, or the app would flash one palette and
+// settle into another.
+test('the CSS @theme base and the cloth theme never drift', () => {
+  const css = readFileSync(join(themesDir, '..', 'index.css'), 'utf8')
+  const block = /@theme\s*\{([\s\S]*?)\n\}/.exec(css)
+  assert.ok(block, 'index.css has no @theme block')
+  const declared = new Map<string, string>()
+  for (const line of block[1].split('\n')) {
+    const match = /^\s*(--color-[a-z-]+)\s*:\s*([^;]+);/.exec(line)
+    if (match) declared.set(match[1], match[2].trim())
+  }
+  const cloth = resolveThemeVars(validateThemeFile(
+    JSON.parse(readFileSync(join(themesDir, 'fensalir.json'), 'utf8')),
+  ))
+  for (const token of TOKEN_NAMES) {
+    const key = cssVarForToken(token)
+    assert.equal(declared.get(key), cloth[key], `@theme ${key} drifted from the cloth`)
+  }
+})

package/apps/sessrumnir/src/renderer/src/themes/dark.json

@@ -0,0 +1,46 @@
+{
+  "$schema": "pi-theme/v1",
+  "name": "Dark",
+  "kind": "dark",
+  "seeds": {
+    "app": "#0a0a0a",
+    "surface": "#171717",
+    "text": "#f5f5f5",
+    "accent": "#2563eb",
+    "success": "#34d399",
+    "warning": "#facc15",
+    "error": "#f87171"
+  },
+  "overrides": {
+    "surface-hover": "#262626",
+    "card": "#262626",
+    "elevated": "#404040",
+    "highlight": "#171717",
+    "highlight-strong": "#262626",
+    "secondary": "#d4d4d4",
+    "muted": "#a3a3a3",
+    "dim": "#737373",
+    "faint": "#525252",
+    "ghost": "#404040",
+    "inverse": "#0a0a0a",
+    "border": "#262626",
+    "border-strong": "#404040",
+    "focus": "#3b82f6",
+    "accent-hover": "#1d4ed8",
+    "accent-fg": "#60a5fa",
+    "accent-bg": "rgba(30, 58, 138, 0.3)",
+    "success-bg": "rgba(6, 78, 59, 0.3)",
+    "warning-bg": "rgba(113, 63, 18, 0.3)",
+    "error-bg": "rgba(127, 29, 29, 0.3)",
+    "info": "#60a5fa",
+    "info-bg": "rgba(30, 58, 138, 0.3)",
+    "special": "#c084fc",
+    "special-bg": "rgba(88, 28, 135, 0.3)",
+    "chat-column": "#0a0a0a",
+    "chat-column-border": "#262626",
+    "scrollbar": "#2a2a2a",
+    "scrollbar-hover": "#3a3a3a",
+    "md-code": "#60a5fa",
+    "md-pre-bg": "#0d1117"
+  }
+}

package/apps/sessrumnir/src/renderer/src/themes/fensalir.json

@@ -0,0 +1,82 @@
+{
+  "$schema": "pi-theme/v1",
+  "name": "Fensalir",
+  "kind": "dark",
+  "author": "Ymir",
+  "description": "Fensalir — the weaving halls: the carved cloth of the halls, taken whole from the landing page's stone, bone, bronze and blood. The default cloth of the seat; any user theme chosen still wins over it.",
+  "seeds": {
+    "app": "#0e0c09",
+    "surface": "#151209",
+    "text": "#cfc3a9",
+    "accent": "#c9973f",
+    "success": "#96a0a8",
+    "warning": "#c9973f",
+    "error": "#c2584a"
+  },
+  "overrides": {
+    "app": "#0e0c09",
+    "surface": "#151209",
+    "surface-hover": "#1a1610",
+    "card": "#151209",
+    "elevated": "#1a1610",
+    "highlight": "#14100b",
+    "highlight-strong": "#1a1610",
+    "primary": "#cfc3a9",
+    "secondary": "rgba(207, 195, 169, 0.82)",
+    "muted": "#9a8f75",
+    "dim": "#6b6250",
+    "faint": "rgba(207, 195, 169, 0.38)",
+    "ghost": "rgba(207, 195, 169, 0.26)",
+    "inverse": "#0e0c09",
+    "border": "#2b241a",
+    "border-strong": "#7d5f2a",
+    "border-strong-hover": "#c9973f",
+    "focus": "#c9973f",
+    "accent": "#c9973f",
+    "accent-hover": "#7d5f2a",
+    "accent-fg": "#cfc3a9",
+    "accent-bg": "rgba(201, 151, 79, 0.14)",
+    "success": "#96a0a8",
+    "success-bg": "rgba(150, 160, 168, 0.14)",
+    "warning": "#c9973f",
+    "warning-bg": "rgba(201, 151, 79, 0.18)",
+    "error": "#c2584a",
+    "error-hover": "#7c3a30",
+    "error-bg": "rgba(124, 58, 48, 0.24)",
+    "info": "#9a8f75",
+    "info-bg": "rgba(154, 143, 117, 0.14)",
+    "special": "#7d5f2a",
+    "special-bg": "rgba(125, 95, 42, 0.18)",
+    "chat-column": "#0e0c09",
+    "chat-column-border": "#2b241a",
+    "scrollbar": "#2b241a",
+    "scrollbar-hover": "#7d5f2a",
+    "md-code": "#c9973f",
+    "md-pre-bg": "#14100b",
+    "selection-bg": "#57411a",
+    "selection-fg": "#f0e6cd"
+  },
+  "syntax": {
+    "keyword": "#c9973f",
+    "string": "#96a0a8",
+    "comment": "#6b6250",
+    "function": "#cfc3a9",
+    "type": "#9a8f75",
+    "number": "#c2584a",
+    "operator": "#9a8f75",
+    "property": "#96a0a8",
+    "tag": "#c2584a",
+    "variable": "#cfc3a9",
+    "constant": "#c9973f",
+    "heading": "#cfc3a9",
+    "link": "#c9973f",
+    "list": "#c2584a",
+    "quote": "#9a8f75",
+    "meta": "#6b6250",
+    "mark": "#c9973f",
+    "invalid": "#c2584a",
+    "active-line-bg": "rgba(207, 195, 169, 0.04)",
+    "selection-bg": "#57411a",
+    "selection-match-bg": "rgba(207, 195, 169, 0.08)"
+  }
+}

package/apps/sessrumnir/src/renderer/src/themes/gruvbox.json

@@ -0,0 +1,69 @@
+{
+  "$schema": "pi-theme/v1",
+  "name": "Gruvbox",
+  "kind": "dark",
+  "seeds": {
+    "app": "#282828",
+    "surface": "#3C3836",
+    "text": "#EBDBB2",
+    "accent": "#458588",
+    "success": "#B8BB26",
+    "warning": "#FABD2F",
+    "error": "#FB4934"
+  },
+  "overrides": {
+    "surface-hover": "#504945",
+    "card": "#504945",
+    "elevated": "#665C54",
+    "highlight": "#3C3836",
+    "highlight-strong": "#504945",
+    "secondary": "#BDAE93",
+    "muted": "#A89984",
+    "dim": "#928374",
+    "faint": "#7C6F64",
+    "ghost": "#665C54",
+    "inverse": "#282828",
+    "border": "#504945",
+    "border-strong": "#665C54",
+    "focus": "#D79921",
+    "accent-hover": "#689D6A",
+    "accent-fg": "#83A598",
+    "accent-bg": "rgba(40, 40, 40, 0.5)",
+    "success-bg": "rgba(152, 151, 26, 0.15)",
+    "warning-bg": "rgba(215, 153, 33, 0.15)",
+    "error-bg": "rgba(204, 36, 29, 0.15)",
+    "info": "#83A598",
+    "info-bg": "rgba(40, 40, 40, 0.5)",
+    "special": "#D3869B",
+    "special-bg": "rgba(177, 98, 134, 0.15)",
+    "chat-column": "#282828",
+    "chat-column-border": "#504945",
+    "scrollbar": "#504945",
+    "scrollbar-hover": "#665C54",
+    "md-code": "#D3869B",
+    "md-pre-bg": "#1D2021"
+  },
+  "syntax": {
+    "keyword": "#D3869B",
+    "string": "#B8BB26",
+    "comment": "#A89984",
+    "function": "#FABD2F",
+    "type": "#FABD2F",
+    "number": "#FE8019",
+    "operator": "#83A598",
+    "property": "#FE8019",
+    "tag": "#FB4934",
+    "variable": "#EBDBB2",
+    "constant": "#FE8019",
+    "heading": "#D3869B",
+    "link": "#B8BB26",
+    "list": "#FE8019",
+    "quote": "#A89984",
+    "meta": "#BDAE93",
+    "mark": "#D3869B",
+    "invalid": "#FB4934",
+    "active-line-bg": "rgba(235, 219, 178, 0.04)",
+    "selection-bg": "rgba(69, 133, 136, 0.40)",
+    "selection-match-bg": "rgba(235, 219, 178, 0.08)"
+  }
+}

package/apps/sessrumnir/src/renderer/src/themes/index.ts

@@ -0,0 +1,60 @@
+import type { ThemeFile } from '../../../shared/theme/theme-file'
+import { t } from '../../../shared/i18n'
+import { BUILTIN_THEME_IDS as SHARED_BUILTIN_THEME_IDS } from '../../../shared/theme/builtin-ids'
+import dark from './dark.json'
+import light from './light.json'
+import nord from './nord.json'
+import gruvbox from './gruvbox.json'
+import breezeDark from './breeze-dark.json'
+import breezeLight from './breeze-light.json'
+import breezeClaudius from './breeze-claudius.json'
+import sessrumnir from './sessrumnir.json'
+import fensalir from './fensalir.json'
+
+export const BUILTIN_THEMES: ReadonlyArray<{ id: string; file: ThemeFile }> = [
+  { id: 'sessrumnir', file: sessrumnir as ThemeFile },
+  { id: 'fensalir', file: fensalir as ThemeFile },
+  { id: 'dark', file: dark as ThemeFile },
+  { id: 'light', file: light as ThemeFile },
+  { id: 'nord', file: nord as ThemeFile },
+  { id: 'gruvbox', file: gruvbox as ThemeFile },
+  { id: 'breeze-dark', file: breezeDark as ThemeFile },
+  { id: 'breeze-light', file: breezeLight as ThemeFile },
+  { id: 'breeze-claudius', file: breezeClaudius as ThemeFile },
+]
+
+export const BUILTIN_THEME_IDS: readonly string[] = BUILTIN_THEMES.map((t) => t.id)
+
+type BuiltinThemeId = (typeof SHARED_BUILTIN_THEME_IDS)[number]
+
+function isBuiltinThemeId(id: string): id is BuiltinThemeId {
+  return (SHARED_BUILTIN_THEME_IDS as readonly string[]).includes(id)
+}
+
+// `id` here is a plain `string` narrowed to `BuiltinThemeId` only inside the
+// `isBuiltinThemeId` type-guard call below, not a directly union-typed
+// parameter — the extractor's static analysis cannot follow that narrowing
+// through a template literal (`themes.builtin.${id}`) and deletes the keys
+// as unused (verified: a direct union-typed parameter, as in
+// permission-mode.ts's `getPermissionModeLabel`, extracts fine). An explicit
+// key per id keeps them extractable and typo-checked by tsc.
+const BUILTIN_THEME_NAME_KEYS = {
+  dark: 'themes.builtin.dark',
+  light: 'themes.builtin.light',
+  nord: 'themes.builtin.nord',
+  gruvbox: 'themes.builtin.gruvbox',
+  'breeze-dark': 'themes.builtin.breeze-dark',
+  'breeze-light': 'themes.builtin.breeze-light',
+  'breeze-claudius': 'themes.builtin.breeze-claudius',
+  sessrumnir: 'themes.builtin.sessrumnir',
+  fensalir: 'themes.builtin.fensalir',
+} as const
+
+/** Built-in themes show a translated name; user and gallery themes keep their own. */
+export function themeDisplayName(id: string, fileName: string): string {
+  if (!isBuiltinThemeId(id)) return fileName
+  const themeId: BuiltinThemeId = id
+  type ThemeNameKey = typeof BUILTIN_THEME_NAME_KEYS[BuiltinThemeId]
+  const key: ThemeNameKey = BUILTIN_THEME_NAME_KEYS[themeId]
+  return t(key)
+}