@mcp-b/react-components 0.7.1 → 0.8.0

package/dist/components/ThinkThreadPicker.js

@@ -0,0 +1,282 @@
+import { t as cx } from "../class-names-9UtZwb0J.js";
+import { M as SpinnerIcon, O as PlusIcon, j as SidebarIcon, u as DotIcon } from "../icons-D2Q5n5C1.js";
+import { Button } from "./Button.js";
+import { Tooltip, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipTrigger } from "./Tooltip.js";
+import { ScrollArea } from "./ScrollArea.js";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/ThinkThreadPicker.tsx
+const threadSidebarDefaultWidth = 256;
+const threadSidebarMinWidth = 224;
+const threadSidebarMaxWidth = 384;
+const threadSidebarKeyboardStep = 24;
+function useControllableSidebar({ sidebarOpen, defaultSidebarOpen, onSidebarOpenChange }) {
+	const [innerOpen, setInnerOpen] = React.useState(defaultSidebarOpen ?? true);
+	return [sidebarOpen ?? innerOpen, React.useCallback((next) => {
+		if (sidebarOpen === void 0) setInnerOpen(next);
+		onSidebarOpenChange?.(next);
+	}, [sidebarOpen, onSidebarOpenChange])];
+}
+function clampThreadSidebarWidth(width) {
+	return Math.min(threadSidebarMaxWidth, Math.max(threadSidebarMinWidth, width));
+}
+function beginThreadSidebarResize(event, current, apply) {
+	event.preventDefault();
+	const startX = event.clientX;
+	const onMove = (move) => {
+		apply(clampThreadSidebarWidth(current + move.clientX - startX));
+	};
+	const onUp = () => {
+		window.removeEventListener("pointermove", onMove);
+		window.removeEventListener("pointerup", onUp);
+		window.removeEventListener("pointercancel", onUp);
+		document.body.classList.remove("is-resizing-columns");
+	};
+	document.body.classList.add("is-resizing-columns");
+	window.addEventListener("pointermove", onMove);
+	window.addEventListener("pointerup", onUp);
+	window.addEventListener("pointercancel", onUp);
+}
+function toThreadDate(value) {
+	if (value === void 0) return void 0;
+	const date = value instanceof Date ? value : new Date(value);
+	return Number.isNaN(date.getTime()) ? void 0 : date;
+}
+function formatThreadTimestamp(thread) {
+	const date = toThreadDate(thread.updatedAt ?? thread.createdAt);
+	if (thread.updatedAtLabel) return {
+		date,
+		label: thread.updatedAtLabel
+	};
+	if (!date) return void 0;
+	const elapsed = Math.max(0, Date.now() - date.getTime());
+	const minute = 6e4;
+	const hour = 60 * minute;
+	const day = 24 * hour;
+	if (elapsed < hour) return {
+		date,
+		label: `${Math.max(1, Math.round(elapsed / minute))}m`
+	};
+	if (elapsed < day) return {
+		date,
+		label: `${Math.round(elapsed / hour)}h`
+	};
+	if (elapsed < 7 * day) return {
+		date,
+		label: `${Math.round(elapsed / day)}d`
+	};
+	return {
+		date,
+		label: date.toLocaleDateString(void 0, {
+			month: "short",
+			day: "numeric"
+		})
+	};
+}
+function formatThreadStatus(thread) {
+	if (thread.statusLabel) return thread.statusLabel;
+	if (!thread.status || thread.status === "idle" || thread.status === "ready") return void 0;
+	return thread.status.replaceAll("-", " ");
+}
+function isThreadBusy(status) {
+	return status === "pending" || status === "running" || status === "starting" || status === "streaming" || status === "submitted" || status === "recovering";
+}
+/**
+* Thread roster UI for sub-agent chat apps.
+*
+* This component does not call Think or Cloudflare RPC methods directly. Feed
+* it from the parent agent's roster method, then route `onSelect` into the
+* child `useAgent({ sub: [...] })` name. Keep backend contract notes beside the
+* parent Think agent because `listThreads()`/`createThread()` are app-owned.
+*/
+function ThinkThreadPicker({ threads, selectedId, onSelect, onCreate, className, title = "Recents", "aria-label": ariaLabel = "Threads", ref, ...props }) {
+	return /* @__PURE__ */ jsxs("aside", {
+		ref,
+		className: cx("think-thread-picker", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("header", {
+				className: "think-thread-picker__header",
+				children: /* @__PURE__ */ jsx("h2", {
+					className: "think-thread-picker__title",
+					children: title
+				})
+			}),
+			/* @__PURE__ */ jsx("nav", {
+				className: "think-thread-picker__nav",
+				"aria-label": ariaLabel,
+				children: /* @__PURE__ */ jsxs(ScrollArea.Root, {
+					className: "think-thread-picker__scroll",
+					children: [/* @__PURE__ */ jsx(ScrollArea.Viewport, {
+						className: "think-thread-picker__viewport",
+						"aria-label": "Thread list",
+						children: threads.length ? /* @__PURE__ */ jsx("ul", {
+							className: "think-thread-picker__list",
+							children: threads.map((thread) => {
+								const timestamp = formatThreadTimestamp(thread);
+								const statusLabel = formatThreadStatus(thread);
+								const busy = isThreadBusy(thread.status);
+								return /* @__PURE__ */ jsx("li", {
+									className: "think-thread-picker__item",
+									children: /* @__PURE__ */ jsxs(Button, {
+										type: "button",
+										variant: "ghost",
+										color: "neutral",
+										size: "sm",
+										className: "think-thread-picker__thread",
+										"data-selected": thread.id === selectedId ? "true" : "false",
+										"data-status": thread.status,
+										"aria-current": thread.id === selectedId ? "page" : void 0,
+										onClick: () => onSelect(thread.id),
+										children: [/* @__PURE__ */ jsx("span", {
+											className: "think-thread-picker__thread-title",
+											children: thread.title
+										}), statusLabel ? /* @__PURE__ */ jsx("span", {
+											className: "think-thread-picker__thread-status",
+											role: "img",
+											"aria-label": statusLabel,
+											title: statusLabel,
+											children: busy ? /* @__PURE__ */ jsx(SpinnerIcon, {}) : /* @__PURE__ */ jsx(DotIcon, {})
+										}) : timestamp?.date ? /* @__PURE__ */ jsx("time", {
+											className: "think-thread-picker__thread-time",
+											dateTime: timestamp.date.toISOString(),
+											title: timestamp.date.toLocaleString(),
+											children: timestamp.label
+										}) : timestamp ? /* @__PURE__ */ jsx("span", {
+											className: "think-thread-picker__thread-time",
+											children: timestamp.label
+										}) : null]
+									})
+								}, thread.id);
+							})
+						}) : /* @__PURE__ */ jsx("p", {
+							className: "think-thread-picker__empty",
+							children: "No threads yet."
+						})
+					}), /* @__PURE__ */ jsx(ScrollArea.Scrollbar, {
+						orientation: "vertical",
+						children: /* @__PURE__ */ jsx(ScrollArea.Thumb, {})
+					})]
+				})
+			}),
+			onCreate ? /* @__PURE__ */ jsx("div", {
+				className: "think-thread-picker__footer",
+				children: /* @__PURE__ */ jsxs(Button, {
+					type: "button",
+					variant: "normal",
+					color: "neutral",
+					size: "sm",
+					className: "think-thread-picker__create",
+					onClick: () => void onCreate(),
+					children: [/* @__PURE__ */ jsx(PlusIcon, {}), /* @__PURE__ */ jsx("span", { children: "New thread" })]
+				})
+			}) : null
+		]
+	});
+}
+/**
+* Layout wrapper for a thread picker beside one selected `ThinkFullApp`.
+*
+* Mobile keeps the drawer at about 80% width so the selected chat remains
+* visible as a preview. It only owns layout; callers still own the parent agent,
+* selected child agent, chat hook, and shared workspace.
+*/
+function ThinkThreadShell({ sidebar, sidebarOpen, defaultSidebarOpen, onSidebarOpenChange, className, children, ref, style, ...props }) {
+	const sidebarId = React.useId();
+	const [isSidebarOpen, setSidebarOpen] = useControllableSidebar({
+		sidebarOpen,
+		defaultSidebarOpen,
+		onSidebarOpenChange
+	});
+	const [sidebarWidth, setSidebarWidth] = React.useState(threadSidebarDefaultWidth);
+	const toggleLabel = isSidebarOpen ? "Hide threads" : "Show threads";
+	const rootStyle = {
+		...style,
+		"--think-thread-sidebar-w": `${sidebarWidth}px`
+	};
+	const resizeThreadSidebarBy = (delta) => {
+		setSidebarWidth((current) => clampThreadSidebarWidth(current + delta));
+	};
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: cx("think-thread-shell", className),
+		style: rootStyle,
+		...props,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "think-thread-shell__frame",
+			"data-sidebar-open": isSidebarOpen ? "true" : "false",
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: "think-thread-shell__toolbar",
+					role: "toolbar",
+					"aria-label": "Thread controls",
+					children: /* @__PURE__ */ jsx("div", {
+						className: "think-thread-shell__panel-toggle",
+						children: /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsx(Button, {
+							type: "button",
+							variant: "ghost",
+							color: "neutral",
+							size: "icon",
+							"aria-label": toggleLabel,
+							"aria-controls": sidebarId,
+							"aria-expanded": isSidebarOpen,
+							"aria-pressed": isSidebarOpen,
+							"data-selected": isSidebarOpen,
+							onClick: () => setSidebarOpen(!isSidebarOpen),
+							children: /* @__PURE__ */ jsx(SidebarIcon, {})
+						}) }), /* @__PURE__ */ jsx(TooltipPortal, { children: /* @__PURE__ */ jsx(TooltipPositioner, {
+							side: "bottom",
+							sideOffset: 6,
+							children: /* @__PURE__ */ jsx(TooltipPopup, { children: toggleLabel })
+						}) })] })
+					})
+				}),
+				isSidebarOpen ? /* @__PURE__ */ jsx("button", {
+					type: "button",
+					role: "separator",
+					"aria-label": "Resize threads panel",
+					"aria-orientation": "vertical",
+					"aria-valuemin": threadSidebarMinWidth,
+					"aria-valuemax": threadSidebarMaxWidth,
+					"aria-valuenow": sidebarWidth,
+					className: "think-thread-shell__resizer",
+					onPointerDown: (event) => beginThreadSidebarResize(event, sidebarWidth, setSidebarWidth),
+					onKeyDown: (event) => {
+						if (event.key === "ArrowLeft") {
+							event.preventDefault();
+							resizeThreadSidebarBy(-24);
+						} else if (event.key === "ArrowRight") {
+							event.preventDefault();
+							resizeThreadSidebarBy(threadSidebarKeyboardStep);
+						} else if (event.key === "Home") {
+							event.preventDefault();
+							setSidebarWidth(threadSidebarMinWidth);
+						} else if (event.key === "End") {
+							event.preventDefault();
+							setSidebarWidth(threadSidebarMaxWidth);
+						}
+					}
+				}) : null,
+				/* @__PURE__ */ jsx("div", {
+					id: sidebarId,
+					className: "think-thread-shell__sidebar",
+					"aria-hidden": isSidebarOpen ? void 0 : true,
+					inert: isSidebarOpen ? void 0 : true,
+					children: sidebar
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "think-thread-shell__main",
+					children
+				}),
+				isSidebarOpen ? /* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: "think-thread-shell__peek",
+					"aria-label": "Show selected thread",
+					onClick: () => setSidebarOpen(false)
+				}) : null
+			]
+		})
+	});
+}
+//#endregion
+export { ThinkThreadPicker, ThinkThreadShell };

package/dist/components/WebPreview.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { k as RefreshIcon, n as ArrowLeftIcon, o as ChevronDownIcon, r as ArrowRightIcon } from "../icons-BAlTbWWP.js";
+import { k as RefreshIcon, n as ArrowLeftIcon, o as ChevronDownIcon, r as ArrowRightIcon } from "../icons-D2Q5n5C1.js";
 import { Button } from "./Button.js";
 import { Tooltip, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipTrigger } from "./Tooltip.js";
 import { Badge } from "./Badge.js";

package/dist/components/WorkspaceExplorer.js

@@ -1,8 +1,8 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { A as SearchIcon, h as FileIcon, k as RefreshIcon, n as ArrowLeftIcon } from "../icons-BAlTbWWP.js";
+import { A as SearchIcon, h as FileIcon, k as RefreshIcon, n as ArrowLeftIcon } from "../icons-D2Q5n5C1.js";
 import { Button } from "./Button.js";
-import { a as CodeBlockCopyButton, i as CodeBlockContent, n as CodeBlockActions, o as CodeBlockFilename, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock } from "../CodeBlock-D9koxDA7.js";
-import { i as FileTreeFolder, r as FileTreeFile, t as FileTree } from "../FileTree-BdK93Uuu.js";
+import { a as CodeBlockCopyButton, i as CodeBlockContent, n as CodeBlockActions, o as CodeBlockFilename, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock } from "../CodeBlock-XNQOupQ3.js";
+import { i as FileTreeFolder, r as FileTreeFile, t as FileTree } from "../FileTree-wMyZhhHO.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/WorkspaceExplorer.tsx
@@ -193,7 +193,8 @@ const LANGUAGE_BY_EXTENSION = {
 };
 /** Best-effort syntax-highlighting language from a file path; unknown extensions render as plain text. */
 function inferWorkspaceLanguage(path) {
-	return LANGUAGE_BY_EXTENSION[basename(path).split(".").at(-1)?.toLowerCase() ?? ""] ?? "text";
+	const extension = basename(path).split(".").at(-1)?.toLowerCase() ?? "";
+	return LANGUAGE_BY_EXTENSION[extension] ?? "text";
 }
 /**
 * A Think workspace file browser with a preview pane: lazy directory tree,

package/dist/components/icons.d.ts

@@ -1,2 +1,2 @@
-import { A as RefreshIcon, C as MinusIcon, D as PencilIcon, E as PauseIcon, F as WarningIcon, I as WrenchIcon, L as XIcon, M as SpinnerIcon, N as SquareIcon, O as PlayIcon, P as TerminalIcon, S as MaximizeIcon, T as PaperclipIcon, _ as FolderOpenIcon, a as CheckIcon, b as InfoIcon, c as ChevronRightIcon, d as DownloadIcon, f as EllipsisIcon, g as FolderIcon, h as FileIcon, i as ArrowUpIcon, j as SearchIcon, k as PlusIcon, l as CopyIcon, m as EyeOffIcon, n as ArrowLeftIcon, o as ChevronDownIcon, p as EyeIcon, r as ArrowRightIcon, s as ChevronLeftIcon, t as ArrowDownIcon, u as DotIcon, v as IconProps, w as MonitorIcon, x as LinkIcon, y as ImageIcon } from "../icons-BRI54ATJ.js";
-export { ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, CopyIcon, DotIcon, DownloadIcon, EllipsisIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, IconProps, ImageIcon, InfoIcon, LinkIcon, MaximizeIcon, MinusIcon, MonitorIcon, PaperclipIcon, PauseIcon, PencilIcon, PlayIcon, PlusIcon, RefreshIcon, SearchIcon, SpinnerIcon, SquareIcon, TerminalIcon, WarningIcon, WrenchIcon, XIcon };
+import { A as RefreshIcon, C as MinusIcon, D as PencilIcon, E as PauseIcon, F as TerminalIcon, I as WarningIcon, L as WrenchIcon, M as SidebarIcon, N as SpinnerIcon, O as PlayIcon, P as SquareIcon, R as XIcon, S as MaximizeIcon, T as PaperclipIcon, _ as FolderOpenIcon, a as CheckIcon, b as InfoIcon, c as ChevronRightIcon, d as DownloadIcon, f as EllipsisIcon, g as FolderIcon, h as FileIcon, i as ArrowUpIcon, j as SearchIcon, k as PlusIcon, l as CopyIcon, m as EyeOffIcon, n as ArrowLeftIcon, o as ChevronDownIcon, p as EyeIcon, r as ArrowRightIcon, s as ChevronLeftIcon, t as ArrowDownIcon, u as DotIcon, v as IconProps, w as MonitorIcon, x as LinkIcon, y as ImageIcon } from "../icons-CbjtbIJK.js";
+export { ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, CopyIcon, DotIcon, DownloadIcon, EllipsisIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, IconProps, ImageIcon, InfoIcon, LinkIcon, MaximizeIcon, MinusIcon, MonitorIcon, PaperclipIcon, PauseIcon, PencilIcon, PlayIcon, PlusIcon, RefreshIcon, SearchIcon, SidebarIcon, SpinnerIcon, SquareIcon, TerminalIcon, WarningIcon, WrenchIcon, XIcon };

package/dist/components/icons.js

@@ -1,2 +1,2 @@
-import { A as SearchIcon, C as MonitorIcon, D as PlayIcon, E as PencilIcon, F as WrenchIcon, I as XIcon, M as SquareIcon, N as TerminalIcon, O as PlusIcon, P as WarningIcon, S as MinusIcon, T as PauseIcon, _ as FolderOpenIcon, a as CheckIcon, b as LinkIcon, c as ChevronRightIcon, d as DownloadIcon, f as EllipsisIcon, g as FolderIcon, h as FileIcon, i as ArrowUpIcon, j as SpinnerIcon, k as RefreshIcon, l as CopyIcon, m as EyeOffIcon, n as ArrowLeftIcon, o as ChevronDownIcon, p as EyeIcon, r as ArrowRightIcon, s as ChevronLeftIcon, t as ArrowDownIcon, u as DotIcon, v as ImageIcon, w as PaperclipIcon, x as MaximizeIcon, y as InfoIcon } from "../icons-BAlTbWWP.js";
-export { ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, CopyIcon, DotIcon, DownloadIcon, EllipsisIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, ImageIcon, InfoIcon, LinkIcon, MaximizeIcon, MinusIcon, MonitorIcon, PaperclipIcon, PauseIcon, PencilIcon, PlayIcon, PlusIcon, RefreshIcon, SearchIcon, SpinnerIcon, SquareIcon, TerminalIcon, WarningIcon, WrenchIcon, XIcon };
+import { A as SearchIcon, C as MonitorIcon, D as PlayIcon, E as PencilIcon, F as WarningIcon, I as WrenchIcon, L as XIcon, M as SpinnerIcon, N as SquareIcon, O as PlusIcon, P as TerminalIcon, S as MinusIcon, T as PauseIcon, _ as FolderOpenIcon, a as CheckIcon, b as LinkIcon, c as ChevronRightIcon, d as DownloadIcon, f as EllipsisIcon, g as FolderIcon, h as FileIcon, i as ArrowUpIcon, j as SidebarIcon, k as RefreshIcon, l as CopyIcon, m as EyeOffIcon, n as ArrowLeftIcon, o as ChevronDownIcon, p as EyeIcon, r as ArrowRightIcon, s as ChevronLeftIcon, t as ArrowDownIcon, u as DotIcon, v as ImageIcon, w as PaperclipIcon, x as MaximizeIcon, y as InfoIcon } from "../icons-D2Q5n5C1.js";
+export { ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, CopyIcon, DotIcon, DownloadIcon, EllipsisIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, ImageIcon, InfoIcon, LinkIcon, MaximizeIcon, MinusIcon, MonitorIcon, PaperclipIcon, PauseIcon, PencilIcon, PlayIcon, PlusIcon, RefreshIcon, SearchIcon, SidebarIcon, SpinnerIcon, SquareIcon, TerminalIcon, WarningIcon, WrenchIcon, XIcon };

package/dist/{copy-button-TVhDAroI.js → copy-button-C6JSKtFE.js}

@@ -1,4 +1,4 @@
-import { a as CheckIcon, l as CopyIcon } from "./icons-BAlTbWWP.js";
+import { a as CheckIcon, l as CopyIcon } from "./icons-D2Q5n5C1.js";
 import { Button } from "./components/Button.js";
 import { Tooltip, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipTrigger } from "./components/Tooltip.js";
 import * as React from "react";

package/dist/{icons-BRI54ATJ.d.ts → icons-CbjtbIJK.d.ts}

@@ -38,6 +38,7 @@ declare const DotIcon: (props: IconProps) => React.JSX.Element;
 declare const EllipsisIcon: (props: IconProps) => React.JSX.Element;
 declare const SpinnerIcon: (props: IconProps) => React.JSX.Element;
 declare const SearchIcon: (props: IconProps) => React.JSX.Element;
+declare const SidebarIcon: (props: IconProps) => React.JSX.Element;
 declare const TerminalIcon: (props: IconProps) => React.JSX.Element;
 declare const LinkIcon: (props: IconProps) => React.JSX.Element;
 declare const WarningIcon: (props: IconProps) => React.JSX.Element;
@@ -47,4 +48,4 @@ declare const ImageIcon: (props: IconProps) => React.JSX.Element;
 declare const MonitorIcon: (props: IconProps) => React.JSX.Element;
 declare const MaximizeIcon: (props: IconProps) => React.JSX.Element;
 //#endregion
-export { RefreshIcon as A, MinusIcon as C, PencilIcon as D, PauseIcon as E, WarningIcon as F, WrenchIcon as I, XIcon as L, SpinnerIcon as M, SquareIcon as N, PlayIcon as O, TerminalIcon as P, MaximizeIcon as S, PaperclipIcon as T, FolderOpenIcon as _, CheckIcon as a, InfoIcon as b, ChevronRightIcon as c, DownloadIcon as d, EllipsisIcon as f, FolderIcon as g, FileIcon as h, ArrowUpIcon as i, SearchIcon as j, PlusIcon as k, CopyIcon as l, EyeOffIcon as m, ArrowLeftIcon as n, ChevronDownIcon as o, EyeIcon as p, ArrowRightIcon as r, ChevronLeftIcon as s, ArrowDownIcon as t, DotIcon as u, IconProps as v, MonitorIcon as w, LinkIcon as x, ImageIcon as y };
+export { RefreshIcon as A, MinusIcon as C, PencilIcon as D, PauseIcon as E, TerminalIcon as F, WarningIcon as I, WrenchIcon as L, SidebarIcon as M, SpinnerIcon as N, PlayIcon as O, SquareIcon as P, XIcon as R, MaximizeIcon as S, PaperclipIcon as T, FolderOpenIcon as _, CheckIcon as a, InfoIcon as b, ChevronRightIcon as c, DownloadIcon as d, EllipsisIcon as f, FolderIcon as g, FileIcon as h, ArrowUpIcon as i, SearchIcon as j, PlusIcon as k, CopyIcon as l, EyeOffIcon as m, ArrowLeftIcon as n, ChevronDownIcon as o, EyeIcon as p, ArrowRightIcon as r, ChevronLeftIcon as s, ArrowDownIcon as t, DotIcon as u, IconProps as v, MonitorIcon as w, LinkIcon as x, ImageIcon as y };

package/dist/{icons-BAlTbWWP.js → icons-D2Q5n5C1.js}

@@ -190,6 +190,16 @@ const SearchIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
 		r: "4.5"
 	}), /* @__PURE__ */ jsx("path", { d: "M13.5 13.5 10.5 10.5" })]
 });
+const SidebarIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
+	...props,
+	children: [/* @__PURE__ */ jsx("rect", {
+		x: "2.5",
+		y: "2.5",
+		width: "11",
+		height: "11",
+		rx: "1.5"
+	}), /* @__PURE__ */ jsx("path", { d: "M6 2.5v11" })]
+});
 const TerminalIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
 	...props,
 	children: [
@@ -278,4 +288,4 @@ const MaximizeIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
 	]
 });
 //#endregion
-export { SearchIcon as A, MonitorIcon as C, PlayIcon as D, PencilIcon as E, WrenchIcon as F, XIcon as I, SquareIcon as M, TerminalIcon as N, PlusIcon as O, WarningIcon as P, MinusIcon as S, PauseIcon as T, FolderOpenIcon as _, CheckIcon as a, LinkIcon as b, ChevronRightIcon as c, DownloadIcon as d, EllipsisIcon as f, FolderIcon as g, FileIcon as h, ArrowUpIcon as i, SpinnerIcon as j, RefreshIcon as k, CopyIcon as l, EyeOffIcon as m, ArrowLeftIcon as n, ChevronDownIcon as o, EyeIcon as p, ArrowRightIcon as r, ChevronLeftIcon as s, ArrowDownIcon as t, DotIcon as u, ImageIcon as v, PaperclipIcon as w, MaximizeIcon as x, InfoIcon as y };
+export { SearchIcon as A, MonitorIcon as C, PlayIcon as D, PencilIcon as E, WarningIcon as F, WrenchIcon as I, XIcon as L, SpinnerIcon as M, SquareIcon as N, PlusIcon as O, TerminalIcon as P, MinusIcon as S, PauseIcon as T, FolderOpenIcon as _, CheckIcon as a, LinkIcon as b, ChevronRightIcon as c, DownloadIcon as d, EllipsisIcon as f, FolderIcon as g, FileIcon as h, ArrowUpIcon as i, SidebarIcon as j, RefreshIcon as k, CopyIcon as l, EyeOffIcon as m, ArrowLeftIcon as n, ChevronDownIcon as o, EyeIcon as p, ArrowRightIcon as r, ChevronLeftIcon as s, ArrowDownIcon as t, DotIcon as u, ImageIcon as v, PaperclipIcon as w, MaximizeIcon as x, InfoIcon as y };

package/dist/styles/index.css

@@ -81,6 +81,7 @@
 @import "./terminal.css" layer(components);
 @import "./test-results.css" layer(components);
 @import "./think-full-app.css" layer(components);
+@import "./think-thread-picker.css" layer(components);
 @import "./web-preview.css" layer(components);
 @import "./workspace-explorer.css" layer(components);