@molecule/app-ide-react 1.1.2 → 1.2.1

package/README.md

@@ -3,7 +3,7 @@ AUTO-GENERATED — DO NOT EDIT THIS FILE.
 Generated by `mlcl sync-docs` from the package's src/index.ts JSDoc + mlcl/registry.json.
 Edits here are overwritten on the next commit (molecule's pre-commit hook regenerates).
 To change this document, edit the module-level JSDoc in src/index.ts.
-Generated: 2026-08-12T21:41:36.283Z
+Generated: 2026-08-14T03:10:30.998Z
 -->
 
 # @molecule/app-ide-react
@@ -245,6 +245,13 @@ interface ChatPanelProps {
   onCommit?: () => void
   /** Called when an inline activity card is clicked — should open the Activity panel filtered to this activity. */
   onActivityClick?: (activity: ActivityFromCard) => void
+  /**
+   * Reports a chat timeline item that threw during render, caught by that item's
+   * error boundary. The item degrades to an inline notice either way; this is how the
+   * host gets the crash into its telemetry instead of it being visible only to the
+   * one user who hit it.
+   */
+  onRenderError?: (error: Error, info: ErrorInfo) => void
   /**
    * Called when a user avatar in the chat timeline is clicked — the host opens
    * that user's profile (e.g. molecule.dev's profile modal). Receives the clicked
@@ -1617,6 +1624,7 @@ function ChatPanel({
   onFileDeleted,
   onCommit,
   onActivityClick,
+  onRenderError,
   onProfileClick,
   onReadyToBuild,
   awaitingSandboxBoot,

package/dist/components/ChatItemBoundary.d.ts

@@ -0,0 +1,65 @@
+/**
+ * Per-item error boundary for the chat timeline.
+ *
+ * Everything in the chat timeline is built from data an LLM authored — tool-call
+ * inputs, tool outputs, card payloads, streamed markdown. None of it is validated
+ * by the type system: a tool schema saying `type: 'string'` is a request to a model,
+ * not a guarantee, and a value of the wrong shape reaching JSX throws during render.
+ *
+ * A throw during render unwinds to the nearest boundary. With only an app-level
+ * boundary, one malformed option object blanks the entire IDE — the editor, the
+ * preview, the file tree and every other message included — at the moment the user
+ * submits their first prompt. That is the difference between a cosmetic defect and
+ * an outage, and it is decided entirely by where the boundary sits.
+ *
+ * So each timeline item renders inside its own boundary: a bad item degrades to one
+ * inline notice and every sibling keeps working. The item body is invoked from a
+ * CHILD component (`RenderSlot`), not from this component's own render, because a
+ * boundary cannot catch what it throws itself — that placement is what extends the
+ * protection to synchronous throws in the item's own branching, not just to its
+ * descendants.
+ *
+ * @module
+ */
+import type { ErrorInfo, ReactNode } from 'react';
+import { Component } from 'react';
+interface Props {
+    /** Produces the timeline item's element tree. Called during render, below the boundary. */
+    render: () => ReactNode;
+    /** Reports a caught render error (telemetry). Never throws. */
+    onError?: (error: Error, info: ErrorInfo) => void;
+}
+interface State {
+    failed: boolean;
+}
+/**
+ * Error boundary around a single chat timeline item.
+ *
+ * @example
+ * ```tsx
+ * <ChatItemBoundary key={id} render={() => <MessageItem msg={msg} />} />
+ * ```
+ */
+export declare class ChatItemBoundary extends Component<Props, State> {
+    state: State;
+    /**
+     * Switches this item to its fallback after a render throw.
+     * @returns The failed state.
+     */
+    static getDerivedStateFromError(): State;
+    /**
+     * Reports the caught error so a malformed item is visible in telemetry rather
+     * than only to the one user who hit it.
+     * @param error - The thrown error.
+     * @param info - React's component stack for the throw.
+     */
+    componentDidCatch(error: Error, info: ErrorInfo): void;
+    /**
+     * Renders the timeline item, or its fallback once the item has failed.
+     *
+     * @returns The item, or an inline notice when rendering it threw.
+     */
+    render(): ReactNode;
+}
+export {};
+//# sourceMappingURL=ChatItemBoundary.d.ts.map

package/dist/components/ChatItemBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatItemBoundary.d.ts","sourceRoot":"","sources":["../../src/components/ChatItemBoundary.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAO,SAAS,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAkBjC,UAAU,KAAK;IACb,2FAA2F;IAC3F,MAAM,EAAE,MAAM,SAAS,CAAA;IACvB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,KAAK,IAAI,CAAA;CAClD;AAED,UAAU,KAAK;IACb,MAAM,EAAE,OAAO,CAAA;CAChB;AAED;;;;;;;GAOG;AACH,qBAAa,gBAAiB,SAAQ,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;IAClD,KAAK,EAAE,KAAK,CAAoB;IAEzC;;;OAGG;IACH,MAAM,CAAC,wBAAwB,IAAI,KAAK;IAIxC;;;;;OAKG;IACM,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,GAAG,IAAI;IAe/D;;;;OAIG;IACM,MAAM,IAAI,SAAS;CAiB7B"}

package/dist/components/ChatItemBoundary.js

@@ -0,0 +1,70 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { Component } from 'react';
+import { t } from '@molecule/app-i18n';
+import { getLogger } from '@molecule/app-logger';
+import { getClassMap } from '@molecule/app-ui';
+/**
+ * Invokes the item's render body as a child of the boundary, so a synchronous throw
+ * in that body is caught by the boundary above rather than escaping to the app.
+ *
+ * @param props - Component props.
+ * @param props.render - Produces the item's element tree.
+ * @returns The rendered item.
+ */
+function RenderSlot({ render }) {
+    return _jsx(_Fragment, { children: render() });
+}
+/**
+ * Error boundary around a single chat timeline item.
+ *
+ * @example
+ * ```tsx
+ * <ChatItemBoundary key={id} render={() => <MessageItem msg={msg} />} />
+ * ```
+ */
+export class ChatItemBoundary extends Component {
+    state = { failed: false };
+    /**
+     * Switches this item to its fallback after a render throw.
+     * @returns The failed state.
+     */
+    static getDerivedStateFromError() {
+        return { failed: true };
+    }
+    /**
+     * Reports the caught error so a malformed item is visible in telemetry rather
+     * than only to the one user who hit it.
+     * @param error - The thrown error.
+     * @param info - React's component stack for the throw.
+     */
+    componentDidCatch(error, info) {
+        // Log unconditionally: a host that wires no reporter must still leave a trace,
+        // or a contained failure becomes an invisible one.
+        getLogger().error('Chat timeline item failed to render', {
+            error,
+            componentStack: info.componentStack,
+        });
+        try {
+            this.props.onError?.(error, info);
+        }
+        catch (_error) {
+            // A failing error reporter must never escalate into a second render throw —
+            // the whole point of this boundary is that nothing here can take the app down.
+        }
+    }
+    /**
+     * Renders the timeline item, or its fallback once the item has failed.
+     *
+     * @returns The item, or an inline notice when rendering it threw.
+     */
+    render() {
+        if (this.state.failed) {
+            const cm = getClassMap();
+            return (_jsx("div", { "data-mol-id": "chat-item-render-error", className: cm.cn(cm.textSize('xs'), cm.textMuted), style: { padding: '6px 12px', fontStyle: 'italic' }, children: t('ide.chat.itemRenderError', undefined, {
+                    defaultValue: "This message couldn't be displayed.",
+                }) }));
+        }
+        return _jsx(RenderSlot, { render: this.props.render });
+    }
+}
+//# sourceMappingURL=ChatItemBoundary.js.map

package/dist/components/ChatItemBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatItemBoundary.js","sourceRoot":"","sources":["../../src/components/ChatItemBoundary.tsx"],"names":[],"mappings":";AAyBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,CAAC,EAAE,MAAM,oBAAoB,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C;;;;;;;GAOG;AACH,SAAS,UAAU,CAAC,EAAE,MAAM,EAA+B;IACzD,OAAO,4BAAG,MAAM,EAAE,GAAI,CAAA;AACxB,CAAC;AAaD;;;;;;;GAOG;AACH,MAAM,OAAO,gBAAiB,SAAQ,SAAuB;IAClD,KAAK,GAAU,EAAE,MAAM,EAAE,KAAK,EAAE,CAAA;IAEzC;;;OAGG;IACH,MAAM,CAAC,wBAAwB;QAC7B,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;IACzB,CAAC;IAED;;;;;OAKG;IACM,iBAAiB,CAAC,KAAY,EAAE,IAAe;QACtD,+EAA+E;QAC/E,mDAAmD;QACnD,SAAS,EAAE,CAAC,KAAK,CAAC,qCAAqC,EAAE;YACvD,KAAK;YACL,cAAc,EAAE,IAAI,CAAC,cAAc;SACpC,CAAC,CAAA;QACF,IAAI,CAAC;YACH,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;QACnC,CAAC;QAAC,OAAO,MAAM,EAAE,CAAC;YAChB,4EAA4E;YAC5E,+EAA+E;QACjF,CAAC;IACH,CAAC;IAED;;;;OAIG;IACM,MAAM;QACb,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YACtB,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;YACxB,OAAO,CACL,6BACc,wBAAwB,EACpC,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,EACjD,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,YAElD,CAAC,CAAC,0BAA0B,EAAE,SAAS,EAAE;oBACxC,YAAY,EAAE,qCAAqC;iBACpD,CAAC,GACE,CACP,CAAA;QACH,CAAC;QACD,OAAO,KAAC,UAAU,IAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAI,CAAA;IAClD,CAAC;CACF"}

package/dist/components/ChatPanel.d.ts

@@ -120,6 +120,8 @@ export interface ChatInnerProps {
     onConversationId?: (id: string) => void;
     /** Called when an inline activity card is clicked — should open the Activity panel filtered to this activity. */
     onActivityClick?: (activity: Activity) => void;
+    /** See {@link ChatPanelProps.onRenderError}. */
+    onRenderError?: ChatPanelProps['onRenderError'];
     /** Called when a user avatar in the chat timeline is clicked — see {@link ChatPanelProps.onProfileClick}. */
     onProfileClick?: ChatPanelProps['onProfileClick'];
     /** Called on the `ready_to_build` stream event — discovery is done; boot the sandbox. */
@@ -176,7 +178,7 @@ export interface ChatInnerProps {
  * @param props - Component props (see {@link MessageItemProps}).
  * @returns The rendered chat panel element.
  */
-export declare function ChatPanel({ projectId, endpoint, initialMessage, onInitialMessageSent, activeFile, openTabs, onFileOpen, onFileDoubleClick, onFileDiff, onFileRevert, onFileChange, onFileDeleted, onCommit, onActivityClick, onProfileClick, onReadyToBuild, awaitingSandboxBoot, onClientAction, onTurnComplete, onLoadingChange, onNavigatePreview, onRegisterPushHandler, autoSubmitSignal, initialInputValue, hideConversationMenu, renderConversationHeader, conversationId: controlledConversationId, chatKey: controlledChatKey, onConversationId: controlledOnConversationId, openShareSignal: controlledShareSignal, openReportSignal: controlledReportSignal, openSettingsSignal: controlledSettingsSignal, onManageCustomModels, gitStatusTick, pendingMessage, pendingMessageKey, pendingMessageSuppressUser, pendingMessageUserInitiated, userEditedFile, userEditedFileKey, isPro, buildUpgradeCta, buildHelpUpgradeSection, userAvatar, agentName, productName, version, feedbackUrl, className, }: ChatPanelProps): JSX.Element;
+export declare function ChatPanel({ projectId, endpoint, initialMessage, onInitialMessageSent, activeFile, openTabs, onFileOpen, onFileDoubleClick, onFileDiff, onFileRevert, onFileChange, onFileDeleted, onCommit, onActivityClick, onRenderError, onProfileClick, onReadyToBuild, awaitingSandboxBoot, onClientAction, onTurnComplete, onLoadingChange, onNavigatePreview, onRegisterPushHandler, autoSubmitSignal, initialInputValue, hideConversationMenu, renderConversationHeader, conversationId: controlledConversationId, chatKey: controlledChatKey, onConversationId: controlledOnConversationId, openShareSignal: controlledShareSignal, openReportSignal: controlledReportSignal, openSettingsSignal: controlledSettingsSignal, onManageCustomModels, gitStatusTick, pendingMessage, pendingMessageKey, pendingMessageSuppressUser, pendingMessageUserInitiated, userEditedFile, userEditedFileKey, isPro, buildUpgradeCta, buildHelpUpgradeSection, userAvatar, agentName, productName, version, feedbackUrl, className, }: ChatPanelProps): JSX.Element;
 export declare namespace ChatPanel {
     var displayName: string;
 }

package/dist/components/ChatPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatPanel.d.ts","sourceRoot":"","sources":["../../src/components/ChatPanel.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ChatPanel.d.ts","sourceRoot":"","sources":["../../src/components/ChatPanel.tsx"],"names":[],"mappings":"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"}

package/dist/components/ChatPanel.js

@@ -22,7 +22,7 @@ import { cachedPromptTokens, formatTokenTotal } from './chat-cost-utilities.js';
 import { effortOptionsForModel, nativeEffortName, parseEffortCommand, resolveEffortArg, } from './chat-effort-utilities.js';
 import { buildHelpText } from './chat-help-utilities.js';
 import { effectiveModeModelId, freeTierLockReason, freeTierUsableMode, isModeModelLocked, modeSettingKey, parseModelModeCommand, resolveModeModel, } from './chat-model-mode-utilities.js';
-import { modelUsageRate, sortModels } from './chat-models-utilities.js';
+import { modelHasPeakPricing, modelPeakMultiplier, modelPeakWindowLabels, modelUsageRate, sortModels, } from './chat-models-utilities.js';
 import { formatReportConfirmation, parseReportCommand } from './chat-report-utilities.js';
 import { findScriptByName, formatRunOutput, parseRunCommand, parseScriptsCommand, runSucceeded, } from './chat-scripts-utilities.js';
 import { buildSettingsList, summarizeSounds } from './chat-settings-utilities.js';
@@ -30,6 +30,7 @@ import { buildShareUrl, DEFAULT_SHARE_ROLE, parseShareCommand, SHARE_ROLES, } fr
 import { buildNewSkillTemplate, loadProjectSkills, newSkillPath, parseSkillMeta, pickRelevantSkill, recentUserText, } from './chat-skills-utilities.js';
 import { estimateTurnTokens } from './chat-stream-utilities.js';
 import { ENTRY_TIP, pickIdleTip, shouldShowIdleTip, TIP_IDLE_MS, TIP_MIN_MESSAGES, } from './chat-tips-utilities.js';
+import { ChatItemBoundary } from './ChatItemBoundary.js';
 import { HelpCard } from './HelpCard.js';
 import { Icon } from './Icon.js';
 import { MarkdownContent } from './MarkdownContent.js';
@@ -1245,7 +1246,7 @@ const MessageItem = memo(function MessageItem(props) {
  * @param props - Component props (see {@link MessageItemProps}).
  * @returns The rendered chat inner component.
  */
-function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent, isPro, buildUpgradeCta, buildHelpUpgradeSection, activeFile, openTabs, onFileOpen, onFileDoubleClick, onFileDiff, onFileRevert, onFileChange, onFileDeleted, onCommit, onConversationId, onActivityClick, onProfileClick, onReadyToBuild, awaitingSandboxBoot, onClientAction, onTurnComplete, onLoadingChange, onNavigatePreview, onRegisterPushHandler, autoSubmitSignal, openSettingsSignal, onManageCustomModels, openReportSignal, openShareSignal, initialInputValue, pendingMessage, pendingMessageKey, pendingMessageSuppressUser, pendingMessageUserInitiated, userEditedFile, userEditedFileKey, gitStatusTick: externalGitStatusTick, discovery, userAvatar, agentName = DEFAULT_AGENT_NAME, productName = DEFAULT_PRODUCT_NAME, version,
+function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent, isPro, buildUpgradeCta, buildHelpUpgradeSection, activeFile, openTabs, onFileOpen, onFileDoubleClick, onFileDiff, onFileRevert, onFileChange, onFileDeleted, onCommit, onConversationId, onActivityClick, onRenderError, onProfileClick, onReadyToBuild, awaitingSandboxBoot, onClientAction, onTurnComplete, onLoadingChange, onNavigatePreview, onRegisterPushHandler, autoSubmitSignal, openSettingsSignal, onManageCustomModels, openReportSignal, openShareSignal, initialInputValue, pendingMessage, pendingMessageKey, pendingMessageSuppressUser, pendingMessageUserInitiated, userEditedFile, userEditedFileKey, gitStatusTick: externalGitStatusTick, discovery, userAvatar, agentName = DEFAULT_AGENT_NAME, productName = DEFAULT_PRODUCT_NAME, version,
 // feedbackUrl: prop kept for back-compat (callers still pass it), but no longer
 // consumed here — its only use was the command-menu footer link removed in P3-21.
  }) {
@@ -4690,7 +4691,22 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
             case 'custom': {
                 // App-registered renderer (registerCustomEventCard) builds the copy/actions/tone
                 // from the raw data — keeping app-specific text out of this shared package.
-                const card = getCustomEventCardFactory(cardEvent.name)?.(cardEvent.data);
+                //
+                // This runs in a memo ABOVE the timeline's per-item boundaries, so a factory
+                // that throws would take the whole panel down rather than one card — and the
+                // factory is host code reading model-authored `data`, exactly the combination
+                // that caused the 2026-08-14 outage. One unrenderable card must cost one card.
+                let card;
+                try {
+                    card = getCustomEventCardFactory(cardEvent.name)?.(cardEvent.data);
+                }
+                catch (error) {
+                    logger.error('Custom chat card factory threw — dropping the card', {
+                        error,
+                        name: cardEvent.name,
+                    });
+                    return null;
+                }
                 if (!card)
                     return null;
                 return {
@@ -4849,117 +4865,117 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
                                 opacity: 0.7,
                             }, children: t('ide.chat.showEarlier', undefined, {
                                 defaultValue: 'Show earlier messages',
-                            }) }) })), (timeline.length > maxVisibleItems ? timeline.slice(-maxVisibleItems) : timeline).map((item) => {
-                        if (item.kind === 'commit')
-                            return (_jsx(CommitCardItem, { card: item.card, onRevert: handleRevertCommit }, item.card.id));
-                        if (item.kind === 'activity')
-                            return (_jsx(ActivityCard, { activity: item.card.activity, onActivityClick: onActivityClick }, item.card.id));
-                        if (item.kind === 'tip')
-                            return (_jsx(TipCard, { text: item.card.text, onDismiss: () => dismissTip(item.card.id) }, item.card.id));
-                        if (item.kind === 'system') {
-                            if (item.card.variant === 'settings') {
-                                // Legacy inline branch — kept so any 'settings' card persisted
-                                // before /settings became an overlay still renders. New /settings
-                                // invocations open the closeable overlay (see panelOverlay below).
-                                return (_jsx(SettingsCard, { settings: computeSettingsList(), onRunCommand: (commandId) => void executeCommand(commandId), onPrefillInput: (input) => setInputAndCursorEnd(`${input} `), isLight: isLight, agentName: agentName }, item.card.id));
-                            }
-                            if (item.card.variant === 'skills' || item.card.variant === 'skillsCreate') {
-                                return (_jsx(SkillsCard, { projectId: projectId, initialQuery: item.card.query ?? '', onLoad: loadSkill, onCreate: createSkill, 
-                                    // The 'skillsCreate' variant opens the card with its "New skill" form
-                                    // already open (vs plain 'skills', which opens the browser).
-                                    startCreating: item.card.variant === 'skillsCreate', loadedSkillPaths: loadedSkillPaths, defaultSkillPaths: defaultSkillPaths, onToggleDefault: toggleDefaultSkill, onResetDefault: resetDefaultSkills, defaultsExplicit: defaultSkillsExplicitRef.current, isLight: isLight }, item.card.id));
-                            }
-                            if (item.card.variant === 'scripts') {
-                                return (_jsx(ScriptsCard, { projectId: projectId, initialQuery: item.card.query ?? '', isLight: isLight, agentName: agentName }, item.card.id));
-                            }
-                            if (item.card.variant === 'help') {
-                                // The plan/upgrade blurb is app-specific (pricing, plan names), so the
-                                // host supplies it via buildHelpUpgradeSection — this shared package
-                                // hardcodes none. Read at render time (like the settings card's list).
-                                const upgradeSection = buildHelpUpgradeSection?.();
-                                return (_jsx(HelpCard, { isLight: isLight, agentName: agentName, productName: productName, upgradeLines: upgradeSection?.lines, upgradeAction: upgradeSection?.action ?? undefined }, item.card.id));
-                            }
-                            if (item.card.variant === 'skillsLoaded') {
-                                // "🧠 Loaded {{count}} skills" — styled like the plain "🔨 Building your
-                                // app" phase notice (centered, muted, xs, emoji baked into the text), but
-                                // CLICKABLE: its onClick is created HERE at render time — opening the
-                                // /skills browser overlay, exactly what typing /skills does — so it
-                                // survives the persistence round-trip (which stores only variant + count +
-                                // text, never callbacks). Text restores from the persisted copy; re-derive
-                                // from `count` if a caller passed none.
-                                const skillsLoadedLabel = item.card.text ||
-                                    t('ide.chat.skills.loadedCount', { count: item.card.count ?? 0 }, { defaultValue: '🧠 Loaded {{count}} skills' });
-                                return (_jsx("div", { style: { textAlign: 'center', marginBottom: TIMELINE_ITEM_GAP }, children: _jsx("button", { type: "button", "data-mol-id": "chat-skills-loaded", onClick: () => openPanelOverlay('skills'), className: cm.cn(cm.textSize('xs'), cm.textMuted), style: {
-                                            // Plain text like the build-phase notice — no border/fill/pill.
-                                            background: 'none',
-                                            border: 'none',
-                                            margin: 0,
-                                            padding: '6px 0',
-                                            fontFamily: 'inherit',
-                                            cursor: 'pointer',
-                                        }, 
-                                        // Underline on hover is the only clickability hint (it otherwise
-                                        // reads exactly like the plain phase message).
-                                        onMouseEnter: (e) => {
-                                            ;
-                                            e.currentTarget.style.textDecoration = 'underline';
-                                        }, onMouseLeave: (e) => {
-                                            ;
-                                            e.currentTarget.style.textDecoration = 'none';
-                                        }, children: skillsLoadedLabel }) }, item.card.id));
+                            }) }) })), (timeline.length > maxVisibleItems ? timeline.slice(-maxVisibleItems) : timeline).map((item) => (_jsx(ChatItemBoundary, { onError: onRenderError, render: () => {
+                            if (item.kind === 'commit')
+                                return (_jsx(CommitCardItem, { card: item.card, onRevert: handleRevertCommit }, item.card.id));
+                            if (item.kind === 'activity')
+                                return (_jsx(ActivityCard, { activity: item.card.activity, onActivityClick: onActivityClick }, item.card.id));
+                            if (item.kind === 'tip')
+                                return (_jsx(TipCard, { text: item.card.text, onDismiss: () => dismissTip(item.card.id) }, item.card.id));
+                            if (item.kind === 'system') {
+                                if (item.card.variant === 'settings') {
+                                    // Legacy inline branch — kept so any 'settings' card persisted
+                                    // before /settings became an overlay still renders. New /settings
+                                    // invocations open the closeable overlay (see panelOverlay below).
+                                    return (_jsx(SettingsCard, { settings: computeSettingsList(), onRunCommand: (commandId) => void executeCommand(commandId), onPrefillInput: (input) => setInputAndCursorEnd(`${input} `), isLight: isLight, agentName: agentName }, item.card.id));
+                                }
+                                if (item.card.variant === 'skills' || item.card.variant === 'skillsCreate') {
+                                    return (_jsx(SkillsCard, { projectId: projectId, initialQuery: item.card.query ?? '', onLoad: loadSkill, onCreate: createSkill, 
+                                        // The 'skillsCreate' variant opens the card with its "New skill" form
+                                        // already open (vs plain 'skills', which opens the browser).
+                                        startCreating: item.card.variant === 'skillsCreate', loadedSkillPaths: loadedSkillPaths, defaultSkillPaths: defaultSkillPaths, onToggleDefault: toggleDefaultSkill, onResetDefault: resetDefaultSkills, defaultsExplicit: defaultSkillsExplicitRef.current, isLight: isLight }, item.card.id));
+                                }
+                                if (item.card.variant === 'scripts') {
+                                    return (_jsx(ScriptsCard, { projectId: projectId, initialQuery: item.card.query ?? '', isLight: isLight, agentName: agentName }, item.card.id));
+                                }
+                                if (item.card.variant === 'help') {
+                                    // The plan/upgrade blurb is app-specific (pricing, plan names), so the
+                                    // host supplies it via buildHelpUpgradeSection — this shared package
+                                    // hardcodes none. Read at render time (like the settings card's list).
+                                    const upgradeSection = buildHelpUpgradeSection?.();
+                                    return (_jsx(HelpCard, { isLight: isLight, agentName: agentName, productName: productName, upgradeLines: upgradeSection?.lines, upgradeAction: upgradeSection?.action ?? undefined }, item.card.id));
+                                }
+                                if (item.card.variant === 'skillsLoaded') {
+                                    // "🧠 Loaded {{count}} skills" — styled like the plain "🔨 Building your
+                                    // app" phase notice (centered, muted, xs, emoji baked into the text), but
+                                    // CLICKABLE: its onClick is created HERE at render time — opening the
+                                    // /skills browser overlay, exactly what typing /skills does — so it
+                                    // survives the persistence round-trip (which stores only variant + count +
+                                    // text, never callbacks). Text restores from the persisted copy; re-derive
+                                    // from `count` if a caller passed none.
+                                    const skillsLoadedLabel = item.card.text ||
+                                        t('ide.chat.skills.loadedCount', { count: item.card.count ?? 0 }, { defaultValue: '🧠 Loaded {{count}} skills' });
+                                    return (_jsx("div", { style: { textAlign: 'center', marginBottom: TIMELINE_ITEM_GAP }, children: _jsx("button", { type: "button", "data-mol-id": "chat-skills-loaded", onClick: () => openPanelOverlay('skills'), className: cm.cn(cm.textSize('xs'), cm.textMuted), style: {
+                                                // Plain text like the build-phase notice — no border/fill/pill.
+                                                background: 'none',
+                                                border: 'none',
+                                                margin: 0,
+                                                padding: '6px 0',
+                                                fontFamily: 'inherit',
+                                                cursor: 'pointer',
+                                            }, 
+                                            // Underline on hover is the only clickability hint (it otherwise
+                                            // reads exactly like the plain phase message).
+                                            onMouseEnter: (e) => {
+                                                ;
+                                                e.currentTarget.style.textDecoration = 'underline';
+                                            }, onMouseLeave: (e) => {
+                                                ;
+                                                e.currentTarget.style.textDecoration = 'none';
+                                            }, children: skillsLoadedLabel }) }, item.card.id));
+                                }
+                                // Every rich variant is handled above; what remains is the plain notice /
+                                // tip card (no variant). Narrow to PlainSystemCard so the compiler knows
+                                // tone/content/emphasized exist here — and render nothing for any future
+                                // unhandled variant rather than mis-rendering it as a plain card.
+                                if (item.card.variant !== undefined)
+                                    return null;
+                                // ── Unified tip / notice card ────────────────────────────────────────────
+                                // EVERY host notice (upgrade, sign-up, model-intro, pre-alpha, saved-script,
+                                // build-degraded) renders through ONE structure so they look consistent: an
+                                // icon, a tinted body with a uniform 1px border, and — for action cards — a row
+                                // of accent buttons. Only the ACCENT COLOUR + ICON change, by `tone`. Picking a
+                                // tone (or `emphasized`, or merely having an action) opts a card in; a card with
+                                // none of those stays a plain muted inline line (e.g. a "Now using <model>"
+                                // notice). `emphasized` without a tone → the neutral `info` tone.
+                                const tipTone = item.card.tone ?? (item.card.emphasized || item.card.action ? 'info' : null);
+                                if (tipTone) {
+                                    // ONE shared treatment for every tone-accented notice — see NoticeCard.
+                                    // The resource-limit / upgrade banner renders through the same component,
+                                    // so their icon + buttons stay in lockstep.
+                                    return (_jsx(NoticeCard, { tone: tipTone, text: item.card.text, content: item.card.content, action: item.card.action, icon: item.card.icon }, item.card.id));
+                                }
+                                // Plain muted inline notice (no tone / not emphasized / no action) — e.g. a
+                                // "Now using <model>" line. Centered for one-liners; left-aligned mono for
+                                // multi-line.
+                                const isMultiLine = item.card.text.includes('\n');
+                                return (_jsx("div", { className: cm.cn(cm.textSize('xs'), cm.textMuted), style: {
+                                        textAlign: isMultiLine ? 'left' : 'center',
+                                        padding: isMultiLine ? '8px 12px' : '6px 0',
+                                        marginBottom: TIMELINE_ITEM_GAP,
+                                        whiteSpace: isMultiLine ? 'pre-wrap' : undefined,
+                                        fontFamily: isMultiLine ? 'var(--mol-font-mono, monospace)' : undefined,
+                                        lineHeight: isMultiLine ? 1.5 : undefined,
+                                    }, children: item.card.content
+                                        ? item.card.content.map((seg, i) => renderCardSegment(seg, i))
+                                        : item.card.text }, item.card.id));
                             }
-                            // Every rich variant is handled above; what remains is the plain notice /
-                            // tip card (no variant). Narrow to PlainSystemCard so the compiler knows
-                            // tone/content/emphasized exist here — and render nothing for any future
-                            // unhandled variant rather than mis-rendering it as a plain card.
-                            if (item.card.variant !== undefined)
-                                return null;
-                            // ── Unified tip / notice card ────────────────────────────────────────────
-                            // EVERY host notice (upgrade, sign-up, model-intro, pre-alpha, saved-script,
-                            // build-degraded) renders through ONE structure so they look consistent: an
-                            // icon, a tinted body with a uniform 1px border, and — for action cards — a row
-                            // of accent buttons. Only the ACCENT COLOUR + ICON change, by `tone`. Picking a
-                            // tone (or `emphasized`, or merely having an action) opts a card in; a card with
-                            // none of those stays a plain muted inline line (e.g. a "Now using <model>"
-                            // notice). `emphasized` without a tone → the neutral `info` tone.
-                            const tipTone = item.card.tone ?? (item.card.emphasized || item.card.action ? 'info' : null);
-                            if (tipTone) {
-                                // ONE shared treatment for every tone-accented notice — see NoticeCard.
-                                // The resource-limit / upgrade banner renders through the same component,
-                                // so their icon + buttons stay in lockstep.
-                                return (_jsx(NoticeCard, { tone: tipTone, text: item.card.text, content: item.card.content, action: item.card.action, icon: item.card.icon }, item.card.id));
+                            const { msg } = item;
+                            // Persisted commit records render as commit cards
+                            if (msg.commitRecord) {
+                                const files = msg.commitRecord.files.map((f) => typeof f === 'string' ? f : f.path);
+                                const hash = msg.commitRecord.hash;
+                                return (_jsx(CommitCardItem, { card: {
+                                        id: msg.id,
+                                        message: msg.commitRecord.message,
+                                        files,
+                                        timestamp: msg.timestamp,
+                                        status: 'done',
+                                        hash,
+                                    }, onRevert: handleRevertCommit }, msg.id));
                             }
-                            // Plain muted inline notice (no tone / not emphasized / no action) — e.g. a
-                            // "Now using <model>" line. Centered for one-liners; left-aligned mono for
-                            // multi-line.
-                            const isMultiLine = item.card.text.includes('\n');
-                            return (_jsx("div", { className: cm.cn(cm.textSize('xs'), cm.textMuted), style: {
-                                    textAlign: isMultiLine ? 'left' : 'center',
-                                    padding: isMultiLine ? '8px 12px' : '6px 0',
-                                    marginBottom: TIMELINE_ITEM_GAP,
-                                    whiteSpace: isMultiLine ? 'pre-wrap' : undefined,
-                                    fontFamily: isMultiLine ? 'var(--mol-font-mono, monospace)' : undefined,
-                                    lineHeight: isMultiLine ? 1.5 : undefined,
-                                }, children: item.card.content
-                                    ? item.card.content.map((seg, i) => renderCardSegment(seg, i))
-                                    : item.card.text }, item.card.id));
-                        }
-                        const { msg } = item;
-                        // Persisted commit records render as commit cards
-                        if (msg.commitRecord) {
-                            const files = msg.commitRecord.files.map((f) => typeof f === 'string' ? f : f.path);
-                            const hash = msg.commitRecord.hash;
-                            return (_jsx(CommitCardItem, { card: {
-                                    id: msg.id,
-                                    message: msg.commitRecord.message,
-                                    files,
-                                    timestamp: msg.timestamp,
-                                    status: 'done',
-                                    hash,
-                                }, onRevert: handleRevertCommit }, msg.id));
-                        }
-                        return (_jsx(MessageItem, { msg: msg, editingQueuedId: editingQueuedId, editingQueuedText: editingQueuedText, setEditingQueuedId: setEditingQueuedId, setEditingQueuedText: setEditingQueuedText, editQueuedMessage: editQueuedMessage, deleteQueuedMessage: deleteQueuedMessage, sendMessage: sendMessage, handleAskUserResponse: handleAskUserResponse, isLoading: isLoading, streamingStatus: streamingStatus, onNavigatePreview: onNavigatePreview, undoneTcIds: undoneTcIds, handleUndoToggle: handleUndoToggle, onFileOpen: onFileOpen, onFileDoubleClick: onFileDoubleClick, onFileDiff: onFileDiff, handleFileRevert: handleFileRevert, setInputAndCursorEnd: setInputAndCursorEnd, setModelPicker: setModelPicker, userAvatar: userAvatar, onAvatarClick: onUserAvatarClick, discovery: discovery, buildUpgradeCta: buildUpgradeCta }, msg.id));
-                    }), error &&
+                            return (_jsx(MessageItem, { msg: msg, editingQueuedId: editingQueuedId, editingQueuedText: editingQueuedText, setEditingQueuedId: setEditingQueuedId, setEditingQueuedText: setEditingQueuedText, editQueuedMessage: editQueuedMessage, deleteQueuedMessage: deleteQueuedMessage, sendMessage: sendMessage, handleAskUserResponse: handleAskUserResponse, isLoading: isLoading, streamingStatus: streamingStatus, onNavigatePreview: onNavigatePreview, undoneTcIds: undoneTcIds, handleUndoToggle: handleUndoToggle, onFileOpen: onFileOpen, onFileDoubleClick: onFileDoubleClick, onFileDiff: onFileDiff, handleFileRevert: handleFileRevert, setInputAndCursorEnd: setInputAndCursorEnd, setModelPicker: setModelPicker, userAvatar: userAvatar, onAvatarClick: onUserAvatarClick, discovery: discovery, buildUpgradeCta: buildUpgradeCta }, msg.id));
+                        } }, item.kind === 'message' ? item.msg.id : item.card.id))), error &&
                         (errorMeta?.limitType ? (_jsx(ResourceLimitBanner, { message: error, action: buildUpgradeCta?.({ requiresSignup: errorMeta.requiresSignup }) })) : (_jsx("div", { className: cm.cn(cm.textSize('sm'), cm.sp('p', 2), cm.sp('mb', 2), cm.bgErrorSubtle, cm.textError), style: { borderRadius: '6px' }, children: error }))), (() => {
                         const showActivity = isLoading || awaitingSandboxBoot;
                         const streamingMsg = isLoading
@@ -5479,6 +5495,8 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
                                         // region immediately re-rates the row (e.g. DeepSeek V4
                                         // Pro: ×3 native-CN vs ×9 US-rehosted).
                                         const usageRate = modelUsageRate(model, AVAILABLE_MODELS, modelRegion);
+                                        // Whether the rate above is currently inflated by a peak window.
+                                        const peakNow = modelPeakMultiplier(model, modelRegion);
                                         const priceColor = usageRate <= 5
                                             ? isLight
                                                 ? 'rgb(22,163,74)'
@@ -5601,7 +5619,17 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
                                                                         defaultValue: 'your key',
                                                                     }) })) : (_jsx("span", { style: { color: priceColor }, title: t('ide.chat.models.usageRateHint', undefined, {
                                                                         defaultValue: 'How fast this model uses your AI allowance, relative to the most economical model',
-                                                                    }), children: t('ide.chat.models.usageRateValue', { rate: usageRate }, { defaultValue: '×{{rate}} usage' }) })), model.knowledgeCutoff ? _jsxs(_Fragment, { children: [" \u00B7 ", model.knowledgeCutoff] }) : null] }), (badges.length > 0 || showRegionPill) && (_jsxs("span", { style: {
+                                                                    }), children: t('ide.chat.models.usageRateValue', { rate: usageRate }, { defaultValue: '×{{rate}} usage' }) })), !isCustom && modelHasPeakPricing(model, modelRegion) && (_jsxs(_Fragment, { children: [' · ', _jsx("span", { style: {
+                                                                                color: peakNow > 1 ? priceColor : undefined,
+                                                                                opacity: peakNow > 1 ? 1 : 0.8,
+                                                                            }, title: t('ide.chat.models.peakHint', {
+                                                                                multiplier: model.peakPricing?.multiplier ?? 2,
+                                                                                windows: modelPeakWindowLabels(model).join(', '),
+                                                                            }, {
+                                                                                defaultValue: 'This model costs ×{{multiplier}} between {{windows}}. It is the normal rate the rest of the day.',
+                                                                            }), children: peakNow > 1
+                                                                                ? t('ide.chat.models.peakNow', { multiplier: model.peakPricing?.multiplier ?? 2 }, { defaultValue: 'peak ×{{multiplier}} now' })
+                                                                                : t('ide.chat.models.peakLater', { multiplier: model.peakPricing?.multiplier ?? 2 }, { defaultValue: '×{{multiplier}} at peak hours' }) })] })), model.knowledgeCutoff ? _jsxs(_Fragment, { children: [" \u00B7 ", model.knowledgeCutoff] }) : null] }), (badges.length > 0 || showRegionPill) && (_jsxs("span", { style: {
                                                                 display: 'flex',
                                                                 gap: '4px',
                                                                 flexWrap: 'wrap',
@@ -6550,7 +6578,7 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
  * @param props - Component props (see {@link MessageItemProps}).
  * @returns The rendered chat panel element.
  */
-export function ChatPanel({ projectId, endpoint, initialMessage, onInitialMessageSent, activeFile, openTabs, onFileOpen, onFileDoubleClick, onFileDiff, onFileRevert, onFileChange, onFileDeleted, onCommit, onActivityClick, onProfileClick, onReadyToBuild, awaitingSandboxBoot, onClientAction, onTurnComplete, onLoadingChange, onNavigatePreview, onRegisterPushHandler, autoSubmitSignal, initialInputValue, hideConversationMenu, renderConversationHeader = true, conversationId: controlledConversationId, chatKey: controlledChatKey, onConversationId: controlledOnConversationId, openShareSignal: controlledShareSignal, openReportSignal: controlledReportSignal, openSettingsSignal: controlledSettingsSignal, onManageCustomModels, gitStatusTick, pendingMessage, pendingMessageKey, pendingMessageSuppressUser, pendingMessageUserInitiated, userEditedFile, userEditedFileKey, isPro, buildUpgradeCta, buildHelpUpgradeSection, userAvatar, agentName, productName, version, feedbackUrl, className, }) {
+export function ChatPanel({ projectId, endpoint, initialMessage, onInitialMessageSent, activeFile, openTabs, onFileOpen, onFileDoubleClick, onFileDiff, onFileRevert, onFileChange, onFileDeleted, onCommit, onActivityClick, onRenderError, onProfileClick, onReadyToBuild, awaitingSandboxBoot, onClientAction, onTurnComplete, onLoadingChange, onNavigatePreview, onRegisterPushHandler, autoSubmitSignal, initialInputValue, hideConversationMenu, renderConversationHeader = true, conversationId: controlledConversationId, chatKey: controlledChatKey, onConversationId: controlledOnConversationId, openShareSignal: controlledShareSignal, openReportSignal: controlledReportSignal, openSettingsSignal: controlledSettingsSignal, onManageCustomModels, gitStatusTick, pendingMessage, pendingMessageKey, pendingMessageSuppressUser, pendingMessageUserInitiated, userEditedFile, userEditedFileKey, isPro, buildUpgradeCta, buildHelpUpgradeSection, userAvatar, agentName, productName, version, feedbackUrl, className, }) {
     const cm = getClassMap();
     const isNarrow = useNarrowViewport();
     const isCoarse = useCoarsePointer();
@@ -6759,7 +6787,7 @@ export function ChatPanel({ projectId, endpoint, initialMessage, onInitialMessag
                                             textOverflow: 'ellipsis',
                                             whiteSpace: 'nowrap',
                                             width: '100%',
-                                        }, children: conv.preview ?? 'New conversation' }), _jsx("span", { className: cm.cn(cm.textMuted, cm.textSize('xs')), style: { opacity: 0.55 }, children: relativeTime(conv.updatedAt) })] }, conv.id)))] }))] })), _jsx(ChatInner, { projectId: projectId, endpoint: chatEndpoint, initialMessage: initialMessage, onInitialMessageSent: onInitialMessageSent, isPro: isPro, buildUpgradeCta: buildUpgradeCta, buildHelpUpgradeSection: buildHelpUpgradeSection, activeFile: activeFile, openTabs: openTabs, onFileOpen: onFileOpen, onFileDoubleClick: onFileDoubleClick, onFileDiff: onFileDiff, onFileRevert: onFileRevert, onFileChange: onFileChange, onFileDeleted: onFileDeleted, onCommit: onCommit, onConversationId: reportConversationId, onActivityClick: onActivityClick, onProfileClick: onProfileClick, onReadyToBuild: onReadyToBuild, awaitingSandboxBoot: awaitingSandboxBoot, onClientAction: onClientAction, onTurnComplete: onTurnComplete, onLoadingChange: onLoadingChange, onNavigatePreview: onNavigatePreview, onRegisterPushHandler: onRegisterPushHandler, autoSubmitSignal: autoSubmitSignal, openSettingsSignal: effectiveSettingsSignal, onManageCustomModels: onManageCustomModels, openReportSignal: effectiveReportSignal, openShareSignal: effectiveShareSignal, initialInputValue: initialInputValue, pendingMessage: pendingMessage, pendingMessageKey: pendingMessageKey, pendingMessageSuppressUser: pendingMessageSuppressUser, pendingMessageUserInitiated: pendingMessageUserInitiated, userEditedFile: userEditedFile, userEditedFileKey: userEditedFileKey, gitStatusTick: gitStatusTick, discovery: hideConversationMenu, userAvatar: userAvatar, agentName: agentName, productName: productName, version: version, feedbackUrl: feedbackUrl }, chatKey)] }));
+                                        }, children: conv.preview ?? 'New conversation' }), _jsx("span", { className: cm.cn(cm.textMuted, cm.textSize('xs')), style: { opacity: 0.55 }, children: relativeTime(conv.updatedAt) })] }, conv.id)))] }))] })), _jsx(ChatInner, { projectId: projectId, endpoint: chatEndpoint, initialMessage: initialMessage, onInitialMessageSent: onInitialMessageSent, isPro: isPro, buildUpgradeCta: buildUpgradeCta, buildHelpUpgradeSection: buildHelpUpgradeSection, activeFile: activeFile, openTabs: openTabs, onFileOpen: onFileOpen, onFileDoubleClick: onFileDoubleClick, onFileDiff: onFileDiff, onFileRevert: onFileRevert, onFileChange: onFileChange, onFileDeleted: onFileDeleted, onCommit: onCommit, onConversationId: reportConversationId, onActivityClick: onActivityClick, onRenderError: onRenderError, onProfileClick: onProfileClick, onReadyToBuild: onReadyToBuild, awaitingSandboxBoot: awaitingSandboxBoot, onClientAction: onClientAction, onTurnComplete: onTurnComplete, onLoadingChange: onLoadingChange, onNavigatePreview: onNavigatePreview, onRegisterPushHandler: onRegisterPushHandler, autoSubmitSignal: autoSubmitSignal, openSettingsSignal: effectiveSettingsSignal, onManageCustomModels: onManageCustomModels, openReportSignal: effectiveReportSignal, openShareSignal: effectiveShareSignal, initialInputValue: initialInputValue, pendingMessage: pendingMessage, pendingMessageKey: pendingMessageKey, pendingMessageSuppressUser: pendingMessageSuppressUser, pendingMessageUserInitiated: pendingMessageUserInitiated, userEditedFile: userEditedFile, userEditedFileKey: userEditedFileKey, gitStatusTick: gitStatusTick, discovery: hideConversationMenu, userAvatar: userAvatar, agentName: agentName, productName: productName, version: version, feedbackUrl: feedbackUrl }, chatKey)] }));
 }
 ChatPanel.displayName = 'ChatPanel';
 //# sourceMappingURL=ChatPanel.js.map