@unofficialbox/box-open-elements 0.4.0 → 0.6.0

package/dist/foundations/tokens/registry.d.ts

@@ -1,14 +1,44 @@
-import type { ApplyDesignTokensOptions, DesignSystemDefinition, DesignTokenMap } from "./types.js";
+import type { ApplyDesignTokensOptions, DesignSystemDefinition, DesignTokenInput, DesignTokenMap, RegisteredDesignSystemDefinition } from "./types.js";
 export declare const DESIGN_SYSTEM_CHANGE_EVENT = "boe:design-system-change";
+export declare const SEMANTIC_TOKEN_ALIASES: {
+    readonly fontFamilyBase: "FontFamilyBase";
+    readonly surfacePrimary: "SurfaceSurface";
+    readonly surfacePrimaryHover: "SurfaceSurfaceHover";
+    readonly surfaceSecondary: "SurfaceSurfaceSecondary";
+    readonly surfaceTertiary: "SurfaceSurfaceTertiary";
+    readonly surfaceQuaternary: "SurfaceSurfaceQuaternary";
+    readonly surfaceBrand: "SurfaceSurfaceBrand";
+    readonly surfaceBrandHover: "SurfaceSurfaceBrandHover";
+    readonly surfaceBrandPressed: "SurfaceSurfaceBrandPressed";
+    readonly surfaceSearch: "SurfaceSearchSurface";
+    readonly surfaceItemSelected: "SurfaceItemSurfaceSelected";
+    readonly surfaceItemHover: "SurfaceItemSurfaceHover";
+    readonly surfaceTooltip: "SurfaceTooltipSurface";
+    readonly surfaceStatusSuccess: "SurfaceStatusSurfaceSuccess";
+    readonly surfaceStatusError: "SurfaceStatusSurfaceError";
+    readonly surfaceStatusInProgress: "SurfaceStatusSurfaceInprogress";
+    readonly surfaceStatusAccent: "SurfaceStatusSurfaceAccent";
+    readonly surfaceIllustrationBoxNeutral: "SurfaceIllustrationSurfaceBoxNeutral";
+    readonly surfaceBadgeFolderShared: "SurfaceBadgeFoldersharedSurface";
+    readonly surfaceBadgePdf: "SurfaceBadgePdfSurface";
+    readonly textPrimary: "TextText";
+    readonly textSecondary: "TextTextSecondary";
+    readonly textPlaceholder: "TextTextPlaceholder";
+    readonly textOnBrand: "TextTextOnBrand";
+    readonly textDanger: "TextTextDanger";
+    readonly borderDefault: "StrokeStroke";
+    readonly borderHover: "StrokeStrokeHover";
+};
+export declare const normalizeDesignTokens: (tokens: DesignTokenInput) => DesignTokenMap;
 export declare const registerDesignSystem: (definition: DesignSystemDefinition, options?: {
     setActive?: boolean;
-}) => DesignSystemDefinition;
-export declare const getDesignSystem: (name: string | null | undefined) => DesignSystemDefinition | null;
+}) => RegisteredDesignSystemDefinition;
+export declare const getDesignSystem: (name: string | null | undefined) => RegisteredDesignSystemDefinition | null;
 export declare const setActiveDesignSystem: (name: string | null) => void;
-export declare const getActiveDesignSystem: () => DesignSystemDefinition | null;
-export declare const listDesignSystems: () => DesignSystemDefinition[];
+export declare const getActiveDesignSystem: () => RegisteredDesignSystemDefinition | null;
+export declare const listDesignSystems: () => RegisteredDesignSystemDefinition[];
 export declare const resolveDesignSystemTokens: (name?: string | null) => DesignTokenMap;
-export declare const applyDesignTokens: (target: HTMLElement, tokensOrSystemName?: DesignTokenMap | string | null, options?: ApplyDesignTokensOptions) => string[];
-export declare const createDesignTokenStyleText: (tokensOrSystemName?: DesignTokenMap | string | null, options?: ApplyDesignTokensOptions) => string;
+export declare const applyDesignTokens: (target: HTMLElement, tokensOrSystemName?: DesignTokenInput | string | null, options?: ApplyDesignTokensOptions) => string[];
+export declare const createDesignTokenStyleText: (tokensOrSystemName?: DesignTokenInput | string | null, options?: ApplyDesignTokensOptions) => string;
 export declare const resolveDesignIcon: (iconName: string, systemName?: string | null) => string | null;
 export declare const resolveDesignIllustration: (illustrationName: string, systemName?: string | null) => string | null;

package/dist/foundations/tokens/registry.js

@@ -2,6 +2,50 @@ export const DESIGN_SYSTEM_CHANGE_EVENT = "boe:design-system-change";
 const DEFAULT_TOKEN_PREFIX = "--boe-token-";
 const designSystems = new Map();
 let activeDesignSystemName = null;
+export const SEMANTIC_TOKEN_ALIASES = {
+    fontFamilyBase: "FontFamilyBase",
+    surfacePrimary: "SurfaceSurface",
+    surfacePrimaryHover: "SurfaceSurfaceHover",
+    surfaceSecondary: "SurfaceSurfaceSecondary",
+    surfaceTertiary: "SurfaceSurfaceTertiary",
+    surfaceQuaternary: "SurfaceSurfaceQuaternary",
+    surfaceBrand: "SurfaceSurfaceBrand",
+    surfaceBrandHover: "SurfaceSurfaceBrandHover",
+    surfaceBrandPressed: "SurfaceSurfaceBrandPressed",
+    surfaceSearch: "SurfaceSearchSurface",
+    surfaceItemSelected: "SurfaceItemSurfaceSelected",
+    surfaceItemHover: "SurfaceItemSurfaceHover",
+    surfaceTooltip: "SurfaceTooltipSurface",
+    surfaceStatusSuccess: "SurfaceStatusSurfaceSuccess",
+    surfaceStatusError: "SurfaceStatusSurfaceError",
+    surfaceStatusInProgress: "SurfaceStatusSurfaceInprogress",
+    surfaceStatusAccent: "SurfaceStatusSurfaceAccent",
+    surfaceIllustrationBoxNeutral: "SurfaceIllustrationSurfaceBoxNeutral",
+    surfaceBadgeFolderShared: "SurfaceBadgeFoldersharedSurface",
+    surfaceBadgePdf: "SurfaceBadgePdfSurface",
+    textPrimary: "TextText",
+    textSecondary: "TextTextSecondary",
+    textPlaceholder: "TextTextPlaceholder",
+    textOnBrand: "TextTextOnBrand",
+    textDanger: "TextTextDanger",
+    borderDefault: "StrokeStroke",
+    borderHover: "StrokeStrokeHover",
+};
+export const normalizeDesignTokens = (tokens) => {
+    const normalized = {};
+    const sourceNames = new Map();
+    for (const [tokenName, tokenValue] of Object.entries(tokens)) {
+        const canonicalName = SEMANTIC_TOKEN_ALIASES[tokenName] ??
+            tokenName;
+        const existingSourceName = sourceNames.get(canonicalName);
+        if (existingSourceName && existingSourceName !== tokenName) {
+            throw new Error(`Design token "${canonicalName}" was provided as both "${existingSourceName}" and "${tokenName}"`);
+        }
+        normalized[canonicalName] = tokenValue;
+        sourceNames.set(canonicalName, tokenName);
+    }
+    return normalized;
+};
 const toKebabCase = (value) => value
     .replace(/^--/, "")
     .replace(/([a-z0-9])([A-Z])/g, "$1-$2")
@@ -29,12 +73,18 @@ const renderAsset = (asset, context) => {
     return typeof asset === "function" ? asset(context) : asset;
 };
 export const registerDesignSystem = (definition, options = {}) => {
-    designSystems.set(definition.name, definition);
+    const normalizedDefinition = {
+        ...definition,
+        tokens: definition.tokens
+            ? normalizeDesignTokens(definition.tokens)
+            : undefined,
+    };
+    designSystems.set(definition.name, normalizedDefinition);
     if (options.setActive) {
         activeDesignSystemName = definition.name;
         emitDesignSystemChange();
     }
-    return definition;
+    return normalizedDefinition;
 };
 export const getDesignSystem = (name) => {
     if (!name) {
@@ -53,13 +103,13 @@ export const getActiveDesignSystem = () => activeDesignSystemName ? getDesignSys
 export const listDesignSystems = () => Array.from(designSystems.values());
 export const resolveDesignSystemTokens = (name) => {
     const system = name === undefined ? getActiveDesignSystem() : getDesignSystem(name);
-    return system?.tokens ?? {};
+    return system?.tokens ? normalizeDesignTokens(system.tokens) : {};
 };
 export const applyDesignTokens = (target, tokensOrSystemName, options = {}) => {
     const prefix = options.prefix ?? DEFAULT_TOKEN_PREFIX;
     const tokens = typeof tokensOrSystemName === "string" || tokensOrSystemName == null
         ? resolveDesignSystemTokens(tokensOrSystemName)
-        : tokensOrSystemName;
+        : normalizeDesignTokens(tokensOrSystemName);
     const appliedVariables = [];
     for (const [tokenName, tokenValue] of Object.entries(tokens)) {
         const variableName = resolveTokenVariableName(tokenName, prefix);
@@ -73,7 +123,7 @@ export const createDesignTokenStyleText = (tokensOrSystemName, options = {}) =>
     const selector = options.selector ?? ":root";
     const tokens = typeof tokensOrSystemName === "string" || tokensOrSystemName == null
         ? resolveDesignSystemTokens(tokensOrSystemName)
-        : tokensOrSystemName;
+        : normalizeDesignTokens(tokensOrSystemName);
     const declarations = Object.entries(tokens)
         .map(([tokenName, tokenValue]) => `  ${resolveTokenVariableName(tokenName, prefix)}: ${tokenValue};`)
         .join("\n");

package/dist/foundations/tokens/types.d.ts

@@ -1,4 +1,38 @@
 export type DesignTokenMap = Record<string, string>;
+/**
+ * Preferred authoring names for the semantic tokens consumed by the component
+ * catalog. The registry translates these names to Box-compatible token keys.
+ */
+export interface SemanticDesignTokenMap {
+    fontFamilyBase?: string;
+    surfacePrimary?: string;
+    surfacePrimaryHover?: string;
+    surfaceSecondary?: string;
+    surfaceTertiary?: string;
+    surfaceQuaternary?: string;
+    surfaceBrand?: string;
+    surfaceBrandHover?: string;
+    surfaceBrandPressed?: string;
+    surfaceSearch?: string;
+    surfaceItemSelected?: string;
+    surfaceItemHover?: string;
+    surfaceTooltip?: string;
+    surfaceStatusSuccess?: string;
+    surfaceStatusError?: string;
+    surfaceStatusInProgress?: string;
+    surfaceStatusAccent?: string;
+    surfaceIllustrationBoxNeutral?: string;
+    surfaceBadgeFolderShared?: string;
+    surfaceBadgePdf?: string;
+    textPrimary?: string;
+    textSecondary?: string;
+    textPlaceholder?: string;
+    textOnBrand?: string;
+    textDanger?: string;
+    borderDefault?: string;
+    borderHover?: string;
+}
+export type DesignTokenInput = DesignTokenMap | SemanticDesignTokenMap;
 export interface DesignAssetRenderContext {
     kind: "icon" | "illustration";
     name: string;
@@ -6,10 +40,13 @@ export interface DesignAssetRenderContext {
 export type DesignAssetRenderer = string | ((context: DesignAssetRenderContext) => string);
 export interface DesignSystemDefinition {
     name: string;
-    tokens?: DesignTokenMap;
+    tokens?: DesignTokenInput;
     icons?: Record<string, DesignAssetRenderer>;
     illustrations?: Record<string, DesignAssetRenderer>;
 }
+export interface RegisteredDesignSystemDefinition extends Omit<DesignSystemDefinition, "tokens"> {
+    tokens?: DesignTokenMap;
+}
 export interface ApplyDesignTokensOptions {
     prefix?: string;
     selector?: string;

package/dist/index.d.ts

@@ -1,8 +1,12 @@
 export { Controller, TypedEventEmitter } from "./core/index.js";
 export type { EventMap, Unsubscribe } from "./core/index.js";
 export type { JsonSchema } from "./core/json-schema.js";
-export { DESIGN_SYSTEM_CHANGE_EVENT, applyDesignTokens, boxDarkDesignSystem, boxDefaultDesignSystem, createDesignTokenStyleText, getActiveDesignSystem, getDesignSystem, listDesignSystems, registerBoxDarkDesignSystem, registerBoxDefaultDesignSystem, registerDesignSystem, resolveDesignIcon, resolveDesignIllustration, resolveDesignSystemTokens, setActiveDesignSystem, } from "./foundations/tokens/index.js";
-export type { ApplyDesignTokensOptions, DesignAssetRenderContext, DesignAssetRenderer, DesignSystemDefinition, DesignTokenMap, } from "./foundations/tokens/index.js";
+export { DESIGN_SYSTEM_CHANGE_EVENT, SEMANTIC_TOKEN_ALIASES, applyDesignTokens, boxDarkDesignSystem, boxDefaultDesignSystem, createDesignTokenStyleText, getActiveDesignSystem, getDesignSystem, listDesignSystems, normalizeDesignTokens, registerBoxDarkDesignSystem, registerBoxDefaultDesignSystem, registerDesignSystem, resolveDesignIcon, resolveDesignIllustration, resolveDesignSystemTokens, setActiveDesignSystem, } from "./foundations/tokens/index.js";
+export type { ApplyDesignTokensOptions, DesignAssetRenderContext, DesignAssetRenderer, DesignSystemDefinition, DesignTokenInput, DesignTokenMap, RegisteredDesignSystemDefinition, SemanticDesignTokenMap, } from "./foundations/tokens/index.js";
+export { DARK_MODE_MEDIA_QUERY, DEFAULT_THEME_STORAGE_KEY, THEME_CHANGE_EVENT, createThemeController, createThemeInitializationScript, } from "./foundations/theming/index.js";
+export type { ResolvedTheme, ThemeChangeDetail, ThemeController, ThemeControllerOptions, ThemeInitializationScriptOptions, ThemePreference, } from "./foundations/theming/index.js";
+export { DESIGN_PROFILE_CHANGE_EVENT, DESIGN_PROFILE_VARIABLES, DEFAULT_DESIGN_PROFILE_STORAGE_KEY, applyDesignProfile, boxDefaultDesignProfile, compactNeutralDesignProfile, createDesignProfileController, createDesignProfileStyleText, getDesignProfile, listDesignProfiles, registerBuiltInDesignProfiles, registerDesignProfile, resolveDesignProfileProperties, } from "./foundations/profiles/index.js";
+export type { ApplyDesignProfileOptions, DesignProfileChangeDetail, DesignProfileController, DesignProfileControllerOptions, DesignProfileDefinition, DesignProfileDensity, DesignProfileElevation, DesignProfileMotion, DesignProfileRadius, DesignProfileSpacing, DesignProfileTypography, } from "./foundations/profiles/index.js";
 export { boxIconography, boxIconographyAliases } from "./foundations/icons/index.js";
 export { anchorFloating, parsePlacement, resolvePosition, trackAnchor, } from "./foundations/overlay/index.js";
 export type { OverlayAlign, OverlayPlacement, OverlaySide, PositionOptions, PositionResult, } from "./foundations/overlay/index.js";
@@ -27,6 +31,8 @@ export * from "./components/feedback/alert.js";
 export * from "./components/feedback/badge.js";
 export * from "./components/feedback/badgeable.js";
 export * from "./components/feedback/chip.js";
+export * from "./components/feedback/due-badge.js";
+export * from "./components/feedback/due-types.js";
 export * from "./components/feedback/empty-state.js";
 export * from "./components/feedback/error-mask.js";
 export * from "./components/feedback/help-text.js";
@@ -36,6 +42,7 @@ export * from "./components/feedback/progress-ring.js";
 export * from "./components/feedback/progress-steps.js";
 export * from "./components/feedback/skeleton.js";
 export * from "./components/feedback/spinner.js";
+export * from "./components/feedback/stage-path.js";
 export * from "./components/feedback/toast.js";
 export * from "./components/files/drop-zone.js";
 export * from "./components/identity/avatar.js";
@@ -77,13 +84,30 @@ export * from "./components/layout/nav-sidebar.js";
 export * from "./components/layout/section.js";
 export * from "./components/layout/sidebar-toggle-button.js";
 export * from "./components/layout/split-view.js";
+export * from "./components/overlays/command-palette.js";
+export * from "./components/overlays/command-types.js";
 export * from "./components/overlays/context-menu.js";
+export * from "./components/overlays/shortcuts-overlay.js";
 export * from "./components/overlays/dialog.js";
 export * from "./components/overlays/drawer.js";
 export * from "./components/overlays/guide-tooltip.js";
 export * from "./components/overlays/popover.js";
 export * from "./components/overlays/tooltip.js";
 export * from "./patterns/content-explorer/index.js";
+export * from "./patterns/content-picker/index.js";
+export * from "./patterns/content-uploader/index.js";
+export * from "./patterns/content-sidebar/index.js";
+export * from "./patterns/form-wizard/index.js";
+export * from "./patterns/signature/index.js";
+export * from "./patterns/timeline/index.js";
+export * from "./patterns/run/index.js";
+export * from "./patterns/diff/index.js";
+export * from "./patterns/work-queue/index.js";
+export * from "./patterns/versions/index.js";
+export * from "./patterns/lineage/index.js";
+export * from "./patterns/agent-chat/index.js";
+export * from "./patterns/audit/index.js";
+export * from "./patterns/notifications/index.js";
 export * from "./patterns/search/index.js";
 export * from "./patterns/item/index.js";
 export * from "./patterns/metadata/index.js";
@@ -93,3 +117,4 @@ export * from "./patterns/file-request/index.js";
 export * from "./patterns/task/index.js";
 export * from "./patterns/governance/index.js";
 export * from "./patterns/insights/index.js";
+export * from "./element-maps.js";

package/dist/index.js

@@ -1,7 +1,9 @@
 // Core runtime
 export { Controller, TypedEventEmitter } from "./core/index.js";
 // Foundations
-export { DESIGN_SYSTEM_CHANGE_EVENT, applyDesignTokens, boxDarkDesignSystem, boxDefaultDesignSystem, createDesignTokenStyleText, getActiveDesignSystem, getDesignSystem, listDesignSystems, registerBoxDarkDesignSystem, registerBoxDefaultDesignSystem, registerDesignSystem, resolveDesignIcon, resolveDesignIllustration, resolveDesignSystemTokens, setActiveDesignSystem, } from "./foundations/tokens/index.js";
+export { DESIGN_SYSTEM_CHANGE_EVENT, SEMANTIC_TOKEN_ALIASES, applyDesignTokens, boxDarkDesignSystem, boxDefaultDesignSystem, createDesignTokenStyleText, getActiveDesignSystem, getDesignSystem, listDesignSystems, normalizeDesignTokens, registerBoxDarkDesignSystem, registerBoxDefaultDesignSystem, registerDesignSystem, resolveDesignIcon, resolveDesignIllustration, resolveDesignSystemTokens, setActiveDesignSystem, } from "./foundations/tokens/index.js";
+export { DARK_MODE_MEDIA_QUERY, DEFAULT_THEME_STORAGE_KEY, THEME_CHANGE_EVENT, createThemeController, createThemeInitializationScript, } from "./foundations/theming/index.js";
+export { DESIGN_PROFILE_CHANGE_EVENT, DESIGN_PROFILE_VARIABLES, DEFAULT_DESIGN_PROFILE_STORAGE_KEY, applyDesignProfile, boxDefaultDesignProfile, compactNeutralDesignProfile, createDesignProfileController, createDesignProfileStyleText, getDesignProfile, listDesignProfiles, registerBuiltInDesignProfiles, registerDesignProfile, resolveDesignProfileProperties, } from "./foundations/profiles/index.js";
 export { boxIconography, boxIconographyAliases } from "./foundations/icons/index.js";
 // Foundations: viewport-aware overlay positioning (for building custom overlays)
 export { anchorFloating, parsePlacement, resolvePosition, trackAnchor, } from "./foundations/overlay/index.js";
@@ -29,6 +31,8 @@ export * from "./components/feedback/alert.js";
 export * from "./components/feedback/badge.js";
 export * from "./components/feedback/badgeable.js";
 export * from "./components/feedback/chip.js";
+export * from "./components/feedback/due-badge.js";
+export * from "./components/feedback/due-types.js";
 export * from "./components/feedback/empty-state.js";
 export * from "./components/feedback/error-mask.js";
 export * from "./components/feedback/help-text.js";
@@ -38,6 +42,7 @@ export * from "./components/feedback/progress-ring.js";
 export * from "./components/feedback/progress-steps.js";
 export * from "./components/feedback/skeleton.js";
 export * from "./components/feedback/spinner.js";
+export * from "./components/feedback/stage-path.js";
 export * from "./components/feedback/toast.js";
 // Components: files
 export * from "./components/files/drop-zone.js";
@@ -86,7 +91,10 @@ export * from "./components/layout/section.js";
 export * from "./components/layout/sidebar-toggle-button.js";
 export * from "./components/layout/split-view.js";
 // Components: overlays
+export * from "./components/overlays/command-palette.js";
+export * from "./components/overlays/command-types.js";
 export * from "./components/overlays/context-menu.js";
+export * from "./components/overlays/shortcuts-overlay.js";
 export * from "./components/overlays/dialog.js";
 export * from "./components/overlays/drawer.js";
 export * from "./components/overlays/guide-tooltip.js";
@@ -94,6 +102,20 @@ export * from "./components/overlays/popover.js";
 export * from "./components/overlays/tooltip.js";
 // Patterns: content explorer (headless blocks, contracts, transport, adapters)
 export * from "./patterns/content-explorer/index.js";
+export * from "./patterns/content-picker/index.js";
+export * from "./patterns/content-uploader/index.js";
+export * from "./patterns/content-sidebar/index.js";
+export * from "./patterns/form-wizard/index.js";
+export * from "./patterns/signature/index.js";
+export * from "./patterns/timeline/index.js";
+export * from "./patterns/run/index.js";
+export * from "./patterns/diff/index.js";
+export * from "./patterns/work-queue/index.js";
+export * from "./patterns/versions/index.js";
+export * from "./patterns/lineage/index.js";
+export * from "./patterns/agent-chat/index.js";
+export * from "./patterns/audit/index.js";
+export * from "./patterns/notifications/index.js";
 // Patterns: compositions and workflow areas
 export * from "./patterns/search/index.js";
 export * from "./patterns/item/index.js";
@@ -104,3 +126,4 @@ export * from "./patterns/file-request/index.js";
 export * from "./patterns/task/index.js";
 export * from "./patterns/governance/index.js";
 export * from "./patterns/insights/index.js";
+export * from "./element-maps.js";

package/dist/patterns/agent-chat/agent-chat.d.ts

@@ -0,0 +1,75 @@
+import { AgentChatController } from "./controller.js";
+import type { AgentChatTransport } from "./types.js";
+import { BaseElement } from "../../core/index.js";
+/**
+ * The agent conversation surface (opportunity 1 of the component roadmap):
+ * a streaming message thread over the headless `AgentChatController`, with
+ * the two card types that matter more than the bubbles — citation chips
+ * (same contract as `box-timeline` evidence, deep-linking into a preview)
+ * and human-in-the-loop action cards where the agent's proposed action is
+ * approved or rejected inline.
+ *
+ * The composer lives outside the patched thread region, so a streaming
+ * reply never disturbs what the user is typing.
+ */
+export declare class AgentChat extends BaseElement {
+    static readonly tagName: string;
+    static get observedAttributes(): string[];
+    private controller;
+    private ownsController;
+    private pendingStart;
+    private unsubscribeFns;
+    private transportValue;
+    private threadEl;
+    private inputEl;
+    private sendEl;
+    private stopEl;
+    private statusEl;
+    get heading(): string;
+    set heading(value: string);
+    get token(): string | null;
+    set token(value: string | null);
+    /** Display name on agent bubbles. */
+    get agentName(): string;
+    set agentName(value: string);
+    get placeholder(): string;
+    set placeholder(value: string);
+    get transport(): AgentChatTransport | null;
+    set transport(value: AgentChatTransport | null);
+    /**
+     * The live session controller. Assign one to share a conversation with
+     * another surface; otherwise the element creates and owns its own from
+     * `transport` + `token`.
+     */
+    get chatController(): AgentChatController | null;
+    set chatController(value: AgentChatController | null);
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /** Send the composer's contents (or an explicit body) as a user turn. */
+    send(body?: string): Promise<void>;
+    /** Stop the in-flight generation; the partial reply is kept. */
+    stop(): void;
+    private scheduleStart;
+    private startController;
+    private adoptController;
+    private subscribeToController;
+    private teardownController;
+    private citationHtml;
+    private proposalHtml;
+    private messageInnerHtml;
+    /**
+     * Everything about a message except its body text. While this is stable,
+     * a delta only rewrites one text node — so `role="log"` sees no additions
+     * and assistive tech does not re-announce the conversation per token.
+     */
+    private messageSignature;
+    private createMessageNode;
+    /** The streaming hot path: one text-node write, nothing else touched. */
+    private patchBody;
+    protected renderTemplate(): void;
+    protected setupListeners(): void;
+    /** Composer affordances reflect stream state without rebuilding the input. */
+    private syncComposer;
+    protected update(): void;
+}