@molecule/app-ide-react 1.5.0 → 1.7.0

package/dist/components/ChatPanel.js

@@ -16,7 +16,7 @@ import { ActivityCard } from './ActivityCard.js';
 import { AutoCommitBadge } from './AutoCommitBadge.js';
 import { AUTO_COMMIT_DISABLED, autoCommitReducer, isAutoCommitArmed, isAutoCommitDue, isAutoCommitEnabled, parseAutoCommitCommand, resolveAutoCommitSeconds, } from './chat-autocommit-utilities.js';
 import { CHAT_CARD_ICON_SIZE, chatCardBorder, chatCardStyle } from './chat-card-style.js';
-import { COMMAND_CATEGORIES, COMMANDS } from './chat-commands.js';
+import { COMMAND_CATEGORIES, COMMANDS, matchesSideChannelCommand, } from './chat-commands.js';
 import { stripCommitCoauthorTrailer } from './chat-commit-utilities.js';
 import { cachedPromptTokens, formatTokenTotal } from './chat-cost-utilities.js';
 import { effortOptionsForModel, nativeEffortName, parseEffortCommand, resolveEffortArg, } from './chat-effort-utilities.js';
@@ -135,6 +135,7 @@ function renderCardSegment(seg, key) {
 }
 /** All stream event types that can trigger a notification sound. */
 const SOUND_EVENTS = [
+    'message',
     'done',
     'error',
     'tool_result',
@@ -147,6 +148,7 @@ const SOUND_EVENTS = [
 ];
 /** User-friendly labels for each sound event (used as i18n defaultValues). */
 const SOUND_EVENT_LABELS = {
+    message: 'Team message',
     done: 'Response complete',
     error: 'Error',
     tool_result: 'Tool finished',
@@ -159,6 +161,7 @@ const SOUND_EVENT_LABELS = {
 };
 /** Brief descriptions for each sound event. */
 const SOUND_EVENT_DESCRIPTIONS = {
+    message: 'A teammate posted a team-only note',
     done: '{{agentName}} finished responding',
     error: 'Something went wrong during a response',
     tool_result: 'A tool call (file read, command, etc.) completed',
@@ -176,7 +179,10 @@ const SOUND_MODE_LABELS = {
     whenNotFocused: 'when not focused',
     always: 'always',
 };
+/** Per-device sounds preference (see the soundsConfig state comment). */
+const SOUNDS_STORAGE_KEY = 'molecule.ide.sounds';
 const DEFAULT_SOUNDS_CONFIG = {
+    message: 'always',
     done: 'whenNotFocused',
     error: 'whenNotFocused',
     tool_result: 'off',
@@ -191,8 +197,13 @@ let audioCtx = null;
 /**
  * Play a short notification tone using the Web Audio API.
  * Creates the AudioContext lazily on first call (after user interaction).
+ *
+ * The default variant is a single 660 Hz blip (status events). The `team`
+ * variant is the SAME blip an octave up (1320 Hz) — recognizably "a message,
+ * not a status event" while staying consistent with the sound family.
+ * @param variant - Which tone to play.
  */
-function playTone() {
+function playTone(variant = 'default') {
     try {
         if (!audioCtx)
             audioCtx = new AudioContext();
@@ -201,8 +212,12 @@ function playTone() {
         osc.connect(gain);
         gain.connect(audioCtx.destination);
         osc.type = 'sine';
-        osc.frequency.value = 660;
-        gain.gain.setValueAtTime(0.15, audioCtx.currentTime);
+        osc.frequency.value = variant === 'team' ? 1320 : 660;
+        // Equal-loudness compensation: hearing is far more sensitive near 1–4 kHz
+        // than at 660 Hz, so the octave-up tone needs roughly half the amplitude
+        // to sound the same volume as the default blip.
+        const peak = variant === 'team' ? 0.08 : 0.15;
+        gain.gain.setValueAtTime(peak, audioCtx.currentTime);
         gain.gain.exponentialRampToValueAtTime(0.001, audioCtx.currentTime + 0.15);
         osc.start(audioCtx.currentTime);
         osc.stop(audioCtx.currentTime + 0.15);
@@ -928,7 +943,7 @@ export function CommitCardItem({ card, onRevert, }) {
  * @returns The rendered message item.
  */
 const MessageItem = memo(function MessageItem(props) {
-    const { msg, sendMessage, handleAskUserResponse, isLoading, streamingStatus, onNavigatePreview, undoneTcIds, handleUndoToggle, onFileOpen, onFileDoubleClick, onFileDiff, handleFileRevert, setInputAndCursorEnd, setModelPicker, userAvatar, onAvatarClick, discovery, buildUpgradeCta, } = props;
+    const { msg, sendMessage, handleAskUserResponse, isLoading, streamingStatus, onNavigatePreview, undoneTcIds, handleUndoToggle, onFileOpen, onFileDoubleClick, onFileDiff, handleFileRevert, setInputAndCursorEnd, setModelPicker, chatMode, userAvatar, onAvatarClick, discovery, buildUpgradeCta, agentName, canEdit, } = props;
     const cm = getClassMap();
     const themeMode = useThemeMode();
     const isLight = themeMode === 'light';
@@ -936,6 +951,11 @@ const MessageItem = memo(function MessageItem(props) {
     // A message sent automatically on the user's behalf (e.g. an auto-fix prompt):
     // it has role 'user' but must NOT look like the user typed it (C2).
     const isAutomatic = msg.role === 'user' && !!msg.automatic;
+    // A human-only team note (side channel, e.g. /teamsay): renders like a user
+    // message — author header, time, plain content — but with the gold team-only
+    // accent + badge, and never the user message's blue stripe. `role` is 'system'
+    // (the model never sees it), so this is checked before isUser.
+    const isTeamNote = !!msg.teamOnly;
     // A real, user-typed message (the only one styled with the blue border + the
     // user's own avatar).
     const isUser = msg.role === 'user' && !isAutomatic;
@@ -949,7 +969,7 @@ const MessageItem = memo(function MessageItem(props) {
     const wrapperSpacing = {
         marginBottom: `${discovery ? TIMELINE_ITEM_GAP_DISCOVERY : TIMELINE_ITEM_GAP}px`,
     };
-    return (_jsx("div", { style: wrapperSpacing, children: isUser || isAutomatic ? (_jsxs("div", { className: 
+    return (_jsx("div", { style: wrapperSpacing, children: isUser || isAutomatic || isTeamNote ? (_jsxs("div", { className: 
             // Auto-sent card matches the info cards' `xs` body; a real user message keeps
             // its slightly larger `sm` (it's a different kind of row, not an info card).
             isAutomatic ? cm.textSize('xs') : cm.cn(cm.surfaceSecondary, cm.textSize('sm')), style: {
@@ -962,7 +982,9 @@ const MessageItem = memo(function MessageItem(props) {
                 // drawn by the `::before` injected via USER_ACCENT_STYLE + gated on the
                 // data-mol-id below, and the user's full-size avatar. An auto-sent message
                 // is instead a green (success) tinted card — same chrome as the info cards
-                // — so it's unmistakably agent-sent, not user-typed (C2).
+                // — so it's unmistakably agent-sent, not user-typed (C2). A team note keeps
+                // the user-message look but swaps the blue stripe (its data-mol-id differs,
+                // so USER_ACCENT_STYLE never applies) for the gold team-only border.
                 ...(isAutomatic
                     ? chatCardStyle(AUTO_SENT_ACCENT)
                     : {
@@ -971,14 +993,58 @@ const MessageItem = memo(function MessageItem(props) {
                         paddingTop: '10px',
                         paddingBottom: '10px',
                         paddingRight: '10px',
+                        ...(isTeamNote ? { border: `1px solid ${NOTICE_TONE.gold.accent}` } : {}),
                     }),
-            }, "data-mol-id": isAutomatic ? 'chat-automatic-message' : 'chat-user-message', children: [isAutomatic ? (_jsx(Icon, { name: "sync", size: CHAT_CARD_ICON_SIZE, "aria-hidden": "true", style: { flexShrink: 0, marginTop: 1, color: AUTO_SENT_ACCENT } })) : (_jsx(UserAvatar, { userAvatar: msg.author?.avatar ?? userAvatar, size: 36, onClick: onAvatarClick })), _jsxs("div", { style: { flex: 1, minWidth: 0, marginTop: 1 }, children: [isAutomatic ? null : (_jsxs("div", { style: {
+            }, "data-mol-id": isTeamNote
+                ? 'chat-team-message'
+                : isAutomatic
+                    ? 'chat-automatic-message'
+                    : 'chat-user-message', children: [isAutomatic ? (_jsx(Icon, { name: "sync", size: CHAT_CARD_ICON_SIZE, "aria-hidden": "true", style: { flexShrink: 0, marginTop: 1, color: AUTO_SENT_ACCENT } })) : (_jsx(UserAvatar
+                // An AUTHORED message shows that author's avatar — or their initial
+                // when they have none — NEVER the viewing user's picture (which made
+                // a teammate's avatar-less message wear the viewer's own face). Only
+                // an author-less message (the local optimistic echo, legacy rows) is
+                // the signed-in user's own and uses their avatar.
+                , { 
+                    // An AUTHORED message shows that author's avatar — or their initial
+                    // when they have none — NEVER the viewing user's picture (which made
+                    // a teammate's avatar-less message wear the viewer's own face). Only
+                    // an author-less message (the local optimistic echo, legacy rows) is
+                    // the signed-in user's own and uses their avatar.
+                    userAvatar: msg.author ? msg.author.avatar : userAvatar, name: msg.author?.name ?? undefined, size: 36, onClick: onAvatarClick })), _jsxs("div", { style: { flex: 1, minWidth: 0, marginTop: 1 }, children: [isAutomatic ? null : (_jsxs("div", { style: {
                                 display: 'flex',
                                 alignItems: 'baseline',
                                 gap: 8,
                                 lineHeight: 1.3,
                                 marginBottom: 1,
-                            }, children: [_jsx("span", { style: { fontWeight: 600 }, children: msg.author?.name ?? t('ide.chat.you', undefined, { defaultValue: 'You' }) }), typeof msg.timestamp === 'number' && (_jsx("span", { className: cm.textMuted, style: { fontSize: 11 }, children: relativeTimeLong(msg.timestamp) }))] })), _jsx(CollapsibleUserMessage, { content: msg.content, isLight: isLight }), msg.attachments && msg.attachments.length > 0 && (_jsx("div", { style: { marginTop: 4, display: 'flex', gap: 4, flexWrap: 'wrap' }, children: msg.attachments.map((att, ai) => (_jsxs("span", { className: cm.cn(cm.textMuted, cm.textSize('xs')), style: { display: 'inline-flex', alignItems: 'center', gap: 2 }, children: [att.mediaType.startsWith('image/')
+                            }, children: [_jsx("span", { style: { fontWeight: 600 }, children: msg.author?.name ?? t('ide.chat.you', undefined, { defaultValue: 'You' }) }), isTeamNote && (_jsx("span", { title: t('ide.chat.teamOnly.badge', { agentName: agentName ?? 'the assistant' }, {
+                                        defaultValue: 'Team only — visible to your team; {{agentName}} will ignore it',
+                                    }), "aria-label": t('ide.chat.teamOnly.badge', { agentName: agentName ?? 'the assistant' }, {
+                                        defaultValue: 'Team only — visible to your team; {{agentName}} will ignore it',
+                                    }), 
+                                    // Centered in the header row with a -0.5px optical nudge. Platform
+                                    // font metrics make a single integer offset impossible: against
+                                    // plain center, macOS rendered the glyph ~1px low and Ubuntu spot-on
+                                    // (measured in Brave on both, 2026-08-27), so -0.5 splits the
+                                    // difference — each platform lands within half a pixel, and retina
+                                    // displays render the half-pixel crisply. (Baseline alignment was
+                                    // tried and rode too HIGH: a text-less inline-flex item's
+                                    // synthesized baseline is its bottom edge.)
+                                    style: {
+                                        display: 'inline-flex',
+                                        alignSelf: 'center',
+                                        flexShrink: 0,
+                                        position: 'relative',
+                                        top: -0.5,
+                                    }, "data-mol-id": "chat-team-only-badge", children: _jsx(Icon
+                                    // 16px so the glyph reads at the username's optical size — the
+                                    // people glyph has internal viewBox padding, so a nominal 14px
+                                    // renders visibly smaller than the 14px text next to it.
+                                    , { 
+                                        // 16px so the glyph reads at the username's optical size — the
+                                        // people glyph has internal viewBox padding, so a nominal 14px
+                                        // renders visibly smaller than the 14px text next to it.
+                                        name: "people", size: 16, "aria-hidden": "true", style: { color: NOTICE_TONE.gold.accent } }) })), typeof msg.timestamp === 'number' && (_jsx("span", { className: cm.textMuted, style: { fontSize: 11 }, children: relativeTimeLong(msg.timestamp) }))] })), _jsx(CollapsibleUserMessage, { content: msg.content, isLight: isLight }), msg.attachments && msg.attachments.length > 0 && (_jsx("div", { style: { marginTop: 4, display: 'flex', gap: 4, flexWrap: 'wrap' }, children: msg.attachments.map((att, ai) => (_jsxs("span", { className: cm.cn(cm.textMuted, cm.textSize('xs')), style: { display: 'inline-flex', alignItems: 'center', gap: 2 }, children: [att.mediaType.startsWith('image/')
                                         ? '\uD83D\uDDBC\uFE0F'
                                         : att.mediaType.startsWith('audio/')
                                             ? '\uD83C\uDFB5'
@@ -1057,11 +1123,11 @@ const MessageItem = memo(function MessageItem(props) {
                     const tc = msg.toolCalls?.find((c) => c.id === block.id);
                     if (!tc)
                         return null;
-                    return (_jsx("div", { style: { marginTop: '4px' }, children: _jsx(ToolCallCard, { id: tc.id, name: tc.name, input: tc.input, output: tc.output, status: tc.status, fileDiff: tc.fileDiff, isUndone: undoneTcIds.has(tc.id), onUndoToggle: handleUndoToggle, onFileOpen: onFileOpen, onFileDoubleClick: onFileDoubleClick, onFileDiff: onFileDiff, onFileRevert: handleFileRevert, onAskUserResponse: handleAskUserResponse }) }, tc.id));
+                    return (_jsx("div", { style: { marginTop: '4px' }, children: _jsx(ToolCallCard, { id: tc.id, name: tc.name, input: tc.input, output: tc.output, status: tc.status, fileDiff: tc.fileDiff, isUndone: undoneTcIds.has(tc.id), onUndoToggle: handleUndoToggle, onFileOpen: onFileOpen, onFileDoubleClick: onFileDoubleClick, onFileDiff: onFileDiff, onFileRevert: canEdit === false ? undefined : handleFileRevert, onAskUserResponse: canEdit === false ? undefined : handleAskUserResponse }) }, tc.id));
                 })) : msg.content ? (_jsx(MarkdownContent, { text: msg.content, isStreaming: msg.isStreaming, statusLabel: msg.isStreaming ? streamingStatus : undefined, statusStartedAt: typeof msg.timestamp === 'number' ? msg.timestamp : undefined, onNavigatePreview: onNavigatePreview, hideStreamingIndicator: true })) : null, msg.toolCalls &&
                     msg.toolCalls.length > 0 &&
                     (!msg.blocks || msg.blocks.length === 0) &&
-                    msg.toolCalls.map((tc) => (_jsx(ToolCallCard, { id: tc.id, name: tc.name, input: tc.input, output: tc.output, status: tc.status, fileDiff: tc.fileDiff, isUndone: undoneTcIds.has(tc.id), onUndoToggle: handleUndoToggle, onFileOpen: onFileOpen, onFileDoubleClick: onFileDoubleClick, onFileDiff: onFileDiff, onFileRevert: handleFileRevert, onAskUserResponse: handleAskUserResponse }, tc.id))), msg.aborted && (_jsx("span", { className: cm.cn(cm.textMuted, cm.textSize('xs')), style: { display: 'block', marginTop: 4, fontStyle: 'italic' }, children: t('ide.chat.responseStopped', undefined, {
+                    msg.toolCalls.map((tc) => (_jsx(ToolCallCard, { id: tc.id, name: tc.name, input: tc.input, output: tc.output, status: tc.status, fileDiff: tc.fileDiff, isUndone: undoneTcIds.has(tc.id), onUndoToggle: handleUndoToggle, onFileOpen: onFileOpen, onFileDoubleClick: onFileDoubleClick, onFileDiff: onFileDiff, onFileRevert: canEdit === false ? undefined : handleFileRevert, onAskUserResponse: canEdit === false ? undefined : handleAskUserResponse }, tc.id))), msg.aborted && (_jsx("span", { className: cm.cn(cm.textMuted, cm.textSize('xs')), style: { display: 'block', marginTop: 4, fontStyle: 'italic' }, children: t('ide.chat.responseStopped', undefined, {
                         defaultValue: 'Response stopped',
                     }) })), msg.loopLimitReached &&
                     !msg.isStreaming &&
@@ -1073,7 +1139,7 @@ const MessageItem = memo(function MessageItem(props) {
                                 }),
                                 action: () => {
                                     setInputAndCursorEnd('/model ');
-                                    setModelPicker({ selectedIdx: -1 });
+                                    setModelPicker({ selectedIdx: -1, mode: chatMode });
                                 },
                             },
                             {
@@ -1152,11 +1218,15 @@ 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, isAnonymous, 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, modelSelectionSignal, openReportSignal, openShareSignal, initialInputValue, pendingMessage, pendingMessageKey, pendingMessageSuppressUser, pendingMessageUserInitiated, userEditedFile, userEditedFileKey, gitStatusTick: externalGitStatusTick, discovery, userAvatar, agentName = DEFAULT_AGENT_NAME, productName = DEFAULT_PRODUCT_NAME, version, extraCommands,
+function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent, isPro, isAnonymous, canEdit, canShare, buildUpgradeCta, buildHelpUpgradeSection, activeFile, openTabs, onFileOpen, onFileDoubleClick, onFileDiff, onFileRevert, onFileChange, onFileDeleted, onCommit, onConversationId, onActivityClick, onRenderError, onProfileClick, currentUserId, onReadyToBuild, awaitingSandboxBoot, onClientAction, onTurnComplete, onLoadingChange, onNavigatePreview, onRegisterPushHandler, autoSubmitSignal, openSettingsSignal, onManageCustomModels, modelSelectionSignal, openReportSignal, openShareSignal, initialInputValue, pendingMessage, pendingMessageKey, pendingMessageSuppressUser, pendingMessageUserInitiated, userEditedFile, userEditedFileKey, gitStatusTick: externalGitStatusTick, discovery, userAvatar, agentName = DEFAULT_AGENT_NAME, productName = DEFAULT_PRODUCT_NAME, version, extraCommands,
 // 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.
  }) {
     const cm = getClassMap();
+    // Share-link management may be gated ABOVE canEdit by the host (molecule.dev
+    // mints/lists/revokes at admin+) — every /share surface below uses this, so
+    // an editor without the capability gets no dead modal.
+    const shareAllowed = canShare ?? canEdit !== false;
     const themeMode = useThemeMode();
     const isLight = themeMode === 'light';
     // Phone-width / touch-first branches: popovers cap with dvh, hover-revealed
@@ -1171,10 +1241,12 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
     // visible; 420px bounds it on small tablets.
     const popupMaxHeight = isNarrow ? 'min(50dvh, 420px)' : '70vh';
     const http = useHttpClient();
-    // Bind the host's profile-click callback to the clicked user's identity once
-    // (the chat is solo, so every user avatar is the signed-in user — the only
-    // known identity is `userAvatar`). Stable so MessageItem's memo isn't broken;
-    // `undefined` when the host opts out, which keeps every avatar non-interactive.
+    // Bind the host's profile-click callback to the SIGNED-IN user's identity once.
+    // Hosts open the *own*-profile surface from this, so it is only ever attached to
+    // the signed-in user's OWN messages (see the per-message gate at the MessageItem
+    // call site — a teammate's avatar must never open the viewer's profile). Stable
+    // so MessageItem's memo isn't broken; `undefined` when the host opts out, which
+    // keeps every avatar non-interactive.
     const onUserAvatarClick = useMemo(() => onProfileClick
         ? () => onProfileClick({ avatar: userAvatar })
         : undefined, [onProfileClick, userAvatar]);
@@ -1235,6 +1307,10 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
     // applied through handleStreamEvent) can append a card-message to the ONE message store.
     // This client's OWN `card` events are appended internally by useChat's stream handler.
     const appendCardMessageRef = useRef(() => { });
+    // Ref to useChat's appendCompleteMessage — same contract as appendCardMessageRef, for a
+    // teammate's broadcast `message` event (a complete non-streaming message, e.g. a
+    // human-only team note). This client's OWN `message` events append internally in useChat.
+    const appendCompleteMessageRef = useRef(() => { });
     // Kept current each render so handleStreamEvent (memoized) always calls the latest.
     const onReadyToBuildRef = useRef(onReadyToBuild);
     onReadyToBuildRef.current = onReadyToBuild;
@@ -1281,6 +1357,13 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
         if (event.type === 'card' && applyingPushedRef.current) {
             appendCardMessageRef.current(event.id, event.timestamp, event.card);
         }
+        // A teammate's broadcast complete message (e.g. a human-only team note) — append it
+        // to the local store so it shows live for the collaborator too (de-duped by id;
+        // never re-persisted — the originating server already persisted it). This client's
+        // OWN `message` stream events are appended internally by useChat.
+        if (event.type === 'message' && applyingPushedRef.current && event.message) {
+            appendCompleteMessageRef.current(event.message);
+        }
         // Captured outbound side effect (email/sms/push/webhook/channel) — push an
         // inline activity card into the timeline. Non-text card, mirroring how
         // system cards are appended.
@@ -1328,8 +1411,11 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
         // still drives the phase STATE (useChat's setMode); it just no longer spawns a card.
         const cfg = soundsConfigRef.current;
         const eventType = event.type;
-        if (eventType in cfg && shouldPlaySound(cfg[eventType])) {
-            playTone();
+        // 'message' is the team-note ping: it fires only for a TEAMMATE's note
+        // (the pushed broadcast) — never for the sender's own SSE echo.
+        const isOwnTeamNote = event.type === 'message' && !applyingPushedRef.current;
+        if (!isOwnTeamNote && eventType in cfg && shouldPlaySound(cfg[eventType])) {
+            playTone(eventType === 'message' ? 'team' : 'default');
         }
     }, [t]);
     // Countdown timer effect — ticks down and auto-sends fix message
@@ -1415,7 +1501,7 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
         }
         onFileChange?.(path, content);
     }, [onFileChange, onFileOpen, autoFixCountdown]);
-    const { messages, isLoading, isRemoteStreaming, noteRemoteStreamEvent, error, errorMeta, mode, fastMode, streamingStatus, setMode, setFastMode, sendMessage, abort, clearHistory, editQueuedMessage, deleteQueuedMessage, clearQueuedForFile, appendCardMessage, retryCountdown, cancelRetry, } = useChat({
+    const { messages, isLoading, isRemoteStreaming, noteRemoteStreamEvent, error, errorMeta, mode, fastMode, streamingStatus, setMode, setFastMode, sendMessage, abort, clearHistory, editQueuedMessage, deleteQueuedMessage, clearQueuedForFile, appendCardMessage, appendCompleteMessage, retryCountdown, cancelRetry, } = useChat({
         endpoint,
         projectId,
         agentName,
@@ -1436,11 +1522,21 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
         onConversationId,
         onStreamEvent: handleStreamEvent,
     });
+    // The mode a model CHANGE should target when the user hasn't scoped one
+    // explicitly (no --plan/--execute flag, no picker-mode choice): the LIVE
+    // conversation mode. Discovery runs in plan mode (aiContext.mode is 'plan'
+    // throughout discovery), so it maps to 'plan' — changing the model while
+    // discovering/planning changes the plan model, while building the execute
+    // model. This replaces the old default of writing the legacy `chatModel`
+    // (which silently moved BOTH modes).
+    const liveModelMode = mode === 'plan' ? 'plan' : 'execute';
     // Keep sendMessageRef in sync so the countdown effect can call the latest sendMessage
     sendMessageRef.current = sendMessage;
     // Keep the card-append ref current so handleStreamEvent (memoized) can append a teammate's
     // broadcast `card` event to the message store.
     appendCardMessageRef.current = appendCardMessage;
+    // Same for a teammate's broadcast complete `message` event (e.g. a team note).
+    appendCompleteMessageRef.current = appendCompleteMessage;
     // User Stop. A stop is a user decision the platform must not overrule — so
     // beyond killing the stream (useChat.abort also records the stop client-side
     // and, via chat-abort's userInitiated flag, server-side), drop every pending
@@ -1578,7 +1674,15 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
     useEffect(() => {
         if (typeof window !== 'undefined' && window.matchMedia?.('(pointer: coarse)').matches)
             return;
-        textareaRef.current?.focus();
+        const ta = textareaRef.current;
+        if (!ta)
+            return;
+        ta.focus();
+        // The textarea can mount with content already in it (defaultValue carries a
+        // persisted draft, and a viewer's box holds the '/teamsay ' prefill) — a
+        // fresh element's selection is (0,0), so without this the caret sits BEFORE
+        // the text and typing lands in front of '/teamsay'.
+        ta.setSelectionRange(ta.value.length, ta.value.length);
     }, []);
     /** Update the ref, the DOM element, and the hasInput flag without re-rendering the parent. */
     const setInputValue = useCallback((val) => {
@@ -1586,7 +1690,10 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
         const ta = textareaRef.current;
         if (ta && ta.value !== val)
             ta.value = val;
-        setHasInput(Boolean(val.trim()));
+        // A viewer's composer is pre-filled with '/teamsay ' — the BARE prefix is
+        // not sendable content, so it must not light the Send button.
+        const bareSideChannel = canEdit === false && /^\/(?:teamsay|t)$/i.test(val.trim());
+        setHasInput(Boolean(val.trim()) && !bareSideChannel);
         autoResize();
         // Clear persisted draft when input is emptied (e.g. on submit)
         if (!val) {
@@ -1597,7 +1704,7 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
                 /* sessionStorage unavailable — safe to ignore, draft simply persists */
             }
         }
-    }, [draftKey, autoResize]);
+    }, [draftKey, autoResize, canEdit]);
     // Persist draft text to sessionStorage so it survives refresh (debounced)
     const draftTimerRef = useRef(null);
     const persistDraft = useCallback(() => {
@@ -2211,6 +2318,11 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
         activityCardsLoadedConvRef.current = null;
         if (!conversationId)
             return;
+        // Activity cards carry recipients/summaries and their routes are editor+ by
+        // design — a viewer's fetch/persist would just 403 on every panel open
+        // (observed live in prod logs). Skip both for read-only viewers.
+        if (canEdit === false)
+            return;
         if (prevConv && prevConv !== conversationId)
             setActivityCards([]);
         let cancelled = false;
@@ -2240,10 +2352,12 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
         return () => {
             cancelled = true;
         };
-    }, [conversationId, projectId, http]);
+    }, [conversationId, projectId, http, canEdit]);
     useEffect(() => {
         if (!conversationId || activityCardsLoadedConvRef.current !== conversationId)
             return;
+        if (canEdit === false)
+            return;
         void http
             .put(`/projects/${projectId}/conversations/${conversationId}/activity-cards`, {
             activityCards: activityCards.filter((c) => !c.received),
@@ -2252,7 +2366,7 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
             // Best-effort save (bound as _error per Rule 14): the in-memory cards remain the
             // source of truth this session if the PUT fails.
         });
-    }, [activityCards, conversationId, projectId, http]);
+    }, [activityCards, conversationId, projectId, http, canEdit]);
     // ── Auto-tips (dismissable onboarding hints) ──────────────────────────────
     // Two surfaces (see chat-tips-utilities): an ENTRY_TIP shown once on a fresh
     // conversation so a brand-new user always sees how to drive the agent, plus an
@@ -2282,6 +2396,8 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
             shownTipIdsRef.current = [];
             // Re-arm the entry tip so a freshly-started chat shows the onboarding hint.
             entryTipShownRef.current = false;
+            // Re-arm the viewer composer prefill ('/teamsay ') for the new conversation.
+            viewerPrefillDoneRef.current = false;
         }
     }, [conversationId]);
     // Entry tip: the onboarding moment. Show ONE high-value hint as soon as a fresh
@@ -2303,6 +2419,31 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
         const text = t(`ide.chat.tip.${ENTRY_TIP.id}`, { agentName }, { defaultValue: ENTRY_TIP.text });
         setTipCards((prev) => [...prev, { id: crypto.randomUUID(), text, timestamp: Date.now() }]);
     }, [conversationId, messages.length, agentName, discovery]);
+    // Viewer orientation tip: a read-only member's explainer — GOLD like the
+    // team-only messages and led by the same `people` icon it explains, so the
+    // badge on a team note is self-describing. A regular dismissable tip (never a
+    // permanent composer note); shown once per panel mount, skipped in discovery
+    // like the other tips (mvp B1). Gated on an EXPLICIT canEdit === false so
+    // hosts that don't do roles never see it.
+    const viewerTipShownRef = useRef(false);
+    useEffect(() => {
+        if (canEdit !== false || discovery || viewerTipShownRef.current)
+            return;
+        viewerTipShownRef.current = true;
+        const text = t('ide.chat.tip.viewerTeamOnly', { agentName }, {
+            defaultValue: 'View-only access — read along and /teamsay (or just /t) the team. This gold icon marks team-only messages ({{agentName}} ignores them). Running the assistant and changing the model or settings need editor access.',
+        });
+        setTipCards((prev) => [
+            ...prev,
+            {
+                id: crypto.randomUUID(),
+                text,
+                timestamp: Date.now(),
+                accent: NOTICE_TONE.gold.accent,
+                icon: 'people',
+            },
+        ]);
+    }, [canEdit, discovery, agentName]);
     // Surface an occasional idle tip. This effect re-runs on every message change, so
     // the idle timer is continually reset by activity; it only fires once the
     // conversation has been quiet for TIP_IDLE_MS — and even then only when the
@@ -2335,7 +2476,31 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
     }, [messages, discovery]);
     // ── Sounds picker (shown when /sounds is executed) ────────────────────────
     const [soundsPicker, setSoundsPicker] = useState(null);
-    const [soundsConfig, setSoundsConfig] = useState({ ...DEFAULT_SOUNDS_CONFIG });
+    // Notification sounds are a PER-DEVICE, per-user preference — localStorage,
+    // never project settings. They used to persist via PATCH /projects settings
+    // (shared with every member, and unreachable for read-only viewers, whose
+    // PATCH 403s); the old project-level value is still read once as a migration
+    // fallback when this device has no local preference yet.
+    const [soundsConfig, setSoundsConfig] = useState(() => {
+        try {
+            const raw = localStorage.getItem(SOUNDS_STORAGE_KEY);
+            if (raw)
+                return { ...DEFAULT_SOUNDS_CONFIG, ...JSON.parse(raw) };
+        }
+        catch (_error) {
+            // localStorage unavailable / bad JSON — fall through to the defaults.
+        }
+        return { ...DEFAULT_SOUNDS_CONFIG };
+    });
+    const soundsLocallySetRef = useRef(false);
+    useEffect(() => {
+        try {
+            soundsLocallySetRef.current = localStorage.getItem(SOUNDS_STORAGE_KEY) != null;
+        }
+        catch (_error) {
+            // localStorage unavailable — treat as unset; the project fallback may apply.
+        }
+    }, []);
     // ── Panel overlay (/skills, /scripts, /settings — closeable popups) ──────────
     // These three commands open a closeable overlay above the composer (mirrors how
     // /model and /sounds own this popup region) instead of dropping an inline card
@@ -2373,16 +2538,16 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
             updated = { ...soundsConfig, [eventType]: next };
         }
         setSoundsConfig(updated);
+        // Per-device preference — localStorage, never a project PATCH (see the
+        // state's comment; this also makes /sounds fully usable for viewers).
         try {
-            await http.patch(`/projects/${projectId}`, { settings: { sounds: updated } });
+            localStorage.setItem(SOUNDS_STORAGE_KEY, JSON.stringify(updated));
+            soundsLocallySetRef.current = true;
         }
-        catch (error) {
-            logger.warn('Failed to persist sound settings to server', { error });
-            addSystemCard(t('ide.chat.soundsError', undefined, {
-                defaultValue: 'Failed to update sound settings.',
-            }));
+        catch (_error) {
+            // localStorage unavailable — the choice still applies for this session.
         }
-    }, [soundsConfig, http, projectId, addSystemCard]);
+    }, [soundsConfig]);
     // ── Current project settings (model + maxloops + sounds) ──────────────────
     // Project-scoped so any custom (bring-your-own AI) models the project has
     // configured are included alongside the platform catalog.
@@ -2498,7 +2663,9 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
             if (typeof s?.autoApproveCommands === 'boolean') {
                 setAutoApproveCommandsEnabled(s.autoApproveCommands);
             }
-            if (s?.sounds && typeof s.sounds === 'object') {
+            // Legacy migration only: sounds are per-device (localStorage) now — apply
+            // the old project-level value only when this device has no local pref.
+            if (s?.sounds && typeof s.sounds === 'object' && !soundsLocallySetRef.current) {
                 setSoundsConfig((prev) => ({ ...prev, ...s.sounds }));
             }
             // Restore the persisted auto-commit cadence in the paused state (it
@@ -2591,7 +2758,15 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
             return;
         removedModelNotifiedRef.current = currentModel;
         const removedId = currentModel;
-        const fallback = FREE_TIER_MODEL || AVAILABLE_MODELS[0]?.id;
+        // Prefer a still-available model from the SAME custom provider before a
+        // platform model: when a BYO provider's model is renamed (custom/<prov>/A →
+        // custom/<prov>/B), keep the user on their own endpoint rather than bouncing
+        // them to a platform free model.
+        const sameProviderPrefix = removedId.match(/^(custom\/[^/]+\/)/)?.[1];
+        const sameProviderModel = sameProviderPrefix
+            ? AVAILABLE_MODELS.find((m) => m.id.startsWith(sameProviderPrefix))?.id
+            : undefined;
+        const fallback = sameProviderModel || FREE_TIER_MODEL || AVAILABLE_MODELS[0]?.id;
         addSystemCard(fallback
             ? t('ide.chat.modelRemoved', { removed: removedId, fallback }, {
                 defaultValue: 'Your selected model "{{removed}}" is no longer available. Switched to "{{fallback}}". Type /model to pick another.',
@@ -2602,9 +2777,14 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
         if (fallback) {
             setCurrentModel(fallback);
             setSavedChatModel(fallback);
-            http.patch(`/projects/${projectId}`, { settings: { chatModel: fallback } }).catch(() => {
-                /* persistence is best-effort; the in-memory switch is what matters */
-            });
+            // Persisting the swap writes project settings — editor+ server-side, so a
+            // viewer's tab keeps the in-memory switch (all this session needs) and
+            // skips a PATCH that could only 403.
+            if (canEdit !== false) {
+                http.patch(`/projects/${projectId}`, { settings: { chatModel: fallback } }).catch(() => {
+                    /* persistence is best-effort; the in-memory switch is what matters */
+                });
+            }
         }
     }, [
         modelsLoading,
@@ -2614,6 +2794,7 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
         addSystemCard,
         http,
         projectId,
+        canEdit,
     ]);
     // ── Queued message editing ──────────────────────────────────────────────────
     const [editingQueuedId, setEditingQueuedId] = useState(null);
@@ -2780,10 +2961,13 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
     useEffect(() => {
         if (initialMessage && !hasConversation && sentInitialRef.current !== initialMessage) {
             sentInitialRef.current = initialMessage;
-            sendMessage(initialMessage);
+            // Same rule as handleSubmit: a host side-channel command (e.g. /teamsay)
+            // renders no optimistic echo — the server's `message` event is the message.
+            const sideChannel = matchesSideChannelCommand(extraCommands?.length ? [...COMMANDS, ...extraCommands] : COMMANDS, initialMessage);
+            sendMessage(initialMessage, undefined, sideChannel ? { suppressUserMessage: true } : undefined);
             onInitialMessageSent?.();
         }
-    }, [initialMessage, hasConversation, sendMessage, onInitialMessageSent]);
+    }, [initialMessage, hasConversation, sendMessage, onInitialMessageSent, extraCommands]);
     // ── Auto-send pending message (e.g. "Fix with AI", preview errors) ──────
     // Defers sending while the AI is streaming to avoid queueing up auto-fix
     // messages during active work. Messages are sent once streaming ends.
@@ -2794,6 +2978,12 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
             pendingMessageKey !== undefined &&
             pendingMessageKey !== lastPendingKeyRef.current) {
             lastPendingKeyRef.current = pendingMessageKey;
+            // A read-only VIEWER never dispatches platform-composed sends (build
+            // kickoffs, auto-fixes, preview-failure reports): the server 403s them
+            // and the denial used to surface as a red error in the viewer's chat.
+            // Consume the key (above) so the same message isn't retried.
+            if (canEdit === false)
+                return;
             // A pending message is ALWAYS system-composed (an auto-fix prompt, a preview-failure
             // report, a "Fix with AI" request) — never text the user typed. So it must NEVER
             // render as a normal user bubble: either it's suppressed entirely (hidden build
@@ -2827,6 +3017,7 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
         pendingMessageUserInitiated,
         sendMessage,
         isLoading,
+        canEdit,
     ]);
     // When streaming ends, send any deferred message. (A user Stop also ends
     // streaming, but handleAbort drops the deferred message first — and useChat's
@@ -2840,6 +3031,10 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
             deferredPendingRef.current = null;
             deferredPendingSuppressRef.current = false;
             deferredPendingUserInitiatedRef.current = false;
+            // A viewer never dispatches platform-composed sends (same as the
+            // immediate path above) — the refs are already drained, so it just drops.
+            if (canEdit === false)
+                return;
             // Same rule as the immediate path: a deferred pending message is system-composed —
             // always `automatic` (suppressed or visible), never a plain user bubble.
             sendMessage(msg, undefined, {
@@ -2848,7 +3043,7 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
                 ...(userInitiated ? { userInitiated: true } : {}),
             });
         }
-    }, [isLoading, sendMessage]);
+    }, [isLoading, sendMessage, canEdit]);
     // ── Auto-delete queued autofix messages when user edits a relevant file ────
     const lastUserEditKeyRef = useRef(userEditedFileKey);
     useEffect(() => {
@@ -3343,11 +3538,12 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
             return;
         }
         setFilePicker(null);
-        // Show model picker when typing "/model <filter>" — scoped to a mode when
-        // the input carries a --plan / --execute flag.
+        // Show model picker when typing "/model <filter>" — scoped to the mode a
+        // --plan / --execute flag names, else to the LIVE conversation mode
+        // (discovery = plan), so a plain pick changes the mode the user is in.
         const modelMatch = val.match(/^\/model\s+/i);
         if (modelMatch) {
-            setModelPicker({ selectedIdx: -1, mode: parseModelModeCommand(val)?.mode });
+            setModelPicker({ selectedIdx: -1, mode: parseModelModeCommand(val)?.mode ?? liveModelMode });
             setCommandMenu(null);
             return;
         }
@@ -3358,7 +3554,7 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
         else {
             setCommandMenu(null);
         }
-    }, [openFilePicker, autoResize, persistDraft]);
+    }, [openFilePicker, autoResize, persistDraft, liveModelMode]);
     // ── Execute command ────────────────────────────────────────────────────────
     /** Sets textarea value and moves cursor to the end. */
     const setInputAndCursorEnd = useCallback((val) => {
@@ -3372,6 +3568,17 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
             }
         }, 0);
     }, [setInputValue, autoResize]);
+    // Viewer composer prefill: the box IS the team-chat input, so it starts with
+    // "/teamsay " already typed (and handleSubmit re-fills it after each sent team
+    // message). Once per mount, and never over text the user already has.
+    const viewerPrefillDoneRef = useRef(false);
+    useEffect(() => {
+        if (canEdit !== false || viewerPrefillDoneRef.current)
+            return;
+        viewerPrefillDoneRef.current = true;
+        if (!inputRef.current.trim())
+            setInputAndCursorEnd('/teamsay ');
+    }, [canEdit, setInputAndCursorEnd, conversationId]);
     /**
      * Select and apply a model by ID. When `mode` is given the choice persists to
      * that mode's per-mode field (`planModel` / `executeModel` /
@@ -3459,6 +3666,20 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
             setInputAndCursorEnd(`/${id} `);
             return;
         }
+        // A read-only VIEWER may run only viewerSafe commands (read / view-only /
+        // per-user preference). Everything else writes shared project state or
+        // triggers a Synthase turn the server 403s, so surface a read-only note
+        // instead of a dead control that silently fails. Default-deny: an
+        // unflagged command is unavailable to viewers.
+        if (!canEdit) {
+            const def = allCommands.find((c) => c.id === id);
+            if (def && !def.viewerSafe) {
+                addSystemCard(t('ide.chat.viewerReadOnlyCommand', undefined, {
+                    defaultValue: 'You have view-only access, so this command is unavailable. Ask an editor to make changes.',
+                }));
+                return;
+            }
+        }
         if (id === 'clear') {
             setInputValue('');
             await clearHistory();
@@ -3469,7 +3690,7 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
         }
         else if (id === 'model') {
             setInputAndCursorEnd('/model ');
-            setModelPicker({ selectedIdx: -1 });
+            setModelPicker({ selectedIdx: -1, mode: liveModelMode });
         }
         else if (id === 'mic' || id === 'dictate') {
             setInputValue('');
@@ -3561,7 +3782,10 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
                                 defaultValue: "Today's AI allowance is used up — refreshes {{when}}.",
                             })
                             : t('ide.chat.usageAllowanceTodayLine', { percent: d.allowancePercent }, {
-                                defaultValue: "You've used ~{{percent}}% of today's AI allowance.",
+                                // Neutral phrasing on purpose: the allowance belongs to
+                                // the PROJECT (its owner's plan window) — "you've used"
+                                // misattributed it to whichever teammate ran /cost.
+                                defaultValue: "~{{percent}}% of today's AI allowance used.",
                             }))
                     : '';
                 // `inputTokens` counts only the UNCACHED prompt: every bond normalizes
@@ -3787,7 +4011,8 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
         }
         else if (id === 'share') {
             setInputValue('');
-            setShareModal({ role: DEFAULT_SHARE_ROLE });
+            if (shareAllowed)
+                setShareModal({ role: DEFAULT_SHARE_ROLE });
         }
     }, [
         clearHistory,
@@ -3804,6 +4029,10 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
         refreshGitStatus,
         openPanelOverlay,
         extraCommandIds,
+        canEdit,
+        allCommands,
+        liveModelMode,
+        t,
     ]);
     // When the auto-commit countdown reaches zero, fire the existing /commit path
     // (no new backend) and pause until the next file change re-arms it. /commit
@@ -3839,6 +4068,26 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
         const trimmed = inputRef.current.trim();
         if (!trimmed && attachedFiles.length === 0)
             return;
+        // Read-only VIEWER guard. A viewer cannot run the assistant (the server 403s
+        // the chat route) or any project-mutating command, so block a plain message
+        // or a write-command here with a read-only note instead of a silent 403 —
+        // but let team side-channel messages (/teamsay) and viewerSafe commands
+        // through so viewers can still talk to the team and read. (Menu-dispatched
+        // commands are gated in executeCommand; this covers composer typing.)
+        if (!canEdit) {
+            const token = trimmed.match(/^\/(\S+)/)?.[1]?.toLowerCase();
+            const def = token
+                ? allCommands.find((c) => c.id.toLowerCase() === token || c.aliases?.includes(token))
+                : undefined;
+            const allowed = matchesSideChannelCommand(allCommands, trimmed) || def?.viewerSafe === true;
+            if (!allowed) {
+                setInputValue('');
+                addSystemCard(t('ide.chat.viewerReadOnly', undefined, {
+                    defaultValue: "You have view-only access, so you can't run the assistant here. You can still read along and use /teamsay to message the team.",
+                }));
+                return;
+            }
+        }
         // Handle /autofix toggle locally
         if (/^\/autofix$/i.test(trimmed)) {
             void executeCommand('autofix');
@@ -3901,10 +4150,18 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
             return;
         }
         // Handle /share [role] locally — opens the share-link modal at the requested
-        // role (default viewer). An unrecognized role shows usage instead.
+        // role (default viewer). An unrecognized role shows usage instead. Below the
+        // host's share capability (e.g. an editor where minting is admin+), say so
+        // plainly instead of opening a modal whose every request 403s.
         const shareMatch = parseShareCommand(trimmed);
         if (shareMatch) {
             setInputValue('');
+            if (!shareAllowed) {
+                addSystemCard(t('ide.chat.share.notAllowed', undefined, {
+                    defaultValue: 'Managing share links needs an admin role on this project.',
+                }));
+                return;
+            }
             if (shareMatch.kind === 'invalid') {
                 addSystemCard(t('ide.chat.share.usage', { roles: SHARE_ROLES.join(', ') }, {
                     defaultValue: 'Usage: /share [role] — create a public link. Roles: {{roles}} (default viewer).',
@@ -3986,20 +4243,9 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
                     { action: buildUpgradeCta?.({}) ?? undefined });
                 }
                 else {
-                    try {
-                        await http.patch(`/projects/${projectId}`, { settings: { chatModel: name } });
-                        setCurrentModel(name);
-                        setSavedChatModel(name);
-                        addSystemCard(t('ide.chat.modelSet', { name: resolved?.label ?? name }, {
-                            defaultValue: `Chat model set to ${resolved?.label ?? name}`,
-                        }));
-                    }
-                    catch (error) {
-                        logger.warn('Failed to update chat model via /model command', { error });
-                        addSystemCard(t('ide.chat.modelError', undefined, {
-                            defaultValue: 'Failed to update chat model.',
-                        }));
-                    }
+                    // Unscoped /model targets the CURRENT conversation mode (discovery =
+                    // plan), same as /effort — never the legacy both-modes chatModel.
+                    await selectModel(name, resolved?.label ?? name, liveModelMode);
                 }
             }
             setInputValue('');
@@ -4157,6 +4403,21 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
             sendMessage(prompt);
             return;
         }
+        // A host side-channel command (CommandDef.sideChannel, matched by id or alias — e.g.
+        // molecule.dev's /teamsay + /t): send the raw text to the host's server intercept but
+        // suppress the optimistic user bubble. The server emits the canonical `message` stream
+        // event (persisted + broadcast to every member), which IS the visible message — so the
+        // transcript never shows the literal "/command" text, and never shows it twice.
+        if (matchesSideChannelCommand(allCommands, trimmed)) {
+            // A viewer's composer is the team-chat box — re-fill the /teamsay prefix
+            // after each sent team message so the next one is one keystroke away.
+            if (canEdit === false)
+                setInputAndCursorEnd('/teamsay ');
+            else
+                setInputValue('');
+            sendMessage(trimmed, undefined, { suppressUserMessage: true });
+            return;
+        }
         // Rewrite /explain with attachments into a proper prompt (attachments processed below)
         let message = trimmed;
         if (explainMatch) {
@@ -4203,7 +4464,17 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
         setAttachedFiles([]);
         setAttachmentError(null);
         sendMessage(message, chatAttachments.length > 0 ? chatAttachments : undefined);
-    }, [attachedFiles, http, projectId, sendMessage, setInputValue, runSavedScript]);
+    }, [
+        attachedFiles,
+        http,
+        projectId,
+        sendMessage,
+        setInputValue,
+        runSavedScript,
+        allCommands,
+        selectModel,
+        liveModelMode,
+    ]);
     // External auto-submit. When the signal changes, submit the current input —
     // used by the prompt → chat morph to send the prefilled prompt once the chat
     // has docked into place (handleSubmit clears the input as it sends).
@@ -4239,12 +4510,22 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
     useEffect(() => {
         if (openShareSignal !== undefined && openShareSignal !== lastOpenShareRef.current) {
             lastOpenShareRef.current = openShareSignal;
-            setShareModal({ role: DEFAULT_SHARE_ROLE });
+            if (shareAllowed)
+                setShareModal({ role: DEFAULT_SHARE_ROLE });
         }
-    }, [openShareSignal]);
+    }, [openShareSignal, shareAllowed]);
     // ── Keyboard ───────────────────────────────────────────────────────────────
     const filteredCmds = commandMenu
-        ? allCommands.filter((c) => c.label.startsWith(inputRef.current))
+        ? allCommands.filter((c) => 
+        // A showAll menu (slash-button toggle over existing text) lists every
+        // command; a typed menu filters by the composer's text.
+        (commandMenu.showAll === true || c.label.startsWith(inputRef.current)) &&
+            // Viewers see only commands they can actually run (viewer-safe reads +
+            // the /teamsay side channel) — no dead entries in the menu.
+            (canEdit !== false || c.viewerSafe === true || c.sideChannel === true) &&
+            // /share is gated separately: hosts commonly mint at admin+, so an
+            // editor without the capability gets no dead menu entry either.
+            (c.id !== 'share' || shareAllowed))
         : [];
     const filteredModels = useMemo(() => {
         if (!modelPicker)
@@ -4259,7 +4540,12 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
         if (!q)
             return AVAILABLE_MODELS;
         return AVAILABLE_MODELS.filter((m) => m.id.toLowerCase().includes(q) || m.label.toLowerCase().includes(q));
-    }, [modelPicker]);
+        // AVAILABLE_MODELS MUST be a dep: when a custom provider is edited (a model
+        // renamed/added, a URL changed) the catalog refreshes in place, and without
+        // this the picker keeps rendering the pre-edit snapshot — the new model
+        // never appears and can't be selected. (The query is read from inputRef and
+        // stays fresh because each keystroke re-sets modelPicker.)
+    }, [modelPicker, AVAILABLE_MODELS]);
     // ── Older models section ────────────────────────────────────────────────────
     // Deprecated entries fold into a collapsed "Older models ⌄" section under the
     // current models. The section auto-expands when the user's currentModel is in
@@ -4526,9 +4812,12 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
                 e.preventDefault();
                 const idx = modelPicker.selectedIdx >= 0 ? modelPicker.selectedIdx : 0;
                 if (onManageCustomModels && idx === visibleModels.length) {
+                    const manageMode = modelPicker.mode === 'plan' || modelPicker.mode === 'execute'
+                        ? modelPicker.mode
+                        : liveModelMode;
                     setModelPicker(null);
                     setInputValue('');
-                    onManageCustomModels();
+                    onManageCustomModels({ mode: manageMode });
                     return;
                 }
                 const model = visibleModels[idx];
@@ -4569,20 +4858,28 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
         if (commandMenu && filteredCmds.length > 0) {
             if (e.key === 'ArrowDown') {
                 e.preventDefault();
-                setCommandMenu((m) => m ? { selectedIdx: wrapIdx(m.selectedIdx, 1, filteredCmds.length) } : null);
+                setCommandMenu((m) => m ? { ...m, selectedIdx: wrapIdx(m.selectedIdx, 1, filteredCmds.length) } : null);
                 return;
             }
             if (e.key === 'ArrowUp') {
                 e.preventDefault();
-                setCommandMenu((m) => m ? { selectedIdx: wrapIdx(m.selectedIdx, -1, filteredCmds.length) } : null);
+                setCommandMenu((m) => m ? { ...m, selectedIdx: wrapIdx(m.selectedIdx, -1, filteredCmds.length) } : null);
                 return;
             }
             if (e.key === 'Enter' || e.key === 'Tab') {
-                e.preventDefault();
-                const cmd = filteredCmds[commandMenu.selectedIdx >= 0 ? commandMenu.selectedIdx : 0];
-                if (cmd)
-                    void executeCommand(cmd.id);
-                return;
+                // A showAll menu (opened by the slash BUTTON over existing text) only
+                // executes an explicitly highlighted command — a bare Enter closes it
+                // and falls through to submit the composer text as typed.
+                if (commandMenu.showAll && commandMenu.selectedIdx < 0 && e.key === 'Enter') {
+                    setCommandMenu(null);
+                }
+                else {
+                    e.preventDefault();
+                    const cmd = filteredCmds[commandMenu.selectedIdx >= 0 ? commandMenu.selectedIdx : 0];
+                    if (cmd)
+                        void executeCommand(cmd.id);
+                    return;
+                }
             }
         }
         if (e.key === 'Enter' && !e.shiftKey) {
@@ -4636,8 +4933,16 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
                 };
             }
             case 'mode':
-                // Only the plan→build handoff renders a card; the server records a mode card solely
-                // for 'execute' ("🔨 Building your app"). Anything else renders nothing.
+                // The plan→build handoff ("🔨 Building your app") and the plan-mode
+                // announcement a new conversation is seeded with ("📝 Plan mode") —
+                // the server records mode cards only for those two.
+                if (cardEvent.mode === 'plan') {
+                    return {
+                        id,
+                        text: t('ide.chat.phasePlanning', undefined, { defaultValue: '📝 Plan mode' }),
+                        timestamp,
+                    };
+                }
                 if (cardEvent.mode !== 'execute')
                     return null;
                 return {
@@ -4699,6 +5004,20 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
     // reading the guest limit they just escaped. Same reasoning the host's
     // `upgrade_prompt` card factory already applies to the recorded guest card.
     const isStaleAnonymousLimit = errorMeta?.requiresSignup === true && isAnonymous === false;
+    // A read-only viewer's access-denied chat error must never sit as the
+    // persistent red banner — every legitimate viewer action is already gated
+    // client-side, so this only fires when something slipped through to the
+    // server (or an older tab raced a role change). Flash a calm, gold
+    // view-only notice for a few seconds instead, then clear.
+    const isViewerAccessDenied = canEdit === false && !!error && /access denied/i.test(error);
+    const [viewerDeniedFlash, setViewerDeniedFlash] = useState(false);
+    useEffect(() => {
+        if (!isViewerAccessDenied)
+            return;
+        setViewerDeniedFlash(true);
+        const timer = setTimeout(() => setViewerDeniedFlash(false), 6000);
+        return () => clearTimeout(timer);
+    }, [isViewerAccessDenied, error]);
     const timeline = useMemo(() => {
         const items = [];
         // A card-message (role:'system' carrying a cardEvent) renders as a SYSTEM CARD, not a chat
@@ -4866,11 +5185,11 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
                                 defaultValue: 'Show earlier messages',
                             }) }) })), (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));
+                                return (_jsx(CommitCardItem, { card: item.card, onRevert: canEdit === false ? undefined : 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));
+                                return (_jsx(TipCard, { text: item.card.text, accent: item.card.accent, icon: item.card.icon, 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
@@ -4971,12 +5290,33 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
                                         timestamp: msg.timestamp,
                                         status: 'done',
                                         hash,
-                                    }, onRevert: handleRevertCommit }, msg.id));
+                                    }, onRevert: canEdit === false ? undefined : handleRevertCommit }, msg.id));
                             }
-                            return (_jsx(MessageItem, { msg: msg, 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));
+                            return (_jsx(MessageItem, { msg: msg, 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, chatMode: liveModelMode, userAvatar: userAvatar, 
+                                // Avatar clicks open the signed-in user's OWN profile, so only
+                                // their own messages get the handler: author-less ones (the
+                                // local echo, legacy solo rows) or an author matching
+                                // currentUserId. A teammate's avatar stays non-interactive —
+                                // clicking Test's face must not open Luke's profile editor.
+                                onAvatarClick: !msg.author?.id || (currentUserId != null && msg.author.id === currentUserId)
+                                    ? onUserAvatarClick
+                                    : undefined, discovery: discovery, buildUpgradeCta: buildUpgradeCta, agentName: agentName, canEdit: canEdit }, msg.id));
                         } }, item.kind === 'message' ? item.msg.id : item.card.id))), error &&
                         !isStaleAnonymousLimit &&
-                        (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 }))), (() => {
+                        (errorMeta?.limitType ? (_jsx(ResourceLimitBanner, { message: error, action: buildUpgradeCta?.({ requiresSignup: errorMeta.requiresSignup }) })) : isViewerAccessDenied ? (
+                        // A viewer's denial is expected state, not an alarm: a brief, calm,
+                        // gold view-only notice (matching the viewer tip / team-note
+                        // treatment) that clears itself — never the persistent red banner.
+                        viewerDeniedFlash ? (_jsxs("div", { "data-mol-id": "chat-viewer-denied-notice", className: cm.cn(cm.textSize('xs'), cm.textMuted), style: {
+                                display: 'flex',
+                                alignItems: 'flex-start',
+                                gap: 8,
+                                marginBottom: 8,
+                                ...chatCardStyle(NOTICE_TONE.gold.accent),
+                                lineHeight: 1.5,
+                            }, children: [_jsx(Icon, { name: "people", size: CHAT_CARD_ICON_SIZE, "aria-hidden": "true", style: { flexShrink: 0, marginTop: 1, color: NOTICE_TONE.gold.accent } }), _jsx("span", { style: { flex: 1 }, children: t('ide.chat.viewerReadOnly', undefined, {
+                                        defaultValue: "You have view-only access, so you can't run the assistant here. You can still read along and use /teamsay to message the team.",
+                                    }) })] })) : null) : (_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
                             ? [...visibleMessages].reverse().find((m) => m.isStreaming)
@@ -5775,9 +6115,12 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
                                             cursor: 'pointer',
                                             textAlign: 'left',
                                         }, children: t('ide.chat.olderModelsExpand', { count: deprecatedModels.length }, { defaultValue: 'Older models ⌄ ({{count}})' }) }))] })), onManageCustomModels && (_jsx("button", { type: "button", "data-mol-id": "chat-model-manage-custom", onClick: () => {
+                                    const manageMode = modelPicker.mode === 'plan' || modelPicker.mode === 'execute'
+                                        ? modelPicker.mode
+                                        : liveModelMode;
                                     setModelPicker(null);
                                     setInputValue('');
-                                    onManageCustomModels();
+                                    onManageCustomModels({ mode: manageMode });
                                 }, onMouseEnter: (e) => {
                                     ;
                                     e.currentTarget.style.background =
@@ -6173,7 +6516,8 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
                                             }, onMouseLeave: (e) => {
                                                 e.currentTarget.style.opacity = '0.7';
                                                 e.currentTarget.style.background = 'none';
-                                            }, children: _jsx("svg", { width: "13", height: "13", viewBox: "0 0 12 12", style: { display: 'block' }, children: _jsx("path", { d: "M 2.5,6.5 L 6,3 L 9.5,6.5 M 6,3.5 L 6,10", fill: "none", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round" }) }) }))] }, qm.id))) })] })), pendingFiles != null &&
+                                            }, children: _jsx("svg", { width: "13", height: "13", viewBox: "0 0 12 12", style: { display: 'block' }, children: _jsx("path", { d: "M 2.5,6.5 L 6,3 L 9.5,6.5 M 6,3.5 L 6,10", fill: "none", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round" }) }) }))] }, qm.id))) })] })), canEdit !== false &&
+                        pendingFiles != null &&
                         pendingFiles.length > 0 &&
                         !commandMenu &&
                         !modelPicker &&
@@ -6319,7 +6663,7 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
                                                 opacity: 0.5,
                                                 transition: 'opacity 100ms, background 100ms',
                                                 ...(!(f.additions || f.deletions) ? { marginLeft: 'auto' } : {}),
-                                            }, children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: "12", height: "12", fill: "currentColor", children: _jsx("path", { d: "M1.22 6.28a.749.749 0 0 1 0-1.06l3.5-3.5a.749.749 0 1 1 1.06 1.06L3.561 5h7.188l.001.007L10.749 5c.058 0 .116.007.171.019A4.501 4.501 0 0 1 10.5 14H8.796a.75.75 0 0 1 0-1.5H10.5a3 3 0 1 0 0-6H3.561L5.78 8.72a.749.749 0 1 1-1.06 1.06l-3.5-3.5Z" }) }) }))] }, f.path))) }))] })), _jsxs("div", { className: cm.surfaceSecondary, style: {
+                                            }, children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: "12", height: "12", fill: "currentColor", children: _jsx("path", { d: "M1.22 6.28a.749.749 0 0 1 0-1.06l3.5-3.5a.749.749 0 1 1 1.06 1.06L3.561 5h7.188l.001.007L10.749 5c.058 0 .116.007.171.019A4.501 4.501 0 0 1 10.5 14H8.796a.75.75 0 0 1 0-1.5H10.5a3 3 0 1 0 0-6H3.561L5.78 8.72a.749.749 0 1 1-1.06 1.06l-3.5-3.5Z" }) }) }))] }, f.path))) }))] })), _jsxs("div", { className: cm.surfaceSecondary, ...(canEdit === false ? { 'data-mol-viewer': '' } : {}), style: {
                             // Round the TOP corners only (8px) so the composer reads as a self-contained
                             // input with its own border on all sides, flush at the bottom-left/right with
                             // the panel's bottom edge. Discovery rounds ALL FOUR corners (the centered
@@ -6328,11 +6672,18 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
                             borderRadius: discovery ? 8 : '8px 8px 0 0',
                             padding: '8px 10px',
                             cursor: 'text',
+                            // View-only mode: the composer IS the team-chat box, so it wears the
+                            // team-message gold border (and the box is pre-filled with /teamsay).
+                            ...(canEdit === false ? { border: `1px solid ${NOTICE_TONE.gold.accent}` } : {}),
                         }, onClick: (e) => {
                             if (!e.target.closest('button')) {
                                 textareaRef.current?.focus();
                             }
-                        }, children: [_jsx("textarea", { ref: textareaRef, "data-mol-chat-input": "", defaultValue: inputRef.current, autoComplete: "off", onChange: handleInputChange, onPaste: handlePaste, placeholder: t('ide.chat.placeholder'), rows: 1, className: cm.textSize('sm'), style: {
+                        }, children: [_jsx("textarea", { ref: textareaRef, "data-mol-chat-input": "", defaultValue: inputRef.current, autoComplete: "off", onChange: handleInputChange, onPaste: handlePaste, placeholder: canEdit === false
+                                    ? t('ide.chat.placeholderViewer', undefined, {
+                                        defaultValue: 'Message your team',
+                                    })
+                                    : t('ide.chat.placeholder'), rows: 1, className: cm.textSize('sm'), style: {
                                     width: '100%',
                                     display: 'block',
                                     padding: 0,
@@ -6358,7 +6709,7 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
                                     alignItems: 'center',
                                     marginTop: '6px',
                                     gap: '4px',
-                                }, children: [_jsx("button", { type: "button", onClick: () => {
+                                }, children: [canEdit !== false && (_jsx("button", { type: "button", onClick: () => {
                                             const newMode = mode === 'plan' ? 'execute' : 'plan';
                                             setMode(newMode);
                                             http
@@ -6392,9 +6743,9 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
                                                 ? `1px solid ${isLight ? 'rgba(217,119,6,0.55)' : 'rgba(234,179,8,0.5)'}`
                                                 : 'none',
                                             borderRadius: '3px',
-                                            cursor: 'pointer',
+                                            cursor: canEdit ? 'pointer' : 'not-allowed',
                                             color: mode === 'plan' ? (isLight ? '#d97706' : '#eab308') : 'inherit',
-                                            opacity: mode === 'plan' ? 1 : 0.4,
+                                            opacity: !canEdit ? 0.4 : mode === 'plan' ? 1 : 0.4,
                                             padding: 0,
                                             transition: 'opacity 100ms, color 100ms',
                                         }, onMouseEnter: (e) => {
@@ -6403,7 +6754,7 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
                                         }, onMouseLeave: (e) => {
                                             if (mode !== 'plan')
                                                 e.currentTarget.style.opacity = '0.4';
-                                        }, children: _jsx("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "currentColor", children: _jsx("path", { d: "M8 1.5c-2.363 0-4 1.69-4 3.75 0 .984.424 1.625.984 2.304l.214.253c.223.264.47.556.673.848.284.411.537.896.621 1.49a.75.75 0 0 1-1.484.211c-.04-.282-.163-.547-.37-.847a8.456 8.456 0 0 0-.542-.68c-.084-.1-.173-.205-.268-.32C3.201 7.75 2.5 6.766 2.5 5.25 2.5 2.31 4.863 0 8 0s5.5 2.31 5.5 5.25c0 1.516-.701 2.5-1.328 3.259-.095.115-.184.22-.268.319-.207.245-.383.453-.541.681-.208.3-.33.565-.37.847a.751.751 0 0 1-1.485-.212c.084-.593.337-1.078.621-1.489.203-.292.45-.584.673-.848.075-.088.147-.173.213-.253.561-.679.985-1.32.985-2.304 0-2.06-1.637-3.75-4-3.75ZM5.75 12h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5ZM6 15.25a.75.75 0 0 1 .75-.75h2.5a.75.75 0 0 1 0 1.5h-2.5a.75.75 0 0 1-.75-.75Z" }) }) }), fastModeAvailable && (_jsx("button", { type: "button", "data-mol-id": "chat-fast-mode-toggle", onClick: () => {
+                                        }, children: _jsx("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "currentColor", children: _jsx("path", { d: "M8 1.5c-2.363 0-4 1.69-4 3.75 0 .984.424 1.625.984 2.304l.214.253c.223.264.47.556.673.848.284.411.537.896.621 1.49a.75.75 0 0 1-1.484.211c-.04-.282-.163-.547-.37-.847a8.456 8.456 0 0 0-.542-.68c-.084-.1-.173-.205-.268-.32C3.201 7.75 2.5 6.766 2.5 5.25 2.5 2.31 4.863 0 8 0s5.5 2.31 5.5 5.25c0 1.516-.701 2.5-1.328 3.259-.095.115-.184.22-.268.319-.207.245-.383.453-.541.681-.208.3-.33.565-.37.847a.751.751 0 0 1-1.485-.212c.084-.593.337-1.078.621-1.489.203-.292.45-.584.673-.848.075-.088.147-.173.213-.253.561-.679.985-1.32.985-2.304 0-2.06-1.637-3.75-4-3.75ZM5.75 12h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5ZM6 15.25a.75.75 0 0 1 .75-.75h2.5a.75.75 0 0 1 0 1.5h-2.5a.75.75 0 0 1-.75-.75Z" }) }) })), fastModeAvailable && canEdit !== false && (_jsx("button", { type: "button", "data-mol-id": "chat-fast-mode-toggle", disabled: !canEdit, onClick: () => {
                                             const next = !fastMode;
                                             setFastMode(next);
                                             http
@@ -6468,7 +6819,7 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
                                         }, onMouseLeave: (e) => {
                                             if (!isListening)
                                                 e.currentTarget.style.opacity = '0.4';
-                                        }, children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: "16", height: "16", style: { display: 'block' }, children: [_jsx("rect", { x: "6", y: "1", width: "4", height: "8", rx: "2", fill: isListening ? 'currentColor' : 'none', stroke: "currentColor", strokeWidth: "1.25" }), _jsx("path", { d: "M4 7v1a4 4 0 008 0V7", fill: "none", stroke: "currentColor", strokeWidth: "1.25", strokeLinecap: "round" }), _jsx("line", { x1: "8", y1: "12", x2: "8", y2: "15", stroke: "currentColor", strokeWidth: "1.25", strokeLinecap: "round" }), _jsx("line", { x1: "6", y1: "15", x2: "10", y2: "15", stroke: "currentColor", strokeWidth: "1.25", strokeLinecap: "round" })] }) }), _jsx("button", { type: "button", onClick: () => fileInputRef.current?.click(), title: t('ide.chat.attachFile', undefined, { defaultValue: 'Attach file' }), style: {
+                                        }, children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: "16", height: "16", style: { display: 'block' }, children: [_jsx("rect", { x: "6", y: "1", width: "4", height: "8", rx: "2", fill: isListening ? 'currentColor' : 'none', stroke: "currentColor", strokeWidth: "1.25" }), _jsx("path", { d: "M4 7v1a4 4 0 008 0V7", fill: "none", stroke: "currentColor", strokeWidth: "1.25", strokeLinecap: "round" }), _jsx("line", { x1: "8", y1: "12", x2: "8", y2: "15", stroke: "currentColor", strokeWidth: "1.25", strokeLinecap: "round" }), _jsx("line", { x1: "6", y1: "15", x2: "10", y2: "15", stroke: "currentColor", strokeWidth: "1.25", strokeLinecap: "round" })] }) }), canEdit !== false && (_jsx("button", { type: "button", onClick: () => fileInputRef.current?.click(), title: t('ide.chat.attachFile', undefined, { defaultValue: 'Attach file' }), style: {
                                             display: 'inline-flex',
                                             alignItems: 'center',
                                             justifyContent: 'center',
@@ -6486,7 +6837,7 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
                                             e.currentTarget.style.opacity = '0.85';
                                         }, onMouseLeave: (e) => {
                                             e.currentTarget.style.opacity = '0.4';
-                                        }, children: _jsx("svg", { width: "15", height: "15", viewBox: "0 0 16 16", fill: "currentColor", style: { display: 'block' }, children: _jsx("path", { d: "M12.212 3.02a1.753 1.753 0 0 0-2.478.003l-5.83 5.83a3.007 3.007 0 0 0-.88 2.127c0 .795.315 1.551.88 2.116.567.567 1.333.89 2.126.89.79 0 1.548-.321 2.116-.89l5.48-5.48a.75.75 0 0 1 1.061 1.06l-5.48 5.48a4.492 4.492 0 0 1-3.177 1.33c-1.2 0-2.345-.487-3.187-1.33a4.483 4.483 0 0 1-1.32-3.177c0-1.195.475-2.341 1.32-3.186l5.83-5.83a3.25 3.25 0 0 1 5.553 2.297c0 .863-.343 1.691-.953 2.301L7.439 12.39c-.375.377-.884.59-1.416.593a1.998 1.998 0 0 1-1.412-.593 1.992 1.992 0 0 1 0-2.828l5.48-5.48a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-5.48 5.48a.492.492 0 0 0 0 .707.499.499 0 0 0 .352.154.51.51 0 0 0 .356-.154l5.833-5.827a1.755 1.755 0 0 0 0-2.481Z" }) }) }), [
+                                        }, children: _jsx("svg", { width: "15", height: "15", viewBox: "0 0 16 16", fill: "currentColor", style: { display: 'block' }, children: _jsx("path", { d: "M12.212 3.02a1.753 1.753 0 0 0-2.478.003l-5.83 5.83a3.007 3.007 0 0 0-.88 2.127c0 .795.315 1.551.88 2.116.567.567 1.333.89 2.126.89.79 0 1.548-.321 2.116-.89l5.48-5.48a.75.75 0 0 1 1.061 1.06l-5.48 5.48a4.492 4.492 0 0 1-3.177 1.33c-1.2 0-2.345-.487-3.187-1.33a4.483 4.483 0 0 1-1.32-3.177c0-1.195.475-2.341 1.32-3.186l5.83-5.83a3.25 3.25 0 0 1 5.553 2.297c0 .863-.343 1.691-.953 2.301L7.439 12.39c-.375.377-.884.59-1.416.593a1.998 1.998 0 0 1-1.412-.593 1.992 1.992 0 0 1 0-2.828l5.48-5.48a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-5.48 5.48a.492.492 0 0 0 0 .707.499.499 0 0 0 .352.154.51.51 0 0 0 .356-.154l5.833-5.827a1.755 1.755 0 0 0 0-2.481Z" }) }) })), [
                                         {
                                             sym: '@',
                                             nudgeY: 0,
@@ -6515,34 +6866,38 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
                                                 defaultValue: 'Slash commands',
                                             }),
                                             onClick: () => {
-                                                const cur = inputRef.current;
-                                                if (cur === '/') {
-                                                    // Toggle off — remove the slash this button added
-                                                    setInputValue('');
-                                                    autoResize();
+                                                // TOGGLE the menu regardless of the composer's current text —
+                                                // never clobbering it. With text present the menu opens in
+                                                // showAll mode (every command listed; picking one replaces the
+                                                // input via executeCommand's prefill). An empty box still gets
+                                                // the type-ahead '/' so filtering-by-typing works as before.
+                                                if (commandMenu) {
                                                     setCommandMenu(null);
+                                                    if (inputRef.current === '/') {
+                                                        // Remove the slash this button added on open.
+                                                        setInputValue('');
+                                                        autoResize();
+                                                    }
                                                     setTimeout(() => {
                                                         textareaRef.current?.focus();
                                                     }, 0);
+                                                    return;
                                                 }
-                                                else if (!cur) {
-                                                    // Cursor lands AFTER the slash so the user can type the
-                                                    // command immediately (or backspace to remove it).
-                                                    // Popups are one-at-a-time — close siblings first.
-                                                    setMicPicker(null);
-                                                    setModelPicker(null);
-                                                    setSoundsPicker(null);
+                                                // Popups are one-at-a-time — close siblings first.
+                                                setMicPicker(null);
+                                                setModelPicker(null);
+                                                setSoundsPicker(null);
+                                                const cur = inputRef.current;
+                                                if (!cur)
                                                     setInputAndCursorEnd('/');
-                                                    setCommandMenu({ selectedIdx: -1 });
-                                                }
-                                                else {
-                                                    setTimeout(() => {
-                                                        textareaRef.current?.focus();
-                                                    }, 0);
-                                                }
+                                                setCommandMenu({ selectedIdx: -1, showAll: cur !== '' && cur !== '/' });
                                             },
                                         },
-                                    ].map(({ sym, nudgeY, size: fontSize, title, onClick }) => (_jsx("button", { type: "button", onClick: onClick, title: title, style: {
+                                    ]
+                                        // Viewers keep the / shortcut (viewer-safe commands + /teamsay) but not @ —
+                                        // file mentions only feed Synthase turns.
+                                        .filter(({ sym }) => canEdit !== false || sym !== '@')
+                                        .map(({ sym, nudgeY, size: fontSize, title, onClick }) => (_jsx("button", { type: "button", onClick: onClick, title: title, style: {
                                             display: 'inline-flex',
                                             alignItems: 'center',
                                             justifyContent: 'center',
@@ -6563,7 +6918,8 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
                                             e.currentTarget.style.opacity = '0.85';
                                         }, onMouseLeave: (e) => {
                                             e.currentTarget.style.opacity = '0.4';
-                                        }, children: sym === 'slash' ? (_jsx("svg", { width: "9", height: "13", viewBox: "0 0 9 13", style: { display: 'block', position: 'relative', top: `${nudgeY}px` }, children: _jsx("line", { x1: "8", y1: "1", x2: "1", y2: "12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) })) : (_jsx("span", { style: { position: 'relative', top: `${nudgeY}px` }, children: sym })) }, sym))), contextUsage &&
+                                        }, children: sym === 'slash' ? (_jsx("svg", { width: "9", height: "13", viewBox: "0 0 9 13", style: { display: 'block', position: 'relative', top: `${nudgeY}px` }, children: _jsx("line", { x1: "8", y1: "1", x2: "1", y2: "12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) })) : (_jsx("span", { style: { position: 'relative', top: `${nudgeY}px` }, children: sym })) }, sym))), canEdit !== false &&
+                                        contextUsage &&
                                         (() => {
                                             // The ring represents usage toward the auto-compaction threshold,
                                             // not the raw context window. 100% = compaction will trigger.
@@ -6632,11 +6988,14 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
                                                             transition: 'opacity 150ms',
                                                         }, children: [pct, "%"] }), _jsxs("svg", { width: size, height: size, viewBox: `0 0 ${size} ${size}`, style: { display: 'block', transform: 'rotate(-90deg)', flexShrink: 0 }, children: [_jsx("circle", { cx: size / 2, cy: size / 2, r: r, fill: "none", stroke: "currentColor", strokeWidth: stroke, opacity: 0.15 }), _jsx("circle", { cx: size / 2, cy: size / 2, r: r, fill: "none", stroke: color, strokeWidth: stroke, strokeDasharray: `${c}`, strokeDashoffset: `${dashOffset}`, strokeLinecap: "round" })] })] }));
                                         })(), _jsxs("div", { style: {
-                                            marginLeft: contextUsage ? '4px' : 'auto',
+                                            // 'auto' pins the stop/send cluster right; the context ring
+                                            // (hidden for viewers even when contextUsage exists) otherwise
+                                            // carries the auto margin and this becomes a 4px gap.
+                                            marginLeft: canEdit !== false && contextUsage ? '4px' : 'auto',
                                             display: 'flex',
                                             gap: '4px',
                                             alignItems: 'center',
-                                        }, children: [(isLoading || isRemoteStreaming) && (_jsx("button", { type: "button", onClick: handleAbort, title: t('ide.chat.stop', undefined, { defaultValue: 'Stop' }), onMouseEnter: (e) => {
+                                        }, children: [canEdit !== false && (isLoading || isRemoteStreaming) && (_jsx("button", { type: "button", onClick: handleAbort, title: t('ide.chat.stop', undefined, { defaultValue: 'Stop' }), onMouseEnter: (e) => {
                                                     e.currentTarget.style.background = 'rgba(248,81,73,0.3)';
                                                     e.currentTarget.style.borderColor = 'rgba(248,81,73,0.65)';
                                                 }, onMouseLeave: (e) => {
@@ -6690,7 +7049,7 @@ function ChatInner({ projectId, endpoint, initialMessage, onInitialMessageSent,
                             }
                             : undefined,
                     });
-                } })), shareModal && (_jsx(ShareModal, { projectId: projectId, initialRole: shareModal.role, onClose: () => setShareModal(null), onCreated: (result) => {
+                } })), shareModal && (_jsx(ShareModal, { projectId: projectId, initialRole: shareModal.role, canManage: shareAllowed, onClose: () => setShareModal(null), onCreated: (result) => {
                     // Surface the created link in the timeline so it persists after the
                     // modal closes — the role label and the public URL are both shown.
                     addSystemCard(t('ide.chat.share.created', { role: result.role }, { defaultValue: 'Created a {{role}} share link.' }), {
@@ -6709,8 +7068,12 @@ 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, 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, isAnonymous, buildUpgradeCta, buildHelpUpgradeSection, userAvatar, agentName, productName, version, extraCommands, feedbackUrl, className, }) {
+export function ChatPanel({ projectId, endpoint, initialMessage, onInitialMessageSent, activeFile, openTabs, onFileOpen, onFileDoubleClick, onFileDiff, onFileRevert, onFileChange, onFileDeleted, onCommit, onActivityClick, onRenderError, onProfileClick, currentUserId, 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, isAnonymous, canEdit = true, canShare, buildUpgradeCta, buildHelpUpgradeSection, userAvatar, agentName, productName, version, extraCommands, feedbackUrl, className, }) {
     const cm = getClassMap();
+    // Share management may be gated ABOVE canEdit by the host (see
+    // ChatPanelProps.canShare) — gates the built-in header share button here and
+    // is threaded into ChatInner for the /share command + modal.
+    const shareAllowed = canShare ?? canEdit !== false;
     const isNarrow = useNarrowViewport();
     const isCoarse = useCoarsePointer();
     const http = useHttpClient();
@@ -6863,11 +7226,11 @@ export function ChatPanel({ projectId, endpoint, initialMessage, onInitialMessag
                                     textOverflow: 'ellipsis',
                                     whiteSpace: 'nowrap',
                                     opacity: 0.7,
-                                }, children: activeConv?.preview ?? 'Chat history' })] }), _jsx("button", { type: "button", "data-mol-id": "chat-share-button", onClick: () => setOpenShareSignal((n) => n + 1), className: cm.cn(cm.button({ variant: 'ghost', size: 'xs' }), cm.touchTarget), title: t('ide.chat.share.openShare', undefined, { defaultValue: 'Share project' }), "aria-label": t('ide.chat.share.openShare', undefined, {
+                                }, children: activeConv?.preview ?? 'Chat history' })] }), shareAllowed && (_jsx("button", { type: "button", "data-mol-id": "chat-share-button", onClick: () => setOpenShareSignal((n) => n + 1), className: cm.cn(cm.button({ variant: 'ghost', size: 'xs' }), cm.touchTarget), title: t('ide.chat.share.openShare', undefined, { defaultValue: 'Share project' }), "aria-label": t('ide.chat.share.openShare', undefined, {
                             defaultValue: 'Share project',
-                        }), style: { flexShrink: 0, display: 'inline-flex', alignItems: 'center' }, children: _jsx(Icon, { name: "share", size: 14, "aria-hidden": "true" }) }), _jsx("button", { type: "button", "data-mol-id": "chat-report-button", onClick: () => setOpenReportSignal((n) => n + 1), className: cm.cn(cm.button({ variant: 'ghost', size: 'xs' }), cm.touchTarget), title: t('ide.chat.report.openReport', undefined, { defaultValue: 'Report a bug' }), "aria-label": t('ide.chat.report.openReport', undefined, {
+                        }), style: { flexShrink: 0, display: 'inline-flex', alignItems: 'center' }, children: _jsx(Icon, { name: "share", size: 14, "aria-hidden": "true" }) })), _jsx("button", { type: "button", "data-mol-id": "chat-report-button", onClick: () => setOpenReportSignal((n) => n + 1), className: cm.cn(cm.button({ variant: 'ghost', size: 'xs' }), cm.touchTarget), title: t('ide.chat.report.openReport', undefined, { defaultValue: 'Report a bug' }), "aria-label": t('ide.chat.report.openReport', undefined, {
                             defaultValue: 'Report a bug',
-                        }), style: { flexShrink: 0, display: 'inline-flex', alignItems: 'center' }, children: _jsx(Icon, { name: "bug", size: 14, "aria-hidden": "true" }) }), _jsx("button", { type: "button", "data-mol-id": "chat-settings-button", onClick: () => setOpenSettingsSignal((n) => n + 1), className: cm.cn(cm.button({ variant: 'ghost', size: 'xs' }), cm.touchTarget), title: t('ide.chat.openSettings', undefined, { defaultValue: 'Settings' }), "aria-label": t('ide.chat.openSettings', undefined, { defaultValue: 'Settings' }), style: { flexShrink: 0, display: 'inline-flex', alignItems: 'center' }, children: _jsx(Icon, { name: "gear", size: 14, "aria-hidden": "true" }) }), _jsx("button", { type: "button", onClick: handleNewChat, className: cm.cn(cm.button({ variant: 'ghost', size: 'xs' }), cm.touchTarget), title: t('ide.chat.newChat', undefined, { defaultValue: 'New chat' }), style: { flexShrink: 0 }, children: "+" }), showDropdown && (_jsxs("div", { className: cm.cn(cm.surface, cm.borderAll), style: {
+                        }), style: { flexShrink: 0, display: 'inline-flex', alignItems: 'center' }, children: _jsx(Icon, { name: "bug", size: 14, "aria-hidden": "true" }) }), _jsx("button", { type: "button", "data-mol-id": "chat-settings-button", onClick: () => setOpenSettingsSignal((n) => n + 1), className: cm.cn(cm.button({ variant: 'ghost', size: 'xs' }), cm.touchTarget), title: t('ide.chat.openSettings', undefined, { defaultValue: 'Settings' }), "aria-label": t('ide.chat.openSettings', undefined, { defaultValue: 'Settings' }), style: { flexShrink: 0, display: 'inline-flex', alignItems: 'center' }, children: _jsx(Icon, { name: "gear", size: 14, "aria-hidden": "true" }) }), canEdit !== false && (_jsx("button", { type: "button", onClick: handleNewChat, className: cm.cn(cm.button({ variant: 'ghost', size: 'xs' }), cm.touchTarget), title: t('ide.chat.newChat', undefined, { defaultValue: 'New chat' }), style: { flexShrink: 0 }, children: "+" })), showDropdown && (_jsxs("div", { className: cm.cn(cm.surface, cm.borderAll), style: {
                             position: 'absolute',
                             top: '100%',
                             left: 0,
@@ -6918,7 +7281,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, isAnonymous: isAnonymous, 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, extraCommands: extraCommands, 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, isAnonymous: isAnonymous, canEdit: canEdit, canShare: shareAllowed, 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, currentUserId: currentUserId, 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, extraCommands: extraCommands, feedbackUrl: feedbackUrl }, chatKey)] }));
 }
 ChatPanel.displayName = 'ChatPanel';
 //# sourceMappingURL=ChatPanel.js.map