@mcp-b/react-components 0.14.1 → 0.16.0

package/dist/Message-BkMdE3bS.js

@@ -0,0 +1,375 @@
+import { t as cx } from "./class-names-9UtZwb0J.js";
+import { n as ArrowLeftIcon, r as ArrowRightIcon, v as FileIcon } from "./icons-CpfUer49.js";
+import { Button } from "./components/Button.js";
+import { Tooltip } from "./components/Tooltip.js";
+import { c as useWorkspaceNavigationContext, r as resolveWorkspaceLink, t as WorkspaceFileLink } from "./WorkspaceLink-DIPbXrUM.js";
+import { t as AttachmentPreview } from "./attachment-preview-DIs50Q0h.js";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cjk } from "@streamdown/cjk";
+import { code } from "@streamdown/code";
+import { math } from "@streamdown/math";
+import { mermaid } from "@streamdown/mermaid";
+import { Streamdown, defaultRehypePlugins } from "streamdown";
+import { visit } from "unist-util-visit";
+//#region src/components/_internal/workspace-markdown.ts
+const WORKSPACE_HARDEN_ORIGIN = "https://workspace.invalid/";
+const workspaceOriginalUrl = Symbol("workspace-original-url");
+function captureWorkspaceUrls() {
+	return (tree) => {
+		visit(tree, "element", (node) => {
+			const property = node.tagName === "a" ? "href" : node.tagName === "img" ? "src" : null;
+			const value = property ? node.properties[property] : null;
+			if (typeof value === "string") node[workspaceOriginalUrl] = value;
+		});
+	};
+}
+function isWorkspaceRelativeUrl(value) {
+	if (value.startsWith("//")) return false;
+	try {
+		new URL(value);
+		return false;
+	} catch {
+		return true;
+	}
+}
+function restoreWorkspaceUrls({ root, base }) {
+	return (tree) => {
+		visit(tree, "element", (node) => {
+			const workspaceNode = node;
+			const originalUrl = workspaceNode[workspaceOriginalUrl];
+			delete workspaceNode[workspaceOriginalUrl];
+			if (originalUrl === void 0) return;
+			if (node.tagName === "img") {
+				if (isWorkspaceRelativeUrl(originalUrl)) {
+					const alt = typeof node.properties.alt === "string" ? node.properties.alt : "";
+					node.tagName = "a";
+					node.properties = { href: originalUrl };
+					node.children = [{
+						type: "text",
+						value: alt || "Open linked image"
+					}];
+				} else if (originalUrl.startsWith("//")) node.properties.src = originalUrl;
+				return;
+			}
+			if (node.tagName !== "a") return;
+			node.properties.href = originalUrl;
+			if (resolveWorkspaceLink({
+				href: originalUrl,
+				root,
+				base
+			}).kind === "file") {
+				delete node.properties.target;
+				delete node.properties.rel;
+			}
+		});
+	};
+}
+function configureWorkspaceHarden(plugin) {
+	if (!Array.isArray(plugin) || typeof plugin[0] !== "function") throw new Error("Streamdown's harden plugin no longer exposes configurable options.");
+	const options = plugin[1];
+	if (options !== void 0 && (typeof options !== "object" || options === null || Array.isArray(options))) throw new Error("Streamdown's harden plugin options have an unsupported shape.");
+	return [plugin[0], {
+		...options,
+		defaultOrigin: WORKSPACE_HARDEN_ORIGIN
+	}];
+}
+const workspaceHardenPlugin = configureWorkspaceHarden(defaultRehypePlugins.harden);
+/** Preserve validated filesystem links through Streamdown's URL hardening pass. */
+function createWorkspaceRehypePlugins(root, base) {
+	const plugins = [];
+	for (const [name, plugin] of Object.entries(defaultRehypePlugins)) if (name === "harden") plugins.push(captureWorkspaceUrls, workspaceHardenPlugin, [restoreWorkspaceUrls, {
+		root,
+		base
+	}]);
+	else plugins.push(plugin);
+	return plugins;
+}
+//#endregion
+//#region src/components/Message.tsx
+/**
+* A chat message row. Aligns and styles itself based on {@link from}.
+* Adapted from Vercel AI Elements and restyled with Sigvelo CSS tokens.
+*
+* Compose with {@link MessageContent} for the bubble, {@link MessageActions}
+* for toolbar actions, and {@link MessageBranch} for multi-version responses.
+*
+* @example
+* ```tsx
+* <Message from="assistant">
+*   <MessageContent>Hello there!</MessageContent>
+*   <MessageActions>
+*     <MessageAction label="Copy" tooltip="Copy to clipboard">
+*       <CopyIcon />
+*     </MessageAction>
+*   </MessageActions>
+* </Message>
+* ```
+*
+* @see {@link https://elements.ai-sdk.dev/components/message | AI Elements Message}
+*/
+function Message({ className, from = "assistant", children, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: cx("message", className),
+		"data-from": from,
+		...props,
+		children
+	});
+}
+/**
+* The visible bubble/body of a message. Styled differently based on the
+* parent {@link Message}'s `from` attribute.
+*/
+function MessageContent({ className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: cx("message__content", className),
+		...props,
+		children
+	});
+}
+const streamdownPlugins = {
+	cjk,
+	code,
+	math,
+	mermaid
+};
+const messageResponseComponents = { img: "img" };
+const workspaceMessageResponseComponents = {
+	...messageResponseComponents,
+	a: WorkspaceFileLink
+};
+const MessageResponse = React.memo(function MessageResponse({ className, components, rehypePlugins, ...props }) {
+	const workspace = useWorkspaceNavigationContext();
+	const defaultComponents = workspace ? workspaceMessageResponseComponents : messageResponseComponents;
+	const mergedComponents = components ? {
+		...defaultComponents,
+		...components
+	} : defaultComponents;
+	const resolvedRehypePlugins = React.useMemo(() => rehypePlugins ?? (workspace ? createWorkspaceRehypePlugins(workspace.root, workspace.base) : void 0), [
+		rehypePlugins,
+		workspace?.base.kind,
+		workspace?.base.path,
+		workspace?.root
+	]);
+	return /* @__PURE__ */ jsx(Streamdown, {
+		className: cx("message__response", className),
+		components: mergedComponents,
+		plugins: streamdownPlugins,
+		rehypePlugins: resolvedRehypePlugins,
+		...props
+	});
+});
+/**
+* A `file` part inside a message: images render inline (click to zoom),
+* anything else becomes a download chip. Covers both directions — files the
+* user attached and files the agent emitted.
+*/
+function MessageAttachment({ part, className, ...props }) {
+	const name = part.filename ?? (part.mediaType || "attachment");
+	if (part.mediaType.startsWith("image/")) return /* @__PURE__ */ jsx(AttachmentPreview, {
+		url: part.url,
+		filename: part.filename,
+		children: /* @__PURE__ */ jsx(Button, {
+			variant: "ghost",
+			color: "neutral",
+			className: cx("message__attachment-zoom", className),
+			"aria-label": `Preview ${name}`,
+			...props,
+			children: /* @__PURE__ */ jsx("img", {
+				className: "message__attachment-image",
+				src: part.url,
+				alt: part.filename ?? "Attached image"
+			})
+		})
+	});
+	return /* @__PURE__ */ jsxs("a", {
+		className: cx("message__attachment", className),
+		href: part.url,
+		download: part.filename,
+		...props,
+		children: [/* @__PURE__ */ jsx(FileIcon, { className: "message__attachment-icon" }), /* @__PURE__ */ jsx("span", {
+			className: "message__attachment-name",
+			children: name
+		})]
+	});
+}
+/**
+* Horizontal list of action buttons (copy, retry, thumbs-up, etc.) shown
+* alongside or beneath a message.
+*/
+function MessageActions({ className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: cx("message__actions", className),
+		role: "group",
+		...props,
+		children
+	});
+}
+/**
+* A single icon button inside {@link MessageActions}. Always has an accessible
+* name; shows a tooltip on hover/focus when {@link tooltip} is set.
+*/
+function MessageAction({ className, label, tooltip, variant = "ghost", color = "neutral", size = "icon-xs", children, ref, ...props }) {
+	const button = /* @__PURE__ */ jsx(Button, {
+		ref,
+		type: "button",
+		variant,
+		color,
+		size,
+		className: cx("message__action", className),
+		"aria-label": label ?? tooltip,
+		...props,
+		children
+	});
+	if (!tooltip) return button;
+	return /* @__PURE__ */ jsxs(Tooltip.Root, { children: [/* @__PURE__ */ jsx(Tooltip.Trigger, { render: button }), /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, {
+		sideOffset: 6,
+		children: /* @__PURE__ */ jsx(Tooltip.Popup, { children: tooltip })
+	}) })] });
+}
+/**
+* Horizontal container that places children in a row with space between —
+* typically a {@link MessageBranchSelector} on one side and
+* {@link MessageActions} on the other.
+*/
+function MessageToolbar({ className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: cx("message__toolbar", className),
+		...props,
+		children
+	});
+}
+const MessageBranchContext = React.createContext(null);
+function useMessageBranch(component) {
+	const ctx = React.useContext(MessageBranchContext);
+	if (!ctx) throw new Error(`${component} must be used inside a <MessageBranch>.`);
+	return ctx;
+}
+/**
+* Container for a message response with multiple versions. Tracks which
+* branch is active and exposes navigation through {@link MessageBranchSelector},
+* {@link MessageBranchPrevious}, {@link MessageBranchNext}, and {@link MessageBranchPage}.
+*/
+function MessageBranch({ className, defaultBranch = 0, branch, onBranchChange, children, ref, ...props }) {
+	const [internalIndex, setInternalIndex] = React.useState(defaultBranch);
+	const [branchCount, setBranchCount] = React.useState(0);
+	const isControlled = branch !== void 0;
+	const branchIndex = isControlled ? branch : internalIndex;
+	const setBranchIndex = React.useCallback((next) => {
+		if (!isControlled) setInternalIndex(next);
+		onBranchChange?.(next);
+	}, [isControlled, onBranchChange]);
+	const ctx = React.useMemo(() => ({
+		branchIndex,
+		branchCount,
+		setBranchIndex,
+		registerCount: setBranchCount
+	}), [
+		branchCount,
+		branchIndex,
+		setBranchIndex
+	]);
+	return /* @__PURE__ */ jsx(MessageBranchContext.Provider, {
+		value: ctx,
+		children: /* @__PURE__ */ jsx("div", {
+			ref,
+			className: cx("message__branch", className),
+			...props,
+			children
+		})
+	});
+}
+/**
+* Renders only the active branch's child. Expects siblings to represent
+* alternative versions of the same response.
+*/
+function MessageBranchContent({ className, children, ref, ...props }) {
+	const { branchIndex, registerCount } = useMessageBranch("MessageBranchContent");
+	const items = React.Children.toArray(children);
+	React.useEffect(() => {
+		registerCount(items.length);
+	}, [items.length, registerCount]);
+	const safeIndex = items.length === 0 ? 0 : Math.min(Math.max(branchIndex, 0), items.length - 1);
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: cx("message__branch-content", className),
+		...props,
+		children: items.map((item, index) => /* @__PURE__ */ jsx("div", {
+			className: "message__branch-panel",
+			hidden: index !== safeIndex,
+			children: item
+		}, React.isValidElement(item) && item.key != null ? item.key : index))
+	});
+}
+/**
+* Inline group containing branch navigation controls (previous / page /
+* next). Hidden automatically when there is only one branch.
+*/
+function MessageBranchSelector({ className, children, ref, ...props }) {
+	const { branchCount } = useMessageBranch("MessageBranchSelector");
+	if (branchCount <= 1) return null;
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: cx("message__branch-selector", className),
+		...props,
+		children
+	});
+}
+/** Button that selects the previous branch. Disabled at the first branch. */
+function MessageBranchPrevious({ className, label = "Previous response", variant = "ghost", color = "neutral", size = "icon-xs", children, onClick, ref, ...props }) {
+	const { branchIndex, branchCount, setBranchIndex } = useMessageBranch("MessageBranchPrevious");
+	return /* @__PURE__ */ jsx(Button, {
+		ref,
+		type: "button",
+		variant,
+		color,
+		size,
+		disabled: branchCount <= 1,
+		className: cx("message__branch-prev", className),
+		"aria-label": label,
+		onClick: (event) => {
+			onClick?.(event);
+			if (!event.defaultPrevented) setBranchIndex(branchIndex > 0 ? branchIndex - 1 : branchCount - 1);
+		},
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(ArrowLeftIcon, {})
+	});
+}
+/** Button that selects the next branch. Disabled at the last branch. */
+function MessageBranchNext({ className, label = "Next response", variant = "ghost", color = "neutral", size = "icon-xs", children, onClick, ref, ...props }) {
+	const { branchIndex, branchCount, setBranchIndex } = useMessageBranch("MessageBranchNext");
+	return /* @__PURE__ */ jsx(Button, {
+		ref,
+		type: "button",
+		variant,
+		color,
+		size,
+		disabled: branchCount <= 1,
+		className: cx("message__branch-next", className),
+		"aria-label": label,
+		onClick: (event) => {
+			onClick?.(event);
+			if (!event.defaultPrevented) setBranchIndex(branchIndex < branchCount - 1 ? branchIndex + 1 : 0);
+		},
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(ArrowRightIcon, {})
+	});
+}
+/** Page indicator (e.g. "1 / 3") for the current branch selection. */
+function MessageBranchPage({ className, format, ref, ...props }) {
+	const { branchIndex, branchCount } = useMessageBranch("MessageBranchPage");
+	const label = format ? format(branchIndex + 1, branchCount) : `${branchIndex + 1} / ${branchCount}`;
+	return /* @__PURE__ */ jsx("span", {
+		ref,
+		className: cx("message__branch-page", className),
+		"aria-live": "polite",
+		...props,
+		children: label
+	});
+}
+//#endregion
+export { MessageBranch as a, MessageBranchPage as c, MessageContent as d, MessageResponse as f, MessageAttachment as i, MessageBranchPrevious as l, createWorkspaceRehypePlugins as m, MessageAction as n, MessageBranchContent as o, MessageToolbar as p, MessageActions as r, MessageBranchNext as s, Message as t, MessageBranchSelector as u };

package/dist/{ModelSelector-DVgVBdvw.js → ModelSelector-SlJNgwKY.js}

@@ -1,7 +1,7 @@
 import { t as cx } from "./class-names-9UtZwb0J.js";
-import { j as SearchIcon, o as ChevronDownIcon } from "./icons-Ba9THQKz.js";
-import { Separator } from "./components/Separator.js";
+import { R as SearchIcon, s as ChevronDownIcon } from "./icons-CpfUer49.js";
 import { Button } from "./components/Button.js";
+import { Separator } from "./components/Separator.js";
 import { Dialog } from "./components/Dialog.js";
 import { Input } from "./components/Input.js";
 import * as React from "react";
@@ -134,7 +134,11 @@ function readCloudflareModelId(entry) {
 		const modelId = readCatalogString(entry);
 		return modelId && isCloudflareRunnableModelId(modelId) ? modelId : null;
 	}
-	for (const field of ["name", "id"]) {
+	for (const field of [
+		"model_id",
+		"name",
+		"id"
+	]) {
 		const modelId = readCatalogField(entry, field);
 		if (modelId && isCloudflareRunnableModelId(modelId)) return modelId;
 	}
@@ -175,12 +179,17 @@ function normalizeCloudflareModelSelectorModels(models) {
 	return options;
 }
 async function listCloudflareModelSelectorOptions(client, params) {
+	const { account_id, task, per_page = 100 } = params;
 	const models = [];
-	for await (const model of client.ai.models.list(params)) models.push(model);
-	if (params.format !== "openrouter") for await (const model of client.ai.models.list({
-		...params,
-		format: "openrouter"
-	})) models.push(model);
+	for (let page = 1;; page += 1) {
+		const response = await client.get(`/accounts/${account_id}/ai/catalog/models`, { query: {
+			page,
+			per_page
+		} });
+		const pageModels = response.result.filter((model) => !model.private && (!task || model.task === task));
+		models.push(...pageModels);
+		if (response.result.length < per_page) break;
+	}
 	return normalizeCloudflareModelSelectorModels(models);
 }
 function groupCloudflareModelOptions(options) {

package/dist/{PromptInput-ClNqBiIw.d.ts → PromptInput-BWTuXMOD.d.ts}

@@ -1,8 +1,8 @@
-import { _ as SelectTriggerProps, a as SelectIconProps, c as SelectItemTextProps, f as SelectPositionerProps, g as SelectSeparatorProps, h as SelectScrollUpArrowProps, i as SelectGroupProps, l as SelectListProps, m as SelectScrollDownArrowProps, n as SelectBackdropProps, o as SelectItemIndicatorProps, p as SelectProps, r as SelectGroupLabelProps, s as SelectItemProps, t as Select, u as SelectPopupProps, v as SelectValueProps } from "./Select-Dl_vF_Bt.js";
+import { r as ButtonProps } from "./Button-FX_hpqxm.js";
+import { _ as SelectSeparatorProps, a as SelectIconProps, c as SelectItemTextProps, d as SelectPopupProps, g as SelectScrollUpArrowProps, h as SelectScrollDownArrowProps, i as SelectGroupProps, l as SelectLabelProps, m as SelectProps, n as SelectBackdropProps, o as SelectItemIndicatorProps, p as SelectPositionerProps, r as SelectGroupLabelProps, s as SelectItemProps, t as Select, u as SelectListProps, v as SelectTriggerProps, y as SelectValueProps } from "./Select-BeEsefzh.js";
 import { i as TabsListProps, n as TabProps, r as Tabs, t as TabPanelProps } from "./Tabs-3Zc4tb9D.js";
 import { t as Combobox } from "./Combobox-B9Fcd6q-.js";
 import { d as MenuProps, s as MenuItemProps, t as Menu } from "./Menu-Bgu-ufb5.js";
-import { r as ButtonProps } from "./Button-FX_hpqxm.js";
 import * as React from "react";
 import { ChatAddToolApproveResponseFunction, ChatStatus, DynamicToolUIPart, FileUIPart, ToolUIPart, UIMessage } from "ai";
 import { PendingApproval, Think } from "@cloudflare/think";
@@ -14,6 +14,8 @@ import { UseVoiceInputReturn } from "@cloudflare/voice/react";
 interface PromptInputMessage {
   text: string;
   files: FileUIPart[];
+  /** Skill, MCP, or other host-owned references selected in the composer. */
+  references?: PromptInputReference[];
 }
 interface AttachmentsContext {
   files: Array<FileUIPart & {
@@ -335,6 +337,10 @@ interface PromptInputSubmitProps extends Omit<ButtonProps, "children" | "classNa
   onStop?: () => void;
   children?: React.ReactNode;
   label?: string;
+  /** Allow a composed follow-up to submit while a response is active. */
+  allowSubmitWhileBusy?: boolean;
+  /** Whether the composer currently contains text, references, or attachments. */
+  hasContent?: boolean;
 }
 declare function PromptInputSubmit({
   className,
@@ -346,6 +352,8 @@ declare function PromptInputSubmit({
   onClick,
   children,
   label,
+  allowSubmitWhileBusy,
+  hasContent,
   ref,
   ...props
 }: PromptInputSubmitProps & {
@@ -416,7 +424,13 @@ declare function PromptInputApproval({
 type PromptInputSelectProps = React.ComponentProps<typeof Select.Root>;
 declare const PromptInputSelect: {
   Root: <Value>(props: SelectProps<Value>) => React.JSX.Element;
-  Label: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").SelectLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+  Label: ({
+    className,
+    ref,
+    ...props
+  }: SelectLabelProps & {
+    ref?: React.Ref<HTMLDivElement>;
+  }) => React.JSX.Element;
   Trigger: ({
     size,
     className,
@@ -719,7 +733,7 @@ declare const PromptInputCommandInput: ({
 } & {
   ref?: React.Ref<HTMLInputElement>;
 }) => React.JSX.Element;
-interface PromptInputCommandListProps extends React.HTMLAttributes<HTMLDivElement> {}
+type PromptInputCommandListProps = React.ComponentPropsWithoutRef<typeof Combobox.List>;
 declare function PromptInputCommandList({
   className,
   ref,
@@ -747,6 +761,16 @@ declare const PromptInputCommandGroup: ({
 } & {
   ref?: React.Ref<HTMLDivElement>;
 }) => React.JSX.Element;
+type PromptInputCommandGroupLabelProps = React.ComponentPropsWithoutRef<typeof Combobox.GroupLabel>;
+declare const PromptInputCommandGroupLabel: ({
+  className,
+  ref,
+  ...props
+}: Omit<React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxGroupLabel>, "className"> & {
+  className?: string;
+} & {
+  ref?: React.Ref<HTMLDivElement>;
+}) => React.JSX.Element;
 type PromptInputCommandItemProps = React.ComponentPropsWithoutRef<typeof Combobox.Item>;
 declare const PromptInputCommandItem: ({
   className,
@@ -759,5 +783,99 @@ declare const PromptInputCommandItem: ({
 }) => React.JSX.Element;
 type PromptInputCommandSeparatorProps = React.ComponentPropsWithoutRef<typeof Combobox.Separator>;
 declare const PromptInputCommandSeparator: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface PromptInputCommandDefinition {
+  /** Stable identity for keyed rendering. */
+  id: string;
+  /** Stable host-owned command value. Keep it token-safe when using ThinkChat's default submit. */
+  value: string;
+  label: string;
+  description?: string;
+  icon?: React.ReactNode;
+  keywords?: readonly string[];
+  disabled?: boolean;
+  group?: string;
+  /** Quiet trailing provenance such as a workspace, server, or installation scope. */
+  meta?: React.ReactNode;
+}
+type PromptInputCommandTrigger = "/" | "@";
+interface PromptInputReference {
+  id: string;
+  value: string;
+  label: string;
+  icon?: React.ReactNode;
+  /** Records which picker produced the reference. */
+  trigger?: PromptInputCommandTrigger;
+}
+interface PromptInputCommandComposerProps extends Omit<PromptInputTextareaProps, "value" | "defaultValue" | "onChange"> {
+  commands: readonly PromptInputCommandDefinition[];
+  /** MCP or other mentionable entries revealed by an `@` draft. */
+  mentionCommands?: readonly PromptInputCommandDefinition[];
+  value: string;
+  onValueChange: (value: string) => void;
+  onCommandSelect: (command: PromptInputCommandDefinition, trigger: PromptInputCommandTrigger) => void;
+  emptyMessage?: React.ReactNode;
+  mentionEmptyMessage?: React.ReactNode;
+}
+/**
+ * Controlled PromptInput textarea with slash-command discovery. The host owns
+ * both the command catalog and the draft policy applied after selection.
+ */
+declare function PromptInputCommandComposer({
+  commands,
+  mentionCommands,
+  value,
+  onValueChange,
+  onCommandSelect,
+  emptyMessage,
+  mentionEmptyMessage,
+  onKeyDown,
+  ref,
+  ...textareaProps
+}: PromptInputCommandComposerProps & {
+  ref?: React.Ref<HTMLTextAreaElement>;
+}): React.JSX.Element;
+interface PromptInputReferencesProps extends React.HTMLAttributes<HTMLDivElement> {
+  references: readonly PromptInputReference[];
+  onRemove: (reference: PromptInputReference) => void;
+}
+/** Removable inline context selected from slash-command or mention pickers. */
+declare function PromptInputReferences({
+  references,
+  onRemove,
+  className,
+  ref,
+  ...props
+}: PromptInputReferencesProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element | null;
+interface PromptInputContextItem {
+  /** Exact host identifier or path preserved through selection. */
+  value: string;
+  label: string;
+  /** Full path or other disambiguating context shown in the menu and tooltip. */
+  description?: string;
+  unavailable?: boolean;
+}
+interface PromptInputContextAction {
+  label: string;
+  onSelect: () => void;
+}
+interface PromptInputContextSelectorProps {
+  items: readonly PromptInputContextItem[];
+  value?: string;
+  onValueChange: (value: string) => void;
+  categoryLabel?: string;
+  unavailableLabel?: string;
+  action?: PromptInputContextAction;
+}
+/** Controlled composer-footer picker for a host-owned folder or working context. */
+declare function PromptInputContextSelector({
+  items,
+  value,
+  onValueChange,
+  categoryLabel,
+  unavailableLabel,
+  action
+}: PromptInputContextSelectorProps): React.JSX.Element;
 //#endregion
-export { PromptInputHoverCardTrigger as $, PromptInputCommandEmptyProps as A, getPendingToolApprovals as At, PromptInputCommandSeparator as B, PromptInputBody as C, PromptInputTools as Ct, PromptInputButtonTooltip as D, TooltipSide as Dt, PromptInputButtonProps as E, TextInputContext as Et, PromptInputCommandItem as F, PromptInputFooter as G, PromptInputControllerProps as H, PromptInputCommandItemProps as I, PromptInputHeaderProps as J, PromptInputFooterProps as K, PromptInputCommandList as L, PromptInputCommandGroupProps as M, usePromptInputController as Mt, PromptInputCommandInput as N, useProviderAttachments as Nt, PromptInputCommand as O, getApprovalRequestId as Ot, PromptInputCommandInputProps as P, PromptInputHoverCardProps as Q, PromptInputCommandListProps as R, PromptInputAttachmentsProps as S, PromptInputTextareaProps as St, PromptInputButton as T, PromptInputTooltipConfig as Tt, PromptInputDictation as U, PromptInputCommandSeparatorProps as V, PromptInputDictationProps as W, PromptInputHoverCardContent as X, PromptInputHoverCard as Y, PromptInputHoverCardContentProps as Z, PromptInputApproval as _, PromptInputTabLabelProps as _t, PromptInputActionAddAttachments as a, PromptInputProvider as at, PromptInputAttachmentProps as b, PromptInputTabsListProps as bt, PromptInputActionAddScreenshotProps as c, PromptInputSelectProps as ct, PromptInputActionMenuContentProps as d, PromptInputTab as dt, PromptInputHoverCardTriggerProps as et, PromptInputActionMenuItem as f, PromptInputTabBody as ft, PromptInputActionMenuTriggerProps as g, PromptInputTabLabel as gt, PromptInputActionMenuTrigger as h, PromptInputTabItemProps as ht, PromptInput as i, PromptInputProps as it, PromptInputCommandGroup as j, usePromptInputAttachments as jt, PromptInputCommandEmpty as k, getApprovalStateKey as kt, PromptInputActionMenu as l, PromptInputSubmit as lt, PromptInputActionMenuProps as m, PromptInputTabItem as mt, PendingToolApproval as n, PromptInputPermissionSelector as nt, PromptInputActionAddAttachmentsProps as o, PromptInputProviderProps as ot, PromptInputActionMenuItemProps as p, PromptInputTabBodyProps as pt, PromptInputHeader as q, PermissionMode as r, PromptInputPermissionSelectorProps as rt, PromptInputActionAddScreenshot as s, PromptInputSelect as st, AttachmentsContext as t, PromptInputMessage as tt, PromptInputActionMenuContent as u, PromptInputSubmitProps as ut, PromptInputApprovalProps as v, PromptInputTabProps as vt, PromptInputBodyProps as w, PromptInputToolsProps as wt, PromptInputAttachments as x, PromptInputTextarea as xt, PromptInputAttachment as y, PromptInputTabsList as yt, PromptInputCommandProps as z };
+export { PromptInputDictation as $, PromptInputCommandComposerProps as A, PromptInputTabLabelProps as At, PromptInputCommandItem as B, TooltipSide as Bt, PromptInputBody as C, PromptInputSubmitProps as Ct, PromptInputButtonTooltip as D, PromptInputTabItem as Dt, PromptInputButtonProps as E, PromptInputTabBodyProps as Et, PromptInputCommandGroupLabel as F, PromptInputTextareaProps as Ft, PromptInputCommandSeparator as G, usePromptInputController as Gt, PromptInputCommandList as H, getApprovalStateKey as Ht, PromptInputCommandGroupLabelProps as I, PromptInputTools as It, PromptInputContextAction as J, PromptInputCommandSeparatorProps as K, useProviderAttachments as Kt, PromptInputCommandGroupProps as L, PromptInputToolsProps as Lt, PromptInputCommandEmpty as M, PromptInputTabsList as Mt, PromptInputCommandEmptyProps as N, PromptInputTabsListProps as Nt, PromptInputCommand as O, PromptInputTabItemProps as Ot, PromptInputCommandGroup as P, PromptInputTextarea as Pt, PromptInputControllerProps as Q, PromptInputCommandInput as R, PromptInputTooltipConfig as Rt, PromptInputAttachmentsProps as S, PromptInputSubmit as St, PromptInputButton as T, PromptInputTabBody as Tt, PromptInputCommandListProps as U, getPendingToolApprovals as Ut, PromptInputCommandItemProps as V, getApprovalRequestId as Vt, PromptInputCommandProps as W, usePromptInputAttachments as Wt, PromptInputContextSelector as X, PromptInputContextItem as Y, PromptInputContextSelectorProps as Z, PromptInputApproval as _, PromptInputReference as _t, PromptInputActionAddAttachments as a, PromptInputHoverCard as at, PromptInputAttachmentProps as b, PromptInputSelect as bt, PromptInputActionAddScreenshotProps as c, PromptInputHoverCardProps as ct, PromptInputActionMenuContentProps as d, PromptInputMessage as dt, PromptInputDictationProps as et, PromptInputActionMenuItem as f, PromptInputPermissionSelector as ft, PromptInputActionMenuTriggerProps as g, PromptInputProviderProps as gt, PromptInputActionMenuTrigger as h, PromptInputProvider as ht, PromptInput as i, PromptInputHeaderProps as it, PromptInputCommandDefinition as j, PromptInputTabProps as jt, PromptInputCommandComposer as k, PromptInputTabLabel as kt, PromptInputActionMenu as l, PromptInputHoverCardTrigger as lt, PromptInputActionMenuProps as m, PromptInputProps as mt, PendingToolApproval as n, PromptInputFooterProps as nt, PromptInputActionAddAttachmentsProps as o, PromptInputHoverCardContent as ot, PromptInputActionMenuItemProps as p, PromptInputPermissionSelectorProps as pt, PromptInputCommandTrigger as q, PermissionMode as r, PromptInputHeader as rt, PromptInputActionAddScreenshot as s, PromptInputHoverCardContentProps as st, AttachmentsContext as t, PromptInputFooter as tt, PromptInputActionMenuContent as u, PromptInputHoverCardTriggerProps as ut, PromptInputApprovalProps as v, PromptInputReferences as vt, PromptInputBodyProps as w, PromptInputTab as wt, PromptInputAttachments as x, PromptInputSelectProps as xt, PromptInputAttachment as y, PromptInputReferencesProps as yt, PromptInputCommandInputProps as z, TextInputContext as zt };

package/dist/ResponsiveSidebarShell-Dd9DCcBT.d.ts

@@ -0,0 +1,67 @@
+import * as React from "react";
+
+//#region src/components/ResponsiveSidebarShell.d.ts
+interface ResponsiveSidebarShellControls {
+  /** Close the sidebar and move focus to the main content. */
+  closeSidebar: () => void;
+  /** Close only when the shell is currently using its compact drawer layout. */
+  closeSidebarOnCompact: () => void;
+}
+interface ResponsiveSidebarShellTopBarControls {
+  /** The shell-owned, labelled sidebar toggle to place in a top-bar slot. */
+  sidebarToggle: React.ReactNode;
+  /** Stable id for a caller-composed compact disclosure trigger. */
+  sidebarId: string;
+  /** Whether the shared sidebar surface is currently visible. */
+  sidebarOpen: boolean;
+  /** Toggle the sidebar and remember the invoking control for Escape focus restoration. */
+  toggleSidebar: (trigger?: HTMLElement) => void;
+}
+interface ResponsiveSidebarShellProps extends React.HTMLAttributes<HTMLDivElement> {
+  /** Navigation or other secondary surface shown beside the selected content. */
+  sidebar: React.ReactNode | ((controls: ResponsiveSidebarShellControls) => React.ReactNode);
+  /**
+   * Optional composable application bar. The render form receives the
+   * shell-owned sidebar toggle so callers can place it beside their own icon
+   * groups without duplicating drawer behavior.
+   */
+  topBar?: React.ReactNode | ((controls: ResponsiveSidebarShellTopBarControls) => React.ReactNode);
+  /** Short noun used by the toggle and resize control, such as “threads” or “schedules”. */
+  sidebarLabel: string;
+  /** Whether the sidebar is open. Omit for internal state. */
+  sidebarOpen?: boolean;
+  /** Initial sidebar state when `sidebarOpen` is uncontrolled. */
+  defaultSidebarOpen?: boolean;
+  /** Initial desktop sidebar width in CSS pixels. */
+  defaultSidebarWidth?: number;
+  /** Called when the sidebar is opened or closed. */
+  onSidebarOpenChange?: (open: boolean) => void;
+  /** Accessible name for the toolbar containing the sidebar toggle. */
+  toolbarLabel?: string;
+  /** Accessible name for the mobile preview target that returns to the main content. */
+  showMainLabel?: string;
+}
+/**
+ * Responsive master-detail shell with a resizable desktop sidebar and a compact
+ * floating sidebar that leaves the main content in place as a dismiss target.
+ */
+declare function ResponsiveSidebarShell({
+  sidebar,
+  topBar,
+  sidebarLabel,
+  sidebarOpen,
+  defaultSidebarOpen,
+  defaultSidebarWidth,
+  onSidebarOpenChange,
+  toolbarLabel,
+  showMainLabel,
+  className,
+  children,
+  ref,
+  style,
+  ...props
+}: ResponsiveSidebarShellProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+//#endregion
+export { ResponsiveSidebarShellTopBarControls as i, ResponsiveSidebarShellControls as n, ResponsiveSidebarShellProps as r, ResponsiveSidebarShell as t };