@mcp-b/react-components 0.16.0 → 0.17.0

package/dist/components/Toolbar.d.ts

@@ -5,45 +5,27 @@ import { Toolbar as Toolbar$1 } from "@base-ui/react/toolbar";
 /**
  * Props for the Toolbar.Root component.
  */
-interface ToolbarRootProps extends Omit<React.ComponentPropsWithoutRef<typeof Toolbar$1.Root>, "className"> {
-  /** Additional CSS class names */
-  className?: string;
-}
+interface ToolbarRootProps extends React.ComponentPropsWithoutRef<typeof Toolbar$1.Root> {}
 /**
  * Props for the Toolbar.Button component.
  */
-interface ToolbarButtonProps extends Omit<React.ComponentPropsWithoutRef<typeof Toolbar$1.Button>, "className"> {
-  /** Additional CSS class names */
-  className?: string;
-}
+interface ToolbarButtonProps extends React.ComponentPropsWithoutRef<typeof Toolbar$1.Button> {}
 /**
  * Props for the Toolbar.Link component.
  */
-interface ToolbarLinkProps extends Omit<React.ComponentPropsWithoutRef<typeof Toolbar$1.Link>, "className"> {
-  /** Additional CSS class names */
-  className?: string;
-}
+interface ToolbarLinkProps extends React.ComponentPropsWithoutRef<typeof Toolbar$1.Link> {}
 /**
  * Props for the Toolbar.Group component.
  */
-interface ToolbarGroupProps extends Omit<React.ComponentPropsWithoutRef<typeof Toolbar$1.Group>, "className"> {
-  /** Additional CSS class names */
-  className?: string;
-}
+interface ToolbarGroupProps extends React.ComponentPropsWithoutRef<typeof Toolbar$1.Group> {}
 /**
  * Props for the Toolbar.Separator component.
  */
-interface ToolbarSeparatorProps extends Omit<React.ComponentPropsWithoutRef<typeof Toolbar$1.Separator>, "className"> {
-  /** Additional CSS class names */
-  className?: string;
-}
+interface ToolbarSeparatorProps extends React.ComponentPropsWithoutRef<typeof Toolbar$1.Separator> {}
 /**
  * Props for the Toolbar.Input component.
  */
-interface ToolbarInputProps extends Omit<React.ComponentPropsWithoutRef<typeof Toolbar$1.Input>, "className"> {
-  /** Additional CSS class names */
-  className?: string;
-}
+interface ToolbarInputProps extends React.ComponentPropsWithoutRef<typeof Toolbar$1.Input> {}
 /**
  * Container for grouping toolbar buttons and controls.
  *

package/dist/components/Toolbar.js

@@ -1,3 +1,4 @@
+import { n as mergeBaseClassName } from "../class-names-Bk-QLWWI.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Toolbar as Toolbar$1 } from "@base-ui/react/toolbar";
@@ -17,8 +18,8 @@ import { Toolbar as Toolbar$1 } from "@base-ui/react/toolbar";
 *
 * @see {@link https://base-ui.com/react/components/toolbar | Base UI Toolbar}
 */
-function ToolbarRoot({ className = "", ref, ...props }) {
-	const classes = ["toolbar", className].filter(Boolean).join(" ");
+function ToolbarRoot({ className, ref, ...props }) {
+	const classes = mergeBaseClassName("toolbar", className);
 	return /* @__PURE__ */ jsx(Toolbar$1.Root, {
 		ref,
 		"data-slot": "toolbar",
@@ -29,8 +30,8 @@ function ToolbarRoot({ className = "", ref, ...props }) {
 /**
 * A clickable button within the toolbar.
 */
-function ToolbarButton({ className = "", ref, ...props }) {
-	const classes = ["toolbar__button", className].filter(Boolean).join(" ");
+function ToolbarButton({ className, ref, ...props }) {
+	const classes = mergeBaseClassName("toolbar__button", className);
 	return /* @__PURE__ */ jsx(Toolbar$1.Button, {
 		ref,
 		"data-slot": "toolbar-button",
@@ -41,8 +42,8 @@ function ToolbarButton({ className = "", ref, ...props }) {
 /**
 * A link element within the toolbar.
 */
-function ToolbarLink({ className = "", ref, ...props }) {
-	const classes = ["toolbar__link", className].filter(Boolean).join(" ");
+function ToolbarLink({ className, ref, ...props }) {
+	const classes = mergeBaseClassName("toolbar__link", className);
 	return /* @__PURE__ */ jsx(Toolbar$1.Link, {
 		ref,
 		"data-slot": "toolbar-link",
@@ -53,8 +54,8 @@ function ToolbarLink({ className = "", ref, ...props }) {
 /**
 * Groups toolbar items together.
 */
-function ToolbarGroup({ className = "", ref, ...props }) {
-	const classes = ["toolbar__group", className].filter(Boolean).join(" ");
+function ToolbarGroup({ className, ref, ...props }) {
+	const classes = mergeBaseClassName("toolbar__group", className);
 	return /* @__PURE__ */ jsx(Toolbar$1.Group, {
 		ref,
 		"data-slot": "toolbar-group",
@@ -65,8 +66,8 @@ function ToolbarGroup({ className = "", ref, ...props }) {
 /**
 * Visual separator between toolbar sections.
 */
-function ToolbarSeparator({ className = "", ref, ...props }) {
-	const classes = ["toolbar__separator", className].filter(Boolean).join(" ");
+function ToolbarSeparator({ className, ref, ...props }) {
+	const classes = mergeBaseClassName("toolbar__separator", className);
 	return /* @__PURE__ */ jsx(Toolbar$1.Separator, {
 		ref,
 		"data-slot": "toolbar-separator",
@@ -77,8 +78,8 @@ function ToolbarSeparator({ className = "", ref, ...props }) {
 /**
 * Input element within the toolbar.
 */
-function ToolbarInput({ className = "", ref, ...props }) {
-	const classes = ["toolbar__input", className].filter(Boolean).join(" ");
+function ToolbarInput({ className, ref, ...props }) {
+	const classes = mergeBaseClassName("toolbar__input", className);
 	return /* @__PURE__ */ jsx(Toolbar$1.Input, {
 		ref,
 		"data-slot": "toolbar-input",

package/dist/components/Tooltip.d.ts

@@ -9,15 +9,9 @@ interface TooltipPositionerProps extends Tooltip$1.Positioner.Props {}
 interface TooltipProviderProps extends Tooltip$1.Provider.Props {
   delayDuration?: number;
 }
-interface TooltipPopupProps extends Omit<Tooltip$1.Popup.Props, "className"> {
-  className?: string;
-}
-interface TooltipViewportProps extends Omit<Tooltip$1.Viewport.Props, "className"> {
-  className?: string;
-}
-interface TooltipArrowProps extends Omit<Tooltip$1.Arrow.Props, "className"> {
-  className?: string;
-}
+interface TooltipPopupProps extends Tooltip$1.Popup.Props {}
+interface TooltipViewportProps extends Tooltip$1.Viewport.Props {}
+interface TooltipArrowProps extends Tooltip$1.Arrow.Props {}
 /**
  * A tooltip component for displaying helpful information on hover.
  *

package/dist/components/Tooltip.js

@@ -1,3 +1,4 @@
+import { n as mergeBaseClassName } from "../class-names-Bk-QLWWI.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Tooltip as Tooltip$1 } from "@base-ui/react/tooltip";
@@ -36,12 +37,8 @@ function TooltipTrigger(props) {
 		...props
 	});
 }
-function TooltipPopup({ className = "", ref, role = "tooltip", ...props }) {
-	const classes = [
-		"tooltip__popup",
-		"base-ui-popup",
-		className
-	].filter(Boolean).join(" ");
+function TooltipPopup({ className, ref, role = "tooltip", ...props }) {
+	const classes = mergeBaseClassName(["tooltip__popup", "base-ui-popup"].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Tooltip$1.Popup, {
 		ref,
 		role,
@@ -55,8 +52,8 @@ function TooltipPopup({ className = "", ref, role = "tooltip", ...props }) {
 * triggers. Pair the adaptive classes from `base-ui-motion.css` with the
 * positioner, popup, and this viewport when that behavior is needed.
 */
-function TooltipViewport({ className = "", ref, ...props }) {
-	const classes = ["tooltip__viewport", className].filter(Boolean).join(" ");
+function TooltipViewport({ className, ref, ...props }) {
+	const classes = mergeBaseClassName(["tooltip__viewport"].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Tooltip$1.Viewport, {
 		ref,
 		"data-slot": "tooltip-viewport",
@@ -64,8 +61,8 @@ function TooltipViewport({ className = "", ref, ...props }) {
 		...props
 	});
 }
-function TooltipArrow({ className = "", ref, ...props }) {
-	const classes = ["tooltip__arrow", className].filter(Boolean).join(" ");
+function TooltipArrow({ className, ref, ...props }) {
+	const classes = mergeBaseClassName(["tooltip__arrow"].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Tooltip$1.Arrow, {
 		ref,
 		"data-slot": "tooltip-arrow",

package/dist/components/WebPreview.d.ts

@@ -77,8 +77,7 @@ declare function WebPreviewNavigation({
 }: WebPreviewNavigationProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface WebPreviewNavigationButtonProps extends Omit<ButtonProps, "variant" | "size" | "color" | "className" | "onClick"> {
-  className?: string;
+interface WebPreviewNavigationButtonProps extends Omit<ButtonProps, "variant" | "size" | "color" | "onClick"> {
   action?: "back" | "forward" | "reload";
   label?: string;
   tooltip?: string;

package/dist/components/WebPreview.js

@@ -1,5 +1,5 @@
-import { t as cx } from "../class-names-9UtZwb0J.js";
-import { L as RefreshIcon, n as ArrowLeftIcon, r as ArrowRightIcon, s as ChevronDownIcon } from "../icons-CpfUer49.js";
+import { t as cx } from "../class-names-Bk-QLWWI.js";
+import { R as RefreshIcon, c as ChevronDownIcon, n as ArrowLeftIcon, r as ArrowRightIcon } from "../icons--FqCZEc3.js";
 import { Button } from "./Button.js";
 import { Tooltip } from "./Tooltip.js";
 import { Badge } from "./Badge.js";
@@ -122,6 +122,7 @@ function WebPreview({ className, defaultUrl = "", url: controlledUrl, onUrlChang
 			ref,
 			className: cx("web-preview", className),
 			...props,
+			"data-recipe": "framed-panel",
 			children
 		})
 	});
@@ -246,7 +247,7 @@ function WebPreviewConsole({ className, logs = [], children, ref, ...props }) {
 			children: [/* @__PURE__ */ jsxs(ScrollArea.Viewport, {
 				className: "web-preview__console-viewport",
 				children: [/* @__PURE__ */ jsx("ul", {
-					className: "web-preview__console-list",
+					className: "web-preview__console-list sigvelo-stack-list",
 					children: logs.length === 0 ? /* @__PURE__ */ jsx("li", {
 						className: "web-preview__console-empty",
 						children: "No console output"

package/dist/components/Workspace.d.ts

@@ -1,2 +1,2 @@
-import { a as useWorkspace, i as WorkspaceState, n as WorkspaceInfo, r as WorkspaceSource, t as UseWorkspaceOptions } from "../Workspace-D39LxGvP.js";
+import { a as useWorkspace, i as WorkspaceState, n as WorkspaceInfo, r as WorkspaceSource, t as UseWorkspaceOptions } from "../Workspace-C9RFoxcu.js";
 export { UseWorkspaceOptions, WorkspaceInfo, WorkspaceSource, WorkspaceState, useWorkspace };

package/dist/components/Workspace.js

@@ -1,3 +1,4 @@
+import { n as isWorkspacePathWithinRoot, t as canonicalizeAbsoluteWorkspacePath } from "../workspace-path-L_KmjRjq.js";
 import { getWorkspaceBasename, inferWorkspaceMedia } from "./WorkspaceFile.js";
 import * as React from "react";
 //#region src/components/Workspace.ts
@@ -9,22 +10,6 @@ const EMPTY_PATHS = /* @__PURE__ */ new Set();
 function toErrorMessage(error) {
 	return error instanceof Error ? error.message : String(error);
 }
-function normalizeWorkspacePath(path) {
-	if (!path.startsWith("/") || path.includes("\0")) return null;
-	const segments = [];
-	for (const segment of path.split("/")) {
-		if (!segment || segment === ".") continue;
-		if (segment === "..") segments.pop();
-		else segments.push(segment);
-	}
-	return `/${segments.join("/")}`;
-}
-function isPathWithinWorkspaceRoot(path, root) {
-	const normalizedPath = normalizeWorkspacePath(path);
-	const normalizedRoot = normalizeWorkspacePath(root);
-	if (!normalizedPath || !normalizedRoot) return false;
-	return normalizedRoot === "/" || normalizedPath === normalizedRoot || normalizedPath.startsWith(`${normalizedRoot}/`);
-}
 function getWorkspaceParentPath(path) {
 	const separatorIndex = path.lastIndexOf("/");
 	return separatorIndex <= 0 ? "/" : path.slice(0, separatorIndex);
@@ -215,7 +200,7 @@ function useWorkspace({ source, root = "/", resolveFileAsset, maxInlineAssetByte
 		let media = inferWorkspaceMedia(path, fileInfo?.mimeType);
 		const requestIsCurrent = () => !controller.signal.aborted && generation === sourceIdentityRef.current.generation && selectedPathRef.current === path && (refreshRequestVersion === void 0 || refreshRequestVersionRef.current === refreshRequestVersion);
 		try {
-			if (!isPathWithinWorkspaceRoot(path, root)) throw new Error("This file is outside the configured workspace root.");
+			if (!isWorkspacePathWithinRoot(path, root)) throw new Error("This file is outside the configured workspace root.");
 			const resolvedInfo = await source.stat(path);
 			if (!requestIsCurrent()) return;
 			if (!resolvedInfo) {
@@ -223,16 +208,16 @@ function useWorkspace({ source, root = "/", resolveFileAsset, maxInlineAssetByte
 				throw new Error("File metadata is unavailable because source.stat() returned null.");
 			}
 			fileInfo = resolvedInfo;
-			const readPath = normalizeWorkspacePath(resolvedInfo.path);
+			const readPath = canonicalizeAbsoluteWorkspacePath(resolvedInfo.path);
 			if (!readPath) throw new Error("The workspace source returned an invalid file path from stat().");
 			if (readPath !== resolvedInfo.path) throw new Error("The workspace source returned a non-canonical file path from stat().");
-			if (!isPathWithinWorkspaceRoot(readPath, root)) throw new Error("This file's resolved path is outside the configured workspace root.");
+			if (!isWorkspacePathWithinRoot(readPath, root)) throw new Error("This file's resolved path is outside the configured workspace root.");
 			media = inferWorkspaceMedia(readPath, resolvedInfo.mimeType);
 			const resolver = resolveFileAssetRef.current;
 			const resolvedAsset = resolver ? await resolver({
 				path: readPath,
 				requestedPath: path,
-				root: normalizeWorkspacePath(root) ?? root,
+				root: canonicalizeAbsoluteWorkspacePath(root) ?? root,
 				info: resolvedInfo,
 				signal: controller.signal
 			}) : null;

package/dist/components/WorkspaceBrowser.d.ts

@@ -1,4 +1,4 @@
-import { i as WorkspaceState } from "../Workspace-D39LxGvP.js";
+import { i as WorkspaceState } from "../Workspace-C9RFoxcu.js";
 import * as React from "react";
 
 //#region src/components/WorkspaceBrowser.d.ts

package/dist/components/WorkspaceBrowser.js

@@ -1,6 +1,6 @@
-import { R as SearchIcon } from "../icons-CpfUer49.js";
+import { z as SearchIcon } from "../icons--FqCZEc3.js";
 import { Field } from "./Field.js";
-import { i as FileTreeFolder, r as FileTreeFile, t as FileTree } from "../FileTree-CkVbIMWV.js";
+import { i as FileTreeFolder, r as FileTreeFile, t as FileTree } from "../FileTree-B7bBsUyU.js";
 import { WorkspaceHeader } from "./WorkspaceHeader.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -57,7 +57,7 @@ function WorkspaceBrowser({ workspace, title = "Workspace", leading, actions, sh
 			className: "workspace-explorer__filter",
 			name: "workspace-filter",
 			children: [/* @__PURE__ */ jsx(Field.Label, {
-				className: "workspace-explorer__filter-label",
+				className: "workspace-explorer__filter-label sigvelo-visually-hidden",
 				children: "Filter workspace files"
 			}), /* @__PURE__ */ jsxs("div", {
 				className: "workspace-explorer__filter-control",

package/dist/components/WorkspaceExplorer.d.ts

@@ -1,33 +1,5 @@
 import { a as WorkspaceFileLinkProps, c as WorkspaceLinkResolution, d as WorkspaceNavigationProvider, f as WorkspaceNavigationProviderProps, i as WorkspaceFileLink, l as WorkspaceNavigationAdapter, n as WorkspaceDestination, o as WorkspaceInvalidDestination, p as resolveWorkspaceLink, r as WorkspaceExternalDestination, s as WorkspaceLinkBase, t as ResolveWorkspaceLinkOptions, u as WorkspaceNavigationEntry } from "../WorkspaceLink-DK1DWMHe.js";
-import { a as WorkspaceMediaInfo, c as WorkspaceMediaTrackKind, d as inferWorkspaceLanguage, f as inferWorkspaceMedia, g as parseWorkspaceSkill, h as isWorkspaceSkillPath, i as WorkspaceFileState, l as WorkspaceSkillDocument, m as isWorkspaceMediaPath, n as WorkspaceFileAssetRequest, o as WorkspaceMediaKind, p as isWorkspaceMarkdownPath, r as WorkspaceFileAssetResolver, s as WorkspaceMediaTrack, t as WorkspaceFileAsset } from "../WorkspaceFile-DOZkPwzu.js";
-import { a as useWorkspace, i as WorkspaceState, n as WorkspaceInfo, r as WorkspaceSource, t as UseWorkspaceOptions } from "../Workspace-D39LxGvP.js";
-import * as React from "react";
-
-//#region src/components/WorkspaceExplorer.d.ts
-interface WorkspaceExplorerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
-  workspace: WorkspaceState;
-  /** Host-owned URL/history adapter shared by chat links and the file explorer. */
-  navigation: WorkspaceNavigationAdapter;
-  /** Header label. Defaults to "Workspace". */
-  title?: React.ReactNode;
-  /** Leading workspace control, such as a host-owned Back to chat button. */
-  leading?: React.ReactNode;
-  /** Extra header actions, rendered next to the built-in refresh button. */
-  actions?: React.ReactNode;
-  /** Show the file filter input. Hidden by default to keep the browser compact. */
-  showFilter?: boolean;
-  filterPlaceholder?: string;
-  emptyState?: React.ReactNode;
-}
-/**
- * Convenience workspace application composed from `WorkspaceBrowser` and
- * `WorkspaceFileView`. The host adapter owns URLs and history; the explorer
- * only restores presentation state for stable navigation entry keys.
- */
-declare function WorkspaceExplorer({
-  ...props
-}: WorkspaceExplorerProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-//#endregion
+import { a as WorkspaceMediaInfo, c as WorkspaceMediaTrackKind, d as inferWorkspaceLanguage, f as inferWorkspaceMedia, g as parseWorkspaceSkill, h as isWorkspaceSkillPath, i as WorkspaceFileState, l as WorkspaceSkillDocument, m as isWorkspaceMediaPath, n as WorkspaceFileAssetRequest, o as WorkspaceMediaKind, p as isWorkspaceMarkdownPath, r as WorkspaceFileAssetResolver, s as WorkspaceMediaTrack, t as WorkspaceFileAsset } from "../WorkspaceFile-C8UzuSH4.js";
+import { a as useWorkspace, i as WorkspaceState, n as WorkspaceInfo, r as WorkspaceSource, t as UseWorkspaceOptions } from "../Workspace-C9RFoxcu.js";
+import { n as WorkspaceExplorerProps, t as WorkspaceExplorer } from "../WorkspaceExplorer-sZewzT2O.js";
 export { type ResolveWorkspaceLinkOptions, type UseWorkspaceOptions, type WorkspaceDestination, WorkspaceExplorer, WorkspaceExplorerProps, type WorkspaceExternalDestination, type WorkspaceFileAsset, type WorkspaceFileAssetRequest, type WorkspaceFileAssetResolver, WorkspaceFileLink, type WorkspaceFileLinkProps, type WorkspaceFileState, type WorkspaceInfo, type WorkspaceInvalidDestination, type WorkspaceLinkBase, type WorkspaceLinkResolution, type WorkspaceMediaInfo, type WorkspaceMediaKind, type WorkspaceMediaTrack, type WorkspaceMediaTrackKind, type WorkspaceNavigationAdapter, type WorkspaceNavigationEntry, WorkspaceNavigationProvider, type WorkspaceNavigationProviderProps, type WorkspaceSkillDocument, type WorkspaceSource, type WorkspaceState, inferWorkspaceLanguage, inferWorkspaceMedia, isWorkspaceMarkdownPath, isWorkspaceMediaPath, isWorkspaceSkillPath, parseWorkspaceSkill, resolveWorkspaceLink, useWorkspace };

package/dist/components/WorkspaceExplorer.js

@@ -1,9 +1,9 @@
-import { t as cx } from "../class-names-9UtZwb0J.js";
-import { a as WorkspaceNavigationRestorationBoundary, n as WorkspaceNavigationProvider, o as useRequiredWorkspaceNavigationRestoration, r as resolveWorkspaceLink, t as WorkspaceFileLink } from "../WorkspaceLink-DIPbXrUM.js";
+import { t as cx } from "../class-names-Bk-QLWWI.js";
+import { a as WorkspaceNavigationRestorationBoundary, n as WorkspaceNavigationProvider, o as useRequiredWorkspaceNavigationRestoration, r as resolveWorkspaceLink, t as WorkspaceFileLink } from "../WorkspaceLink-B1ykV1dS.js";
 import { n as mergeRefs } from "../merge-refs-DF_7w2x_.js";
 import { WorkspaceBrowser } from "./WorkspaceBrowser.js";
 import { inferWorkspaceLanguage, inferWorkspaceMedia, isWorkspaceMarkdownPath, isWorkspaceMediaPath, isWorkspaceSkillPath, parseWorkspaceSkill } from "./WorkspaceFile.js";
-import { t as WorkspaceFileView } from "../WorkspaceFileView-rSN_yT0L.js";
+import { t as WorkspaceFileView } from "../WorkspaceFileView-DNdGAEiX.js";
 import { useWorkspace } from "./Workspace.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/WorkspaceFile.d.ts

@@ -1,2 +1,2 @@
-import { a as WorkspaceMediaInfo, c as WorkspaceMediaTrackKind, d as inferWorkspaceLanguage, f as inferWorkspaceMedia, g as parseWorkspaceSkill, h as isWorkspaceSkillPath, i as WorkspaceFileState, l as WorkspaceSkillDocument, m as isWorkspaceMediaPath, n as WorkspaceFileAssetRequest, o as WorkspaceMediaKind, p as isWorkspaceMarkdownPath, r as WorkspaceFileAssetResolver, s as WorkspaceMediaTrack, t as WorkspaceFileAsset, u as getWorkspaceBasename } from "../WorkspaceFile-DOZkPwzu.js";
+import { a as WorkspaceMediaInfo, c as WorkspaceMediaTrackKind, d as inferWorkspaceLanguage, f as inferWorkspaceMedia, g as parseWorkspaceSkill, h as isWorkspaceSkillPath, i as WorkspaceFileState, l as WorkspaceSkillDocument, m as isWorkspaceMediaPath, n as WorkspaceFileAssetRequest, o as WorkspaceMediaKind, p as isWorkspaceMarkdownPath, r as WorkspaceFileAssetResolver, s as WorkspaceMediaTrack, t as WorkspaceFileAsset, u as getWorkspaceBasename } from "../WorkspaceFile-C8UzuSH4.js";
 export { WorkspaceFileAsset, WorkspaceFileAssetRequest, WorkspaceFileAssetResolver, WorkspaceFileState, WorkspaceMediaInfo, WorkspaceMediaKind, WorkspaceMediaTrack, WorkspaceMediaTrackKind, WorkspaceSkillDocument, getWorkspaceBasename, inferWorkspaceLanguage, inferWorkspaceMedia, isWorkspaceMarkdownPath, isWorkspaceMediaPath, isWorkspaceSkillPath, parseWorkspaceSkill };

package/dist/components/WorkspaceFileView.d.ts

@@ -1,4 +1,4 @@
-import { i as WorkspaceFileState } from "../WorkspaceFile-DOZkPwzu.js";
+import { i as WorkspaceFileState } from "../WorkspaceFile-C8UzuSH4.js";
 import * as React from "react";
 
 //#region src/components/WorkspaceFileView.d.ts

package/dist/components/WorkspaceFileView.js

@@ -1,2 +1,2 @@
-import { t as WorkspaceFileView } from "../WorkspaceFileView-rSN_yT0L.js";
+import { t as WorkspaceFileView } from "../WorkspaceFileView-DNdGAEiX.js";
 export { WorkspaceFileView };

package/dist/components/WorkspaceHeader.js

@@ -1,4 +1,4 @@
-import { L as RefreshIcon, n as ArrowLeftIcon, r as ArrowRightIcon } from "../icons-CpfUer49.js";
+import { R as RefreshIcon, n as ArrowLeftIcon, r as ArrowRightIcon } from "../icons--FqCZEc3.js";
 import { AppTopBar } from "./AppTopBar.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/WorkspaceLink.js

@@ -1,2 +1,2 @@
-import { n as WorkspaceNavigationProvider, r as resolveWorkspaceLink, t as WorkspaceFileLink } from "../WorkspaceLink-DIPbXrUM.js";
+import { n as WorkspaceNavigationProvider, r as resolveWorkspaceLink, t as WorkspaceFileLink } from "../WorkspaceLink-B1ykV1dS.js";
 export { WorkspaceFileLink, WorkspaceNavigationProvider, resolveWorkspaceLink };

package/dist/components/icons.d.ts

@@ -1,2 +1,2 @@
-import { A as MinusIcon, B as SearchIcon, C as ImageIcon, D as McpIcon, E as MaximizeIcon, F as PencilIcon, G as StopIcon, H as SpinnerIcon, I as PlayIcon, J as TrashIcon, K as SunIcon, L as PlusIcon, M as MoonIcon, N as PaperclipIcon, O as MessageSquareIcon, P as PauseIcon, R as QueueIcon, S as IconProps, T as LinkIcon, U as SquareIcon, V as SidebarIcon, W as SteerIcon, X as WrenchIcon, Y as WarningIcon, Z as XIcon, _ as EyeIcon, a as BoxIcon, b as FolderIcon, c as ChevronDownIcon, d as CodeIcon, f as CopyIcon, g as EllipsisIcon, h as DownloadIcon, i as ArrowUpIcon, j as MonitorIcon, k as MicrophoneIcon, l as ChevronLeftIcon, m as DotIcon, n as ArrowLeftIcon, o as BrandIconProps, p as DiscordIcon, q as TerminalIcon, r as ArrowRightIcon, s as CheckIcon, t as ArrowDownIcon, u as ChevronRightIcon, v as EyeOffIcon, w as InfoIcon, x as FolderOpenIcon, y as FileIcon, z as RefreshIcon } from "../icons-GQd1xF4e.js";
-export { ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BoxIcon, BrandIconProps, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, CodeIcon, CopyIcon, DiscordIcon, DotIcon, DownloadIcon, EllipsisIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, IconProps, ImageIcon, InfoIcon, LinkIcon, MaximizeIcon, McpIcon, MessageSquareIcon, MicrophoneIcon, MinusIcon, MonitorIcon, MoonIcon, PaperclipIcon, PauseIcon, PencilIcon, PlayIcon, PlusIcon, QueueIcon, RefreshIcon, SearchIcon, SidebarIcon, SpinnerIcon, SquareIcon, SteerIcon, StopIcon, SunIcon, TerminalIcon, TrashIcon, WarningIcon, WrenchIcon, XIcon };
+import { A as MicrophoneIcon, B as RefreshIcon, C as IconProps, D as MaximizeIcon, E as LinkIcon, F as PauseIcon, G as SteerIcon, H as SidebarIcon, I as PencilIcon, J as TerminalIcon, K as StopIcon, L as PlayIcon, M as MonitorIcon, N as MoonIcon, O as McpIcon, P as PaperclipIcon, Q as XIcon, R as PlusIcon, S as FolderOpenIcon, T as InfoIcon, U as SpinnerIcon, V as SearchIcon, W as SquareIcon, X as WarningIcon, Y as TrashIcon, Z as WrenchIcon, _ as EllipsisIcon, a as BookmarkIcon, b as FileIcon, c as CheckIcon, d as ChevronRightIcon, f as CodeIcon, g as DownloadIcon, h as DotIcon, i as ArrowUpIcon, j as MinusIcon, k as MessageSquareIcon, l as ChevronDownIcon, m as DiscordIcon, n as ArrowLeftIcon, o as BoxIcon, p as CopyIcon, q as SunIcon, r as ArrowRightIcon, s as BrandIconProps, t as ArrowDownIcon, u as ChevronLeftIcon, v as EyeIcon, w as ImageIcon, x as FolderIcon, y as EyeOffIcon, z as QueueIcon } from "../icons-DpUqY8Mp.js";
+export { ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BookmarkIcon, BoxIcon, BrandIconProps, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, CodeIcon, CopyIcon, DiscordIcon, DotIcon, DownloadIcon, EllipsisIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, IconProps, ImageIcon, InfoIcon, LinkIcon, MaximizeIcon, McpIcon, MessageSquareIcon, MicrophoneIcon, MinusIcon, MonitorIcon, MoonIcon, PaperclipIcon, PauseIcon, PencilIcon, PlayIcon, PlusIcon, QueueIcon, RefreshIcon, SearchIcon, SidebarIcon, SpinnerIcon, SquareIcon, SteerIcon, StopIcon, SunIcon, TerminalIcon, TrashIcon, WarningIcon, WrenchIcon, XIcon };

package/dist/components/icons.js

@@ -1,2 +1,2 @@
-import { A as MoonIcon, B as SpinnerIcon, C as LinkIcon, D as MicrophoneIcon, E as MessageSquareIcon, F as PlusIcon, G as TerminalIcon, H as SteerIcon, I as QueueIcon, J as WrenchIcon, K as TrashIcon, L as RefreshIcon, M as PauseIcon, N as PencilIcon, O as MinusIcon, P as PlayIcon, R as SearchIcon, S as InfoIcon, T as McpIcon, U as StopIcon, V as SquareIcon, W as SunIcon, Y as XIcon, _ as EyeOffIcon, a as BoxIcon, b as FolderOpenIcon, c as ChevronLeftIcon, d as CopyIcon, f as DiscordIcon, g as EyeIcon, h as EllipsisIcon, i as ArrowUpIcon, j as PaperclipIcon, k as MonitorIcon, l as ChevronRightIcon, m as DownloadIcon, n as ArrowLeftIcon, o as CheckIcon, p as DotIcon, q as WarningIcon, r as ArrowRightIcon, s as ChevronDownIcon, t as ArrowDownIcon, u as CodeIcon, v as FileIcon, w as MaximizeIcon, x as ImageIcon, y as FolderIcon, z as SidebarIcon } from "../icons-CpfUer49.js";
-export { ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BoxIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, CodeIcon, CopyIcon, DiscordIcon, DotIcon, DownloadIcon, EllipsisIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, ImageIcon, InfoIcon, LinkIcon, MaximizeIcon, McpIcon, MessageSquareIcon, MicrophoneIcon, MinusIcon, MonitorIcon, MoonIcon, PaperclipIcon, PauseIcon, PencilIcon, PlayIcon, PlusIcon, QueueIcon, RefreshIcon, SearchIcon, SidebarIcon, SpinnerIcon, SquareIcon, SteerIcon, StopIcon, SunIcon, TerminalIcon, TrashIcon, WarningIcon, WrenchIcon, XIcon };
+import { A as MonitorIcon, B as SidebarIcon, C as InfoIcon, D as MessageSquareIcon, E as McpIcon, F as PlayIcon, G as SunIcon, H as SquareIcon, I as PlusIcon, J as WarningIcon, K as TerminalIcon, L as QueueIcon, M as PaperclipIcon, N as PauseIcon, O as MicrophoneIcon, P as PencilIcon, R as RefreshIcon, S as ImageIcon, T as MaximizeIcon, U as SteerIcon, V as SpinnerIcon, W as StopIcon, X as XIcon, Y as WrenchIcon, _ as EyeIcon, a as BookmarkIcon, b as FolderIcon, c as ChevronDownIcon, d as CodeIcon, f as CopyIcon, g as EllipsisIcon, h as DownloadIcon, i as ArrowUpIcon, j as MoonIcon, k as MinusIcon, l as ChevronLeftIcon, m as DotIcon, n as ArrowLeftIcon, o as BoxIcon, p as DiscordIcon, q as TrashIcon, r as ArrowRightIcon, s as CheckIcon, t as ArrowDownIcon, u as ChevronRightIcon, v as EyeOffIcon, w as LinkIcon, x as FolderOpenIcon, y as FileIcon, z as SearchIcon } from "../icons--FqCZEc3.js";
+export { ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BookmarkIcon, BoxIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, CodeIcon, CopyIcon, DiscordIcon, DotIcon, DownloadIcon, EllipsisIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, ImageIcon, InfoIcon, LinkIcon, MaximizeIcon, McpIcon, MessageSquareIcon, MicrophoneIcon, MinusIcon, MonitorIcon, MoonIcon, PaperclipIcon, PauseIcon, PencilIcon, PlayIcon, PlusIcon, QueueIcon, RefreshIcon, SearchIcon, SidebarIcon, SpinnerIcon, SquareIcon, SteerIcon, StopIcon, SunIcon, TerminalIcon, TrashIcon, WarningIcon, WrenchIcon, XIcon };

package/dist/{copy-button-DtPMgN7e.d.ts → copy-button-CQx3LQAC.d.ts}

@@ -2,8 +2,7 @@ import { r as ButtonProps } from "./Button-FX_hpqxm.js";
 import * as React from "react";
 
 //#region src/components/_internal/copy-button.d.ts
-interface CopyButtonProps extends Omit<ButtonProps, "children" | "variant" | "color" | "className" | "onClick" | "onError"> {
-  className?: string;
+interface CopyButtonProps extends Omit<ButtonProps, "children" | "variant" | "color" | "onClick" | "onError"> {
   label: string;
   tooltip?: string;
   text: string;

package/dist/{copy-button-Dejn5heL.js → copy-button-cYsJBauI.js}

@@ -1,4 +1,4 @@
-import { d as CopyIcon, o as CheckIcon } from "./icons-CpfUer49.js";
+import { f as CopyIcon, s as CheckIcon } from "./icons--FqCZEc3.js";
 import { Button } from "./components/Button.js";
 import { Tooltip } from "./components/Tooltip.js";
 import * as React from "react";

package/dist/{icons-CpfUer49.js → icons--FqCZEc3.js}

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { ArrowDown, ArrowLeft, ArrowRight, ArrowUp, Box, Check, ChevronDown, ChevronLeft, ChevronRight, CircleStop, CodeXml, Copy, CornerDownRight, Dot, Download, Ellipsis, Eye, EyeOff, File, Folder, FolderOpen, Image, Info, Link2, ListRestart, LoaderCircle, Maximize2, MessageSquare, Mic, Minus, Monitor, Moon, PanelLeft, Paperclip, Pause, Pencil, Play, Plus, RefreshCw, Search, Square, Sun, Terminal, Trash2, TriangleAlert, Wrench, X } from "lucide-react";
+import { ArrowDown, ArrowLeft, ArrowRight, ArrowUp, Bookmark, Box, Check, ChevronDown, ChevronLeft, ChevronRight, CircleStop, CodeXml, Copy, CornerDownRight, Dot, Download, Ellipsis, Eye, EyeOff, File, Folder, FolderOpen, Image, Info, Link2, ListRestart, LoaderCircle, Maximize2, MessageSquare, Mic, Minus, Monitor, Moon, PanelLeft, Paperclip, Pause, Pencil, Play, Plus, RefreshCw, Search, Square, Sun, Terminal, Trash2, TriangleAlert, Wrench, X } from "lucide-react";
 import { SiDiscord, SiModelcontextprotocol } from "react-icons/si";
 //#region src/components/_internal/icons.tsx
 function icon(Component) {
@@ -49,6 +49,7 @@ const ArrowLeftIcon = icon(ArrowLeft);
 const ArrowRightIcon = icon(ArrowRight);
 const ArrowDownIcon = icon(ArrowDown);
 const ArrowUpIcon = icon(ArrowUp);
+const BookmarkIcon = icon(Bookmark);
 const DownloadIcon = icon(Download);
 const RefreshIcon = icon(RefreshCw);
 const DotIcon = icon(Dot);
@@ -82,4 +83,4 @@ const MoonIcon = icon(Moon);
 const SunIcon = icon(Sun);
 const MaximizeIcon = icon(Maximize2);
 //#endregion
-export { MoonIcon as A, SpinnerIcon as B, LinkIcon as C, MicrophoneIcon as D, MessageSquareIcon as E, PlusIcon as F, TerminalIcon as G, SteerIcon as H, QueueIcon as I, WrenchIcon as J, TrashIcon as K, RefreshIcon as L, PauseIcon as M, PencilIcon as N, MinusIcon as O, PlayIcon as P, SearchIcon as R, InfoIcon as S, McpIcon as T, StopIcon as U, SquareIcon as V, SunIcon as W, XIcon as Y, EyeOffIcon as _, BoxIcon as a, FolderOpenIcon as b, ChevronLeftIcon as c, CopyIcon as d, DiscordIcon as f, EyeIcon as g, EllipsisIcon as h, ArrowUpIcon as i, PaperclipIcon as j, MonitorIcon as k, ChevronRightIcon as l, DownloadIcon as m, ArrowLeftIcon as n, CheckIcon as o, DotIcon as p, WarningIcon as q, ArrowRightIcon as r, ChevronDownIcon as s, ArrowDownIcon as t, CodeIcon as u, FileIcon as v, MaximizeIcon as w, ImageIcon as x, FolderIcon as y, SidebarIcon as z };
+export { MonitorIcon as A, SidebarIcon as B, InfoIcon as C, MessageSquareIcon as D, McpIcon as E, PlayIcon as F, SunIcon as G, SquareIcon as H, PlusIcon as I, WarningIcon as J, TerminalIcon as K, QueueIcon as L, PaperclipIcon as M, PauseIcon as N, MicrophoneIcon as O, PencilIcon as P, RefreshIcon as R, ImageIcon as S, MaximizeIcon as T, SteerIcon as U, SpinnerIcon as V, StopIcon as W, XIcon as X, WrenchIcon as Y, EyeIcon as _, BookmarkIcon as a, FolderIcon as b, ChevronDownIcon as c, CodeIcon as d, CopyIcon as f, EllipsisIcon as g, DownloadIcon as h, ArrowUpIcon as i, MoonIcon as j, MinusIcon as k, ChevronLeftIcon as l, DotIcon as m, ArrowLeftIcon as n, BoxIcon as o, DiscordIcon as p, TrashIcon as q, ArrowRightIcon as r, CheckIcon as s, ArrowDownIcon as t, ChevronRightIcon as u, EyeOffIcon as v, LinkIcon as w, FolderOpenIcon as x, FileIcon as y, SearchIcon as z };

package/dist/{icons-GQd1xF4e.d.ts → icons-DpUqY8Mp.d.ts}

@@ -142,6 +142,11 @@ declare const ArrowUpIcon: ({
   strokeWidth,
   ...props
 }: IconProps) => import("react").JSX.Element;
+declare const BookmarkIcon: ({
+  size,
+  strokeWidth,
+  ...props
+}: IconProps) => import("react").JSX.Element;
 declare const DownloadIcon: ({
   size,
   strokeWidth,
@@ -257,4 +262,4 @@ declare const MaximizeIcon: ({
   ...props
 }: IconProps) => import("react").JSX.Element;
 //#endregion
-export { MinusIcon as A, SearchIcon as B, ImageIcon as C, McpIcon as D, MaximizeIcon as E, PencilIcon as F, StopIcon as G, SpinnerIcon as H, PlayIcon as I, TrashIcon as J, SunIcon as K, PlusIcon as L, MoonIcon as M, PaperclipIcon as N, MessageSquareIcon as O, PauseIcon as P, QueueIcon as R, IconProps as S, LinkIcon as T, SquareIcon as U, SidebarIcon as V, SteerIcon as W, WrenchIcon as X, WarningIcon as Y, XIcon as Z, EyeIcon as _, BoxIcon as a, FolderIcon as b, ChevronDownIcon as c, CodeIcon as d, CopyIcon as f, EllipsisIcon as g, DownloadIcon as h, ArrowUpIcon as i, MonitorIcon as j, MicrophoneIcon as k, ChevronLeftIcon as l, DotIcon as m, ArrowLeftIcon as n, BrandIconProps as o, DiscordIcon as p, TerminalIcon as q, ArrowRightIcon as r, CheckIcon as s, ArrowDownIcon as t, ChevronRightIcon as u, EyeOffIcon as v, InfoIcon as w, FolderOpenIcon as x, FileIcon as y, RefreshIcon as z };
+export { MicrophoneIcon as A, RefreshIcon as B, IconProps as C, MaximizeIcon as D, LinkIcon as E, PauseIcon as F, SteerIcon as G, SidebarIcon as H, PencilIcon as I, TerminalIcon as J, StopIcon as K, PlayIcon as L, MonitorIcon as M, MoonIcon as N, McpIcon as O, PaperclipIcon as P, XIcon as Q, PlusIcon as R, FolderOpenIcon as S, InfoIcon as T, SpinnerIcon as U, SearchIcon as V, SquareIcon as W, WarningIcon as X, TrashIcon as Y, WrenchIcon as Z, EllipsisIcon as _, BookmarkIcon as a, FileIcon as b, CheckIcon as c, ChevronRightIcon as d, CodeIcon as f, DownloadIcon as g, DotIcon as h, ArrowUpIcon as i, MinusIcon as j, MessageSquareIcon as k, ChevronDownIcon as l, DiscordIcon as m, ArrowLeftIcon as n, BoxIcon as o, CopyIcon as p, SunIcon as q, ArrowRightIcon as r, BrandIconProps as s, ArrowDownIcon as t, ChevronLeftIcon as u, EyeIcon as v, ImageIcon as w, FolderIcon as x, EyeOffIcon as y, QueueIcon as z };

package/dist/styles/agent-activity-preview.css

@@ -2,13 +2,11 @@
   position: relative;
   width: min(28rem, 100%);
   min-width: 0;
-  padding: var(--sigvelo-spacing-3) var(--sigvelo-spacing-2) var(--sigvelo-spacing-2);
-  border-radius: calc(var(--sigvelo-radius-lg) + var(--sigvelo-spacing-1));
+  padding: var(--sigvelo-spacing-2);
+  border-radius: var(--sigvelo-radius-lg);
   color: var(--sigvelo-color-text);
   background: color-mix(in oklab, var(--sigvelo-color-surface), transparent 3%);
-  box-shadow:
-    0 1.25rem 3rem color-mix(in oklab, var(--sigvelo-color-text), transparent 88%),
-    0 0.25rem 0.75rem color-mix(in oklab, var(--sigvelo-color-text), transparent 94%);
+  box-shadow: var(--sigvelo-shadow-xs);
 }
 
 .agent-activity-preview__badge {
@@ -95,12 +93,16 @@
   min-width: 0;
 }
 
+.agent-activity-preview__item:first-child {
+  padding-inline-end: calc(2rem + var(--sigvelo-spacing-0-5));
+}
+
 .agent-activity-preview__row {
   display: block;
   width: 100%;
   min-width: 0;
-  min-height: 2.5rem;
-  padding: var(--sigvelo-spacing-2);
+  min-height: var(--sigvelo-control-height-sm);
+  padding: var(--sigvelo-spacing-1-5);
   border: 0;
   border-radius: var(--sigvelo-radius-md);
   color: inherit;
@@ -120,9 +122,9 @@
 .agent-activity-preview__file-action {
   display: grid;
   place-items: center;
-  min-width: 2.5rem;
-  min-height: 2.5rem;
-  padding: var(--sigvelo-spacing-2);
+  min-width: var(--sigvelo-control-height-sm);
+  min-height: var(--sigvelo-control-height-sm);
+  padding: var(--sigvelo-spacing-1-5);
   border: 0;
   border-radius: var(--sigvelo-radius-md);
   color: var(--sigvelo-color-text-muted);
@@ -205,7 +207,7 @@
 
   .agent-activity-preview__row,
   .agent-activity-preview__file-action {
-    min-height: 2.75rem;
+    min-height: var(--sigvelo-control-height-xl);
   }
 }
 

package/dist/styles/agent-attention.css

@@ -2,13 +2,13 @@
   display: grid;
   width: min(22rem, 100%);
   min-width: 0;
-  gap: var(--sigvelo-spacing-2);
-  padding: var(--sigvelo-spacing-2);
+  gap: var(--sigvelo-spacing-1-5);
+  padding: var(--sigvelo-spacing-1-5);
   border: 1px solid var(--sigvelo-color-neutral-border-muted);
-  border-radius: var(--sigvelo-radius-lg);
+  border-radius: var(--sigvelo-radius-md);
   color: var(--sigvelo-color-text);
   background: var(--sigvelo-color-surface);
-  box-shadow: var(--sigvelo-shadow-md);
+  box-shadow: var(--sigvelo-shadow-xs);
 }
 
 .agent-attention[data-tone="warning"] {
@@ -20,26 +20,26 @@
   display: grid;
   grid-template-columns: auto minmax(0, 1fr) auto;
   align-items: center;
-  gap: var(--sigvelo-spacing-2);
+  gap: var(--sigvelo-spacing-1-5);
   min-width: 0;
 }
 
 .agent-attention__trigger.button {
   width: 100%;
   height: auto;
-  min-height: 2.5rem;
+  min-height: var(--sigvelo-control-height-sm);
   justify-content: stretch;
-  padding: var(--sigvelo-spacing-2);
-  margin: calc(-1 * var(--sigvelo-spacing-2));
+  padding: var(--sigvelo-spacing-1-5);
+  margin: calc(-1 * var(--sigvelo-spacing-1-5));
   text-align: start;
 }
 
 .agent-attention__icon {
   display: grid;
   place-items: center;
-  width: 2rem;
-  height: 2rem;
-  border-radius: var(--sigvelo-radius-md);
+  width: var(--sigvelo-control-height-xs);
+  height: var(--sigvelo-control-height-xs);
+  border-radius: var(--sigvelo-radius-sm);
   color: var(--sigvelo-color-text-muted);
   background: var(--sigvelo-color-neutral-bg-subtle);
 }
@@ -80,14 +80,20 @@
 .agent-attention__body {
   min-width: 0;
   overflow: hidden;
-  border-radius: var(--sigvelo-radius-md);
+  border-radius: var(--sigvelo-radius-sm);
 }
 
 .agent-attention__actions {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-end;
-  gap: var(--sigvelo-spacing-1-5);
+  gap: var(--sigvelo-spacing-1);
+}
+
+@media (any-pointer: coarse) {
+  .agent-attention__trigger.button {
+    min-height: var(--sigvelo-control-height-xl);
+  }
 }
 
 .agent-attention[data-busy] .agent-attention__title {