@mcp-b/react-components 0.21.0 → 0.23.0

package/dist/{AgentChat-Dvkn8lce.d.ts → AgentChat-Bm1qYbOo.d.ts}

@@ -1,6 +1,6 @@
 import { i as AgentMessageRenderPartContext } from "./AgentMessageParts-CyD2UB3V.js";
-import { n as AgentChatStartScreenProps } from "./AgentChatStartScreen-CvXJBr4y.js";
-import { $ as PromptInputDictationProps, A as PromptInputCommandDefinition, X as PromptInputContextSelectorProps, gt as PromptInputReference, n as PermissionMode, ut as PromptInputMessage } from "./PromptInput-Cq-8RoXD.js";
+import { n as AgentChatStartScreenProps } from "./AgentChatStartScreen-DDZ25aax.js";
+import { $ as PromptInputDictationProps, A as PromptInputCommandDefinition, X as PromptInputContextSelectorProps, gt as PromptInputReference, n as PermissionMode, ut as PromptInputMessage } from "./PromptInput-BjoPWaaG.js";
 import * as React from "react";
 import { ChatAddToolApproveResponseFunction, ChatStatus, UIMessage } from "ai";
 import { PendingApproval, Think } from "@cloudflare/think";

package/dist/{AgentChatStartScreen-CvXJBr4y.d.ts → AgentChatStartScreen-DDZ25aax.d.ts}

@@ -1,4 +1,4 @@
-import { r as ButtonProps } from "./Button-yRInko9u.js";
+import { r as ButtonProps } from "./Button-SBIz6Lqi.js";
 import * as React from "react";
 
 //#region src/components/AgentChatStartScreen.d.ts
@@ -7,6 +7,8 @@ interface AgentChatStartScreenProps extends Omit<React.ComponentPropsWithoutRef<
   heading?: React.ReactNode;
   /** The one composer owned by `AgentChat`, placed between the heading and starters. */
   composer: React.ReactNode;
+  /** App-authored content for the utility tray beneath the first-turn composer. */
+  composerTray?: React.ReactNode;
   /** App-authored starter actions rendered below the composer. */
   children?: React.ReactNode;
 }
@@ -20,6 +22,7 @@ interface AgentChatStartScreenProps extends Omit<React.ComponentPropsWithoutRef<
 declare function AgentChatStartScreen({
   heading,
   composer,
+  composerTray,
   children,
   className,
   "aria-label": ariaLabel,

package/dist/{Button-yRInko9u.d.ts → Button-SBIz6Lqi.d.ts}

@@ -7,10 +7,11 @@ import { Button } from "@base-ui/react/button";
  *
  * - `normal` - Filled background (default)
  * - `outline` - Low-emphasis with border, transparent background
+ * - `surface` - Raised neutral surface for prominent lightweight actions
  * - `ghost` - Minimal style, background appears on hover
  * - `link` - Appears as a text link with underline on hover
  */
-type ButtonVariant = "normal" | "outline" | "ghost" | "link";
+type ButtonVariant = "normal" | "surface" | "outline" | "ghost" | "link";
 /**
  * The semantic color intent of the button.
  *

package/dist/{CodeBlock-ygtuzqJd.js → CodeBlock-Cp67Njo3.js}

@@ -1,6 +1,6 @@
 import { t as cx } from "./class-names-BiMDVpUo.js";
 import { Select } from "./components/Select.js";
-import { t as CopyButton } from "./copy-button-vo1paUSi.js";
+import { t as CopyButton } from "./copy-button-TWq8nZhc.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createHighlighter } from "shiki";

package/dist/{CodeBlock-Bbls1CnA.d.ts → CodeBlock-yMpGqScn.d.ts}

@@ -1,5 +1,5 @@
 import { m as SelectProps, t as Select } from "./Select-B_13gg_J.js";
-import { t as CopyButtonProps } from "./copy-button-BrvQ7z4W.js";
+import { t as CopyButtonProps } from "./copy-button-EBv_B9F6.js";
 import * as React from "react";
 import { BundledLanguage, ThemedToken } from "shiki";
 

package/dist/Dialog-BD8NBKaE.d.ts

@@ -0,0 +1,122 @@
+import * as React from "react";
+import { Dialog } from "@base-ui/react/dialog";
+
+//#region src/components/Dialog.d.ts
+interface DialogProps extends Dialog.Root.Props {}
+interface DialogTriggerProps extends Dialog.Trigger.Props {}
+interface DialogPortalProps extends Dialog.Portal.Props {}
+interface DialogBackdropProps extends Dialog.Backdrop.Props {}
+interface DialogViewportProps extends Dialog.Viewport.Props {}
+interface DialogPopupProps extends Dialog.Popup.Props {
+  /**
+   * The size of the dialog.
+   * @default 'md'
+   */
+  size?: "sm" | "md" | "lg" | "fullscreen";
+}
+interface DialogTitleProps extends Dialog.Title.Props {}
+interface DialogDescriptionProps extends Dialog.Description.Props {}
+interface DialogCloseProps extends Dialog.Close.Props {}
+interface DialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}
+interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {}
+/**
+ * A dialog component for modal interactions.
+ *
+ * @example
+ * ```tsx
+ * <Dialog.Root open={isOpen} onOpenChange={setIsOpen}>
+ *   <Dialog.Trigger render={<Button />}>Open</Dialog.Trigger>
+ *   <Dialog.Portal>
+ *     <Dialog.Backdrop />
+ *     <Dialog.Viewport>
+ *       <Dialog.Popup>
+ *         <Dialog.Title>Confirm</Dialog.Title>
+ *         <Dialog.Description>Are you sure?</Dialog.Description>
+ *         <Dialog.Close>Cancel</Dialog.Close>
+ *       </Dialog.Popup>
+ *     </Dialog.Viewport>
+ *   </Dialog.Portal>
+ * </Dialog.Root>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/dialog | Base UI Dialog}
+ */
+declare function DialogTrigger({
+  render,
+  className,
+  ...props
+}: DialogTriggerProps): React.JSX.Element;
+declare function DialogBackdrop({
+  className,
+  ref,
+  ...props
+}: DialogBackdropProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+declare function DialogViewport({
+  className,
+  ref,
+  ...props
+}: DialogViewportProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+declare function DialogPopup({
+  size,
+  className,
+  ref,
+  ...props
+}: DialogPopupProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+declare function DialogHeader({
+  className,
+  ref,
+  ...props
+}: DialogHeaderProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+declare function DialogFooter({
+  className,
+  ref,
+  ...props
+}: DialogFooterProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+declare function DialogTitle({
+  className,
+  ref,
+  ...props
+}: DialogTitleProps & {
+  ref?: React.Ref<HTMLHeadingElement>;
+}): React.JSX.Element;
+declare function DialogDescription({
+  className,
+  ref,
+  ...props
+}: DialogDescriptionProps & {
+  ref?: React.Ref<HTMLParagraphElement>;
+}): React.JSX.Element;
+declare function DialogClose({
+  render,
+  className,
+  ref,
+  ...props
+}: DialogCloseProps & {
+  ref?: React.Ref<HTMLButtonElement>;
+}): React.JSX.Element;
+declare const Dialog$1: {
+  Root: typeof Dialog.Root;
+  Trigger: typeof DialogTrigger;
+  Portal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+  Backdrop: typeof DialogBackdrop;
+  Viewport: typeof DialogViewport;
+  Popup: typeof DialogPopup;
+  Header: typeof DialogHeader;
+  Footer: typeof DialogFooter;
+  Title: typeof DialogTitle;
+  Description: typeof DialogDescription;
+  Close: typeof DialogClose;
+  createHandle: typeof Dialog.createHandle;
+};
+//#endregion
+export { DialogFooterProps as a, DialogPortalProps as c, DialogTriggerProps as d, DialogViewportProps as f, DialogDescriptionProps as i, DialogProps as l, DialogBackdropProps as n, DialogHeaderProps as o, DialogCloseProps as r, DialogPopupProps as s, Dialog$1 as t, DialogTitleProps as u };

package/dist/{FileTree-CdgfccsM.js → FileTree-DW60q1w7.js}

@@ -1,5 +1,5 @@
 import { t as cx } from "./class-names-BiMDVpUo.js";
-import { C as FolderIcon, S as FileIcon, p as ChevronRightIcon, w as FolderOpenIcon } from "./icons-DyOM0EJs.js";
+import { C as FileIcon, T as FolderOpenIcon, m as ChevronRightIcon, w as FolderIcon } from "./icons-ua6f_GH3.js";
 import { t as NavigationLink } from "./navigation-link-Cob7KBlM.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/IconButton-CFKhu6OR.d.ts

@@ -0,0 +1,35 @@
+import { i as ButtonSize, r as ButtonProps } from "./Button-SBIz6Lqi.js";
+import * as React from "react";
+
+//#region src/components/IconButton.d.ts
+interface IconButtonProps extends Omit<ButtonProps, "aria-label" | "children" | "size"> {
+  /** Decorative icon rendered inside the square button. */
+  children: React.ReactNode;
+  /** Accessible name and default tooltip text for the icon-only control. */
+  label: string;
+  /** Tooltip content when it should differ from the accessible name. */
+  tooltip?: React.ReactNode;
+  /** Preferred side for the tooltip. */
+  tooltipSide?: "top" | "right" | "bottom" | "left";
+  /** Square button size. */
+  size?: ButtonSize;
+}
+/**
+ * A square, icon-only button with a required accessible name and matching
+ * tooltip. Use text buttons for actions whose consequence an icon cannot make
+ * clear on its own.
+ */
+declare function IconButton({
+  children,
+  label,
+  size,
+  tooltip,
+  tooltipSide,
+  type,
+  ref,
+  ...props
+}: IconButtonProps & {
+  ref?: React.Ref<HTMLButtonElement>;
+}): React.JSX.Element;
+//#endregion
+export { IconButtonProps as n, IconButton as t };

package/dist/{Message-DzuteocT.js → Message-_-bEYLAO.js}

@@ -1,7 +1,7 @@
 import { t as cx } from "./class-names-BiMDVpUo.js";
-import { S as FileIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "./icons-DyOM0EJs.js";
 import { Button } from "./components/Button.js";
-import { Tooltip } from "./components/Tooltip.js";
+import { C as FileIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "./icons-ua6f_GH3.js";
+import { IconButton } from "./components/IconButton.js";
 import { c as useWorkspaceNavigationContext, r as resolveWorkspaceLink, t as WorkspaceFileLink } from "./WorkspaceLink-BYYeTQLf.js";
 import { t as AttachmentPreview } from "./attachment-preview-DIs50Q0h.js";
 import { n as clamp } from "./format-S6uWyoSb.js";
@@ -209,23 +209,18 @@ function MessageActions({ className, children, ref, ...props }) {
 * name; shows a tooltip on hover/focus when {@link tooltip} is set.
 */
 function MessageAction({ className, label, tooltip, variant = "ghost", color = "neutral", size = "sm", children, ref, ...props }) {
-	const button = /* @__PURE__ */ jsx(Button, {
+	return /* @__PURE__ */ jsx(IconButton, {
 		ref,
 		type: "button",
+		label,
+		tooltip,
 		variant,
 		color,
 		size,
-		iconOnly: true,
 		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 —
@@ -314,16 +309,15 @@ function MessageBranchSelector({ className, children, ref, ...props }) {
 /** Button that selects the previous branch. Disabled at the first branch. */
 function MessageBranchPrevious({ className, label = "Previous response", variant = "ghost", color = "neutral", size = "sm", children, onClick, ref, ...props }) {
 	const { branchIndex, branchCount, setBranchIndex } = useMessageBranch("MessageBranchPrevious");
-	return /* @__PURE__ */ jsx(Button, {
+	return /* @__PURE__ */ jsx(IconButton, {
 		ref,
 		type: "button",
+		label,
 		variant,
 		color,
 		size,
-		iconOnly: true,
 		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);
@@ -335,16 +329,15 @@ function MessageBranchPrevious({ className, label = "Previous response", variant
 /** Button that selects the next branch. Disabled at the last branch. */
 function MessageBranchNext({ className, label = "Next response", variant = "ghost", color = "neutral", size = "sm", children, onClick, ref, ...props }) {
 	const { branchIndex, branchCount, setBranchIndex } = useMessageBranch("MessageBranchNext");
-	return /* @__PURE__ */ jsx(Button, {
+	return /* @__PURE__ */ jsx(IconButton, {
 		ref,
 		type: "button",
+		label,
 		variant,
 		color,
 		size,
-		iconOnly: true,
 		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);

package/dist/{ModelSelector-CEd8M9eK.js → ModelSelector-Brvj9Cab.js}

@@ -1,6 +1,6 @@
 import { t as cx } from "./class-names-BiMDVpUo.js";
-import { W as SearchIcon, d as ChevronDownIcon } from "./icons-DyOM0EJs.js";
 import { Button } from "./components/Button.js";
+import { G as SearchIcon, f as ChevronDownIcon } from "./icons-ua6f_GH3.js";
 import { Dialog } from "./components/Dialog.js";
 import { i as titleCase } from "./format-S6uWyoSb.js";
 import { Separator } from "./components/Separator.js";

package/dist/{PromptInput-Cq-8RoXD.d.ts → PromptInput-BjoPWaaG.d.ts}

@@ -1,4 +1,4 @@
-import { r as ButtonProps } from "./Button-yRInko9u.js";
+import { r as ButtonProps } from "./Button-SBIz6Lqi.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-B_13gg_J.js";
 import { a as TabsListProps, n as TabProps, r as Tabs, t as TabPanelProps } from "./Tabs-C49J5m0Q.js";
 import { t as Combobox } from "./Combobox-xEEF6fUb.js";
@@ -179,6 +179,19 @@ declare function PromptInputFooter({
 }: PromptInputFooterProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
+interface PromptInputTrayProps extends React.HTMLAttributes<HTMLDivElement> {
+  /** Edge of the composer this supporting tray attaches to. */
+  side: "top" | "bottom";
+}
+/** Supporting controls or queued work tucked behind a PromptInput edge. */
+declare function PromptInputTray({
+  side,
+  className,
+  ref,
+  ...props
+}: PromptInputTrayProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
 interface PromptInputToolsProps extends React.HTMLAttributes<HTMLDivElement> {}
 declare function PromptInputTools({
   className,
@@ -850,4 +863,4 @@ declare function PromptInputContextSelector({
   action
 }: PromptInputContextSelectorProps): React.JSX.Element;
 //#endregion
-export { PromptInputDictationProps as $, PromptInputCommandDefinition as A, PromptInputTabProps as At, PromptInputCommandItemProps as B, getApprovalRequestId as Bt, PromptInputBodyProps as C, PromptInputTab as Ct, PromptInputCommand as D, PromptInputTabItemProps as Dt, PromptInputButtonTooltip as E, PromptInputTabItem as Et, PromptInputCommandGroupLabelProps as F, PromptInputTools as Ft, PromptInputCommandSeparatorProps as G, useProviderAttachments as Gt, PromptInputCommandListProps as H, getPendingToolApprovals as Ht, PromptInputCommandGroupProps as I, PromptInputToolsProps as It, PromptInputContextItem as J, PromptInputCommandTrigger as K, PromptInputCommandInput as L, PromptInputTooltipConfig as Lt, PromptInputCommandEmptyProps as M, PromptInputTabsListProps as Mt, PromptInputCommandGroup as N, PromptInputTextarea as Nt, PromptInputCommandComposer as O, PromptInputTabLabel as Ot, PromptInputCommandGroupLabel as P, PromptInputTextareaProps as Pt, PromptInputDictation as Q, PromptInputCommandInputProps as R, TextInputContext as Rt, PromptInputBody as S, PromptInputSubmitProps as St, PromptInputButtonProps as T, PromptInputTabBodyProps as Tt, PromptInputCommandProps as U, usePromptInputAttachments as Ut, PromptInputCommandList as V, getApprovalStateKey as Vt, PromptInputCommandSeparator as W, usePromptInputController as Wt, PromptInputContextSelectorProps as X, PromptInputContextSelector as Y, PromptInputControllerProps as Z, PromptInputApprovalProps as _, PromptInputReferences as _t, PromptInputActionAddAttachmentsProps as a, PromptInputHoverCardContent as at, PromptInputAttachments as b, PromptInputSelectProps as bt, PromptInputActionMenu as c, PromptInputHoverCardTrigger as ct, PromptInputActionMenuItem as d, PromptInputPermissionSelector as dt, PromptInputFooter as et, PromptInputActionMenuItemProps as f, PromptInputPermissionSelectorProps as ft, PromptInputApproval as g, PromptInputReference as gt, PromptInputActionMenuTriggerProps as h, PromptInputProviderProps as ht, PromptInputActionAddAttachments as i, PromptInputHoverCard as it, PromptInputCommandEmpty as j, PromptInputTabsList as jt, PromptInputCommandComposerProps as k, PromptInputTabLabelProps as kt, PromptInputActionMenuContent as l, PromptInputHoverCardTriggerProps as lt, PromptInputActionMenuTrigger as m, PromptInputProvider as mt, PermissionMode as n, PromptInputHeader as nt, PromptInputActionAddScreenshot as o, PromptInputHoverCardContentProps as ot, PromptInputActionMenuProps as p, PromptInputProps as pt, PromptInputContextAction as q, PromptInput as r, PromptInputHeaderProps as rt, PromptInputActionAddScreenshotProps as s, PromptInputHoverCardProps as st, AttachmentsContext as t, PromptInputFooterProps as tt, PromptInputActionMenuContentProps as u, PromptInputMessage as ut, PromptInputAttachment as v, PromptInputReferencesProps as vt, PromptInputButton as w, PromptInputTabBody as wt, PromptInputAttachmentsProps as x, PromptInputSubmit as xt, PromptInputAttachmentProps as y, PromptInputSelect as yt, PromptInputCommandItem as z, TooltipSide as zt };
+export { PromptInputDictationProps as $, PromptInputCommandDefinition as A, PromptInputTabProps as At, PromptInputCommandItemProps as B, TextInputContext as Bt, PromptInputBodyProps as C, PromptInputTab as Ct, PromptInputCommand as D, PromptInputTabItemProps as Dt, PromptInputButtonTooltip as E, PromptInputTabItem as Et, PromptInputCommandGroupLabelProps as F, PromptInputTools as Ft, PromptInputCommandSeparatorProps as G, usePromptInputAttachments as Gt, PromptInputCommandListProps as H, getApprovalRequestId as Ht, PromptInputCommandGroupProps as I, PromptInputToolsProps as It, PromptInputContextItem as J, PromptInputCommandTrigger as K, usePromptInputController as Kt, PromptInputCommandInput as L, PromptInputTooltipConfig as Lt, PromptInputCommandEmptyProps as M, PromptInputTabsListProps as Mt, PromptInputCommandGroup as N, PromptInputTextarea as Nt, PromptInputCommandComposer as O, PromptInputTabLabel as Ot, PromptInputCommandGroupLabel as P, PromptInputTextareaProps as Pt, PromptInputDictation as Q, PromptInputCommandInputProps as R, PromptInputTray as Rt, PromptInputBody as S, PromptInputSubmitProps as St, PromptInputButtonProps as T, PromptInputTabBodyProps as Tt, PromptInputCommandProps as U, getApprovalStateKey as Ut, PromptInputCommandList as V, TooltipSide as Vt, PromptInputCommandSeparator as W, getPendingToolApprovals as Wt, PromptInputContextSelectorProps as X, PromptInputContextSelector as Y, PromptInputControllerProps as Z, PromptInputApprovalProps as _, PromptInputReferences as _t, PromptInputActionAddAttachmentsProps as a, PromptInputHoverCardContent as at, PromptInputAttachments as b, PromptInputSelectProps as bt, PromptInputActionMenu as c, PromptInputHoverCardTrigger as ct, PromptInputActionMenuItem as d, PromptInputPermissionSelector as dt, PromptInputFooter as et, PromptInputActionMenuItemProps as f, PromptInputPermissionSelectorProps as ft, PromptInputApproval as g, PromptInputReference as gt, PromptInputActionMenuTriggerProps as h, PromptInputProviderProps as ht, PromptInputActionAddAttachments as i, PromptInputHoverCard as it, PromptInputCommandEmpty as j, PromptInputTabsList as jt, PromptInputCommandComposerProps as k, PromptInputTabLabelProps as kt, PromptInputActionMenuContent as l, PromptInputHoverCardTriggerProps as lt, PromptInputActionMenuTrigger as m, PromptInputProvider as mt, PermissionMode as n, PromptInputHeader as nt, PromptInputActionAddScreenshot as o, PromptInputHoverCardContentProps as ot, PromptInputActionMenuProps as p, PromptInputProps as pt, PromptInputContextAction as q, useProviderAttachments as qt, PromptInput as r, PromptInputHeaderProps as rt, PromptInputActionAddScreenshotProps as s, PromptInputHoverCardProps as st, AttachmentsContext as t, PromptInputFooterProps as tt, PromptInputActionMenuContentProps as u, PromptInputMessage as ut, PromptInputAttachment as v, PromptInputReferencesProps as vt, PromptInputButton as w, PromptInputTabBody as wt, PromptInputAttachmentsProps as x, PromptInputSubmit as xt, PromptInputAttachmentProps as y, PromptInputSelect as yt, PromptInputCommandItem as z, PromptInputTrayProps as zt };

package/dist/{ThinkChatActivity-FY1VWXgh.d.ts → ThinkChatActivity-2BobmuvR.d.ts}

@@ -1,5 +1,5 @@
 import { i as AgentMessageRenderPartContext } from "./AgentMessageParts-CyD2UB3V.js";
-import { r as AgentChatProps } from "./AgentChat-Dvkn8lce.js";
+import { r as AgentChatProps } from "./AgentChat-Bm1qYbOo.js";
 import { l as ThinkChatPart } from "./ThinkChatToolParts-CSzVwMXf.js";
 import { t as ThinkChatActivityDescription } from "./ThinkChatActivitySummary-kr5fE0wg.js";
 import * as React from "react";

package/dist/{Workspace-CWtust-2.d.ts → Workspace-CIycQ4xE.d.ts}

@@ -1,4 +1,4 @@
-import { a as WorkspaceMediaInfo, i as WorkspaceFileState, r as WorkspaceFileAssetResolver, t as WorkspaceFileAsset } from "./WorkspaceFile-D8Un_xge.js";
+import { a as WorkspaceMediaInfo, i as WorkspaceFileState, r as WorkspaceFileAssetResolver, t as WorkspaceFileAsset } from "./WorkspaceFile-DMtRMwVv.js";
 import { WorkspaceLike } from "@cloudflare/think";
 import { FileInfo, Workspace } from "@cloudflare/shell";
 

package/dist/{WorkspaceExplorer-DGigwsgH.d.ts → WorkspaceExplorer-BCipn7Vd.d.ts}

@@ -1,5 +1,5 @@
 import { l as WorkspaceNavigationAdapter } from "./WorkspaceLink-O-EBKUJ8.js";
-import { o as WorkspaceState } from "./Workspace-CWtust-2.js";
+import { o as WorkspaceState } from "./Workspace-CIycQ4xE.js";
 import * as React from "react";
 
 //#region src/components/WorkspaceExplorer.d.ts

package/dist/{WorkspaceFile-D8Un_xge.d.ts → WorkspaceFile-DMtRMwVv.d.ts}

@@ -1,4 +1,4 @@
-import { A as CodeBlockLanguage } from "./CodeBlock-Bbls1CnA.js";
+import { A as CodeBlockLanguage } from "./CodeBlock-yMpGqScn.js";
 import { SkillParseResult } from "agent-skills-ts-sdk";
 import { FileInfo } from "@cloudflare/shell";
 

package/dist/{WorkspaceFileView-Bxx4wEzJ.js → WorkspaceFileView-rUEN2iox.js}

@@ -1,10 +1,10 @@
-import { Q as WarningIcon, b as EyeIcon, et as XIcon, k as MaximizeIcon, m as CodeIcon, u as CheckIcon, v as DownloadIcon } from "./icons-DyOM0EJs.js";
-import { t as NavigationLink } from "./navigation-link-Cob7KBlM.js";
 import { buttonVariants } from "./components/Button.js";
+import { $ as WarningIcon, A as MaximizeIcon, d as CheckIcon, h as CodeIcon, tt as XIcon, x as EyeIcon, y as DownloadIcon } from "./icons-ua6f_GH3.js";
+import { t as NavigationLink } from "./navigation-link-Cob7KBlM.js";
 import { c as useWorkspaceNavigationContext, s as useWorkspaceNavigationRestoration } from "./WorkspaceLink-BYYeTQLf.js";
 import { r as formatClock } from "./format-S6uWyoSb.js";
-import { f as MessageResponse, m as createWorkspaceRehypePlugins } from "./Message-DzuteocT.js";
-import { a as CodeBlockCopyButton, i as CodeBlockContent, r as CodeBlockContainer, t as CodeBlock } from "./CodeBlock-ygtuzqJd.js";
+import { f as MessageResponse, m as createWorkspaceRehypePlugins } from "./Message-_-bEYLAO.js";
+import { a as CodeBlockCopyButton, i as CodeBlockContent, r as CodeBlockContainer, t as CodeBlock } from "./CodeBlock-Cp67Njo3.js";
 import { AppTopBar } from "./components/AppTopBar.js";
 import { inferWorkspaceLanguage, inferWorkspaceMedia, isWorkspaceMarkdownPath, isWorkspaceSkillPath, parseWorkspaceSkill } from "./components/WorkspaceFile.js";
 import { WorkspaceHeader } from "./components/WorkspaceHeader.js";

package/dist/components/ActionGuide.d.ts

@@ -0,0 +1,85 @@
+import { r as ButtonProps } from "../Button-SBIz6Lqi.js";
+import * as React from "react";
+
+//#region src/components/ActionGuide.d.ts
+type ActionGuideHeadingLevel = 2 | 3 | 4 | 5 | 6;
+type ActionGuideListLayout = "compact" | "cards" | "list";
+interface ActionGuideProps extends Omit<React.ComponentPropsWithoutRef<"article">, "title"> {
+  /** Short, task-oriented introduction to the guide. */
+  title: React.ReactNode;
+  /** Optional sentence that explains what the guide helps the user do. */
+  description?: React.ReactNode;
+  /** Semantic heading level for the guide title. */
+  headingLevel?: ActionGuideHeadingLevel;
+}
+/**
+ * Composable, app-agnostic guide for presenting groups of useful actions.
+ *
+ * Product code owns the copy, icons, availability, and click behavior. This
+ * component owns only the shared article rhythm and responsive layout.
+ */
+declare function ActionGuide({
+  title,
+  description,
+  headingLevel,
+  children,
+  className,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  ref,
+  ...props
+}: ActionGuideProps & {
+  ref?: React.Ref<HTMLElement>;
+}): React.JSX.Element;
+interface ActionGuideSectionProps extends Omit<React.ComponentPropsWithoutRef<"section">, "title"> {
+  /** Label for this group of related actions. */
+  title: React.ReactNode;
+  /** Semantic heading level for the section title. */
+  headingLevel?: ActionGuideHeadingLevel;
+}
+/** A labelled group inside an {@link ActionGuide}. */
+declare function ActionGuideSection({
+  title,
+  headingLevel,
+  children,
+  className,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  ref,
+  ...props
+}: ActionGuideSectionProps & {
+  ref?: React.Ref<HTMLElement>;
+}): React.JSX.Element;
+interface ActionGuideListProps extends React.ComponentPropsWithoutRef<"ul"> {
+  /** Responsive arrangement for the actions in this group. */
+  layout?: ActionGuideListLayout;
+}
+/** Semantic action list with compact, card, and plain-row layouts. */
+declare function ActionGuideList({
+  layout,
+  className,
+  ref,
+  ...props
+}: ActionGuideListProps & {
+  ref?: React.Ref<HTMLUListElement>;
+}): React.JSX.Element;
+interface ActionGuideActionProps extends Omit<ButtonProps, "color" | "iconOnly" | "nativeButton" | "render" | "size" | "variant"> {
+  /** Decorative leading glyph or app mark. */
+  icon?: React.ReactNode;
+  /** Raised actions are prominent; ghost actions form a quieter task list. */
+  variant?: "surface" | "ghost";
+}
+/** One native-button action inside an {@link ActionGuideList}. */
+declare function ActionGuideAction({
+  icon,
+  variant,
+  children,
+  className,
+  type,
+  ref,
+  ...props
+}: ActionGuideActionProps & {
+  ref?: React.Ref<HTMLButtonElement>;
+}): React.JSX.Element;
+//#endregion
+export { ActionGuide, ActionGuideAction, ActionGuideActionProps, ActionGuideHeadingLevel, ActionGuideList, ActionGuideListLayout, ActionGuideListProps, ActionGuideProps, ActionGuideSection, ActionGuideSectionProps };

package/dist/components/ActionGuide.js

@@ -0,0 +1,94 @@
+import { t as cx } from "../class-names-BiMDVpUo.js";
+import { Button } from "./Button.js";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/ActionGuide.tsx
+/**
+* Composable, app-agnostic guide for presenting groups of useful actions.
+*
+* Product code owns the copy, icons, availability, and click behavior. This
+* component owns only the shared article rhythm and responsive layout.
+*/
+function ActionGuide({ title, description, headingLevel = 2, children, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ref, ...props }) {
+	const titleId = React.useId();
+	const Title = `h${headingLevel}`;
+	return /* @__PURE__ */ jsxs("article", {
+		ref,
+		"data-slot": "action-guide",
+		"data-message-layout": "wide",
+		className: cx("action-guide", className),
+		"aria-label": ariaLabel,
+		"aria-labelledby": ariaLabel ? void 0 : ariaLabelledBy ?? titleId,
+		...props,
+		children: [/* @__PURE__ */ jsxs("header", {
+			"data-slot": "action-guide-header",
+			className: "action-guide__header",
+			children: [/* @__PURE__ */ jsx(Title, {
+				id: titleId,
+				"data-slot": "action-guide-title",
+				className: "action-guide__title",
+				children: title
+			}), description ? /* @__PURE__ */ jsx("p", {
+				"data-slot": "action-guide-description",
+				className: "action-guide__description",
+				children: description
+			}) : null]
+		}), children]
+	});
+}
+/** A labelled group inside an {@link ActionGuide}. */
+function ActionGuideSection({ title, headingLevel = 3, children, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ref, ...props }) {
+	const titleId = React.useId();
+	const Title = `h${headingLevel}`;
+	return /* @__PURE__ */ jsxs("section", {
+		ref,
+		"data-slot": "action-guide-section",
+		className: cx("action-guide__section", className),
+		"aria-label": ariaLabel,
+		"aria-labelledby": ariaLabel ? void 0 : ariaLabelledBy ?? titleId,
+		...props,
+		children: [/* @__PURE__ */ jsx(Title, {
+			id: titleId,
+			"data-slot": "action-guide-section-title",
+			className: "action-guide__section-title",
+			children: title
+		}), children]
+	});
+}
+/** Semantic action list with compact, card, and plain-row layouts. */
+function ActionGuideList({ layout = "compact", className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("ul", {
+		ref,
+		"data-slot": "action-guide-list",
+		"data-layout": layout,
+		className: cx("action-guide__list", className),
+		...props
+	});
+}
+/** One native-button action inside an {@link ActionGuideList}. */
+function ActionGuideAction({ icon, variant = "surface", children, className, type = "button", ref, ...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": "action-guide-item",
+		className: "action-guide__item",
+		children: /* @__PURE__ */ jsxs(Button, {
+			ref,
+			...props,
+			type,
+			variant,
+			color: "neutral",
+			className: cx("action-guide__action", className),
+			children: [icon ? /* @__PURE__ */ jsx("span", {
+				"data-slot": "action-guide-action-icon",
+				className: "action-guide__action-icon",
+				"aria-hidden": true,
+				children: icon
+			}) : null, /* @__PURE__ */ jsx("span", {
+				"data-slot": "action-guide-action-label",
+				className: "action-guide__action-label",
+				children
+			})]
+		})
+	});
+}
+//#endregion
+export { ActionGuide, ActionGuideAction, ActionGuideList, ActionGuideSection };

package/dist/components/Activity.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Collapsible } from "./Collapsible.js";
-import { p as ChevronRightIcon } from "../icons-DyOM0EJs.js";
+import { m as ChevronRightIcon } from "../icons-ua6f_GH3.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Activity.tsx

package/dist/components/AgentActivity.js

@@ -1,4 +1,5 @@
-import { $ as WrenchIcon, D as InfoIcon, O as LinkIcon, P as MonitorIcon, Q as WarningIcon, S as FileIcon, W as SearchIcon, X as TerminalIcon, z as PencilIcon } from "../icons-DyOM0EJs.js";
+import { $ as WarningIcon, B as PencilIcon, C as FileIcon, F as MonitorIcon, G as SearchIcon, O as InfoIcon, Z as TerminalIcon, et as WrenchIcon, k as LinkIcon } from "../icons-ua6f_GH3.js";
+import { inferFaviconUrl } from "../utils/favicon.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/AgentActivity.tsx
@@ -18,7 +19,7 @@ function AgentActivityIcon({ kind }) {
 }
 /** Site favicon for URL-backed activity, with the shared icon vocabulary as fallback. */
 function AgentActivityFavicon({ fallbackKind = "web", url }) {
-	const src = faviconHref(url);
+	const src = inferFaviconUrl(url);
 	const [failedSrc, setFailedSrc] = React.useState(null);
 	if (!src || failedSrc === src) return /* @__PURE__ */ jsx(AgentActivityIcon, { kind: fallbackKind });
 	return /* @__PURE__ */ jsx("img", {
@@ -31,14 +32,5 @@ function AgentActivityFavicon({ fallbackKind = "web", url }) {
 		onError: () => setFailedSrc(src)
 	});
 }
-function faviconHref(url) {
-	try {
-		const parsed = new URL(url);
-		if (parsed.protocol !== "http:" && parsed.protocol !== "https:") return null;
-		return new URL("/favicon.ico", parsed.origin).href;
-	} catch {
-		return null;
-	}
-}
 //#endregion
 export { AgentActivityFavicon, AgentActivityIcon };