@tangle-network/sandbox-ui 0.96.0 → 0.99.0

package/dist/{WorkflowGraph-OPLQFAJK.js → WorkflowGraph-DB5F6ZSF.js}

@@ -21,7 +21,7 @@ import {
 import {
   ModelBrandStack,
   modelBrandFor
-} from "./chunk-5XRAKVIV.js";
+} from "./chunk-RQZRXKMR.js";
 import "./chunk-EI44GEQ5.js";
 import "./chunk-CZ7CSFO4.js";
 

package/dist/chat.d.ts

@@ -2,9 +2,8 @@ import { MessageRole } from '@tangle-network/ui/chat';
 export { AgentTimeline, AgentTimelineArtifactItem, AgentTimelineCustomItem, AgentTimelineItem, AgentTimelineMessageItem, AgentTimelineProps, AgentTimelineStatusItem, AgentTimelineTone, AgentTimelineToolGroupItem, AgentTimelineToolItem, ChatContainer, ChatContainerProps, ChatMessage, ChatMessageProps, MessageList, MessageListProps, MessageRole, ThinkingIndicator, ThinkingIndicatorProps, UserMessage, UserMessageProps } from '@tangle-network/ui/chat';
 import { ReasoningEffort, HarnessType } from '@tangle-network/agent-interface';
 export { modelProvider, snapHarnessToModel } from '@tangle-network/agent-interface';
-import * as Popover from '@radix-ui/react-dropdown-menu';
+import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
 import * as React from 'react';
-import { b as ModelInfo } from './model-brand-CuXKfTMh.js';
 
 /**
  * A reasoning selection: `auto` is a UI-only sentinel ("let the harness/model default decide",
@@ -35,7 +34,7 @@ interface ReasoningLevelPickerProps {
      */
     available?: ReadonlyArray<ReasoningEffort>;
     /** Side the menu opens toward. Defaults to Radix's "bottom". */
-    side?: Popover.DropdownMenuContentProps["side"];
+    side?: DropdownMenu.DropdownMenuContentProps["side"];
     /**
      * Let Radix flip the menu to the opposite side when it would overflow the
      * viewport. Defaults to `true` (Radix default). Pass `false` to pin the menu
@@ -58,225 +57,6 @@ declare const DEFAULT_REASONING_LEVEL_OPTIONS: ReadonlyArray<ReasoningLevelOptio
 declare const HARNESS_REASONING_OPTIONS: Partial<Record<HarnessType, ReadonlyArray<ReasoningLevelOption>>>;
 declare function ReasoningLevelPicker({ value, onChange, disabled, className, triggerClassName, options, available, side, avoidCollisions, }: ReasoningLevelPickerProps): React.JSX.Element;
 
-/**
- * An agent profile: a named bundle of toolset + persona layered over the same
- * model and session. `builtin` profiles are the product's shipped modes (e.g.
- * Studio / Assistant); the rest are user-saved custom agents. The concept is
- * backend-agnostic — it applies to a router-backed agent and a sandbox-backed
- * one alike, which is why it lives beside the model control rather than under
- * the harness.
- */
-interface AgentProfileOption {
-    id: string;
-    name: string;
-    /** Builtin: a one-line description. Custom: derived "N tools" if omitted. */
-    description?: string;
-    /** Capability/tool-group ids this profile enables. */
-    capabilities?: ReadonlyArray<string>;
-    /** Persona / extra system instructions. */
-    instructions?: string;
-    /** A shipped mode vs a user-saved custom agent. */
-    builtin?: boolean;
-}
-/** A selectable tool group offered by the create/edit form. */
-interface AgentProfileCapability {
-    id: string;
-    label: string;
-    description?: string;
-}
-/** The editable shape the create/edit form emits. */
-interface AgentProfileDraft {
-    id?: string;
-    name: string;
-    capabilities: string[];
-    instructions: string;
-}
-interface AgentProfilePickerProps {
-    /** Selected profile id. */
-    value: string;
-    onChange: (id: string) => void;
-    profiles: ReadonlyArray<AgentProfileOption>;
-    /**
-     * Tool catalog for the create/edit form. Provide together with at least one
-     * write callback to enable authoring custom agents; omit for a
-     * selection-only picker (the New / edit / delete affordances stay hidden).
-     */
-    capabilities?: ReadonlyArray<AgentProfileCapability>;
-    onCreate?: (draft: AgentProfileDraft) => void | Promise<void>;
-    onUpdate?: (id: string, draft: AgentProfileDraft) => void | Promise<void>;
-    onDelete?: (id: string) => void | Promise<void>;
-    disabled?: boolean;
-    className?: string;
-    /** Side the menu opens toward. Defaults to up (composer-anchored). */
-    side?: "top" | "bottom";
-}
-/**
- * Agent / mode switcher styled to match the chat control strip's pills
- * (harness, model, effort). The pill shows the active profile; the menu lists
- * builtin modes and saved custom agents. When a capability catalog and a write
- * callback are supplied it also authors agents inline (name + tool toggles +
- * persona) — a self-contained click-outside popover rather than a Radix menu,
- * because the inline form needs its own focus and typing without the menu
- * stealing keystrokes.
- */
-declare function AgentProfilePicker({ value, onChange, profiles, capabilities, onCreate, onUpdate, onDelete, disabled, className, side, }: AgentProfilePickerProps): React.JSX.Element;
-
-interface AgentSessionHarnessControl {
-    value: HarnessType;
-    onChange: (next: HarnessType) => void;
-    /** Filter the selectable harnesses (e.g. by plan tier). Defaults to all. */
-    available?: ReadonlyArray<HarnessType>;
-    disabled?: boolean;
-    /**
-     * A harness is bound to its chat session once the conversation has
-     * started. While locked the dropdown is inert and the model catalog
-     * is filtered to what this harness can run — fork the session to
-     * switch harness.
-     */
-    locked?: boolean;
-    /** Tooltip shown on the locked trigger when no `onNewChat` is provided. */
-    lockReason?: string;
-    /**
-     * Fork action for a locked harness. When provided, the locked trigger turns
-     * into an informative chip: hover or tap opens a small popover explaining the
-     * lock and offering a button that calls this to start a fresh session. When
-     * omitted, the locked trigger stays a plain inert button with `lockReason`.
-     */
-    onNewChat?: () => void;
-    /** Popover heading. Defaults to `Agent fixed to {harness} for this conversation.` */
-    lockTitle?: React.ReactNode;
-    /** Popover sub-line. Defaults to "Conversations stay on one agent." */
-    lockBody?: React.ReactNode;
-    /** Fork button label. Defaults to "New chat to switch agent". */
-    newChatLabel?: string;
-}
-interface AgentSessionModelControl {
-    /** Canonical model id (provider-prefixed, e.g. "anthropic/claude-opus-4-8"). */
-    value: string;
-    onChange: (modelId: string) => void;
-    /** Models to choose from. Pass `[]` while loading. */
-    models: ModelInfo[];
-    loading?: boolean;
-    popular?: ReadonlyArray<string>;
-    recents?: ReadonlyArray<string>;
-    disabled?: boolean;
-    /**
-     * Restrict the catalog to these architecture modalities (forwarded to
-     * `ModelPicker`'s `modalities`). Supplying this — even `[]` — replaces the
-     * chat surface's default text-chat filter: the caller owns modality
-     * filtering entirely.
-     */
-    modalities?: ReadonlyArray<string>;
-    /** Drop providers from the picker entirely (forwarded to `ModelPicker`). */
-    excludeProviders?: ReadonlyArray<string>;
-}
-interface AgentSessionReasoningControl {
-    value: ReasoningLevel;
-    onChange: (value: ReasoningLevel) => void;
-    options?: ReadonlyArray<ReasoningLevelOption>;
-    disabled?: boolean;
-    /**
-     * Reasoning efforts to offer when no harness is selected (e.g. a model-derived capability set).
-     * When a harness IS present the strip derives this from `reasoningEffortsFor(harness)` instead.
-     */
-    available?: ReadonlyArray<ReasoningEffort>;
-}
-/**
- * Agent-profile (mode / toolset / persona) selection. Backend-agnostic — it
- * sits beside the model in both router-backed and sandbox-backed modes, so the
- * same session can switch the agent's identity without touching the harness.
- */
-interface AgentSessionProfileControl {
-    value: string;
-    onChange: (id: string) => void;
-    profiles: ReadonlyArray<AgentProfileOption>;
-    /** Tool catalog for inline authoring; pair with a write callback to enable it. */
-    capabilities?: ReadonlyArray<AgentProfileCapability>;
-    onCreate?: (draft: AgentProfileDraft) => void | Promise<void>;
-    onUpdate?: (id: string, draft: AgentProfileDraft) => void | Promise<void>;
-    onDelete?: (id: string) => void | Promise<void>;
-    disabled?: boolean;
-}
-interface AgentSessionControlsProps {
-    /**
-     * Harness (agent backend) selection. Switching harness usually means
-     * re-creating the agent session — the consumer owns that lifecycle.
-     */
-    harness?: AgentSessionHarnessControl;
-    /**
-     * Agent profile (mode / toolset / persona). Universal — present in both
-     * router-backed and sandbox-backed composers, independent of the harness.
-     */
-    profile?: AgentSessionProfileControl;
-    /** Per-turn model override, fed by the router's model catalog. */
-    model?: AgentSessionModelControl;
-    /** Thinking-effort level applied to subsequent turns. */
-    reasoning?: AgentSessionReasoningControl;
-    /**
-     * Restrict the model catalog to what the selected harness can actually run,
-     * the same way `harness.locked` does — but WITHOUT locking the harness
-     * dropdown. Off by default: the strip shows every model and picking an
-     * incompatible one snaps the harness to the model's native backend. Turn it
-     * ON for a harness-first surface (e.g. a workspace-wide, sandbox-bound
-     * harness) where that silent backend swap is undesirable — an incompatible
-     * model is then simply not offered.
-     */
-    filterModelsToHarness?: boolean;
-    /** Right-aligned extra content (token meter, cost, status). */
-    trailing?: React.ReactNode;
-    className?: string;
-    /**
-     * Which surface these controls live on. `"chat"` (default) restricts the
-     * harness list to chat-capable backends — shell-only `cli-base` is hidden
-     * because it has no conversational agent. `"all"` keeps every harness for
-     * scheduled / non-chat surfaces. An explicit `harness.available` list still
-     * wins; this only trims the default-everything set.
-     */
-    context?: "chat" | "all";
-    /**
-     * Trigger layout. `"inline"` (default) lays the pickers out in a row — the
-     * existing behavior. `"gear"` collapses them behind a single compact gear
-     * button whose menu opens up-and-left, for right-anchored copilots where
-     * the composer is tight. Nested model/harness/effort menus render adjacent
-     * on the left of the gear menu. `"combined"` is the gear layout with a
-     * labeled trigger instead of the anonymous icon: the button summarizes the
-     * current selection as text (`harness · model · effort`) so the choice stays
-     * visible without opening the menu — for a composer that wants one compact
-     * agent control it can read at a glance.
-     */
-    layout?: "inline" | "gear" | "combined";
-    /**
-     * Where the pickers open. `"auto"` (default) keeps Radix's collision-aware
-     * behavior: the menus open downward but flip up when the composer is docked
-     * at the bottom of the viewport. `"down"` pins them open downward — for a
-     * composer floating in open space (e.g. a centered new-chat surface) where
-     * flipping up would cover the heading. Honored by the `"inline"` strip (its
-     * nested pickers) and by the `"combined"` panel (which opens downward instead
-     * of upward); the `"gear"` menu keeps its own placement.
-     */
-    menuPlacement?: "auto" | "down";
-}
-/**
- * Compact control strip for an agent chat composer: harness, model, and
- * thinking-effort pickers in one row. Every section is optional and only
- * renders when its control object is provided — never show a dead control.
- *
- * When BOTH harness and model controls are present the pair is kept
- * coherent automatically (see harness-model-compat): picking a harness
- * snaps an incompatible model to that harness's best catalog option;
- * picking a model the current harness can't run switches to the model's
- * native harness — unless the catalog is restricted to the harness (when
- * `locked`, or the consumer sets `filterModelsToHarness`), in which case the
- * incompatible model is never offered and no swap happens.
- *
- * When a reasoning control is also present, the effort is re-clamped into the
- * set the new (harness, model) pair supports on every harness/model change, so
- * the effort picker's label never disagrees with the value actually in effect.
- *
- * Designed to slot into `SandboxWorkbench`'s `session.composerControls`.
- */
-declare function AgentSessionControls({ harness, profile, model, reasoning, filterModelsToHarness, trailing, className, context, layout, menuPlacement, }: AgentSessionControlsProps): React.JSX.Element | null;
-
 /** Limits applied when staging files onto a composer. */
 interface ComposerFileValidationConfig {
     /** Reject any single file larger than this. */
@@ -382,23 +162,13 @@ interface AgentComposerProps {
     /** Stop the in-flight turn. With `busy`, replaces send with a Stop button. */
     onCancel?: () => void;
     /**
-     * Agent backend. Present → sandbox-backed (the harness pill shows and snaps
-     * with the model); omitted → router-backed (no harness, just model/effort).
+     * The composer's control strip (profile · harness · model · effort pickers,
+     * token meters, …), rendered in the bottom row. Required — the legacy
+     * built-in strip was removed with the legacy pickers: pass
+     * `AgentSessionControls` from `@tangle-network/agent-app/web-react` (or your
+     * own composition), or `null` for a bare composer.
      */
-    harness?: AgentSessionHarnessControl;
-    /** Agent profile (mode / toolset / persona) — universal across both modes. */
-    profile?: AgentSessionProfileControl;
-    model?: AgentSessionModelControl;
-    reasoning?: AgentSessionReasoningControl;
-    /** Forwarded to the control strip (chat hides shell-only harnesses). */
-    context?: "chat" | "all";
-    /**
-     * Override the built-in control strip with custom controls. When set, the
-     * `harness`/`profile`/`model`/`reasoning` props are ignored and this node is
-     * rendered in the control row instead — for apps that compose their own
-     * pickers. Omit to use the canonical strip.
-     */
-    controls?: React.ReactNode;
+    controls: React.ReactNode;
     /** Extra content left of the send button (token meter, cost, status). */
     trailing?: React.ReactNode;
     /**
@@ -465,20 +235,18 @@ interface AgentComposerProps {
 /**
  * The canonical agent chat input: one rounded surface holding an auto-growing
  * textarea and a bottom row that runs left → right — attach buttons, the
- * embedded control strip (profile · harness · model · effort), trailing slot,
- * and the send button on the far right. The strip's pickers
- * snap the harness↔model pair automatically; which controls appear is driven
- * purely by which control objects are passed, so the same component is the
- * router-backed composer (no harness) and the sandbox-backed one (with harness).
+ * control strip (supplied via the required `controls` prop), trailing slot,
+ * and the send button on the far right. The strip is explicit: the canonical
+ * pickers are `ModelPicker` / `EffortPicker` / `AgentSessionControls` from
+ * `@tangle-network/agent-app/web-react` — this component only owns the slot.
  *
  * Opt-in extras make it the superset of every app's hand-rolled composer:
  * file/folder attachments with drag-and-drop + chips + clipboard paste
  * (`onAttach` also gates pasting files onto the textarea, auto-naming
  * generic clipboard image blobs `pasted-image-<n>.<ext>`), a streaming Stop
- * button (`busy` + `onCancel`), a `controls` override slot for bespoke
- * picker rows, and a Cmd/Ctrl+L focus shortcut.
+ * button (`busy` + `onCancel`), and a Cmd/Ctrl+L focus shortcut.
  */
-declare function AgentComposer({ value, onChange, onSubmit, placeholder, disabled, busy, onCancel, harness, profile, model, reasoning, context, controls, trailing, onAttach, onAttachFolder, attachments, onRemoveFile, onRetryFile, accept, onRejectFiles, dropTitle, dropDescription, canSubmitWhileBusy, canSubmitAttachmentsOnly, mention, focusShortcut, minRows, maxHeight, className, sendLabel, autoFocus, }: AgentComposerProps): React.JSX.Element;
+declare function AgentComposer({ value, onChange, onSubmit, placeholder, disabled, busy, onCancel, controls, trailing, onAttach, onAttachFolder, attachments, onRemoveFile, onRetryFile, accept, onRejectFiles, dropTitle, dropDescription, canSubmitWhileBusy, canSubmitAttachmentsOnly, mention, focusShortcut, minRows, maxHeight, className, sendLabel, autoFocus, }: AgentComposerProps): React.JSX.Element;
 
 /**
  * Visual contract for a rendered mention pill. The TipTap editor extension in
@@ -492,19 +260,77 @@ declare function AgentComposer({ value, onChange, onSubmit, placeholder, disable
 declare const MENTION_PILL_CLASS: string;
 
 /**
- * Whether `harness` can run `modelId`. Router-backed harnesses, and provider-less
- * sentinel ids (like "default" or an empty selection — "the session's own
- * configuration"), are compatible with everything.
+ * An agent profile: a named bundle of toolset + persona layered over the same
+ * model and session. `builtin` profiles are the product's shipped modes (e.g.
+ * Studio / Assistant); the rest are user-saved custom agents. The concept is
+ * backend-agnostic — it applies to a router-backed agent and a sandbox-backed
+ * one alike, which is why it lives beside the model control rather than under
+ * the harness.
  */
-declare function isModelCompatibleWithHarness(harness: HarnessType, modelId: string): boolean;
+interface AgentProfileOption {
+    id: string;
+    name: string;
+    /** Builtin: a one-line description. Custom: derived "N tools" if omitted. */
+    description?: string;
+    /** Capability/tool-group ids this profile enables. */
+    capabilities?: ReadonlyArray<string>;
+    /** Persona / extra system instructions. */
+    instructions?: string;
+    /** A shipped mode vs a user-saved custom agent. */
+    builtin?: boolean;
+}
+/** A selectable tool group offered by the create/edit form. */
+interface AgentProfileCapability {
+    id: string;
+    label: string;
+    description?: string;
+}
+/** The editable shape the create/edit form emits. */
+interface AgentProfileDraft {
+    id?: string;
+    name: string;
+    capabilities: string[];
+    instructions: string;
+}
+interface AgentProfilePickerProps {
+    /** Selected profile id. */
+    value: string;
+    onChange: (id: string) => void;
+    profiles: ReadonlyArray<AgentProfileOption>;
+    /**
+     * Tool catalog for the create/edit form. Provide together with at least one
+     * write callback to enable authoring custom agents; omit for a
+     * selection-only picker (the New / edit / delete affordances stay hidden).
+     */
+    capabilities?: ReadonlyArray<AgentProfileCapability>;
+    onCreate?: (draft: AgentProfileDraft) => void | Promise<void>;
+    onUpdate?: (id: string, draft: AgentProfileDraft) => void | Promise<void>;
+    onDelete?: (id: string) => void | Promise<void>;
+    disabled?: boolean;
+    /** Keep the pinned profile visible while preventing profile selection. */
+    locked?: boolean;
+    /** Tooltip shown on the locked trigger when no `onNewChat` is provided. */
+    lockReason?: string;
+    /** Offer a fresh chat from the informative lock popover. */
+    onNewChat?: () => void;
+    className?: string;
+    /** Additional classes for the picker trigger. */
+    triggerClassName?: string;
+    /** Additional classes for the profile popover. */
+    popoverClassName?: string;
+    /** Side the menu opens toward. Defaults to up (composer-anchored). */
+    side?: "top" | "bottom";
+}
 /**
- * Keeps `modelId` when the harness can run it; otherwise returns the harness's
- * best compatible model from the loaded catalog (preferred patterns in order,
- * highest version within a pattern). Adapts the picker's `ModelInfo[]` to the
- * canonical id list `agent-interface` ranks over; when the catalog holds nothing
- * compatible the original id is returned unchanged.
+ * Agent / mode switcher styled to match the chat control strip's pills
+ * (harness, model, effort). The pill shows the active profile; the menu lists
+ * builtin modes and saved custom agents. When a capability catalog and a write
+ * callback are supplied it also authors agents inline (name + tool toggles +
+ * persona) — a self-contained click-outside popover rather than a Radix menu,
+ * because the inline form needs its own focus and typing without the menu
+ * stealing keystrokes.
  */
-declare function snapModelToHarness(harness: HarnessType, modelId: string, models: ReadonlyArray<ModelInfo>): string;
+declare function AgentProfilePicker({ value, onChange, profiles, capabilities, onCreate, onUpdate, onDelete, disabled, locked, lockReason, onNewChat, className, triggerClassName, popoverClassName, side, }: AgentProfilePickerProps): React.JSX.Element;
 
 type ArtifactKind = string;
 interface ArtifactScope {
@@ -603,4 +429,4 @@ declare function createFetchTransport(opts: {
     fetchImpl?: typeof fetch;
 }): ArtifactAgentDockTransport;
 
-export { AgentComposer, type AgentComposerMention, type AgentComposerProps, type AgentProfileCapability, type AgentProfileDraft, type AgentProfileOption, AgentProfilePicker, type AgentProfilePickerProps, AgentSessionControls, type AgentSessionControlsProps, type AgentSessionHarnessControl, type AgentSessionModelControl, type AgentSessionProfileControl, type AgentSessionReasoningControl, ArtifactAgentDock, type ArtifactAgentDockProps, type ArtifactAgentDockTransport, type ArtifactDockMessage, type ArtifactDockStreamEvent, type ArtifactKind, type ArtifactScope, type ComposerFile, type ComposerFileRejection, type ComposerFileValidationConfig, DEFAULT_REASONING_LEVEL_OPTIONS, HARNESS_REASONING_OPTIONS, MENTION_PILL_CLASS, type MentionItem, type ReasoningLevel, type ReasoningLevelOption, ReasoningLevelPicker, type ReasoningLevelPickerProps, createFetchTransport, isAcceptedType, isModelCompatibleWithHarness, snapModelToHarness, validateComposerFiles };
+export { AgentComposer, type AgentComposerMention, type AgentComposerProps, type AgentProfileCapability, type AgentProfileDraft, type AgentProfileOption, AgentProfilePicker, type AgentProfilePickerProps, ArtifactAgentDock, type ArtifactAgentDockProps, type ArtifactAgentDockTransport, type ArtifactDockMessage, type ArtifactDockStreamEvent, type ArtifactKind, type ArtifactScope, type ComposerFile, type ComposerFileRejection, type ComposerFileValidationConfig, DEFAULT_REASONING_LEVEL_OPTIONS, HARNESS_REASONING_OPTIONS, MENTION_PILL_CLASS, type MentionItem, type ReasoningLevel, type ReasoningLevelOption, ReasoningLevelPicker, type ReasoningLevelPickerProps, createFetchTransport, isAcceptedType, validateComposerFiles };

package/dist/chat.js

@@ -1,7 +1,6 @@
 import {
   AgentComposer,
   AgentProfilePicker,
-  AgentSessionControls,
   AgentTimeline,
   ArtifactAgentDock,
   ChatContainer,
@@ -14,25 +13,19 @@ import {
   UserMessage,
   createFetchTransport,
   isAcceptedType,
-  isModelCompatibleWithHarness,
   modelProvider,
   snapHarnessToModel,
-  snapModelToHarness,
   validateComposerFiles
-} from "./chunk-I5HGKZCB.js";
+} from "./chunk-G7CFCZQ7.js";
 import "./chunk-TK46XFLM.js";
 import {
   MENTION_PILL_CLASS
 } from "./chunk-WGOOQAW3.js";
-import "./chunk-WSN2RZC6.js";
-import "./chunk-WMVUJ5SA.js";
-import "./chunk-5XRAKVIV.js";
 import "./chunk-EI44GEQ5.js";
 import "./chunk-CZ7CSFO4.js";
 export {
   AgentComposer,
   AgentProfilePicker,
-  AgentSessionControls,
   AgentTimeline,
   ArtifactAgentDock,
   ChatContainer,
@@ -46,9 +39,7 @@ export {
   UserMessage,
   createFetchTransport,
   isAcceptedType,
-  isModelCompatibleWithHarness,
   modelProvider,
   snapHarnessToModel,
-  snapModelToHarness,
   validateComposerFiles
 };