@puredesktop/puredesktop-ui-bridge 2.1.4 → 2.1.6

package/src/components/print-design/PrintDesignPanel.tsx

@@ -212,7 +212,7 @@ const Panel = styled.section<{
   $density: PrintDesignPanelDensity
 }>`
   --print-design-page-surface: var(--platform-colors-elevated, #fff);
-  --print-design-panel-surface: var(--platform-colors-surface, #f8f9fb);
+  --print-design-panel-surface: var(--platform-colors-surface, #ffffff);
   --print-design-preview-paper: #fff;
   --platform-panel-tab-surface: var(--print-design-page-surface);
 
@@ -258,7 +258,7 @@ const Panel = styled.section<{
 
 const Popover = styled.div`
   --print-design-page-surface: var(--platform-colors-elevated, #fff);
-  --print-design-panel-surface: var(--platform-colors-surface, #f8f9fb);
+  --print-design-panel-surface: var(--platform-colors-surface, #ffffff);
   --print-design-preview-paper: #fff;
   --platform-panel-tab-surface: var(--print-design-page-surface);
 
@@ -487,9 +487,7 @@ const DesignMain = styled.div<{
         grid-column: 1 / 2;
         grid-row: 2 / 3;
         grid-template-columns: ${
-          $mode === 'vision'
-            ? 'minmax(0, 1fr)'
-            : 'minmax(0, 1fr)'
+          $mode === 'vision' ? 'minmax(0, 1fr)' : 'minmax(0, 1fr)'
         };
         grid-template-rows: ${
           $mode === 'vision' ? 'minmax(0, 1fr)' : 'minmax(0, 1fr) auto'
@@ -673,8 +671,7 @@ const Swatch = styled.span<{ $color: string }>`
 `
 
 const PresetList = styled.div<{ $variant: PrintDesignPanelVariant }>`
-  display: ${({ $variant }) =>
-    $variant === 'popover' ? 'flex' : 'grid'};
+  display: ${({ $variant }) => ($variant === 'popover' ? 'flex' : 'grid')};
   grid-template-columns: ${({ $variant }) =>
     $variant === 'workspace'
       ? 'repeat(auto-fit, minmax(172px, 1fr))'
@@ -1036,7 +1033,7 @@ const VisionEvidenceActionButton = styled.button`
   min-height: 24px;
   padding: 2px 10px;
   border: 1px solid #8cc7a0;
-  border-radius: 999px;
+  border-radius: var(--platform-radius-sm);
   background: var(--print-design-panel-surface);
   color: var(--platform-colors-text);
   font: inherit;
@@ -1065,7 +1062,7 @@ const VisionCarouselButton = styled.button`
   height: 24px;
   padding: 0;
   border: 1px solid var(--platform-colors-border);
-  border-radius: 999px;
+  border-radius: var(--platform-radius-sm);
   background: var(--print-design-panel-surface);
   color: var(--platform-colors-text);
   cursor: pointer;
@@ -1102,7 +1099,7 @@ const VisionCarouselChip = styled.button<{ $active: boolean }>`
       $active
         ? 'var(--platform-colors-accent, var(--platform-colors-text))'
         : 'var(--platform-colors-border)'};
-  border-radius: 999px;
+  border-radius: var(--platform-radius-sm);
   background: ${({ $active }) =>
     $active
       ? 'rgb(from var(--platform-colors-accent, #3454d1) r g b / 0.08)'
@@ -1374,8 +1371,7 @@ const DecisionItem = styled.div<{ $type: string; $startsGroup: boolean }>`
   grid-template-columns: 54px minmax(0, 1fr);
   align-items: start;
   column-gap: var(--platform-spacing-sm);
-  padding: ${({ $startsGroup }) =>
-    $startsGroup ? '8px 0 6px' : '5px 0 6px'};
+  padding: ${({ $startsGroup }) => ($startsGroup ? '8px 0 6px' : '5px 0 6px')};
   border-top: 1px solid var(--platform-colors-divider);
   background: ${({ $type }) => decisionBackground($type)};
 
@@ -1599,7 +1595,7 @@ function fontStack(
   role: 'serif' | 'sans',
   purpose: 'display' | 'body' | 'label',
 ): string {
-  if (role === 'sans') return '"Source Sans 3", system-ui, sans-serif'
+  if (role === 'sans') return '"Archivo", system-ui, sans-serif'
   if (purpose === 'display') return '"Newsreader", Georgia, serif'
   return '"Source Serif 4", Georgia, serif'
 }
@@ -1743,13 +1739,13 @@ function visionComparisonHtml(comparison: PrintDesignVisionComparison): string {
     h1 { margin: 0 0 8px; font-size: 20px; font-weight: 650; }
     .meta { display: grid; gap: 4px; color: #60666d; font-size: 13px; line-height: 1.4; }
     main { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 18px; padding: 18px 24px 24px; }
-    section { min-width: 0; background: #fff; border: 1px solid #ddd; border-radius: 10px; padding: 14px; }
+    section { min-width: 0; background: #fff; border: 1px solid #ddd; border-radius: 0; padding: 14px; }
     h2 { margin: 0 0 10px; font-size: 15px; }
     .note { min-height: 44px; margin-bottom: 12px; color: #60666d; font-size: 13px; line-height: 1.4; }
     .stage { display: grid; gap: 10px; }
-    img { display: block; width: 100%; max-height: 72vh; object-fit: contain; background: #fff; border: 1px solid #e2e2e2; border-radius: 8px; }
+    img { display: block; width: 100%; max-height: 72vh; object-fit: contain; background: #fff; border: 1px solid #e2e2e2; border-radius: 0; }
     .controls { display: flex; align-items: center; gap: 8px; }
-    button { border: 1px solid #ccc; background: #fff; border-radius: 999px; min-width: 28px; height: 28px; cursor: pointer; }
+    button { border: 1px solid #ccc; background: #fff; border-radius: 0; min-width: 28px; height: 28px; cursor: pointer; }
     button:disabled { opacity: .35; cursor: default; }
     .label { flex: 1; min-width: 0; color: #60666d; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
     .pdf { margin-top: 8px; font-size: 12px; }
@@ -2253,12 +2249,7 @@ export function PrintDesignPanel({
       data-panel-variant={variant}
       aria-label="Print design"
     >
-      <HeaderRow
-        $variant={variant}
-        $align="center"
-        $justify="start"
-        $gap="sm"
-      >
+      <HeaderRow $variant={variant} $align="center" $justify="start" $gap="sm">
         {variant === 'workspace' ? (
           <WorkspaceIdentity>
             <WorkspaceTitle>Design - PDF Typesetter</WorkspaceTitle>
@@ -2575,7 +2566,10 @@ export function PrintDesignPanel({
 
         <WorkspaceCanvas $variant={variant} $mode={mode}>
           {mode === 'vision' ? (
-            <VisionPanel $variant={variant} aria-label="Beta vision typesetting">
+            <VisionPanel
+              $variant={variant}
+              aria-label="Beta vision typesetting"
+            >
               <VisionSettingsRail $variant={variant}>
                 <VisionSettingsStrip>
                   <SectionTitle>Beta settings</SectionTitle>
@@ -2624,8 +2618,7 @@ export function PrintDesignPanel({
                           0,
                           Math.min(
                             5,
-                            Number.parseInt(event.currentTarget.value, 10) ||
-                              0,
+                            Number.parseInt(event.currentTarget.value, 10) || 0,
                           ),
                         )
                         visionTypesetting?.onMaxFixesPerIssueChange?.(value)

package/src/components/proofing/PagedProofDialog.tsx

@@ -158,7 +158,9 @@ function CrossfadeFrame({
   useEffect(() => {
     const top = layers[layers.length - 1]
     if (!html || top?.html === html) return
-    targetScroll.current = readFrameScroll(top ? frames.current.get(top.id) ?? null : null)
+    targetScroll.current = readFrameScroll(
+      top ? frames.current.get(top.id) ?? null : null,
+    )
     setTopVisible(false)
     setLayers(prev => [...prev, { id: nextId.current++, html }])
   }, [html, layers])
@@ -226,7 +228,10 @@ function CrossfadeFrame({
   )
 }
 
-function annotationMessage({ note, imageDataUrl }: ScreenAnnotationAgentPayload): string {
+function annotationMessage({
+  note,
+  imageDataUrl,
+}: ScreenAnnotationAgentPayload): string {
   return [
     'Please use this paged proof annotation to adjust the print/typesetting CSS, then explain what changed and ask the user to preview again.',
     '',
@@ -338,7 +343,13 @@ export function PagedProofDialog({
 
   return (
     <>
-      <Modal open={open} onClose={onClose} title={title} size="fullscreen" chrome>
+      <Modal
+        open={open}
+        onClose={onClose}
+        title={title}
+        size="fullscreen"
+        chrome
+      >
         <StyledBody>
           <StyledToolbar>
             <Text as="p" size="sm" tone="secondary">
@@ -404,7 +415,9 @@ export function PagedProofDialog({
               <StyledIssueList>
                 <Text as="p" size="sm" tone="secondary">
                   {issues.length
-                    ? `${issues.length} issue${issues.length === 1 ? '' : 's'} ready`
+                    ? `${issues.length} issue${
+                        issues.length === 1 ? '' : 's'
+                      } ready`
                     : issueStatus}
                 </Text>
                 {issues.map((issue, index) => (

package/src/editor/EditorViewModeToggle.tsx

@@ -9,6 +9,7 @@ export interface EditorViewModeToggleProps {
   disabled?: boolean
   className?: string
   variant?: 'subtle' | 'text'
+  iconOnly?: boolean
 }
 
 export function EditorViewModeToggle({
@@ -17,9 +18,11 @@ export function EditorViewModeToggle({
   disabled = false,
   className,
   variant = 'subtle',
+  iconOnly = false,
 }: EditorViewModeToggleProps): React.ReactElement {
   const nextMode: EditorViewMode = mode === 'page' ? 'boxed' : 'page'
   const Icon = mode === 'page' ? PanelTop : Focus
+  const label = mode === 'page' ? 'Show app tools' : 'Enter quiet mode'
   return (
     <Button
       type="button"
@@ -28,11 +31,12 @@ export function EditorViewModeToggle({
       className={className}
       disabled={disabled}
       aria-pressed={mode === 'page'}
-      title={mode === 'page' ? 'Show app tools' : 'Enter quiet mode'}
+      aria-label={label}
+      title={label}
       onClick={() => onChange(nextMode)}
     >
       <Icon size={14} strokeWidth={1.8} aria-hidden="true" />
-      {mode === 'page' ? 'App mode' : 'Quiet mode'}
+      {iconOnly ? null : mode === 'page' ? 'App mode' : 'Quiet mode'}
     </Button>
   )
 }

package/src/editor/index.ts

@@ -58,6 +58,11 @@ export {
   parseAutoReviewFindingResponse,
   runAutoReview,
   validateAutoReviewFindings,
+  DocumentToolbarIcon,
+  ToolbarActionButton,
+  ToolbarActionDivider,
+  ToolbarActionIconButton,
+  ToolbarActionStrip,
   ToolbarInlineToolButton,
 } from '@puredesktop/platform-editor'
 export type {
@@ -84,6 +89,7 @@ export type {
   EditorCommentPromptProps,
   EditorLinkPromptProps,
   EditorToolbarOverlays,
+  ToolbarIconName,
   SlashCommandItem,
   SlashCommandRange,
   SlashCommandRunOptions,

package/src/theme/ThemeProvider.tsx

@@ -33,9 +33,12 @@ const PlatformThemeContext = createContext<PlatformThemeContextValue | null>(
 )
 
 function readStoredMode(): PlatformThemeMode {
-  if (typeof window === 'undefined') return 'dark'
+  if (typeof window === 'undefined') return 'light'
   const stored = window.localStorage.getItem(STORAGE_KEY)
-  return stored === 'light' || stored === 'dark' ? stored : 'dark'
+  if (stored === 'light' || stored === 'dark') return stored
+  return window.matchMedia?.('(prefers-color-scheme: dark)').matches
+    ? 'dark'
+    : 'light'
 }
 
 function themeForMode(mode: PlatformThemeMode): PlatformTheme {

package/src/theme/appAccents.test.ts

@@ -0,0 +1,51 @@
+import { describe, expect, it } from 'vitest'
+import { appAccentForSlug, applyAppAccentToTheme } from './appAccents.js'
+import { lightTheme } from './themes/light.js'
+
+describe('appAccents', () => {
+  it('allocates identity hues to all suite apps', () => {
+    expect(appAccentForSlug('teams')?.accent).toBe('oklch(0.58 0.13 8)')
+    expect(appAccentForSlug('vibes')?.accent).toBe('oklch(0.50 0.14 26)')
+    expect(appAccentForSlug('mail')?.accent).toBe('oklch(0.60 0.12 44)')
+    expect(appAccentForSlug('files')?.accent).toBe('oklch(0.50 0.13 64)')
+    expect(appAccentForSlug('slides')?.accent).toBe('oklch(0.61 0.11 84)')
+    expect(appAccentForSlug('writer')?.accent).toBe('oklch(0.50 0.12 102)')
+    expect(appAccentForSlug('manuscript')?.accent).toBe('oklch(0.61 0.12 124)')
+    expect(appAccentForSlug('book')?.accent).toBe('oklch(0.48 0.14 148)')
+    expect(appAccentForSlug('reports')?.accent).toBe('oklch(0.61 0.12 166)')
+    expect(appAccentForSlug('chart')?.accent).toBe('oklch(0.48 0.13 184)')
+    expect(appAccentForSlug('knowledge')?.accent).toBe('oklch(0.46 0.11 198)')
+    expect(appAccentForSlug('research')?.accent).toBe('oklch(0.63 0.12 222)')
+    expect(appAccentForSlug('sheets')?.accent).toBe('oklch(0.50 0.13 244)')
+    expect(appAccentForSlug('calendar')?.accent).toBe('oklch(0.63 0.13 258)')
+    expect(appAccentForSlug('desktop')?.accent).toBe('oklch(0.48 0.13 274)')
+    expect(appAccentForSlug('plan')?.accent).toBe('oklch(0.61 0.14 290)')
+    expect(appAccentForSlug('review')?.accent).toBe('oklch(0.50 0.15 308)')
+    expect(appAccentForSlug('tasks')?.accent).toBe('oklch(0.63 0.15 324)')
+    expect(appAccentForSlug('assistant')?.accent).toBe('oklch(0.50 0.15 340)')
+    expect(appAccentForSlug('people')?.accent).toBe('oklch(0.61 0.14 356)')
+  })
+
+  it('exposes the deep block tone for large fills', () => {
+    expect(appAccentForSlug('research')?.accentBlock).toBe(
+      'oklch(0.40 0.06 222)',
+    )
+    expect(appAccentForSlug('tasks')?.accentBlock).toBe('oklch(0.40 0.06 324)')
+  })
+
+  it('normalizes pure-prefixed slugs', () => {
+    expect(appAccentForSlug('purefiles')?.accent).toBe(
+      appAccentForSlug('files')?.accent,
+    )
+    expect(appAccentForSlug('pureknowledge')?.accent).toBe(
+      appAccentForSlug('knowledge')?.accent,
+    )
+    expect(appAccentForSlug('pureslides')?.accent).toBe(
+      appAccentForSlug('slides')?.accent,
+    )
+  })
+
+  it('does not mutate the platform theme accent', () => {
+    expect(applyAppAccentToTheme(lightTheme, 'tasks')).toBe(lightTheme)
+  })
+})

package/src/theme/appAccents.ts

@@ -1,115 +1,178 @@
 import type { PlatformTheme } from './tokens.js'
 
 /**
- * Per-app accent identity, owned centrally by the shared UI (not by each app).
- *
- * The brand system assigns every app one hue ~28–32° apart so the suite reads
- * as a family; opening a different app should feel like being "somewhere else".
- * The shell derives each app's accent from this map and injects it into that
- * app's theme bridge payload, so no app ships its own brand CSS.
+ * App identity is a chrome-only layer. It is exposed through CSS variables
+ * (`--app-acc`, `--app-bg`, `--app-text`, `--app-block`) and deliberately
+ * does not override `--platform-colors-accent`, which belongs to theme/status
+ * meaning.
  */
 
-/** App slug → accent hue in degrees (PURE_BRAND_SYSTEM §2.2). */
-export const APP_ACCENT_HUES: Record<string, number> = {
-  purefiles: 70,
-  files: 70,
-  writer: 212,
-  paper: 200,
-  book: 150,
-  chat: 232,
-  tasks: 8,
-  review: 265,
-  knowledge: 38,
-  slides: 295,
-  mail: 232,
-  chart: 200,
-  reports: 325,
-  vibes: 348,
-  today: 38,
-  calendar: 175,
-  teams: 188,
-  pages: 265,
-  frames: 10,
-  sheets: 115,
-}
-
-/**
- * Pale hues (~30–180°) need a darker accent text so it stays AA-legible on
- * light tints — the one per-app variable besides hue (PURE_BRAND_SYSTEM §2.2).
- */
-function accentTextLightness(hue: number): number {
-  return hue >= 30 && hue <= 180 ? 31 : 42
-}
-
-function darkAccentFillLightness(hue: number): number {
-  return hue >= 30 && hue <= 220 ? 30 : 38
-}
-
 export interface DerivedAppAccent {
   accent: string
   accentHover: string
   accentMuted: string
   accentText: string
+  accentBlock: string
 }
 
-/** Derive the accent token set from a single hue. */
-export function deriveAppAccent(hue: number): DerivedAppAccent {
-  return {
-    accent: `hsl(${hue}, 50%, 49%)`,
-    accentHover: `hsl(${hue}, 50%, 42%)`,
-    accentMuted: `hsl(${hue}, 42%, 95%)`,
-    accentText: `hsl(${hue}, 48%, ${accentTextLightness(hue)}%)`,
-  }
+const APP_IDENTITY_ACCENTS: Record<string, DerivedAppAccent> = {
+  teams: {
+    accent: 'oklch(0.58 0.13 8)',
+    accentHover: 'oklch(0.40 0.06 8)',
+    accentMuted: 'oklch(0.955 0.03 8)',
+    accentText: 'oklch(0.40 0.12 8)',
+    accentBlock: 'oklch(0.40 0.06 8)',
+  },
+  vibes: {
+    accent: 'oklch(0.50 0.14 26)',
+    accentHover: 'oklch(0.40 0.06 26)',
+    accentMuted: 'oklch(0.955 0.03 26)',
+    accentText: 'oklch(0.40 0.12 26)',
+    accentBlock: 'oklch(0.40 0.06 26)',
+  },
+  mail: {
+    accent: 'oklch(0.60 0.12 44)',
+    accentHover: 'oklch(0.40 0.06 44)',
+    accentMuted: 'oklch(0.93 0.05 44)',
+    accentText: 'oklch(0.40 0.12 44)',
+    accentBlock: 'oklch(0.40 0.06 44)',
+  },
+  files: {
+    accent: 'oklch(0.50 0.13 64)',
+    accentHover: 'oklch(0.40 0.06 64)',
+    accentMuted: 'oklch(0.955 0.03 64)',
+    accentText: 'oklch(0.40 0.12 64)',
+    accentBlock: 'oklch(0.40 0.06 64)',
+  },
+  slides: {
+    accent: 'oklch(0.61 0.11 84)',
+    accentHover: 'oklch(0.40 0.06 84)',
+    accentMuted: 'oklch(0.955 0.03 84)',
+    accentText: 'oklch(0.40 0.11 84)',
+    accentBlock: 'oklch(0.40 0.06 84)',
+  },
+  writer: {
+    accent: 'oklch(0.50 0.12 102)',
+    accentHover: 'oklch(0.40 0.06 102)',
+    accentMuted: 'oklch(0.955 0.03 102)',
+    accentText: 'oklch(0.40 0.12 102)',
+    accentBlock: 'oklch(0.40 0.06 102)',
+  },
+  manuscript: {
+    accent: 'oklch(0.61 0.12 124)',
+    accentHover: 'oklch(0.40 0.06 124)',
+    accentMuted: 'oklch(0.955 0.03 124)',
+    accentText: 'oklch(0.40 0.12 124)',
+    accentBlock: 'oklch(0.40 0.06 124)',
+  },
+  book: {
+    accent: 'oklch(0.48 0.14 148)',
+    accentHover: 'oklch(0.40 0.06 148)',
+    accentMuted: 'oklch(0.955 0.03 148)',
+    accentText: 'oklch(0.40 0.12 148)',
+    accentBlock: 'oklch(0.40 0.06 148)',
+  },
+  reports: {
+    accent: 'oklch(0.61 0.12 166)',
+    accentHover: 'oklch(0.40 0.06 166)',
+    accentMuted: 'oklch(0.955 0.03 166)',
+    accentText: 'oklch(0.40 0.12 166)',
+    accentBlock: 'oklch(0.40 0.06 166)',
+  },
+  chart: {
+    accent: 'oklch(0.48 0.13 184)',
+    accentHover: 'oklch(0.40 0.06 184)',
+    accentMuted: 'oklch(0.955 0.03 184)',
+    accentText: 'oklch(0.40 0.12 184)',
+    accentBlock: 'oklch(0.40 0.06 184)',
+  },
+  knowledge: {
+    accent: 'oklch(0.46 0.11 198)',
+    accentHover: 'oklch(0.40 0.06 198)',
+    accentMuted: 'oklch(0.955 0.03 198)',
+    accentText: 'oklch(0.40 0.11 198)',
+    accentBlock: 'oklch(0.40 0.06 198)',
+  },
+  research: {
+    accent: 'oklch(0.63 0.12 222)',
+    accentHover: 'oklch(0.40 0.06 222)',
+    accentMuted: 'oklch(0.955 0.03 222)',
+    accentText: 'oklch(0.40 0.12 222)',
+    accentBlock: 'oklch(0.40 0.06 222)',
+  },
+  sheets: {
+    accent: 'oklch(0.50 0.13 244)',
+    accentHover: 'oklch(0.40 0.06 244)',
+    accentMuted: 'oklch(0.955 0.03 244)',
+    accentText: 'oklch(0.40 0.12 244)',
+    accentBlock: 'oklch(0.40 0.06 244)',
+  },
+  calendar: {
+    accent: 'oklch(0.63 0.13 258)',
+    accentHover: 'oklch(0.40 0.06 258)',
+    accentMuted: 'oklch(0.955 0.03 258)',
+    accentText: 'oklch(0.40 0.12 258)',
+    accentBlock: 'oklch(0.40 0.06 258)',
+  },
+  desktop: {
+    accent: 'oklch(0.48 0.13 274)',
+    accentHover: 'oklch(0.40 0.06 274)',
+    accentMuted: 'oklch(0.955 0.03 274)',
+    accentText: 'oklch(0.40 0.12 274)',
+    accentBlock: 'oklch(0.40 0.06 274)',
+  },
+  plan: {
+    accent: 'oklch(0.61 0.14 290)',
+    accentHover: 'oklch(0.40 0.06 290)',
+    accentMuted: 'oklch(0.955 0.03 290)',
+    accentText: 'oklch(0.40 0.12 290)',
+    accentBlock: 'oklch(0.40 0.06 290)',
+  },
+  review: {
+    accent: 'oklch(0.50 0.15 308)',
+    accentHover: 'oklch(0.40 0.06 308)',
+    accentMuted: 'oklch(0.955 0.03 308)',
+    accentText: 'oklch(0.40 0.12 308)',
+    accentBlock: 'oklch(0.40 0.06 308)',
+  },
+  tasks: {
+    accent: 'oklch(0.63 0.15 324)',
+    accentHover: 'oklch(0.40 0.06 324)',
+    accentMuted: 'oklch(0.955 0.03 324)',
+    accentText: 'oklch(0.40 0.12 324)',
+    accentBlock: 'oklch(0.40 0.06 324)',
+  },
+  assistant: {
+    accent: 'oklch(0.50 0.15 340)',
+    accentHover: 'oklch(0.40 0.06 340)',
+    accentMuted: 'oklch(0.955 0.03 340)',
+    accentText: 'oklch(0.40 0.12 340)',
+    accentBlock: 'oklch(0.40 0.06 340)',
+  },
+  people: {
+    accent: 'oklch(0.61 0.14 356)',
+    accentHover: 'oklch(0.40 0.06 356)',
+    accentMuted: 'oklch(0.955 0.03 356)',
+    accentText: 'oklch(0.40 0.12 356)',
+    accentBlock: 'oklch(0.40 0.06 356)',
+  },
 }
 
 export function appAccentForSlug(
   slug: string | null | undefined,
 ): DerivedAppAccent | null {
   if (!slug) return null
-  const hue = APP_ACCENT_HUES[slug]
-  return typeof hue === 'number' ? deriveAppAccent(hue) : null
+  return APP_IDENTITY_ACCENTS[slug.replace(/^pure/i, '')] ?? null
 }
 
 /**
- * Overlay an app's accent hue onto the platform theme. Applies in both modes —
- * the accent is the app's identity, used structurally (active tab, selection,
- * focus, links), never as a data-label fill.
+ * Kept for compatibility with existing shell composition calls. Identity is
+ * now applied by CSS variables so theme/status accent remains untouched.
  */
 export function applyAppAccentToTheme(
   theme: PlatformTheme,
   slug: string | null | undefined,
 ): PlatformTheme {
-  const accent = appAccentForSlug(slug)
-  if (!accent) return theme
-  const hue = APP_ACCENT_HUES[slug ?? '']
-  const darkAccent =
-    typeof hue === 'number'
-      ? {
-          accent: `hsl(${hue}, 48%, ${darkAccentFillLightness(hue)}%)`,
-          accentHover: `hsl(${hue}, 48%, ${darkAccentFillLightness(hue) + 4}%)`,
-          accentMuted: `hsl(${hue}, 34%, 22%)`,
-        }
-      : null
-  return {
-    ...theme,
-    colors: {
-      ...theme.colors,
-      accent:
-        theme.mode === 'dark'
-          ? darkAccent?.accent ?? accent.accent
-          : accent.accent,
-      accentHover:
-        theme.mode === 'dark'
-          ? darkAccent?.accentHover ?? accent.accentHover
-          : accent.accentHover,
-      accentMuted:
-        theme.mode === 'dark'
-          ? darkAccent?.accentMuted ?? accent.accentMuted
-          : accent.accentMuted,
-      focus:
-        theme.mode === 'dark'
-          ? darkAccent?.accent ?? accent.accent
-          : accent.accent,
-    },
-  }
+  void slug
+  return theme
 }