bom-pi 0.0.0-stage → 0.0.2

package/apps/web/public/theme-surface.js

@@ -0,0 +1,266 @@
+// What themes may rely on: the CSS variables (tokens) and the `data-part` names of the app's regions, at theme API
+// version `THEME_API`. docs/extensions/reference/theme-surface.md describes each (the CSS names extensions may use are a
+// subset); test/theme-surface.test.ts checks that style.css defines every token and that every part is on an element.
+// Add to these lists freely. A rename or removal follows docs/extensions/policies/api-stability.md: the old name stays
+// as an alias (`--old: var(--new)`, or `data-part="new old"`) for at least one minor release and 90 days, and its
+// removal raises `THEME_API` by one (the server reads it from here: src/server/themes/format.ts).
+
+export const THEME_API = 1;
+
+export const TOKENS = [
+    // The palette, from Colors (theme.js); a theme reads them, and may set them.
+    "--o-bg",
+    "--o-bg-dark",
+    "--o-bg-darker",
+    "--o-bg-light",
+    "--o-fg",
+    "--o-fg-dim",
+    "--o-fg-light",
+    "--o-fg-bright",
+    "--o-accent",
+    "--o-selection",
+    "--o-red",
+    "--o-yellow",
+    "--o-orange",
+    "--o-green",
+    "--o-cyan",
+    "--o-blue",
+    "--o-magenta",
+    // Surfaces
+    "--desk",
+    "--bg",
+    "--panel",
+    "--card",
+    "--card-2",
+    "--raised",
+    "--hover",
+    "--pressed",
+    "--scrim",
+    "--code-bg",
+    // Lines
+    "--line",
+    "--line-strong",
+    "--edge",
+    "--hair",
+    "--hair-2",
+    // Text
+    "--text",
+    "--body",
+    "--muted",
+    "--faint",
+    // Accent and status
+    "--accent",
+    "--accent-ink",
+    "--accent-fill",
+    "--accent-soft",
+    "--accent-line",
+    "--accent-2",
+    "--focus-ring",
+    "--spark",
+    "--brand",
+    "--ok",
+    "--ok-soft",
+    "--warn",
+    "--warn-soft",
+    "--warn-line",
+    "--err",
+    "--err-soft",
+    "--err-line",
+    // Code
+    "--hl-kw",
+    "--hl-str",
+    "--hl-num",
+    "--hl-fn",
+    "--hl-type",
+    "--hl-op",
+    "--hl-tag",
+    // Type
+    "--sans",
+    "--mono",
+    "--ligatures",
+    // Corners
+    "--r-mark",
+    "--r-tag",
+    "--r-seg",
+    "--r-row",
+    "--r-control",
+    "--r-card",
+    "--r-window",
+    "--r-sheet",
+    "--r-float",
+    "--r-pill",
+    "--radius",
+    // Space and layout
+    "--gap-out",
+    "--gap-in",
+    "--border",
+    "--space-x",
+    "--space-y",
+    "--leading",
+    "--transcript-width",
+    "--composer-width",
+    "--transcript-gutter",
+    "--timeline-x",
+    "--step-mark-size",
+    "--step-gap",
+    "--wallpaper",
+    // Windows
+    "--window-border",
+    "--window-border-active",
+    "--window-ring",
+    // Shadows
+    "--sh",
+    "--shadow",
+    "--pop",
+    // Motion
+    "--ease-out",
+    "--ease-in-out",
+    "--ease-almost",
+    "--t-in",
+    "--t-out",
+    "--t-fade",
+    "--t-border",
+    "--t-hover",
+    "--ease-spring",
+    "--ease-glide",
+    "--ease-exit",
+    "--t-spring",
+    "--t-glide",
+    "--t-exit",
+    "--stagger",
+];
+
+export const PARTS = [
+    // The frame
+    "app",
+    "boot",
+    "brand-mark",
+    "rail",
+    "rail-button",
+    "sidebar",
+    "drawer",
+    "session-list",
+    "session-list-title",
+    "session-search",
+    "session-filter",
+    "session-tabs",
+    "session-tab",
+    "session-tab-count",
+    "segment-thumb",
+    "session-group",
+    "session-group-bar",
+    "session-group-head",
+    "session-group-name",
+    "session-group-count",
+    "session-group-action",
+    "session-clear",
+    "session-more",
+    "session-row",
+    "session-button",
+    "session-mark",
+    "session-limit",
+    "session-quick",
+    "session-review",
+    "session-dismiss",
+    "session-read",
+    "session-ask",
+    "session-ask-command",
+    "session-ask-reason",
+    "session-ask-open",
+    "session-deny",
+    "session-decline",
+    "session-allow",
+    "rail-needs",
+    "session-branches",
+    "session-chips",
+    "session-chip",
+    "home",
+    "home-logo",
+    "home-facts",
+    "home-title",
+    "home-fact",
+    "home-colors",
+    "home-color",
+    "home-actions",
+    "home-heading",
+    "home-recent",
+    "home-recent-row",
+    "home-recent-key",
+    "home-list",
+    "pane",
+    "topbar",
+    "topbar-title",
+    "topbar-sub",
+    // The conversation
+    "transcript",
+    "prompt-row",
+    "prompt",
+    "prompt-head",
+    "author-mark",
+    "prompt-author",
+    "prompt-text",
+    "reply",
+    "reply-quote",
+    "reply-actions",
+    "activity",
+    "activity-head",
+    "activity-chevron",
+    "timeline",
+    "timeline-earlier",
+    "thinking",
+    "tool-call",
+    "step-head",
+    "step-mark",
+    "step-label",
+    "step-detail",
+    "approval",
+    "live-line",
+    "live-mark",
+    "live-limit",
+    "live-retry",
+    "code-block",
+    "code-head",
+    "inline-code",
+    // The composer
+    "composer",
+    "dock",
+    "subagents-bar",
+    "message-box",
+    "quote-strip",
+    "composer-tools",
+    "composer-button",
+    "plan-chip",
+    "mode-switch",
+    "stop-button",
+    "send-button",
+    "model-chip",
+    "status-line",
+    "status-item",
+    // Layers over the app
+    "sheet",
+    "sheet-head",
+    "sheet-body",
+    "scrim",
+    "menu",
+    "session-menu",
+    "quote-reply-button",
+    "launcher",
+    "launcher-input",
+    "launcher-filters",
+    "launcher-group",
+    "launcher-row",
+    "notices",
+    "notice",
+    // Panels
+    "people-panel",
+    "peeks",
+    "peek-tile",
+    "files-panel",
+    "browser-panel",
+    "pip",
+    "subagents-board",
+    "extension-page",
+    "extension-panel",
+    "diff",
+    "sign-in",
+];