@belonguniverseai/react-sdk 0.6.22 → 0.6.23

package/dist/components/embed/EmbedRail.d.ts

@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 import { VoiceActionFlash } from '../../embed/closed-surface-voice-bus.ts';
 import { VoiceStatus } from '../../embed/voice-bus.ts';
 import { SessionSummary } from './EmbedSessions';
@@ -9,13 +10,12 @@ import { BelongTheme, BelongThemePalette, PresetName } from '../../types/public.
  *  one of them is a view you can reach but not come back to after a reload. */
 export type EmbedView = "chat" | "goal" | "files" | "scheduled" | "prompts" | "connectors" | "skills";
 /**
- * 52px rail. Top: user avatar (account + theme controls). Middle: Chat /
- * Files nav (active = Ocean primary fill, brand-driven). Bottom
- * (when expanded): the chat action cluster — Chats (sessions), TTS speaker,
- * expand-to-modal — then the collapse toggle. Active fill + brand colours come
- * from `palette` so a host brand push re-themes everything.
+ * Compact 52px rail, expanding into a labeled 208px sidebar on request.
+ * History and workspace navigation share one hierarchy in both dock states.
+ * Focus hides labels only; every destination remains available as an icon.
+ * Active fill and brand colors come from the tenant palette.
  */
-export declare function EmbedRail({ view, collapsed, user, theme, palette, sessions, activeId, planProgress, speakEnabled, ttsSupported, voiceSupported, voiceStatus, pendingVoiceDraft, voiceActionFlash, accent, cssVars, presets, activePreset, onSelectView, onToggleCollapse, onToggleMode, onToggleSide, onAccentChange, onAccentReset, onCssVarsChange, onApplyPreset, onLogout, onNewSession, onSelectSession, onSelectAgentLine, onCloseAgentLine, onDeleteSession, onRenameSession, onSessionsOpen, onViewStats, onToggleSpeak, fullscreen, onToggleFullscreen, connectorsUnavailable, skillsUnavailable, goalPresent, goalNeedsYou, }: {
+export declare function EmbedRail({ view, collapsed, user, theme, palette, sessions, activeId, planProgress, speakEnabled, ttsSupported, voiceSupported, voiceStatus, pendingVoiceDraft, voiceActionFlash, accent, cssVars, presets, activePreset, onSelectView, onToggleMode, onToggleSide, onAccentChange, onAccentReset, onCssVarsChange, onApplyPreset, onLogout, onNewSession, onSelectSession, onSelectAgentLine, onCloseAgentLine, onDeleteSession, onRenameSession, onSessionsOpen, onViewStats, onToggleSpeak, fullscreen, navigationLabelsVisible, onToggleNavigationLabels, layoutControl, connectorsUnavailable, skillsUnavailable, goalPresent, goalNeedsYou, }: {
     view: EmbedView;
     collapsed: boolean;
     user: string | null;
@@ -61,7 +61,6 @@ export declare function EmbedRail({ view, collapsed, user, theme, palette, sessi
      *  each chip's accessible label names the ask too. */
     goalNeedsYou: boolean;
     onSelectView: (v: EmbedView) => void;
-    onToggleCollapse: () => void;
     onToggleMode: () => void;
     onToggleSide: () => void;
     onAccentChange: (c: string) => void;
@@ -94,9 +93,13 @@ export declare function EmbedRail({ view, collapsed, user, theme, palette, sessi
      *  rail still renders without the dock's panel host wired up. */
     onViewStats?: (sessionId: string) => void;
     onToggleSpeak: () => void;
-    /** The dock is fullscreen right now — the toggle reads "Exit fullscreen". */
+    /** Actual fullscreen layout; its rail stays on the physical left edge. */
     fullscreen: boolean;
-    onToggleFullscreen: () => void;
+    /** Presentation only: Focus hides labels without changing layout or navigation. */
+    navigationLabelsVisible?: boolean;
+    onToggleNavigationLabels?: () => void;
+    /** The logo controls dock visibility or fullscreen labels, owned by the shell. */
+    layoutControl?: ReactNode;
     /**
      * This deployment answered "the connectors feature is off here" — the rail
      * then hides the Connectors entry entirely, because a surface that can only

package/dist/components/embed/EmbedSessions.d.ts

@@ -24,23 +24,18 @@ type SessionsBodyProps = {
      *  list without the dock's panel host still renders. */
     onViewStats?: (sessionId: string) => void;
 };
-/**
- * The "New chat" item + recent-sessions list, WITHOUT a menu shell of its own —
- * the reusable half of the sessions switcher. `EmbedSessions` below wraps this
- * in its own `DropdownMenu`/`DropdownMenuContent` for the rail/mobile trigger;
- * `EmbedAvatar`'s History submenu wraps the SAME body in a
- * `DropdownMenuSub`/`DropdownMenuSubContent` instead (Rail-D) — one
- * implementation of rename/delete/select, two menu shells. Radix unmounts a
- * closed Content/SubContent by default, so this component's local edit/confirm
- * state resets for free on every close — no explicit reset needed here.
- */
-export declare function EmbedSessionsBody({ sessions, activeId, onNew, onSelect, onDelete, onRename, sessionAgentLine, onViewStats, }: SessionsBodyProps): import("react").JSX.Element;
+/** Shared history behavior for the compact menu and fullscreen settings.
+ * Panel rows use native buttons with sibling edit actions, so history does
+ * not depend on a Radix menu context or nest interactive controls. */
+export declare function EmbedSessionsBody({ sessions, activeId, onNew, onSelect, onDelete, onRename, sessionAgentLine, onViewStats, presentation, }: SessionsBodyProps & {
+    presentation?: "menu" | "panel";
+}): import("react").JSX.Element;
 /**
  * Header control to start a new chat, switch to a recent session, rename one via
  * an inline text edit, or delete one via an inline trash → confirm flow. Rename +
  * delete are per-row inline affordances that keep the menu open (BEL-120).
  */
-export declare function EmbedSessions({ sessions, activeId, theme, side, triggerClassName, triggerLabel, onNew, onSelect, onDelete, onRename, onOpen, sessionAgentLine, onViewStats, }: SessionsBodyProps & {
+export declare function EmbedSessions({ sessions, activeId, theme, side, triggerClassName, triggerLabel, presentation, onNew, onSelect, onDelete, onRename, onOpen, sessionAgentLine, onViewStats, }: SessionsBodyProps & {
     theme: BelongTheme;
     /** Which way the menu opens — toward the panel from the rail edge, or
      *  upward when the trigger lives in the mobile bottom nav bar. */
@@ -51,6 +46,9 @@ export declare function EmbedSessions({ sessions, activeId, theme, side, trigger
     /** Visible text under the trigger icon (mobile nav names its cells; the
      *  rail stays icon-only). */
     triggerLabel?: string;
+    /** Labeled navigation row for the expanded sidebar; icon preserves the
+     * compact launcher and optional mobile triggerLabel. */
+    presentation?: "icon" | "labeled";
     /** Fired when the menu opens — the dock refetches the list so it's fresh. */
     onOpen?: () => void;
 }): import("react").JSX.Element;

package/dist/components/embed/GoalComposeSheet.d.ts

@@ -15,5 +15,6 @@ export type GoalComposeSheetProps = {
     readonly planModeResolved: boolean;
     readonly onCancel: () => void;
     readonly onSubmit: (value: GoalComposeValue) => void;
+    readonly onReturnFocus?: () => void;
 };
-export declare function GoalComposeSheet({ open, initial, planModeResolved, onCancel, onSubmit, }: GoalComposeSheetProps): import("react").JSX.Element;
+export declare function GoalComposeSheet({ open, initial, planModeResolved, onCancel, onSubmit, onReturnFocus, }: GoalComposeSheetProps): import("react").JSX.Element;

package/dist/components/embed/LegalShortDisclaimer.d.ts

@@ -1,11 +1,9 @@
 import { DockCopyVariant } from '../../embed/copy.ts';
-/**
- * The always-visible legal caveat under the chat box (Simetrik variant only —
- * no legal text was supplied for other brands): the AI-may-err reminder and
- * the 30-day beta / possible-future-cost note, localized with the dock.
- * Present at ALL times the composer is — welcome screen and mid-conversation
- * alike — per Simetrik legal's placement requirement.
- */
+/** The footer under the composer, in every session state: a short accuracy
+ * reminder and the tenant's beta status, with details behind the info icon.
+ * For Simetrik those details open with its legal caveat in full; the cost
+ * advisory in it is Simetrik's alone. The separate Simetrik acceptance gate
+ * and its versioned legal terms are unchanged. */
 export declare function LegalShortDisclaimer({ variant }: {
     variant: DockCopyVariant;
-}): import("react").JSX.Element | null;
+}): import("react").JSX.Element;

package/dist/components/embed/MentionInput.d.ts

@@ -1,4 +1,4 @@
-import { KeyboardEvent as ReactKeyboardEvent, Ref } from 'react';
+import { CSSProperties, KeyboardEvent as ReactKeyboardEvent, Ref } from 'react';
 import { BelongThemePalette } from '../../types/public.ts';
 /**
  * Is the editor the focused element within its OWN root? The dock mounts in a
@@ -11,7 +11,11 @@ import { BelongThemePalette } from '../../types/public.ts';
  */
 export declare const isEditorFocused: (el: HTMLElement) => boolean;
 export type MentionInputHandle = {
-    focus: () => void;
+    /** Focus an already-rendered editor, optionally selecting an inserted slot. */
+    focus: (selection?: {
+        readonly start: number;
+        readonly end: number;
+    }) => void;
     getCaret: () => number | null;
     /** Pin where the caret lands after the NEXT controlled value change. */
     setPendingCaret: (offset: number) => void;
@@ -24,7 +28,9 @@ export type MentionInputHandle = {
     setPendingSelection: (start: number, end: number) => void;
     element: HTMLDivElement | null;
 };
-export declare function MentionInput({ value, palette, placeholder, suggestion, suggestionTabHint, disabled, className, ariaProps, onChange, onCaretChange, onKeyDown, onPasteFiles, handleRef, enterBehavior, }: {
+export declare function MentionInput({ value, palette, placeholder, suggestion, suggestionTabHint, disabled, className, ariaProps, onChange, onCaretChange, onKeyDown, onPasteFiles, handleRef, enterBehavior, style, }: {
+    /** Applied to the editor and its placeholder together so their text aligns. */
+    style?: CSSProperties;
     enterBehavior?: "submit" | "newline";
     value: string;
     palette: BelongThemePalette;

package/dist/components/embed/MobileNavBar.d.ts

@@ -1,16 +1,17 @@
+import { ComponentProps } from 'react';
+import { EmbedAvatar } from './EmbedAvatar';
 import { SessionSummary } from './EmbedSessions';
 import { EmbedView } from './EmbedRail';
 import { BelongTheme, BelongThemePalette, PresetName } from '../../types/public.ts';
-/**
- * Bottom nav bar for the MOBILE fullscreen sheet — the phone-width stand-in
- * for the 52px desktop rail (which has no room on a phone). View tabs
- * (chat / files / scheduled / prompts), the sessions switcher, the account
- * avatar, and a close chevron. Every cell is a ≥44px touch target that keeps
- * its own label; menus open upward. Eight labelled cells do not fit a 375px
- * phone, so the row scrolls horizontally rather than crush them — see the
- * comment on the `<nav>` below.
- */
-export declare function MobileNavBar({ view, user, theme, palette, sessions, activeId, voiceSupported, accent, cssVars, presets, activePreset, onSelectView, onClose, onToggleMode, onToggleSide, onAccentChange, onAccentReset, onCssVarsChange, onApplyPreset, onLogout, onNewSession, onSelectSession, onDeleteSession, onRenameSession, onSessionsOpen, onViewStats, goalPresent, }: {
+/** Four mobile destinations. Secondary tools and account controls live in
+ * Tools; session switching lives above the conversation. Primary cells retain
+ * 44px targets (56px with labels) and surface-scaled glyphs without horizontal scrolling. */
+export declare function MobileNavBar({ view, user, theme, palette, sessions, activeId, voiceSupported, readReplies, accent, cssVars, presets, activePreset, onSelectView, onClose, onToggleMode, onToggleSide, onAccentChange, onAccentReset, onCssVarsChange, onApplyPreset, onLogout, onNewSession, onSelectSession, onDeleteSession, onRenameSession, onSessionsOpen, onViewStats, navigationLabelsVisible, onToggleNavigationLabels, connectorsUnavailable, skillsUnavailable, goalPresent, }: {
+    /** Focus changes navigation labels only; the icons always remain available. */
+    navigationLabelsVisible?: boolean;
+    onToggleNavigationLabels?: () => void;
+    connectorsUnavailable?: boolean;
+    skillsUnavailable?: boolean;
     view: EmbedView;
     user: string | null;
     theme: BelongTheme;
@@ -18,6 +19,7 @@ export declare function MobileNavBar({ view, user, theme, palette, sessions, act
     sessions: readonly SessionSummary[];
     activeId: string | null;
     voiceSupported: boolean;
+    readReplies?: ComponentProps<typeof EmbedAvatar>["readReplies"];
     accent: string | null;
     cssVars: Record<string, string>;
     presets: readonly {

package/dist/components/embed/OnboardingOverlay.d.ts

@@ -13,9 +13,11 @@ import { BelongThemeBrand, BelongThemePalette } from '../../types/public.ts';
  * `active` folds in the gates that need React context (authed + on the chat
  * view + not collapsed); the persistence gate lives in `shouldOfferOnboarding`.
  */
-export declare function OnboardingOverlay({ dockRef, brand, palette, active, }: {
+export declare function OnboardingOverlay({ dockRef, brand, palette, active, mobile, voiceAvailable, }: {
     dockRef: RefObject<HTMLElement | null>;
     brand: BelongThemeBrand;
     palette: BelongThemePalette;
     active: boolean;
+    mobile?: boolean;
+    voiceAvailable?: boolean;
 }): import("react").JSX.Element | null;

package/dist/components/embed/OnboardingTour.d.ts

@@ -2,16 +2,7 @@ import { RefObject } from 'react';
 import { BelongThemePalette } from '../../types/public.ts';
 import { TourStep } from '../../embed/onboarding-steps.ts';
 import { TourLabels } from '../../embed/copy.ts';
-/**
- * The spotlight coach-mark engine. For the active step it resolves the step's
- * anchor INSIDE the dock root, paints a dimming layer with a bright cut-out over
- * the control (a clipped `box-shadow` ring — clipped to the dock by the dock
- * root's `overflow-hidden`, so the host app is never dimmed), and floats a
- * tooltip with progress dots and Back / Skip / Next.
- *
- * An anchor that never mounts (feature gated, rail collapsed) is skipped after a
- * short wait via `onNext`, so a missing control never blocks the tour.
- */
+/** Optional, keyboard-accessible coach marks scoped to the actual dock controls. */
 export declare function OnboardingTour({ dockRef, steps, stepIndex, palette, labels, onNext, onPrev, onSkip, }: {
     dockRef: RefObject<HTMLElement | null>;
     steps: readonly TourStep[];

package/dist/components/embed/OnboardingWelcome.d.ts

@@ -1,17 +1,7 @@
 import { BelongThemeBrand, BelongThemePalette } from '../../types/public.ts';
 import { WelcomeCardCopy } from '../../embed/copy.ts';
 import { Locale } from '../../embed/locale.ts';
-/**
- * First-run welcome card — the single branded screen a new user sees before
- * anything else: who the assistant is, three headline capabilities, and one
- * choice — take the 30-second tour, or explore alone. Both paths dismiss the
- * card; "explore alone" also marks onboarding complete (handled by the caller's
- * `onSkip`). Presentational: it reads `brand` + `palette` and calls back, so it
- * stories and tests without the store.
- *
- * Scoped to the dock (absolute inset-0 inside the dock root), so the dim
- * backdrop never reaches the host app and the card inherits the projected theme.
- */
+/** A brief, optional introduction. The dialog stays inside the dock's theme and bounds. */
 export declare function OnboardingWelcome({ brand, palette, copy, locale, onSelectLocale, onStartTour, onSkip, }: {
     brand: BelongThemeBrand;
     palette: BelongThemePalette;

package/dist/components/embed/PlanPanel.d.ts

@@ -4,10 +4,12 @@ export type PlanPanelProps = {
     /** Live chat dock width (px). The panel is offset by this so it sits
      *  immediately beside the chat rather than across the viewport. */
     readonly chatDockWidthPx: number;
+    /** Hide the presentation while keeping the open plan and its scroll position. */
+    readonly hidden?: boolean;
 };
 /**
  * The plan as a separate surface docked beside the chat dock, offset by the
  * live dock width so the two read as one combined surface. Open state + width
  * come from plan-panel-store; the plan itself from plan-store.
  */
-export declare const PlanPanel: ({ chatSide, chatDockWidthPx }: PlanPanelProps) => import("react").JSX.Element | null;
+export declare const PlanPanel: ({ chatSide, chatDockWidthPx, hidden }: PlanPanelProps) => import("react").JSX.Element | null;

package/dist/components/embed/PreviewPanel.d.ts

@@ -4,6 +4,8 @@ export type PreviewPanelProps = {
     /** Offset (px) from the chat side: the live chat dock width PLUS any open plan
      *  panel, so the preview sits immediately beside them (stacked, not overlapping). */
     readonly chatDockOffsetPx: number;
+    /** Hide the presentation while retaining the selected file and scope guard. */
+    readonly hidden?: boolean;
 };
 /**
  * The artifact preview as a separate surface docked beside the chat dock — the
@@ -14,4 +16,4 @@ export type PreviewPanelProps = {
  * Fullscreen lifts the panel out of the docked offset to cover the whole
  * viewport (above the dock); Escape exits fullscreen, then closes.
  */
-export declare const PreviewPanel: ({ chatSide, chatDockOffsetPx }: PreviewPanelProps) => import("react").JSX.Element | null;
+export declare const PreviewPanel: ({ chatSide, chatDockOffsetPx, hidden }: PreviewPanelProps) => import("react").JSX.Element | null;

package/dist/components/embed/SessionSwitcher.d.ts

@@ -0,0 +1,12 @@
+import { BelongTheme } from '../../types/public.ts';
+import { SessionSummary } from './EmbedSessions';
+/** A view of the real line registry. Selection never remints or reassigns a
+ * session; the dock owns that boundary, including resume and unseen state. */
+export declare function SessionSwitcher({ layout, theme, sessions, activeId, onSelect, onClose, }: {
+    layout: "dock" | "mobile" | "sidebar";
+    theme: BelongTheme;
+    sessions: readonly SessionSummary[];
+    activeId: string | null;
+    onSelect: (sessionId: string | null) => void;
+    onClose: (line: number) => void;
+}): import("react").JSX.Element | null;

package/dist/components/embed/SubagentAvatar.d.ts

@@ -0,0 +1,8 @@
+export type SubagentAvatarState = "working" | "complete" | "attention" | "idle";
+/** A compact role symbol that stays recognizable through runtime changes.
+ * Working motion surrounds the glyph; the glyph itself remains easy to read. */
+export declare function SubagentAvatar({ name, state, className, }: {
+    readonly name: string;
+    readonly state: SubagentAvatarState;
+    readonly className?: string;
+}): import("react").JSX.Element;

package/dist/components/embed/WorkspacePane.d.ts

@@ -11,6 +11,8 @@
  * `flex-row-reverse` on a LEFT dock, so the pane sits right of the chat there
  * and its separating border must flip with it.
  */
-export declare const WorkspacePane: ({ chatSide }: {
+export declare const WorkspacePane: ({ chatSide, hidden, }: {
     readonly chatSide: "left" | "right";
+    /** Hide the presentation without discarding the selected item or its scroll position. */
+    readonly hidden?: boolean;
 }) => import("react").JSX.Element | null;

package/dist/components/embed/navigation-layout.d.ts

@@ -0,0 +1,7 @@
+/** Compact rail shared by docked and fullscreen navigation. */
+export { RAIL_WIDTH_PX as COMPACT_SIDEBAR_WIDTH_PX } from '../../embed/dock-layout';
+/** Width shared by the fullscreen sidebar and the adjacent artifact layout. */
+export declare const FULLSCREEN_SIDEBAR_WIDTH_PX = 208;
+/** Glyph size follows the agent surface; interactive targets remain independent. */
+export declare const NAVIGATION_ICON_CLASS_NAME = "size-[var(--belong-icon-size,16px)] shrink-0 stroke-[1.75]";
+export declare const NAVIGATION_SECONDARY_ICON_CLASS_NAME = "size-[var(--belong-icon-secondary-size,14px)] shrink-0 stroke-[1.75]";

package/dist/components/embed/rail-flags.d.ts

@@ -55,15 +55,8 @@ export declare const VOICE_CALL_BUTTON_ENABLED = false;
  */
 export declare const CONNECTORS_MOBILE_TAB_ENABLED = false;
 /**
- * The Skills tab in the MOBILE bottom nav bar (skill library spec D11: desktop
- * only at launch). The desktop rail entry is gated only by whether the
- * deployment has the feature.
- *
- * `false` for the same capacity reason as Connectors: the bar is already a
- * horizontal scroller. ACCEPTED PRODUCT GAP (R66): on a phone there is no
- * surface to list, toggle, upload or download skills. The agent tools
- * (`list_skill_library`, `set_skill_enabled`, `save_skill`) still work there.
- * Flip to `true` once the bar is re-thought, and the tab appears with no other
- * change.
+ * Skills are available inside the MOBILE Library selector. The bottom bar
+ * keeps four primary cells, moving Library to Tools while a goal is present.
+ * Deployment feature availability still gates both desktop and mobile.
  */
-export declare const SKILLS_MOBILE_TAB_ENABLED = false;
+export declare const SKILLS_MOBILE_TAB_ENABLED = true;

package/dist/components/embed/use-prompt-invocations.d.ts

@@ -2,11 +2,13 @@ import { SkillSummary } from '../../api/skills.ts';
 import { PrePromptSummary } from '../../api/pre-prompts.ts';
 import { WorkspaceFile } from '../../api/workspace-files.ts';
 import { filterSlashOptions } from '../../embed/slash-commands.ts';
+import { LibraryComposerRequest } from '../../embed/library-composer.tsx';
 import { MentionInputHandle } from './MentionInput';
 /** Shared composer and schedule picker state, caret handling, and keyboard controls. */
-export declare function usePromptInvocations({ draft, skills, prompts, workspaceFiles, onDraftChange, onMentionOpen, suggestion, filterOptions, invocationBody, idPrefix, placement, }: {
+export declare function usePromptInvocations({ draft, skills, librarySkills, prompts, workspaceFiles, onDraftChange, onMentionOpen, suggestion, filterOptions, invocationBody, idPrefix, placement, }: {
     draft: string;
     skills: readonly SkillSummary[];
+    librarySkills?: readonly SkillSummary[];
     prompts: readonly PrePromptSummary[];
     workspaceFiles: readonly WorkspaceFile[];
     onDraftChange: (text: string) => void;
@@ -20,6 +22,7 @@ export declare function usePromptInvocations({ draft, skills, prompts, workspace
     editorRef: import('react').RefObject<MentionInputHandle | null>;
     pickerOpen: import('react').RefObject<boolean>;
     inputProps: Pick<{
+        style?: import('react').CSSProperties;
         enterBehavior?: "submit" | "newline";
         value: string;
         palette: import('../../component').BelongThemePalette;
@@ -36,5 +39,7 @@ export declare function usePromptInvocations({ draft, skills, prompts, workspace
         handleRef?: import('react').Ref<MentionInputHandle>;
     }, "onChange" | "onKeyDown" | "ariaProps" | "onCaretChange" | "handleRef">;
     insertSlash: () => void;
+    appendLibraryItem: (request: LibraryComposerRequest) => boolean;
+    focusLibraryItem: () => void;
     menus: import("react").JSX.Element;
 };

package/dist/components/prompts/PromptPreviewDialog.d.ts

@@ -0,0 +1,10 @@
+import { PrePromptSummary } from '../../api/pre-prompts.ts';
+/** The library shows exactly what will be added to the message. It never
+ * interprets prompt text as Markdown or executes it from this surface. */
+export declare function PromptPreviewDialog({ prompt, onOpenChange, onEdit, onUse, onReturnFocus, }: {
+    readonly prompt: PrePromptSummary;
+    readonly onOpenChange: (open: boolean) => void;
+    readonly onEdit: () => void;
+    readonly onUse: () => boolean;
+    readonly onReturnFocus: () => void;
+}): import("react").JSX.Element;

package/dist/components/prompts/PromptsListSurface.d.ts

@@ -1,6 +1,6 @@
 /**
  * Prompts list — the rail's fourth surface (BEL-259). Every prompt the user
- * saved, searchable, each row opening the edit dialog or offering Delete.
+ * saved, searchable, with a readable preview before it enters the message.
  *
  * PROPLESS, exactly like `ScheduledListSurface`: it reads its own server state
  * and takes nothing from the router's outlet context. That is what makes it
@@ -14,8 +14,8 @@
  * problem — adding a `q` parameter would be a server round-trip per keystroke
  * for data already in the cache.
  *
- * NO run button and NO "schedule this". Running a prompt is what `/` in the
- * composer is for, and giving the same action two doors means two behaviours to
- * keep identical forever.
+ * Previewing never runs a prompt. The explicit Use action asks the mounted
+ * conversation to append through the same invocation and slot-selection path
+ * as `/`; editing and deletion remain separate actions.
  */
 export declare const PromptsListSurface: () => import("react").JSX.Element;

package/dist/components/scheduled/ConfirmDeleteScheduleDialog.d.ts

@@ -1,5 +1,6 @@
 /** Shared delete confirmation for a schedule (list card menu + detail menu). */
 export declare const ConfirmDeleteScheduleDialog: (props: {
+    readonly shared?: boolean;
     readonly open: boolean;
     readonly onOpenChange: (open: boolean) => void;
     readonly busy: boolean;

package/dist/components/scheduled/ScheduleDialog.d.ts

@@ -1,9 +1,13 @@
 import { TaskScheduleDetail } from '../../api/task-schedules.ts';
+import { SharedSchedule } from '../../api/task-schedule-sharing.ts';
 export type ScheduleDialogMode = {
     readonly kind: "create";
 } | {
     readonly kind: "edit";
     readonly schedule: TaskScheduleDetail;
+} | {
+    readonly kind: "shared";
+    readonly schedule: SharedSchedule;
 };
 export declare const ScheduleDialog: (props: {
     readonly open: boolean;

package/dist/components/scheduled/ScheduledDetailSurface.d.ts

@@ -1,6 +1,7 @@
 import { TaskScheduleDetail, TaskScheduleRun } from '../../api/task-schedules.ts';
 export declare const EmailNotificationIndicator: (props: {
     readonly notification: TaskScheduleDetail["notification"];
+    readonly shared?: boolean;
 }) => import("react").JSX.Element;
 export declare const MicrosoftTeamsDeliveryIndicator: (props: {
     readonly delivery: NonNullable<TaskScheduleDetail["microsoftTeamsDelivery"]>;

package/dist/components/scheduled/ScheduledHeader.d.ts

@@ -0,0 +1,3 @@
+export declare const ScheduledHeader: (props: {
+    readonly onCreate: () => void;
+}) => import("react").JSX.Element;

package/dist/components/scheduled/ScheduledListSurface.d.ts

@@ -1,7 +1,7 @@
 /**
  * Scheduled list: searchable, filterable (All / Upcoming / Completed) cards of
  * the user's schedule definitions. A card navigates to the detail view; its
- * overflow menu offers Run now / Delete in place. Internal UUIDs never appear
+ * overflow menu offers Share / Run now / Delete in place. Internal UUIDs never appear
  * in copy (they live only in the memory-router path).
  */
 export declare const ScheduledListSurface: () => import("react").JSX.Element;

package/dist/components/scheduled/ShareScheduleDialog.d.ts

@@ -0,0 +1,10 @@
+export declare const ShareScheduleDialog: (props: {
+    readonly definitionId: string;
+    readonly title: string;
+    readonly onClose: () => void;
+}) => import("react").JSX.Element;
+export declare const ShareScheduleButton: (props: {
+    readonly seriesId: string;
+    readonly definitionId?: string;
+    readonly title: string;
+}) => import("react").JSX.Element;

package/dist/components/scheduled/SharedSchedulesSurface.d.ts

@@ -0,0 +1 @@
+export declare const SharedSchedulesSurface: () => import("react").JSX.Element;

package/dist/components/scheduled/schedule-dialog-model.d.ts

@@ -12,5 +12,8 @@ export type ScheduleDialogInputs = {
      *  control keeps its value while the user toggles kinds. */
     readonly intervalMinutes: number;
 };
-export declare const scheduleDialogInputs: (schedule: TaskScheduleDetail) => ScheduleDialogInputs;
-export declare const scheduleTimeShapeChanged: (schedule: TaskScheduleDetail, input: Pick<ScheduleDialogInputs, "date" | "time" | "timezone" | "recurrence" | "intervalMinutes">) => boolean;
+export type ScheduleEditorValue = Pick<TaskScheduleDetail, "explicitTitle" | "message" | "anchorAt" | "timezone" | "recurrence"> & {
+    readonly nextRunAt?: string | null;
+};
+export declare const scheduleDialogInputs: (schedule: ScheduleEditorValue) => ScheduleDialogInputs;
+export declare const scheduleTimeShapeChanged: (schedule: ScheduleEditorValue, input: Pick<ScheduleDialogInputs, "date" | "time" | "timezone" | "recurrence" | "intervalMinutes">) => boolean;

package/dist/components/skills/SkillDiscover.d.ts

@@ -0,0 +1 @@
+export declare function SkillDiscover(): import("react").JSX.Element;

package/dist/components/skills/SkillsListSurface.d.ts

@@ -1,7 +1,8 @@
 /**
  * Skills — the rail surface for the user's OWN skill library in the current
  * workspace (skill library spec §11.3): what they uploaded, or asked the
- * assistant to save. Company skills are not listed here (D3).
+ * assistant to save. Discover is a separate read-only catalog of available
+ * company skills; only the personal library exposes mutations (D3).
  *
  * PROPLESS, like `PromptsListSurface` and `ConnectorsListSurface`: it reads its
  * own server state, so a route, a test and a story mount it the same way, and a
@@ -23,4 +24,6 @@
  * red is the delete dialog's confirm button, and a refused upload inside the
  * upload dialog. No search in v1 (at most 50 skills per workspace; spec §17).
  */
-export declare const SkillsListSurface: () => import("react").JSX.Element;
+export declare const SkillsListSurface: ({ initialView, }: {
+    readonly initialView?: "discover" | "library";
+}) => import("react").JSX.Element;

package/dist/components/ui/card.d.ts

@@ -6,4 +6,4 @@ declare function CardDescription({ className, ...props }: React.ComponentProps<"
 declare function CardAction({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function CardContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };
+export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent };

package/dist/components/ui/dialog.d.ts

@@ -5,7 +5,7 @@ declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogP
 declare function DialogPortal({ container, ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): React.JSX.Element;
 declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): React.JSX.Element;
 declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): React.JSX.Element;
-declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+declare function DialogContent({ className, style, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
     showCloseButton?: boolean;
 }): React.JSX.Element;
 declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;

package/dist/components/ui/dropdown-menu.d.ts

@@ -3,7 +3,7 @@ import * as React from "react";
 declare function DropdownMenu({ modal, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): React.JSX.Element;
 declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): React.JSX.Element;
 declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): React.JSX.Element;
-declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): React.JSX.Element;
+declare function DropdownMenuContent({ className, style, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): React.JSX.Element;
 declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): React.JSX.Element;
 declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
     inset?: boolean;
@@ -21,5 +21,5 @@ declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof Dropd
 declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
     inset?: boolean;
 }): React.JSX.Element;
-declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): React.JSX.Element;
+declare function DropdownMenuSubContent({ className, style, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): React.JSX.Element;
 export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };

package/dist/components/ui/hover-card.d.ts

@@ -2,5 +2,5 @@ import { HoverCard as HoverCardPrimitive } from 'radix-ui';
 import * as React from "react";
 declare function HoverCard({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Root>): React.JSX.Element;
 declare function HoverCardTrigger({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Trigger>): React.JSX.Element;
-declare function HoverCardContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof HoverCardPrimitive.Content>): React.JSX.Element;
+declare function HoverCardContent({ className, style, align, sideOffset, ...props }: React.ComponentProps<typeof HoverCardPrimitive.Content>): React.JSX.Element;
 export { HoverCard, HoverCardTrigger, HoverCardContent };

package/dist/components/ui/popover.d.ts

@@ -2,7 +2,7 @@ import { Popover as PopoverPrimitive } from 'radix-ui';
 import * as React from "react";
 declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): React.JSX.Element;
 declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): React.JSX.Element;
-declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): React.JSX.Element;
+declare function PopoverContent({ className, style, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): React.JSX.Element;
 declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): React.JSX.Element;
 declare function PopoverHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function PopoverTitle({ className, ...props }: React.ComponentProps<"h2">): React.JSX.Element;

package/dist/components/ui/select.d.ts

@@ -6,7 +6,7 @@ declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPri
 declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
     size?: "sm" | "default";
 }): React.JSX.Element;
-declare function SelectContent({ className, children, position, align, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): React.JSX.Element;
+declare function SelectContent({ className, style, children, position, align, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): React.JSX.Element;
 declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): React.JSX.Element;
 declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): React.JSX.Element;
 declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): React.JSX.Element;

package/dist/components/ui/shadow-dialog-focus.d.ts

@@ -0,0 +1,5 @@
+import { KeyboardEvent } from 'react';
+/** Radix's focus loop reads document.activeElement, which is the embed host
+ * inside Shadow DOM. Use the actual focused control at the modal's Tab edges.
+ */
+export declare const loopShadowDialogFocus: (event: KeyboardEvent<HTMLDivElement>) => void;

package/dist/components/ui/tooltip.d.ts

@@ -3,5 +3,5 @@ import * as React from "react";
 declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): React.JSX.Element;
 declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): React.JSX.Element;
 declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): React.JSX.Element;
-declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): React.JSX.Element;
+declare function TooltipContent({ className, style, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): React.JSX.Element;
 export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };