@kortix/ui 0.14.8 → 0.14.10

package/dist/primitives/tabs.d.ts

@@ -26,6 +26,19 @@ type TabsUnderlineSize = 'xs' | 'sm' | 'md' | 'lg';
  * never segmented.
  */
 type TabsListType = 'default' | 'underline' | 'segmented';
+/**
+ * Segmented track + chip. Radii are concentric: the track is `rounded-md` (8px)
+ * with 2px of padding, so the chip is `rounded-sm` (6px). The chip lifts with a
+ * hairline ring plus `shadow-xs` — raised, not bordered, so it reads as the
+ * selected thing in both themes.
+ *
+ * The padding is `p-[2px]`, not `p-0.5`: `--spacing` is 0.23rem, so `p-0.5` is
+ * 1.84px. The chip's 1px ring leaves 0.84px of track showing, and a fraction of
+ * a pixel rounds differently on each side — 1px of track on one end and none on
+ * the other at 1x. A whole 2px leaves exactly 1px on every side.
+ */
+declare const tabsSegmentedTrackClasses = "bg-muted rounded-md p-[2px]";
+declare const tabsSegmentedChipClasses = "bg-popover ring-border rounded-sm shadow-xs ring-1";
 declare function Tabs({ className, value, defaultValue, onValueChange, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): React.JSX.Element;
 interface TabsListProps extends React.ComponentProps<typeof TabsPrimitive.List> {
     type?: TabsListType;
@@ -69,5 +82,5 @@ declare function TabsTriggerCompact({ className, variant, value, ...props }: Rea
 declare function FilterBar({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
 /** Standalone filter pill — works WITHOUT a <Tabs> root. Pair with FilterBar. */
 declare function FilterBarItem({ className, ...props }: React.ComponentProps<'button'>): React.JSX.Element;
-export { FilterBar, FilterBarItem, Tabs, TabsContent, TabsList, TabsListCompact, TabsTrigger, TabsTriggerCompact, tabsTriggerHeightVariants, tabsTriggerPaddingVariants, tabsTriggerTextVariants, };
+export { tabsSegmentedChipClasses, tabsSegmentedTrackClasses, FilterBar, FilterBarItem, Tabs, TabsContent, TabsList, TabsListCompact, TabsTrigger, TabsTriggerCompact, tabsTriggerHeightVariants, tabsTriggerPaddingVariants, tabsTriggerTextVariants, };
 export type { TabsListType, TabsSize, TabsTriggerSize, TabsTriggerVariant, TabsUnderlineSize };

package/dist/primitives/tabs.js

@@ -204,4 +204,4 @@ function FilterBar({ className, ...props }) {
 function FilterBarItem({ className, ...props }) {
     return (_jsx("button", { "data-slot": "filter-bar-item", role: "tab", type: "button", className: cn('inline-flex h-[calc(100%-4px)] flex-1 cursor-pointer items-center justify-center gap-1.5 border border-transparent px-3 py-1.5 text-sm font-medium whitespace-nowrap transition-colors duration-normal', 'text-muted-foreground/60 hover:text-foreground/80', 'data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:ring-foreground/6 data-[state=active]:shadow-sm data-[state=active]:ring-1', 'disabled:pointer-events-none disabled:opacity-50', "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5", className), ...props }));
 }
-export { FilterBar, FilterBarItem, Tabs, TabsContent, TabsList, TabsListCompact, TabsTrigger, TabsTriggerCompact, tabsTriggerHeightVariants, tabsTriggerPaddingVariants, tabsTriggerTextVariants, };
+export { tabsSegmentedChipClasses, tabsSegmentedTrackClasses, FilterBar, FilterBarItem, Tabs, TabsContent, TabsList, TabsListCompact, TabsTrigger, TabsTriggerCompact, tabsTriggerHeightVariants, tabsTriggerPaddingVariants, tabsTriggerTextVariants, };

package/dist/providers/ui-provider.d.ts

@@ -304,6 +304,15 @@ export interface UiHostComponents {
         /** False or missing: read only. */
         canWrite?: boolean;
     }>;
+    /**
+     * The full artifact viewer (doc editor, history, share, PDF export) for a
+     * session panel. Without it, the panel shows the artifact's page read-only.
+     */
+    ArtifactViewer?: React.ComponentType<{
+        projectId: string;
+        artifactId: string;
+        onClose: () => void;
+    }>;
     /** The decorative background of an empty session. Without it, the plain surface. */
     Wallpaper?: React.ComponentType;
     /**

package/dist/session/composer/ComposerAboveCard.d.ts

@@ -20,4 +20,4 @@ export interface ComposerAboveCardDerived {
     handleRemoveQuote: (id: string) => void;
 }
 export type ComposerAboveCardProps = SessionChatInputProps & ComposerAboveCardDerived;
-export declare function ComposerAboveCard({ dockId, quotes, quoteListLabels, handleRemoveQuote, aboveSlot, inputSlot, notice, onNoticeRetry, onModelChange, slashMenuPlacement, questionActive, }: ComposerAboveCardProps): import("react").JSX.Element;
+export declare function ComposerAboveCard({ dockId, quotes, quoteListLabels, handleRemoveQuote, aboveSlot, inputSlot, notice, noticeAsleep, onNoticeRetry, onModelChange, slashMenuPlacement, questionActive, }: ComposerAboveCardProps): import("react").JSX.Element;

package/dist/session/composer/ComposerAboveCard.js

@@ -14,7 +14,7 @@ import { QuoteList } from './quote-list.js';
  * keeps only the side ring, so no ring line crosses a seam.
  */
 const DOCKED_MIDDLE_LAYER_CLASS = 'ring-muted/15 rounded-t-none ring-3 [clip-path:inset(0_-8px_0_-8px)]';
-export function ComposerAboveCard({ dockId, quotes, quoteListLabels, handleRemoveQuote, aboveSlot, inputSlot, notice = null, onNoticeRetry, onModelChange, slashMenuPlacement = 'above', questionActive = false, }) {
+export function ComposerAboveCard({ dockId, quotes, quoteListLabels, handleRemoveQuote, aboveSlot, inputSlot, notice = null, noticeAsleep, onNoticeRetry, onModelChange, slashMenuPlacement = 'above', questionActive = false, }) {
     const showQueueStrip = Boolean(inputSlot);
     return (_jsxs(_Fragment, { children: [slashMenuPlacement === 'above' && _jsx("div", { id: dockId }), _jsx("div", { className: "mb-2 w-full empty:hidden", children: _jsx(QuoteList, { quotes: quotes, labels: quoteListLabels, onRemove: handleRemoveQuote }, quotes.length === 0 ? 'empty' : 'quotes') }), aboveSlot && _jsx("div", { className: "mb-2 w-full empty:hidden", children: aboveSlot }), (notice || showQueueStrip) && (_jsxs("div", { "data-composer-stack": true, className: "relative isolate flex w-full flex-col items-center justify-center [&>[data-composer-strip]:not(:empty)~*]:rounded-t-none", children: [showQueueStrip && (
                     // A pending question also carries a ring around the whole
@@ -24,5 +24,5 @@ export function ComposerAboveCard({ dockId, quotes, quoteListLabels, handleRemov
                         // Rounded when topmost; square under a visible strip (the
                         // wrapper's sibling rule). Under a docked question it also
                         // carries the side ring.
-                        className: cn('bg-sidebar border-border flex w-full items-center gap-2 rounded-t-xl border border-b-0 px-3 py-1.5', questionActive && DOCKED_MIDDLE_LAYER_CLASS), children: [notice === SESSION_NOTICE.idle ? (_jsx(MoonIcon, { className: "text-muted-foreground size-3.5 shrink-0", "aria-hidden": "true" })) : (_jsx(Loading, { className: "size-3.5 shrink-0" })), _jsx("span", { className: "text-muted-foreground min-w-0 flex-1 truncate text-xs", children: notice }), onNoticeRetry && (_jsx(Button, { type: "button", variant: "ghost", size: "xs", className: "text-muted-foreground hover:text-foreground h-auto shrink-0 px-1.5 py-0.5 text-xs", onClick: onNoticeRetry, children: 'Retry' }))] }))] }))] }));
+                        className: cn('bg-sidebar border-border flex w-full items-center gap-2 rounded-t-xl border border-b-0 px-3 py-1.5', questionActive && DOCKED_MIDDLE_LAYER_CLASS), children: [(noticeAsleep ?? notice === SESSION_NOTICE.idle) ? (_jsx(MoonIcon, { className: "text-muted-foreground size-3.5 shrink-0", "aria-hidden": "true" })) : (_jsx(Loading, { className: "size-3.5 shrink-0" })), _jsx("span", { className: "text-muted-foreground min-w-0 flex-1 truncate text-xs", children: notice }), onNoticeRetry && (_jsx(Button, { type: "button", variant: "ghost", size: "xs", className: "text-muted-foreground hover:text-foreground h-auto shrink-0 px-1.5 py-0.5 text-xs", onClick: onNoticeRetry, children: 'Retry' }))] }))] }))] }));
 }

package/dist/session/composer/ComposerCard.d.ts

@@ -71,4 +71,4 @@ export interface ComposerCardDerived {
     noModelsConnected: boolean;
 }
 export type ComposerCardProps = SessionChatInputProps & ComposerCardDerived;
-export declare function ComposerCard({ tHardcodedUi, isDragOver, handleDragEnter, handleDragOver, handleDragLeave, handleDropFiles, attachedFiles, promptAttachmentItems, removeAttachedFile, retryAttachedFile, pastes, removePaste, onOpenPastedContent, commandAttachmentPlan, editorDisabled, editorRef, setEditorRef, editorPlaceholder, animatePlaceholder, handleSubmit, handleArrowUpAtStart, setIsEmpty, handleDocChange, allSessions, slashActions, handleSelectAction, dockId, setMenuOpen, fileInputRef, handleFileSelect, sessionId, handleAttachClick, primaryAgents, availableSelectedModel, agentMenuOpen, setAgentMenuOpen, modelMenuOpen, setModelMenuOpen, reasoningMenuOpen, setReasoningMenuOpen, isEmpty, canSubmit, submitDisabled, attachmentFailed, modelRejectingImages, imagesUnsupportedReason, modelUnavailable, agentUnavailable, noModelsConnected, agents, commands, slashFiles, models, notice, disabled, lockForQuestion, lockForApproval, questionButtonLabel, questionActive, submitLabel, questionCanAct, escCount, isBusy, isSending, onStop, stopDisabled, canStop, modelsLoading, modelRequired, onModelChange, modelDefaultControls, providers, variants, selectedVariant, onVariantChange, projectId, toolbarSlot, rewind, selectedAgent, onAgentChange, noAccessibleAgents, onContextClick, messages, underbarPlacement, slashMenuPlacement, cardClassName, onArrowUpAtStart, }: ComposerCardProps): import("react").JSX.Element;
+export declare function ComposerCard({ tHardcodedUi, isDragOver, handleDragEnter, handleDragOver, handleDragLeave, handleDropFiles, attachedFiles, promptAttachmentItems, removeAttachedFile, retryAttachedFile, pastes, removePaste, onOpenPastedContent, commandAttachmentPlan, editorDisabled, editorRef, setEditorRef, editorPlaceholder, animatePlaceholder, handleSubmit, handleArrowUpAtStart, setIsEmpty, handleDocChange, allSessions, slashActions, handleSelectAction, dockId, setMenuOpen, fileInputRef, handleFileSelect, sessionId, handleAttachClick, primaryAgents, availableSelectedModel, agentMenuOpen, setAgentMenuOpen, modelMenuOpen, setModelMenuOpen, reasoningMenuOpen, setReasoningMenuOpen, isEmpty, canSubmit, submitDisabled, attachmentFailed, modelRejectingImages, imagesUnsupportedReason, modelUnavailable, agentUnavailable, noModelsConnected, agents, commands, slashFiles, models, notice, disabled, lockForQuestion, lockForApproval, questionButtonLabel, questionActive, submitLabel, questionCanAct, escCount, isBusy, isSending, onStop, stopDisabled, canStop, modelsLoading, modelRequired, onModelChange, modelDefaultControls, providers, variants, selectedVariant, onVariantChange, projectId, toolbarSlot, rewind, selectedAgent, onAgentChange, noAccessibleAgents, onContextClick, messages, underbarPlacement, agentPickerCompact, slashMenuPlacement, cardClassName, onArrowUpAtStart, }: ComposerCardProps): import("react").JSX.Element;

package/dist/session/composer/ComposerCard.js

@@ -21,7 +21,7 @@ export function ComposerCard({ tHardcodedUi, isDragOver, handleDragEnter, handle
 // Raw props the moved JSX reads; `{...props}` carries the rest. These
 // defaults mirror `ComposerImpl`'s, because the spread passes the raw
 // values, not the component's defaulted locals.
-agents = EMPTY_AGENTS, commands = EMPTY_COMMANDS, slashFiles = EMPTY_SLASH_FILES, models = EMPTY_MODELS, notice = null, disabled = false, lockForQuestion = false, lockForApproval = false, questionButtonLabel = null, questionActive = false, submitLabel = null, questionCanAct = true, escCount = 0, isBusy = false, isSending = false, onStop, stopDisabled = false, canStop = true, modelsLoading = false, modelRequired = false, onModelChange, modelDefaultControls, providers, variants = EMPTY_VARIANTS, selectedVariant = null, onVariantChange, projectId, toolbarSlot, rewind, selectedAgent = null, onAgentChange, noAccessibleAgents = false, onContextClick, messages, underbarPlacement = 'below', slashMenuPlacement = 'above', cardClassName, onArrowUpAtStart, }) {
+agents = EMPTY_AGENTS, commands = EMPTY_COMMANDS, slashFiles = EMPTY_SLASH_FILES, models = EMPTY_MODELS, notice = null, disabled = false, lockForQuestion = false, lockForApproval = false, questionButtonLabel = null, questionActive = false, submitLabel = null, questionCanAct = true, escCount = 0, isBusy = false, isSending = false, onStop, stopDisabled = false, canStop = true, modelsLoading = false, modelRequired = false, onModelChange, modelDefaultControls, providers, variants = EMPTY_VARIANTS, selectedVariant = null, onVariantChange, projectId, toolbarSlot, rewind, selectedAgent = null, onAgentChange, noAccessibleAgents = false, onContextClick, messages, underbarPlacement = 'below', agentPickerCompact = false, slashMenuPlacement = 'above', cardClassName, onArrowUpAtStart, }) {
     const cardRef = useRef(null);
     const { attachAccept } = useUiHostConfig();
     const inlineUnderbar = underbarPlacement === 'inline';
@@ -33,7 +33,7 @@ agents = EMPTY_AGENTS, commands = EMPTY_COMMANDS, slashFiles = EMPTY_SLASH_FILES
                 'bg-background border-border relative isolate z-10 w-full rounded-xl border', 'pt-3', 
                 // The drag border swaps colour AND gains a ring. Without this it
                 // snapped: a hard flash the moment a file crossed the card.
-                'duration-normal ease-default transition-[border-color]', 'motion-reduce:transition-none', cardClassName, isDragOver && 'border-kortix-blue/80 ring-primary/40 border ring', 
+                'duration-normal ease-default transition-[border-color]', 'motion-reduce:transition-none', cardClassName, isDragOver && 'border-ring ring-ring/15 border ring', 
                 // A layer above (`ComposerAboveCard`) owns the top corners: a notice,
                 // or a visible strip (known only to CSS, through `data-composer-stack`).
                 (notice || questionActive) &&
@@ -51,7 +51,7 @@ agents = EMPTY_AGENTS, commands = EMPTY_COMMANDS, slashFiles = EMPTY_SLASH_FILES
                                             // the div and immediately fights the caret we are placing.
                                             e.preventDefault();
                                             editorRef.current?.focus();
-                                        }, children: [_jsx(AnimatedComposerPlaceholder, { placeholder: editorPlaceholder, active: animatePlaceholder }), _jsx(Suspense, { fallback: _jsx(ComposerEditorFallback, {}), children: _jsx(ComposerEditorLazy, { ref: setEditorRef, placeholder: animatePlaceholder ? '' : editorPlaceholder, disabled: editorDisabled, onSubmit: handleSubmit, onArrowUpAtStart: onArrowUpAtStart ? handleArrowUpAtStart : undefined, onEmptyChange: setIsEmpty, onDocChange: handleDocChange, agents: agents, sessions: allSessions ?? [], currentSessionId: sessionId, commands: commands, actions: slashActions, files: slashFiles, onSelectAction: handleSelectAction, slashDockSelector: `#${dockId}`, onMenuOpenChange: setMenuOpen }) })] }), _jsx("input", { ref: fileInputRef, type: "file", accept: attachAccept ?? DEFAULT_ATTACH_ACCEPT, multiple: true, className: "hidden", onChange: handleFileSelect }), _jsx(ComposerToolbar, { leading: inlineUnderbar ? (_jsx(ComposerUnderbar, { variant: "inline", onAttachClick: handleAttachClick, agents: primaryAgents, selectedAgent: selectedAgent, onAgentChange: onAgentChange, agentMenuOpen: agentMenuOpen, onAgentMenuOpenChange: setAgentMenuOpen, noAccessibleAgents: noAccessibleAgents, messages: messages, models: models, selectedModel: availableSelectedModel, onContextClick: onContextClick })) : null, modelsLoading: modelsLoading, models: models, selectedModel: availableSelectedModel, onModelChange: onModelChange, modelDefaultControls: modelDefaultControls, providers: providers, modelRequired: modelRequired, modelMenuOpen: modelMenuOpen, onModelMenuOpenChange: setModelMenuOpen, reasoningMenuOpen: reasoningMenuOpen, onReasoningMenuOpenChange: setReasoningMenuOpen, variants: variants, selectedVariant: selectedVariant, onVariantChange: onVariantChange, projectId: projectId, 
+                                        }, children: [_jsx(AnimatedComposerPlaceholder, { placeholder: editorPlaceholder, active: animatePlaceholder }), _jsx(Suspense, { fallback: _jsx(ComposerEditorFallback, {}), children: _jsx(ComposerEditorLazy, { ref: setEditorRef, placeholder: animatePlaceholder ? '' : editorPlaceholder, disabled: editorDisabled, onSubmit: handleSubmit, onArrowUpAtStart: onArrowUpAtStart ? handleArrowUpAtStart : undefined, onEmptyChange: setIsEmpty, onDocChange: handleDocChange, agents: agents, sessions: allSessions ?? [], currentSessionId: sessionId, commands: commands, actions: slashActions, files: slashFiles, onSelectAction: handleSelectAction, slashDockSelector: `#${dockId}`, onMenuOpenChange: setMenuOpen }) })] }), _jsx("input", { ref: fileInputRef, type: "file", accept: attachAccept ?? DEFAULT_ATTACH_ACCEPT, multiple: true, className: "hidden", onChange: handleFileSelect }), _jsx(ComposerToolbar, { leading: inlineUnderbar ? (_jsx(ComposerUnderbar, { variant: "inline", agentPickerCompact: agentPickerCompact, onAttachClick: handleAttachClick, agents: primaryAgents, selectedAgent: selectedAgent, onAgentChange: onAgentChange, agentMenuOpen: agentMenuOpen, onAgentMenuOpenChange: setAgentMenuOpen, noAccessibleAgents: noAccessibleAgents, messages: messages, models: models, selectedModel: availableSelectedModel, onContextClick: onContextClick })) : null, modelsLoading: modelsLoading, models: models, selectedModel: availableSelectedModel, onModelChange: onModelChange, modelDefaultControls: modelDefaultControls, providers: providers, modelRequired: modelRequired, modelMenuOpen: modelMenuOpen, onModelMenuOpenChange: setModelMenuOpen, reasoningMenuOpen: reasoningMenuOpen, onReasoningMenuOpenChange: setReasoningMenuOpen, variants: variants, selectedVariant: selectedVariant, onVariantChange: onVariantChange, projectId: projectId, 
                                         // Inline placement has no under-row, so the slot (the session
                                         // overrides gear, meta indicator) rides the toolbar itself. With
                                         // the 'below' placement the ComposerUnderbar further down renders

package/dist/session/composer/agent-selector.d.ts

@@ -1,7 +1,19 @@
 import type { Agent } from '@kortix/sdk/react';
+/**
+ * A place's own agents, listed first in the picker under `label` (a
+ * channel's `#name`); every other agent follows under `restLabel`. Set by a
+ * channel's composer (`space-view.tsx`). No provider: one plain list.
+ */
+export declare const FeaturedAgentsContext: import("react").Context<{
+    label: string;
+    restLabel: string;
+    names: readonly string[];
+} | null>;
 /** The label `AgentSelector` shows for a selection (null = nothing picked). Other surfaces that name the agent reuse it. */
 export declare function agentDisplayLabel(agents: Agent[], selectedAgent: string | null): string;
-export declare function AgentSelector({ agents, selectedAgent, onSelect, disabled, triggerLabelClassName, unavailableHint, open: controlledOpen, onOpenChange, appearance, }: {
+export declare function AgentSelector({ agents, selectedAgent, onSelect, disabled, triggerLabelClassName, unavailableHint, open: controlledOpen, onOpenChange, compact, appearance, }: {
+    /** The trigger shows the agent's tile alone, no caret; the name is its tooltip. */
+    compact?: boolean;
     agents: Agent[];
     selectedAgent: string | null;
     onSelect: (agentName: string | null) => void;

package/dist/session/composer/agent-selector.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Badge } from '../../primitives/badge.js';
 import { Button } from '../../primitives/button.js';
 import { CommandGroup, CommandInput, CommandItem, CommandList, CommandPopover, CommandPopoverContent, CommandPopoverTrigger, CommandSeparator, } from '../../primitives/command.js';
@@ -11,8 +11,14 @@ import { TRIGGER_CARET_CLASS, triggerVariants } from '../../primitives/trigger-v
 import { capitalizeWords, isMetaAgentName, META_AGENT_DISPLAY_NAME } from '../../_vendor/kortix-shared.js';
 import { CaretDownIcon, CheckIcon } from '@phosphor-icons/react';
 import { AgentMark } from '../../internal/components/agent-mark.js';
-import { useEffect, useMemo, useState } from 'react';
+import { createContext, useContext, useEffect, useMemo, useState } from 'react';
 import { composerSelectableAgents } from './composer-agent-access.js';
+/**
+ * A place's own agents, listed first in the picker under `label` (a
+ * channel's `#name`); every other agent follows under `restLabel`. Set by a
+ * channel's composer (`space-view.tsx`). No provider: one plain list.
+ */
+export const FeaturedAgentsContext = createContext(null);
 /**
  * Agents on screen before the popover grows a search field.
  *
@@ -38,7 +44,7 @@ export function agentDisplayLabel(agents, selectedAgent) {
         return 'Agent';
     return isMetaAgentName(name) ? META_AGENT_DISPLAY_NAME : capitalizeWords(name);
 }
-export function AgentSelector({ agents, selectedAgent, onSelect, disabled = false, triggerLabelClassName, unavailableHint, open: controlledOpen, onOpenChange, appearance = 'chip', }) {
+export function AgentSelector({ agents, selectedAgent, onSelect, disabled = false, triggerLabelClassName, unavailableHint, open: controlledOpen, onOpenChange, compact = false, appearance = 'chip', }) {
     const tHardcodedUi = useTranslations('hardcodedUi');
     const t = useTranslations('threads');
     const [internalOpen, setInternalOpen] = useState(false);
@@ -73,6 +79,12 @@ export function AgentSelector({ agents, selectedAgent, onSelect, disabled = fals
     }, [primaryAgents, search, agentLabels]);
     const filteredMeta = useMemo(() => filteredPrimary.filter((a) => isMetaAgentName(a.name)), [filteredPrimary]);
     const filteredProject = useMemo(() => filteredPrimary.filter((a) => !isMetaAgentName(a.name)), [filteredPrimary]);
+    // The place's agents, in its order, then every other agent.
+    const featured = useContext(FeaturedAgentsContext);
+    const filteredFeatured = useMemo(() => (featured?.names ?? []).flatMap((name) => {
+        const agent = filteredPrimary.find((a) => a.name === name);
+        return agent ? [agent] : [];
+    }), [featured, filteredPrimary]);
     // Keyed off the FULL list, never the filtered one: deriving it from
     // `filteredPrimary` would make the field that is doing the filtering vanish
     // the moment a query narrowed the list past the threshold, taking the
@@ -157,8 +169,16 @@ export function AgentSelector({ agents, selectedAgent, onSelect, disabled = fals
             return fieldTrigger(false, { disabled: true });
         return (_jsxs(Button, { type: "button", variant: "ghost", size: "sm", disabled: true, className: "text-muted-foreground rounded-lg hit-area-y-3", children: [triggerMark, _jsx("span", { className: cn('max-w-[100px] truncate', triggerLabelClassName), children: displayName })] }));
     }
-    return (_jsxs(CommandPopover, { open: open, onOpenChange: setOpen, children: [_jsx(CommandPopoverTrigger, { children: field ? (fieldTrigger(true, { 'aria-label': t('selectAgent') })) : (_jsxs(Button, { type: "button", variant: "ghost", size: "sm", "aria-label": t('selectAgent'), className: "text-foreground/70 rounded-lg hit-area-y-3", children: [triggerMark, _jsx("span", { className: cn('max-w-[100px] truncate', triggerLabelClassName), children: displayName }), _jsx(CaretDownIcon, { className: cn('size-3 transition-transform duration-200 ease-out', open && 'rotate-180') })] })) }), _jsxs(CommandPopoverContent, { side: "top", align: "start", sideOffset: 8, className: "w-[min(300px,calc(100vw-1.5rem))]", children: [_jsx("div", { className: showSearch ? undefined : 'sr-only', children: _jsx(CommandInput, { compact: true, placeholder: tHardcodedUi.raw('componentsSessionSessionChatInput.line231JsxAttrPlaceholderSearchAgents'), value: search, onValueChange: setSearch }) }), _jsxs(CommandList, { className: "max-h-[320px]", children: [filteredPrimary.length > 0 && (
+    const trigger = (_jsx(CommandPopoverTrigger, { children: field ? (fieldTrigger(true, { 'aria-label': t('selectAgent') })) : (_jsx(Button, { type: "button", variant: "ghost", size: "sm", "aria-label": compact ? `${t('selectAgent')}: ${displayName}` : t('selectAgent'), className: cn('text-muted-foreground rounded-lg hit-area-y-3', compact && 'px-1.5'), children: compact ? (
+            // The mark alone: the name is the tooltip and the menu's checked row.
+            // A placeholder name has no mark, so it shows as text.
+            triggerMark ?? _jsx("span", { className: cn('max-w-[100px] truncate', triggerLabelClassName), children: displayName })) : (_jsxs(_Fragment, { children: [triggerMark, _jsx("span", { className: cn('max-w-[100px] truncate', triggerLabelClassName), children: displayName }), _jsx(CaretDownIcon, { className: cn('size-3 transition-transform duration-moderate ease-out', open && 'rotate-180') })] })) })) }));
+    return (_jsxs(CommandPopover, { open: open, onOpenChange: setOpen, children: [compact ? (_jsx(Hint, { side: "top", label: displayName, children: trigger })) : (trigger), _jsxs(CommandPopoverContent, { side: "top", align: "start", sideOffset: 8, className: "w-[min(300px,calc(100vw-1.5rem))]", children: [_jsx("div", { className: showSearch ? undefined : 'sr-only', children: _jsx(CommandInput, { compact: true, placeholder: tHardcodedUi.raw('componentsSessionSessionChatInput.line231JsxAttrPlaceholderSearchAgents'), value: search, onValueChange: setSearch }) }), _jsxs(CommandList, { className: "max-h-[320px]", children: [filteredFeatured.length > 0 && featured ? (
+                            // Two groups, so each earns its heading: the place's agents, then the rest.
+                            _jsxs(_Fragment, { children: [_jsx(CommandGroup, { forceMount: true, heading: featured.label, className: "[&_[cmdk-group-items]]:flex [&_[cmdk-group-items]]:flex-col [&_[cmdk-group-items]]:gap-px", children: filteredFeatured.map((agent) => renderAgentItem(agent, isMetaAgentName(agent.name))) }), filteredPrimary.length > filteredFeatured.length && (_jsx(CommandGroup, { forceMount: true, heading: featured.restLabel, className: "[&_[cmdk-group-items]]:flex [&_[cmdk-group-items]]:flex-col [&_[cmdk-group-items]]:gap-px", children: filteredPrimary
+                                            .filter((agent) => !filteredFeatured.includes(agent))
+                                            .map((agent) => renderAgentItem(agent, isMetaAgentName(agent.name))) }))] })) : filteredPrimary.length > 0 && (
                             // `gap-px` between rows: a selected row and a hovered row next to it
                             // otherwise draw one merged grey block.
-                            _jsxs(CommandGroup, { forceMount: true, className: "[&_[cmdk-group-items]]:flex [&_[cmdk-group-items]]:flex-col [&_[cmdk-group-items]]:gap-px", children: [filteredMeta.map((agent) => renderAgentItem(agent, true)), filteredMeta.length > 0 && filteredProject.length > 0 && (_jsx(CommandSeparator, { className: "my-1" })), filteredProject.map((agent) => renderAgentItem(agent, false))] })), filteredPrimary.length === 0 && search.trim() && (_jsxs("div", { className: "text-muted-foreground/50 py-8 text-center text-xs", children: [tHardcodedUi.raw('componentsSessionSessionChatInput.line273JsxTextNoAgentsMatchLdquo'), search.trim(), tHardcodedUi.raw('componentsSessionSessionChatInput.line273JsxTextRdquo')] }))] })] })] }));
+                            _jsxs(CommandGroup, { forceMount: true, className: "[&_[cmdk-group-items]]:flex [&_[cmdk-group-items]]:flex-col [&_[cmdk-group-items]]:gap-px", children: [filteredMeta.map((agent) => renderAgentItem(agent, true)), filteredMeta.length > 0 && filteredProject.length > 0 && (_jsx(CommandSeparator, { className: "my-1" })), filteredProject.map((agent) => renderAgentItem(agent, false))] })), filteredPrimary.length === 0 && search.trim() && (_jsxs("div", { className: "text-muted-foreground py-8 text-center text-xs", children: [tHardcodedUi.raw('componentsSessionSessionChatInput.line273JsxTextNoAgentsMatchLdquo'), search.trim(), tHardcodedUi.raw('componentsSessionSessionChatInput.line273JsxTextRdquo')] }))] })] })] }));
 }

package/dist/session/composer/composer-agent-access.d.ts

@@ -1,3 +1,4 @@
+import type { ProjectSpace } from '@kortix/sdk';
 import type { Agent } from '@kortix/sdk/react';
 /**
  * Which agent the composer will actually run, given the roster the server is
@@ -64,6 +65,20 @@ export interface ComposerAgentResolution {
  * empty picker, and must not read as "we have an agent to run".
  */
 export declare function composerSelectableAgents(agents: Agent[] | undefined): Agent[];
+/**
+ * The agents anyone who posts in this channel may run, granted or not (the
+ * server's `channelAgentNames`): the channel's agents,
+ * else the project default. None in a DM or with no space: its own rules apply.
+ */
+export declare function channelRunnableAgents(space: Pick<ProjectSpace, 'agents' | 'kind'> | null | undefined, projectDefault: string | null | undefined): string[];
+/**
+ * The roster plus a channel's agents: whoever may
+ * post in a channel runs its agents there without an agent grant, and the
+ * server applies the same rule (`agent-access.ts`, `channelRunnableAgents`).
+ * A name missing from the roster gets a plain primary entry. `undefined`
+ * (still loading) stays `undefined`.
+ */
+export declare function withChannelAgents(agents: Agent[] | undefined, channelAgents: readonly string[] | undefined): Agent[] | undefined;
 export declare function resolveComposerAgent(input: {
     /** The accessible roster. `undefined` means the query is still in flight. */
     agents: Agent[] | undefined;

package/dist/session/composer/composer-agent-access.js

@@ -48,6 +48,33 @@ export function composerSelectableAgents(agents) {
         return [];
     return agents.filter(isSelectableAgent);
 }
+/**
+ * The agents anyone who posts in this channel may run, granted or not (the
+ * server's `channelAgentNames`): the channel's agents,
+ * else the project default. None in a DM or with no space: its own rules apply.
+ */
+export function channelRunnableAgents(space, projectDefault) {
+    if (space?.kind !== 'channel')
+        return [];
+    const agents = space.agents ?? [];
+    return agents.length > 0 ? [...agents] : projectDefault ? [projectDefault] : [];
+}
+/**
+ * The roster plus a channel's agents: whoever may
+ * post in a channel runs its agents there without an agent grant, and the
+ * server applies the same rule (`agent-access.ts`, `channelRunnableAgents`).
+ * A name missing from the roster gets a plain primary entry. `undefined`
+ * (still loading) stays `undefined`.
+ */
+export function withChannelAgents(agents, channelAgents) {
+    if (!agents || !channelAgents?.length)
+        return agents;
+    const known = new Set(agents.map((a) => a.name));
+    const missing = channelAgents.filter((name) => !known.has(name));
+    if (missing.length === 0)
+        return agents;
+    return [...agents, ...missing.map((name) => ({ name, mode: 'primary' }))];
+}
 export function resolveComposerAgent(input) {
     const bound = input.boundAgent?.trim() || null;
     // A pending roster is not an empty one. Refusing the send here would disable

package/dist/session/composer/composer-chat-input.d.ts

@@ -24,7 +24,7 @@ export interface ComposerOptions {
  * The current selections are handed to `onSend` / `onCommand` as `options`, so
  * callers never need their own `useRuntimeLocal`.
  */
-export declare function ComposerChatInput({ onSend, onCommand, sessionId, projectId, isBusy, sessionWorking, runtimeReady, stopDisabled, isSending, disabled, autoFocus, placeholder, prefill, onPrefillApplied, aboveSlot, inputSlot, toolbarSlot, underbarPlacement, slashMenuPlacement, cardClassName, parentClassName, boundAgentName, projectSession, clearOnSend, onAgentSelectionChange, sandboxSlot, draftScope, draftActive, promptAttachments, submitLabel, onArrowUpAtStart, }: {
+export declare function ComposerChatInput({ onSend, onCommand, sessionId, projectId, isBusy, sessionWorking, runtimeReady, stopDisabled, isSending, disabled, autoFocus, placeholder, hint, prefill, onPrefillApplied, aboveSlot, inputSlot, toolbarSlot, underbarPlacement, slashMenuPlacement, cardClassName, parentClassName, boundAgentName, defaultAgentName, channelAgentNames, projectSession, clearOnSend, onAgentSelectionChange, sandboxSlot, draftScope, draftActive, promptAttachments, submitLabel, onArrowUpAtStart, }: {
     onSend: (text: string, files: AttachedFile[] | undefined, options: ComposerOptions, attachments?: AttachmentSubmission) => void | Promise<void>;
     onCommand?: (command: Command, args: string | undefined, options: ComposerOptions) => void;
     sessionId?: string;
@@ -49,13 +49,15 @@ export declare function ComposerChatInput({ onSend, onCommand, sessionId, projec
     clearOnSend?: ComposerSendReset;
     autoFocus?: boolean;
     placeholder?: string;
+    /** Static copy that replaces the rotating placeholder. See `SessionChatInputProps.hint`. */
+    hint?: string;
     prefill?: {
         text: string;
         id: number;
         files?: AttachedFile[];
         mode?: 'replace' | 'merge';
         options?: SessionPromptOverrides | null;
-        submit?: boolean;
+        submit?: boolean | 'when-ready';
     } | null;
     onPrefillApplied?: SessionChatInputProps['onPrefillApplied'];
     aboveSlot?: ReactNode;
@@ -69,6 +71,10 @@ export declare function ComposerChatInput({ onSend, onCommand, sessionId, projec
     parentClassName?: string;
     /** Immutable project-session agent. When set, sends are locked to this agent. */
     boundAgentName?: string | null;
+    /** The agent a new thread starts on here (a channel's default). Unset: the project's default. */
+    defaultAgentName?: string | null;
+    /** A channel's agents: anyone who posts here runs them, granted or not. */
+    channelAgentNames?: readonly string[];
     /** The project session row. Its model pin is the model this composer opens on. */
     projectSession?: {
         metadata?: Record<string, unknown> | null;

package/dist/session/composer/composer-chat-input.js

@@ -5,7 +5,7 @@ import { SessionOverridesComposer } from '../overrides/session-overrides-compose
 import { SessionChatInput, } from './session-chat-input.js';
 import { useProjectConfig, useRuntimeAgents, useRuntimeCommands, useRuntimeConfig, useRuntimeProviders, useSessionModelSelection } from '@kortix/sdk/react';
 import { appendMentionRefs } from '../../internal/lib/project-preamble.js';
-import { resolveComposerAgent } from './composer-agent-access.js';
+import { resolveComposerAgent, withChannelAgents } from './composer-agent-access.js';
 /**
  * The canonical "compose a first message" input: {@link SessionChatInput}
  * pre-wired with the OpenCode model / agent / variant / command selectors (the
@@ -15,18 +15,20 @@ import { resolveComposerAgent } from './composer-agent-access.js';
  * The current selections are handed to `onSend` / `onCommand` as `options`, so
  * callers never need their own `useRuntimeLocal`.
  */
-export function ComposerChatInput({ onSend, onCommand, sessionId, projectId, isBusy, sessionWorking, runtimeReady, stopDisabled, isSending, disabled, autoFocus, placeholder, prefill, onPrefillApplied, aboveSlot, inputSlot, toolbarSlot, underbarPlacement, slashMenuPlacement, cardClassName, parentClassName, boundAgentName, projectSession, clearOnSend, onAgentSelectionChange, sandboxSlot, draftScope, draftActive, promptAttachments, submitLabel, onArrowUpAtStart, }) {
-    const { data: agents } = useRuntimeAgents({ projectId });
+export function ComposerChatInput({ onSend, onCommand, sessionId, projectId, isBusy, sessionWorking, runtimeReady, stopDisabled, isSending, disabled, autoFocus, placeholder, hint, prefill, onPrefillApplied, aboveSlot, inputSlot, toolbarSlot, underbarPlacement, slashMenuPlacement, cardClassName, parentClassName, boundAgentName, defaultAgentName, channelAgentNames, projectSession, clearOnSend, onAgentSelectionChange, sandboxSlot, draftScope, draftActive, promptAttachments, submitLabel, onArrowUpAtStart, }) {
+    const { data: rosterAgents } = useRuntimeAgents({ projectId });
+    const agents = useMemo(() => withChannelAgents(rosterAgents, channelAgentNames), [rosterAgents, channelAgentNames]);
     const { data: providers, isLoading: providersLoading } = useRuntimeProviders();
     const { data: config } = useRuntimeConfig();
     const projectConfig = useProjectConfig(projectId);
+    const startAgent = defaultAgentName || (projectConfig?.default_agent ?? projectConfig?.open_code_default_agent);
     const local = useSessionModelSelection({
         agents,
         providers,
         config,
         sessionId,
         boundAgentName,
-        defaultAgentName: projectConfig?.default_agent ?? projectConfig?.open_code_default_agent,
+        defaultAgentName: startAgent,
         projectSession,
     });
     const setAgent = local.agent.set;
@@ -70,7 +72,7 @@ export function ComposerChatInput({ onSend, onCommand, sessionId, projectId, isB
     const agentResolution = resolveComposerAgent({
         agents,
         boundAgent: boundAgentName,
-        defaultAgent: projectConfig?.default_agent ?? projectConfig?.open_code_default_agent,
+        defaultAgent: startAgent,
         selectedAgent: local.agent.current?.name ?? null,
     });
     const selectedAgentName = agentResolution.selected;
@@ -141,5 +143,5 @@ export function ComposerChatInput({ onSend, onCommand, sessionId, projectId, isB
     , { 
         // A first message has no session send to write the `@` mention blocks
         // (`session-chat.tsx` `handleSend`), so they go into the text here.
-        onSend: (text, files, mentions, attachments, placement) => onSend(appendMentionRefs(text, mentions), files, { ...options(), placement }, attachments), promptAttachments: promptAttachments, onCommand: onCommand ? (cmd, args) => onCommand(cmd, args, options()) : undefined, clearOnSend: clearOnSend, isBusy: isBusy, sessionWorking: sessionWorking, runtimeReady: runtimeReady, stopDisabled: stopDisabled, isSending: isSending, disabled: disabled, autoFocus: autoFocus, placeholder: placeholder, prefill: deliveredPrefill, onPrefillApplied: onPrefillApplied, aboveSlot: aboveSlot, inputSlot: inputSlot, toolbarSlot: combinedToolbarSlot, underbarPlacement: underbarPlacement, slashMenuPlacement: slashMenuPlacement, cardClassName: cardClassName, parentClassName: parentClassName, sessionId: sessionId, projectId: projectId, providers: providers, agents: local.agent.list, selectedAgent: selectedAgentName, noAccessibleAgents: noAccessibleAgents, onAgentChange: (name) => local.agent.set(name ?? undefined), models: local.model.list, selectedModel: local.model.currentKey ?? null, onModelChange: (m) => local.model.set(m ?? undefined, { recent: true }), modelRequired: true, modelsLoading: providersLoading, variants: local.model.variant.list, selectedVariant: local.model.variant.current ?? null, onVariantChange: (v) => local.model.variant.set(v ?? undefined), commands: commands || [], commandsResolved: commands !== undefined, draftScope: draftScope, draftActive: draftActive, submitLabel: submitLabel, onArrowUpAtStart: onArrowUpAtStart }));
+        onSend: (text, files, mentions, attachments, placement) => onSend(appendMentionRefs(text, mentions), files, { ...options(), placement }, attachments), promptAttachments: promptAttachments, onCommand: onCommand ? (cmd, args) => onCommand(cmd, args, options()) : undefined, clearOnSend: clearOnSend, isBusy: isBusy, sessionWorking: sessionWorking, runtimeReady: runtimeReady, stopDisabled: stopDisabled, isSending: isSending, disabled: disabled, autoFocus: autoFocus, placeholder: placeholder, hint: hint, prefill: deliveredPrefill, onPrefillApplied: onPrefillApplied, aboveSlot: aboveSlot, inputSlot: inputSlot, toolbarSlot: combinedToolbarSlot, underbarPlacement: underbarPlacement, slashMenuPlacement: slashMenuPlacement, cardClassName: cardClassName, parentClassName: parentClassName, sessionId: sessionId, projectId: projectId, providers: providers, agents: local.agent.list, selectedAgent: selectedAgentName, noAccessibleAgents: noAccessibleAgents, onAgentChange: (name) => local.agent.set(name ?? undefined), models: local.model.list, selectedModel: local.model.currentKey ?? null, onModelChange: (m) => local.model.set(m ?? undefined, { recent: true }), modelRequired: true, modelsLoading: providersLoading, variants: local.model.variant.list, selectedVariant: local.model.variant.current ?? null, onVariantChange: (v) => local.model.variant.set(v ?? undefined), commands: commands || [], commandsResolved: commands !== undefined, draftScope: draftScope, draftActive: draftActive, submitLabel: submitLabel, onArrowUpAtStart: onArrowUpAtStart }));
 }

package/dist/session/composer/composer-logic.d.ts

@@ -245,6 +245,22 @@ export interface ShouldSubmitPrefillInput {
  * submit would send the same message again, so each prefill id submits once.
  */
 export declare function shouldSubmitPrefill({ prefillId, prefillSubmit, submittedPrefillId, }: ShouldSubmitPrefillInput): boolean;
+export interface ShouldSubmitWhenReadyInput {
+    prefillId: number | undefined;
+    /** The id whose text is in the editor now, or null. */
+    landedPrefillId: number | null;
+    submittedPrefillId: number | null;
+    /** Send is refused right now: no model, no agent, a create in flight. */
+    submitDisabled: boolean;
+    /** The model catalog or entitlements are still loading. */
+    loading: boolean;
+}
+/**
+ * Whether a `submit: 'when-ready'` prefill sends now: its text has landed, a
+ * send is possible, and this id has not been sent before. The onboarding chat
+ * holds "Onboard me" this way until a model is connected.
+ */
+export declare function shouldSubmitWhenReady({ prefillId, landedPrefillId, submittedPrefillId, submitDisabled, loading, }: ShouldSubmitWhenReadyInput): boolean;
 /** One "Reply" on a transcript selection, waiting to join the quote list. */
 export interface QuoteRequest {
     id: number;

package/dist/session/composer/composer-logic.js

@@ -228,6 +228,18 @@ export function shouldApplyPrefill({ prefillId, prefillText, prefillFiles, prefi
 export function shouldSubmitPrefill({ prefillId, prefillSubmit, submittedPrefillId, }) {
     return prefillSubmit && prefillId !== undefined && prefillId !== submittedPrefillId;
 }
+/**
+ * Whether a `submit: 'when-ready'` prefill sends now: its text has landed, a
+ * send is possible, and this id has not been sent before. The onboarding chat
+ * holds "Onboard me" this way until a model is connected.
+ */
+export function shouldSubmitWhenReady({ prefillId, landedPrefillId, submittedPrefillId, submitDisabled, loading, }) {
+    return (prefillId !== undefined &&
+        landedPrefillId === prefillId &&
+        submittedPrefillId !== prefillId &&
+        !submitDisabled &&
+        !loading);
+}
 /**
  * The `quoteRequests` to append right now, in order.
  *

package/dist/session/composer/composer-underbar.d.ts

@@ -49,6 +49,8 @@ export interface ComposerUnderbarProps {
      * duplicated for it — same component, different packing.
      */
     variant?: 'row' | 'inline';
+    /** See `SessionChatInputProps.agentPickerCompact`. */
+    agentPickerCompact?: boolean;
     toolbarSlot?: React.ReactNode;
 }
-export declare function ComposerUnderbar({ onAttachClick, agents, selectedAgent, agentMenuOpen, onAgentMenuOpenChange, onAgentChange, noAccessibleAgents, messages, models, selectedModel, onContextClick, variant, toolbarSlot, }: ComposerUnderbarProps): import("react").JSX.Element;
+export declare function ComposerUnderbar({ onAttachClick, agents, selectedAgent, agentMenuOpen, onAgentMenuOpenChange, onAgentChange, noAccessibleAgents, messages, models, selectedModel, onContextClick, variant, agentPickerCompact, toolbarSlot, }: ComposerUnderbarProps): import("react").JSX.Element;

package/dist/session/composer/composer-underbar.js

@@ -14,7 +14,7 @@ import { TokenProgress } from './token-progress.js';
 const NO_AGENT_SELECT = () => { };
 /** Stable identity so the empty roster doesn't remount the picker per render. */
 const EMPTY_AGENTS = [];
-export function ComposerUnderbar({ onAttachClick, agents, selectedAgent, agentMenuOpen, onAgentMenuOpenChange, onAgentChange, noAccessibleAgents = false, messages, models, selectedModel, onContextClick, variant = 'row', toolbarSlot, }) {
+export function ComposerUnderbar({ onAttachClick, agents, selectedAgent, agentMenuOpen, onAgentMenuOpenChange, onAgentChange, noAccessibleAgents = false, messages, models, selectedModel, onContextClick, variant = 'row', agentPickerCompact = false, toolbarSlot, }) {
     const t = useTranslations('threads');
     const { contextMeterEnabled } = useUiHostConfig();
     /*
@@ -50,9 +50,10 @@ export function ComposerUnderbar({ onAttachClick, agents, selectedAgent, agentMe
     // buttons stayed 32px on touch while the identical controls inside
     // `.kortix-composer-toolbar` were 40px.
     _jsxs("div", { className: inline
-            ? 'kortix-composer-underbar flex min-w-0 items-center gap-1'
+            ? // `shrink-0`: the model name truncates first (`ModelSelector`), never the agent.
+                'kortix-composer-underbar flex shrink-0 items-center gap-1'
             : 'kortix-composer-underbar flex items-center justify-between gap-2 px-px pt-1.5 pb-2', children: [_jsxs("div", { className: "flex min-w-0 items-center gap-1", children: [_jsx(Hint, { side: "top", label: t('attachFiles'), children: _jsx(Button, { type: "button", variant: "ghost", size: "icon-base", onClick: onAttachClick, "aria-label": t('attachFiles'), 
                             // `hit-area-3` — the ≈29px ghost chip clears the 44px mobile tap
                             // floor only with the shared pseudo-element extension.
-                            className: "text-muted-foreground hit-area-3 rounded-lg", children: _jsx(Paperclip, { className: "size-4 shrink-0" }) }) }), _jsx(AgentSelector, { agents: noAccessibleAgents ? EMPTY_AGENTS : agents, selectedAgent: selectedAgent, open: agentMenuOpen, onOpenChange: onAgentMenuOpenChange, onSelect: onAgentChange ?? NO_AGENT_SELECT, triggerLabelClassName: "max-w-[7rem]", unavailableHint: noAccessibleAgents ? NO_AGENT_ACCESS_MESSAGE : undefined })] }), _jsxs("div", { className: "flex items-center gap-1", children: [(inline && !messages) || !contextMeterEnabled ? null : (_jsx(TokenProgress, { messages: messages, models: models, selectedModel: selectedModel, onContextClick: onContextClick })), toolbarSlot] })] }));
+                            className: "text-muted-foreground hit-area-3 rounded-lg", children: _jsx(Paperclip, { className: "size-4 shrink-0" }) }) }), _jsx(AgentSelector, { compact: agentPickerCompact, agents: noAccessibleAgents ? EMPTY_AGENTS : agents, selectedAgent: selectedAgent, open: agentMenuOpen, onOpenChange: onAgentMenuOpenChange, onSelect: onAgentChange ?? NO_AGENT_SELECT, triggerLabelClassName: "max-w-[7rem]", unavailableHint: noAccessibleAgents ? NO_AGENT_ACCESS_MESSAGE : undefined })] }), _jsxs("div", { className: "flex items-center gap-1", children: [(inline && !messages) || !contextMeterEnabled ? null : (_jsx(TokenProgress, { messages: messages, models: models, selectedModel: selectedModel, onContextClick: onContextClick })), toolbarSlot] })] }));
 }

package/dist/session/composer/composer.d.ts

@@ -153,6 +153,11 @@ export interface SessionChatInputProps {
      * a spinner with no explanation, which was indistinguishable from broken.
      */
     notice?: string | null;
+    /**
+     * The notice reports a sleeping computer: a moon, not a spinner. Default:
+     * `notice` is `SESSION_NOTICE.idle`. A host that rewords the notice says it.
+     */
+    noticeAsleep?: boolean;
     /**
      * Renders a "Retry" action inline in the notice bar when set. Wired to
      * `requestRuntimeReconnect()` for a confirmed-unreachable runtime, or a
@@ -190,8 +195,11 @@ export interface SessionChatInputProps {
          * Enter. For one-click starters (the first chat's "Update memory"): the
          * send still carries the composer's agent and model and still hits every
          * refusal (no agent, no model, blocked images) a typed message would.
+         *
+         * `'when-ready'` holds the text until a send is possible, then submits once:
+         * the onboarding chat's "Onboard me" waits for a model to be connected.
          */
-        submit?: boolean;
+        submit?: boolean | 'when-ready';
     } | null;
     /**
      * Called with `prefill.id` the moment that prefill has actually landed in the
@@ -240,6 +248,12 @@ export interface SessionChatInputProps {
      * reads as a detached strip, so there the controls belong on the one bar.
      */
     underbarPlacement?: 'below' | 'inline';
+    /**
+     * The agent picker shows the agent's tile alone, its name in the tooltip
+     * and the menu. A narrow inline toolbar (a channel's thread panel) gives
+     * the model name the width instead.
+     */
+    agentPickerCompact?: boolean;
     /**
      * Where the `/` menu docks relative to the card. `'above'` (default) keeps
      * it in flow above the composer — on the session page the card sits at the

package/dist/session/composer/composer.js

@@ -25,7 +25,7 @@ import { ComposerCard } from './ComposerCard.js';
 import { handleBillingError } from '../../internal/lib/error-handler.js';
 import { attachedFileUploadId, attachmentsBlockSend, captureAttachmentSubmission, dispatchLatched, planAttachmentReplacement, refusedFilesToast, runComposerSend, heldTraySizes, splitComposerFiles, stageComposerFiles, takeNewBillingRefusals, } from './attachment-submission.js';
 import { draftWillRunCommand, planCommandAttachments, planUnresolvedCommandChip, readCommandChipLabel, } from './command-attachments.js';
-import { appendComposerQuote, classifyPaste, isUndoKey, popPasteUndo, extractReplyQuotes, nextPastedTextFileName, planDraftSubmission, planFailedSendRecovery, planPrefillMerge, planQuoteRequests, removeComposerQuote, resolveEditorPlaceholder, restoreComposerQuotes, shouldApplyPrefill, shouldSubmitPrefill, textToDocument, } from './composer-logic.js';
+import { appendComposerQuote, classifyPaste, isUndoKey, popPasteUndo, extractReplyQuotes, nextPastedTextFileName, planDraftSubmission, planFailedSendRecovery, planPrefillMerge, planQuoteRequests, removeComposerQuote, resolveEditorPlaceholder, restoreComposerQuotes, shouldApplyPrefill, shouldSubmitPrefill, shouldSubmitWhenReady, textToDocument, } from './composer-logic.js';
 import { getContextUsage } from './context-ring.js';
 import { useComposerFocus } from './hooks/use-composer-focus.js';
 import { useMenuRevalidation } from './hooks/use-file-search.js';
@@ -722,6 +722,8 @@ function ComposerImpl(props) {
     // through this ref, bound in an effect right after that declaration.
     const handleSubmitRef = useRef(() => undefined);
     const submittedPrefillIdRef = useRef(null);
+    // The prefill id that landed in the editor: `'when-ready'` submits only after it.
+    const [landedPrefillId, setLandedPrefillId] = useState(null);
     const onPrefillAppliedRef = useRef(onPrefillApplied);
     useEffect(() => {
         onPrefillAppliedRef.current = onPrefillApplied;
@@ -806,6 +808,7 @@ function ComposerImpl(props) {
         // re-run the effect whenever the caller re-created it, and a `merge` prefill
         // applied twice appends its text twice.
         onPrefillAppliedRef.current?.(prefillId);
+        setLandedPrefillId(prefillId);
         // Last, so the prefill is fully applied and reported before the submit
         // takes the draft out of the editor.
         if (shouldSubmitPrefill({
@@ -1361,6 +1364,21 @@ function ComposerImpl(props) {
     useEffect(() => {
         handleSubmitRef.current = () => void handleSubmit();
     }, [handleSubmit]);
+    const submitWhenReady = prefill?.submit === 'when-ready';
+    useEffect(() => {
+        if (!submitWhenReady ||
+            !shouldSubmitWhenReady({
+                prefillId,
+                landedPrefillId,
+                submittedPrefillId: submittedPrefillIdRef.current,
+                submitDisabled,
+                loading: modelsLoading || entitlementsPending,
+            })) {
+            return;
+        }
+        submittedPrefillIdRef.current = prefillId;
+        handleSubmitRef.current();
+    }, [submitWhenReady, prefillId, landedPrefillId, submitDisabled, modelsLoading, entitlementsPending]);
     // A question lock owns the editor: Up there is a caret move, never a take-back.
     const handleArrowUpAtStart = useCallback(() => (lockForQuestion ? false : (onArrowUpAtStart?.() ?? false)), [lockForQuestion, onArrowUpAtStart]);
     const editorPlaceholder = resolveEditorPlaceholder({

package/dist/session/composer/draft/composer-draft.d.ts

@@ -15,12 +15,16 @@ export type StoredUpload = PromptAttachment & {
  * What a persisted composer draft is keyed by.
  *
  * Project scope is the home hero composer — one draft per project, because
- * that composer has no session yet. Session scope is every in-thread composer.
- * Both ids are UUIDs, so the two families can never collide.
+ * that composer has no session yet. Space scope is a channel or DM composer.
+ * Session scope is every in-thread composer. Every id is a UUID, and each
+ * family has its own prefix, so they can never collide.
  */
 export type DraftScope = {
     kind: 'project';
     projectId: string;
+} | {
+    kind: 'space';
+    spaceId: string;
 } | {
     kind: 'session';
     sessionId: string;

package/dist/session/composer/draft/composer-draft.js

@@ -9,7 +9,11 @@ export const DRAFT_ENVELOPE_VERSION = 1;
 export const MAX_DRAFT_BYTES = 131072;
 /** The `<kind>:<id>` half of the storage key. The family prefix is the store's. */
 export function draftScopeKey(scope) {
-    return scope.kind === 'project' ? `project:${scope.projectId}` : `session:${scope.sessionId}`;
+    if (scope.kind === 'project')
+        return `project:${scope.projectId}`;
+    if (scope.kind === 'space')
+        return `space:${scope.spaceId}`;
+    return `session:${scope.sessionId}`;
 }
 const isRemote = (file) => file.kind === 'remote';
 /**

package/dist/session/composer/reasoning-effort-selector.js

@@ -117,5 +117,5 @@ export function ReasoningEffortSelector({ variants, selectedVariant, onVariantCh
     // reads as Auto rather than an unlabeled value; the next explicit choice
     // replaces it.
     const current = selectedVariant && choices.includes(selectedVariant) ? selectedVariant : null;
-    return (_jsxs(DropdownMenu, { open: open, onOpenChange: setOpen, children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { type: "button", variant: "ghost", size: "sm", "aria-label": t('thinkingEffort'), className: "text-foreground/70 gap-1.5 rounded-lg hit-area-y-3", children: [_jsx(EffortIcon, { value: current, className: "size-4 shrink-0" }), _jsx("span", { className: "max-w-[7rem] truncate", children: current ? label(current) : t('auto') }), _jsx(CaretDownIcon, { className: cn('size-3 opacity-50 transition-transform duration-200 ease-out', open && 'rotate-180') })] }) }), _jsx(DropdownMenuContent, { side: "top", align: "start", className: "min-w-[10rem]", children: _jsxs(DropdownMenuRadioGroup, { value: current ?? AUTO, onValueChange: onValueChange, children: [_jsxs(DropdownMenuRadioItem, { value: AUTO, children: [_jsx(EffortIcon, { value: null, className: "size-4 shrink-0" }), t('auto')] }), choices.map((value) => (_jsxs(DropdownMenuRadioItem, { value: value, children: [_jsx(EffortIcon, { value: value, className: "size-4 shrink-0" }), label(value)] }, value)))] }) })] }));
+    return (_jsxs(DropdownMenu, { open: open, onOpenChange: setOpen, children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { type: "button", variant: "ghost", size: "sm", "aria-label": t('thinkingEffort'), className: "text-muted-foreground gap-1.5 rounded-lg hit-area-y-3", children: [_jsx(EffortIcon, { value: current, className: "size-4 shrink-0" }), _jsx("span", { className: "max-w-[7rem] truncate", children: current ? label(current) : t('auto') }), _jsx(CaretDownIcon, { className: cn('size-3 opacity-50 transition-transform duration-200 ease-out', open && 'rotate-180') })] }) }), _jsx(DropdownMenuContent, { side: "top", align: "start", className: "min-w-[10rem]", children: _jsxs(DropdownMenuRadioGroup, { value: current ?? AUTO, onValueChange: onValueChange, children: [_jsxs(DropdownMenuRadioItem, { value: AUTO, children: [_jsx(EffortIcon, { value: null, className: "size-4 shrink-0" }), t('auto')] }), choices.map((value) => (_jsxs(DropdownMenuRadioItem, { value: value, children: [_jsx(EffortIcon, { value: value, className: "size-4 shrink-0" }), label(value)] }, value)))] }) })] }));
 }

package/dist/session/models/chatgpt-connection-button.d.ts

@@ -0,0 +1,11 @@
+import { type ChatGptConnectionAction } from './chatgpt-connection-action.js';
+/**
+ * The ChatGPT fix for a failed turn or tool call (the session error row, the
+ * image card). It needs the session the call belongs to, so it renders only on
+ * a session route; elsewhere the row stays informational.
+ */
+export declare function ChatGptConnectionSlot({ action, className, }: {
+    action: ChatGptConnectionAction;
+    /** The wrapper's placement in the host row. */
+    className?: string;
+}): import("react").JSX.Element | null;