@vezham/react 26.0.3 → 26.3.1

package/dist/lib/components/panel/footer/ai/model-picker.js

@@ -1,166 +0,0 @@
-import { ModelLogo } from "./model-logo.js";
-import { PREVIEW_MODELS } from "./models.js";
-import { useRef, useState } from "react";
-import { Button, Popover, Switch, Tooltip, useMediaQuery } from "@vezham/react-v3";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { AltArrowDown, Bolt, CheckRead, Stars } from "@vezham/icons-react";
-//#region src/lib/components/panel/footer/ai/model-picker.tsx
-var ModelFeatures = ({ model }) => /* @__PURE__ */ jsxs("div", {
-	className: "w-64 max-w-[calc(100vw-2rem)] p-2 text-xs",
-	children: [
-		/* @__PURE__ */ jsx("p", {
-			className: "font-semibold",
-			children: model.name
-		}),
-		/* @__PURE__ */ jsx("p", {
-			className: "text-muted mt-2",
-			children: model.description
-		}),
-		/* @__PURE__ */ jsx("dl", {
-			className: "border-separator mt-3 flex flex-col gap-2 border-t pt-3",
-			children: [
-				"Complex tasks",
-				"Generative UI",
-				"Speed",
-				"Cost"
-			].map((label, index) => /* @__PURE__ */ jsxs("div", {
-				className: "flex items-center justify-between gap-3",
-				children: [/* @__PURE__ */ jsx("dt", {
-					className: "text-muted",
-					children: label
-				}), /* @__PURE__ */ jsx("dd", {
-					"aria-label": `${model.ratings[index]} of 3`,
-					className: "flex gap-1",
-					children: [
-						1,
-						2,
-						3
-					].map((level) => /* @__PURE__ */ jsx("span", {
-						"aria-hidden": "true",
-						className: `h-1.5 w-4 rounded-full ${level <= model.ratings[index] ? "bg-foreground" : "bg-muted/25"}`
-					}, level))
-				})]
-			}, label))
-		}),
-		/* @__PURE__ */ jsx("p", {
-			className: "text-muted mt-3 text-xs",
-			children: model.context
-		}),
-		/* @__PURE__ */ jsx("p", {
-			className: "text-muted mt-1 text-xs",
-			children: "Illustrative ratings, not provider specifications."
-		})
-	]
-});
-var ModelPicker = ({ conversation: c }) => {
-	const [open, setOpen] = useState(false);
-	const smallScreen = useMediaQuery("(width < 640px)");
-	const manualModel = useRef(PREVIEW_MODELS[0].name);
-	const auto = c.model === "Auto";
-	return /* @__PURE__ */ jsxs(Popover, {
-		isOpen: open,
-		onOpenChange: setOpen,
-		children: [/* @__PURE__ */ jsxs(Button, {
-			"aria-label": "AI model",
-			variant: "ghost",
-			size: "sm",
-			className: "min-w-0 gap-1 px-2",
-			children: [
-				auto ? /* @__PURE__ */ jsx(Stars, {
-					size: 16,
-					className: "shrink-0",
-					"aria-hidden": "true"
-				}) : /* @__PURE__ */ jsx(ModelLogo, { provider: PREVIEW_MODELS.find((model) => model.name === c.model)?.provider ?? "GPT" }),
-				/* @__PURE__ */ jsx("span", {
-					className: "max-w-16 truncate text-xs",
-					children: c.model
-				}),
-				/* @__PURE__ */ jsx(AltArrowDown, {
-					size: 12,
-					className: "shrink-0",
-					"aria-hidden": "true"
-				})
-			]
-		}), /* @__PURE__ */ jsx(Popover.Content, {
-			placement: "top end",
-			className: "w-72 max-w-[calc(100vw-2rem)]",
-			children: /* @__PURE__ */ jsxs(Popover.Dialog, {
-				"aria-label": "Choose AI model",
-				className: "p-2",
-				children: [/* @__PURE__ */ jsx(Switch, {
-					"aria-label": "Auto model selection",
-					isSelected: auto,
-					onChange: (enabled) => {
-						if (!auto) manualModel.current = c.model;
-						c.setModel(enabled ? "Auto" : manualModel.current);
-					},
-					className: "bg-surface-secondary w-full rounded-2xl p-3",
-					children: /* @__PURE__ */ jsxs(Switch.Content, {
-						className: "flex w-full flex-row-reverse items-center justify-between gap-3",
-						children: [/* @__PURE__ */ jsx(Switch.Control, { children: /* @__PURE__ */ jsx(Switch.Thumb, {}) }), /* @__PURE__ */ jsx("span", {
-							className: "text-xs font-medium",
-							children: "Auto"
-						})]
-					})
-				}), auto ? /* @__PURE__ */ jsx("p", {
-					className: "text-muted px-2 pt-3 pb-2 text-xs",
-					children: "Balances and switches between models based on each task’s complexity. Recommended. Routing is simulated in this preview."
-				}) : /* @__PURE__ */ jsx("div", {
-					"aria-label": "Available models",
-					className: "mt-2 flex max-h-[min(24rem,50dvh)] flex-col gap-1 overflow-y-auto overscroll-contain",
-					children: PREVIEW_MODELS.map((model) => /* @__PURE__ */ jsxs(Tooltip, {
-						delay: 150,
-						isDisabled: smallScreen,
-						children: [/* @__PURE__ */ jsxs(Button, {
-							"aria-label": `Select ${model.name}`,
-							variant: "ghost",
-							className: `w-full shrink-0 justify-start gap-2 px-3 text-xs ${c.model === model.name ? "bg-surface-secondary" : ""}`,
-							"aria-pressed": c.model === model.name,
-							onPress: () => {
-								c.setModel(model.name);
-								manualModel.current = model.name;
-								setOpen(false);
-							},
-							children: [
-								/* @__PURE__ */ jsx(ModelLogo, {
-									provider: model.provider,
-									size: 16
-								}),
-								/* @__PURE__ */ jsx("span", {
-									className: "min-w-0 flex-1 truncate text-start",
-									children: model.name
-								}),
-								c.model === model.name && /* @__PURE__ */ jsx(CheckRead, {
-									size: 16,
-									"aria-hidden": "true"
-								})
-							]
-						}), /* @__PURE__ */ jsx(Tooltip.Content, {
-							placement: "right",
-							className: "bg-surface border-border rounded-2xl border shadow-xl",
-							children: /* @__PURE__ */ jsx(ModelFeatures, { model })
-						})]
-					}, model.name))
-				})]
-			})
-		})]
-	});
-};
-var FastModeToggle = ({ conversation: c }) => /* @__PURE__ */ jsxs(Tooltip, {
-	delay: 150,
-	children: [/* @__PURE__ */ jsx(Button, {
-		"aria-label": "Fast mode",
-		"aria-pressed": c.fastMode,
-		isIconOnly: true,
-		size: "sm",
-		variant: "ghost",
-		className: c.fastMode ? "text-accent bg-accent/10" : "text-muted",
-		onPress: () => c.setFastMode((current) => !current),
-		children: /* @__PURE__ */ jsx(Bolt, {
-			size: 18,
-			"aria-hidden": "true"
-		})
-	}), /* @__PURE__ */ jsxs(Tooltip.Content, { children: [c.fastMode ? "Fast mode on" : "Fast mode off", " · simulated"] })]
-});
-//#endregion
-export { FastModeToggle, ModelPicker };

package/dist/lib/components/panel/footer/ai/models.d.ts

@@ -1,9 +0,0 @@
-export type PreviewModel = {
-    name: string;
-    provider: string;
-    description: string;
-    ratings: readonly [number, number, number, number];
-    context: string;
-};
-export declare const PREVIEW_MODELS: readonly PreviewModel[];
-//# sourceMappingURL=models.d.ts.map

package/dist/lib/components/panel/footer/ai/models.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"models.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/panel/footer/ai/models.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IAClD,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA;AAUD,eAAO,MAAM,cAAc,EAAE,SAAS,YAAY,EA6DjD,CAAA"}

package/dist/lib/components/panel/footer/ai/models.js

@@ -1,72 +0,0 @@
-//#region src/lib/components/panel/footer/ai/models.ts
-var model = (name, provider, description, ratings, context = "1M context window · preview") => ({
-	name,
-	provider,
-	description,
-	ratings,
-	context
-});
-var PREVIEW_MODELS = [
-	model("Sonnet 4.6", "Claude", "Balanced preset for everyday app generation and iteration.", [
-		2,
-		2,
-		2,
-		2
-	]),
-	model("Sonnet 5", "Claude", "Versatile preset for design and implementation tasks.", [
-		3,
-		3,
-		2,
-		2
-	]),
-	model("Opus 4.8", "Claude", "Thorough preset for complex planning and detailed work.", [
-		3,
-		3,
-		1,
-		3
-	]),
-	model("Fable 5", "Claude", "Creative preset for exploring ideas and visual directions.", [
-		2,
-		3,
-		2,
-		2
-	]),
-	model("Gemini 3.1 Pro", "Gemini", "General-purpose preset for larger contextual tasks.", [
-		3,
-		2,
-		2,
-		2
-	]),
-	model("Gemini 3.8 Flash", "Gemini", "Quick preset for concise answers and small iterations.", [
-		2,
-		2,
-		3,
-		1
-	]),
-	model("Kimi K3", "Kimi", "Context-focused preset for summaries and structured work.", [
-		2,
-		2,
-		2,
-		2
-	]),
-	model("Grok 4.6", "Grok", "Conversational preset for exploring alternatives.", [
-		2,
-		2,
-		2,
-		2
-	]),
-	model("GPT-6.1 Sol", "GPT", "Sample preset matching the Fast mode reference.", [
-		3,
-		3,
-		2,
-		2
-	]),
-	model("GPT-6 Astra", "GPT", "Thorough preset for complex reasoning and detailed work.", [
-		3,
-		3,
-		2,
-		2
-	])
-];
-//#endregion
-export { PREVIEW_MODELS };

package/dist/lib/components/panel/footer/ai/permission-picker.d.ts

@@ -1,5 +0,0 @@
-import type { Conversation } from './conversation';
-export declare const PermissionPicker: ({ conversation: c }: {
-    conversation: Conversation;
-}) => import("react").JSX.Element;
-//# sourceMappingURL=permission-picker.d.ts.map

package/dist/lib/components/panel/footer/ai/permission-picker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"permission-picker.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/panel/footer/ai/permission-picker.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAqBlD,eAAO,MAAM,gBAAgB,GAAI,qBAE9B;IACD,YAAY,EAAE,YAAY,CAAA;CAC3B,gCAsCA,CAAA"}

package/dist/lib/components/panel/footer/ai/permission-picker.js

@@ -1,63 +0,0 @@
-import { Dropdown } from "@vezham/react-v3";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { CodeSquare, HandStars, ShieldWarning } from "@vezham/icons-react";
-//#region src/lib/components/panel/footer/ai/permission-picker.tsx
-var permissions = [
-	{
-		label: "Ask for approval",
-		description: "Always ask to edit external files and use the internet",
-		Icon: HandStars
-	},
-	{
-		label: "Approve for me",
-		description: "Only ask for actions detected as potentially unsafe",
-		Icon: CodeSquare
-	},
-	{
-		label: "Full access",
-		description: "Unrestricted access to the internet and any file on your computer",
-		Icon: ShieldWarning
-	}
-];
-var PermissionPicker = ({ conversation: c }) => /* @__PURE__ */ jsxs(Dropdown, { children: [/* @__PURE__ */ jsx(Dropdown.Trigger, {
-	"aria-label": "Tool permissions",
-	className: "button button--ghost button--sm text-muted text-xs",
-	children: c.permissions
-}), /* @__PURE__ */ jsxs(Dropdown.Popover, {
-	placement: "top start",
-	className: "w-96 max-w-[calc(100vw-2rem)]",
-	children: [/* @__PURE__ */ jsx(Dropdown.Menu, {
-		"aria-label": "Tool permissions",
-		selectionMode: "single",
-		selectedKeys: [c.permissions],
-		onAction: (key) => c.setPermissions(String(key)),
-		children: permissions.map(({ label, description, Icon }) => /* @__PURE__ */ jsxs(Dropdown.Item, {
-			id: label,
-			textValue: label,
-			className: `gap-2 ps-2! pe-7 ${label === "Full access" ? "text-warning" : ""}`,
-			children: [
-				/* @__PURE__ */ jsx(Icon, {
-					size: 16,
-					"aria-hidden": "true",
-					className: "shrink-0"
-				}),
-				/* @__PURE__ */ jsxs("span", {
-					className: "min-w-0 flex-1 py-1",
-					children: [/* @__PURE__ */ jsx("span", {
-						className: "block text-xs font-medium",
-						children: label
-					}), /* @__PURE__ */ jsx("span", {
-						className: `block text-xs whitespace-normal ${label === "Full access" ? "text-warning" : "text-muted"}`,
-						children: description
-					})]
-				}),
-				/* @__PURE__ */ jsx(Dropdown.ItemIndicator, { className: "start-auto end-2" })
-			]
-		}, label))
-	}), /* @__PURE__ */ jsx("p", {
-		className: "text-muted px-3 pt-1 pb-2 text-xs",
-		children: "Preview only · No files or internet access is granted."
-	})]
-})] });
-//#endregion
-export { PermissionPicker };

package/dist/lib/components/panel/footer/ai/use-chat-scroll.d.ts

@@ -1,9 +0,0 @@
-import type { Conversation } from './conversation';
-export declare const useChatScroll: (conversation: Conversation) => {
-    viewportRef: import("react").RefObject<HTMLDivElement | null>;
-    contentRef: import("react").RefObject<HTMLDivElement | null>;
-    showJump: boolean;
-    onScroll: () => void;
-    scrollToBottom: () => void;
-};
-//# sourceMappingURL=use-chat-scroll.d.ts.map

package/dist/lib/components/panel/footer/ai/use-chat-scroll.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-chat-scroll.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/panel/footer/ai/use-chat-scroll.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAElD,eAAO,MAAM,aAAa,GAAI,cAAc,YAAY;;;;;;CAsDvD,CAAA"}

package/dist/lib/components/panel/footer/ai/use-chat-scroll.js

@@ -1,57 +0,0 @@
-import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
-//#region src/lib/components/panel/footer/ai/use-chat-scroll.ts
-var useChatScroll = (conversation) => {
-	const viewport = useRef(null);
-	const content = useRef(null);
-	const followLatest = useRef(true);
-	const previousThread = useRef(conversation.activeId);
-	const previousMessage = useRef(void 0);
-	const [showJump, setShowJump] = useState(false);
-	const scrollToBottom = useCallback(() => {
-		const element = viewport.current;
-		if (!element) return;
-		followLatest.current = true;
-		element.scrollTop = element.scrollHeight;
-		setShowJump(false);
-	}, []);
-	const onScroll = useCallback(() => {
-		const element = viewport.current;
-		if (!element) return;
-		const atBottom = element.scrollHeight - element.clientHeight - element.scrollTop <= 32;
-		followLatest.current = atBottom;
-		setShowJump(!atBottom);
-	}, []);
-	useLayoutEffect(() => {
-		const last = conversation.messages.at(-1);
-		if (previousThread.current !== conversation.activeId || last?.role === "user" && last.id !== previousMessage.current) followLatest.current = true;
-		previousThread.current = conversation.activeId;
-		previousMessage.current = last?.id;
-		if (followLatest.current) scrollToBottom();
-	}, [
-		conversation.activeId,
-		conversation.messages,
-		scrollToBottom
-	]);
-	useEffect(() => {
-		const observer = new ResizeObserver(() => {
-			if (followLatest.current) scrollToBottom();
-			else onScroll();
-		});
-		if (viewport.current) observer.observe(viewport.current);
-		if (content.current) observer.observe(content.current);
-		return () => observer.disconnect();
-	}, [
-		conversation.activeId,
-		onScroll,
-		scrollToBottom
-	]);
-	return {
-		viewportRef: viewport,
-		contentRef: content,
-		showJump,
-		onScroll,
-		scrollToBottom
-	};
-};
-//#endregion
-export { useChatScroll };

package/dist/lib/components/panel/footer/preferences/data.d.ts

@@ -1,14 +0,0 @@
-export type SidebarItem = {
-    id: string;
-    label: string;
-    icon?: string;
-    href?: string;
-    component?: React.ComponentType;
-    children?: SidebarItem[];
-};
-export type SidebarSection = {
-    title: string;
-    items: SidebarItem[];
-};
-export declare const settingsSidebar: SidebarSection[];
-//# sourceMappingURL=data.d.ts.map

package/dist/lib/components/panel/footer/preferences/data.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/panel/footer/preferences/data.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC/B,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,WAAW,EAAE,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,cAAc,EAwT3C,CAAA"}