@vezham/react 26.0.0-alpha.5 → 26.0.0-alpha.7

package/dist/lib/components/panel/footer/ai/mock-result.js

@@ -0,0 +1,121 @@
+import { useState } from "react";
+import { Button, Card, Input, Label, TextField } from "@vezham/react-v3";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/lib/components/panel/footer/ai/mock-result.tsx
+var ResultCard = ({ title, description, children, footer }) => /* @__PURE__ */ jsxs(Card, {
+	className: "my-3",
+	children: [
+		/* @__PURE__ */ jsxs(Card.Header, { children: [/* @__PURE__ */ jsx(Card.Title, { children: title }), description && /* @__PURE__ */ jsx(Card.Description, { children: description })] }),
+		children && /* @__PURE__ */ jsx(Card.Content, { children }),
+		footer && /* @__PURE__ */ jsx(Card.Footer, { children: footer })
+	]
+});
+var MockResult = ({ prompt }) => {
+	const [saved, setSaved] = useState(false);
+	const [name, setName] = useState("My workspace");
+	if (/preferences/i.test(prompt)) return /* @__PURE__ */ jsx(ResultCard, {
+		title: "Preferences preview",
+		children: /* @__PURE__ */ jsxs("form", {
+			onSubmit: (event) => {
+				event.preventDefault();
+				setSaved(true);
+			},
+			className: "flex flex-col gap-3",
+			children: [
+				/* @__PURE__ */ jsxs(TextField, { children: [/* @__PURE__ */ jsx(Label, { children: "Workspace name" }), /* @__PURE__ */ jsx(Input, {
+					value: name,
+					onChange: (event) => {
+						setName(event.target.value);
+						setSaved(false);
+					}
+				})] }),
+				/* @__PURE__ */ jsx(Button, {
+					type: "submit",
+					size: "sm",
+					children: "Save preview"
+				}),
+				saved && /* @__PURE__ */ jsxs("p", {
+					role: "status",
+					className: "text-muted text-xs",
+					children: [
+						"Saved “",
+						name,
+						"” in this preview."
+					]
+				})
+			]
+		})
+	});
+	if (/summary|chart|metrics/i.test(prompt)) return /* @__PURE__ */ jsxs(ResultCard, {
+		title: "Workspace summary",
+		description: "Sample data",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "mb-3 grid grid-cols-2 gap-3",
+				children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+					className: "text-muted text-xs",
+					children: "Tasks"
+				}), /* @__PURE__ */ jsx("p", {
+					className: "text-xl font-semibold",
+					children: "24"
+				})] }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+					className: "text-muted text-xs",
+					children: "Complete"
+				}), /* @__PURE__ */ jsx("p", {
+					className: "text-xl font-semibold",
+					children: "75%"
+				})] })]
+			}),
+			/* @__PURE__ */ jsxs("table", {
+				className: "w-full text-start text-xs",
+				children: [
+					/* @__PURE__ */ jsx("caption", {
+						className: "sr-only",
+						children: "Sample weekly completed tasks"
+					}),
+					/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [/* @__PURE__ */ jsx("th", {
+						className: "text-start",
+						children: "Week"
+					}), /* @__PURE__ */ jsx("th", {
+						className: "text-end",
+						children: "Completed"
+					})] }) }),
+					/* @__PURE__ */ jsx("tbody", { children: [
+						8,
+						12,
+						18
+					].map((count, i) => /* @__PURE__ */ jsxs("tr", { children: [/* @__PURE__ */ jsxs("td", {
+						className: "py-2",
+						children: ["Week ", i + 1]
+					}), /* @__PURE__ */ jsx("td", {
+						className: "text-end",
+						children: count
+					})] }, count)) })
+				]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				role: "img",
+				"aria-label": "Sample task progress: 75 percent",
+				className: "bg-surface-secondary mt-2 h-2 overflow-hidden rounded-full",
+				children: /* @__PURE__ */ jsx("div", { className: "bg-accent h-full w-3/4" })
+			})
+		]
+	});
+	if (/workspace/i.test(prompt)) return /* @__PURE__ */ jsx(ResultCard, {
+		title: "Workspace guide",
+		description: "Search pages, save bookmarks, and explore Storage.",
+		footer: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Button, {
+			variant: "secondary",
+			size: "sm",
+			onPress: () => setSaved(true),
+			children: "Preview next step"
+		}), saved && /* @__PURE__ */ jsx("p", {
+			role: "status",
+			className: "text-xs",
+			children: "Try Search from the application menu."
+		})] })
+	});
+	return null;
+};
+//#endregion
+export { MockResult };

package/dist/lib/components/panel/footer/ai/model-logo.d.ts

@@ -0,0 +1,5 @@
+export declare const ModelLogo: ({ provider, size }: {
+    provider: string;
+    size?: number;
+}) => import("react").JSX.Element;
+//# sourceMappingURL=model-logo.d.ts.map

package/dist/lib/components/panel/footer/ai/model-logo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model-logo.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/panel/footer/ai/model-logo.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,GAAI,oBAGvB;IACD,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,gCASA,CAAA"}

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

@@ -0,0 +1,13 @@
+import { MODEL_LOGOS } from "./model-logos.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/lib/components/panel/footer/ai/model-logo.tsx
+var ModelLogo = ({ provider, size = 16 }) => /* @__PURE__ */ jsx("img", {
+	src: MODEL_LOGOS[provider],
+	alt: "",
+	"aria-hidden": "true",
+	width: size,
+	height: size,
+	className: `shrink-0 object-contain ${provider !== "Claude" && provider !== "Gemini" ? "dark:invert" : ""}`
+});
+//#endregion
+export { ModelLogo };

package/dist/lib/components/panel/footer/ai/model-logos.d.ts

@@ -0,0 +1,2 @@
+export declare const MODEL_LOGOS: Record<string, string>;
+//# sourceMappingURL=model-logos.d.ts.map

package/dist/lib/components/panel/footer/ai/model-logos.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model-logos.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/panel/footer/ai/model-logos.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAQ9C,CAAA"}

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

@@ -0,0 +1,10 @@
+//#region src/lib/components/panel/footer/ai/model-logos.ts
+var MODEL_LOGOS = {
+	Claude: "data:image/svg+xml,%3Csvg%20height%3D%221em%22%20style%3D%22flex%3Anone%3Bline-height%3A1%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%221em%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EClaude%3C%2Ftitle%3E%3Cpath%20d%3D%22M4.709%2015.955l4.72-2.647.08-.23-.08-.128H9.2l-.79-.048-2.698-.073-2.339-.097-2.266-.122-.571-.121L0%2011.784l.055-.352.48-.321.686.06%201.52.103%202.278.158%201.652.097%202.449.255h.389l.055-.157-.134-.098-.103-.097-2.358-1.596-2.552-1.688-1.336-.972-.724-.491-.364-.462-.158-1.008.656-.722.881.06.225.061.893.686%201.908%201.476%202.491%201.833.365.304.145-.103.019-.073-.164-.274-1.355-2.446-1.446-2.49-.644-1.032-.17-.619a2.97%202.97%200%2001-.104-.729L6.283.134%206.696%200l.996.134.42.364.62%201.414%201.002%202.229%201.555%203.03.456.898.243.832.091.255h.158V9.01l.128-1.706.237-2.095.23-2.695.08-.76.376-.91.747-.492.584.28.48.685-.067.444-.286%201.851-.559%202.903-.364%201.942h.212l.243-.242.985-1.306%201.652-2.064.73-.82.85-.904.547-.431h1.033l.76%201.129-.34%201.166-1.064%201.347-.881%201.142-1.264%201.7-.79%201.36.073.11.188-.02%202.856-.606%201.543-.28%201.841-.315.833.388.091.395-.328.807-1.969.486-2.309.462-3.439.813-.042.03.049.061%201.549.146.662.036h1.622l3.02.225.79.522.474.638-.079.485-1.215.62-1.64-.389-3.829-.91-1.312-.329h-.182v.11l1.093%201.068%202.006%201.81%202.509%202.33.127.578-.322.455-.34-.049-2.205-1.657-.851-.747-1.926-1.62h-.128v.17l.444.649%202.345%203.521.122%201.08-.17.353-.608.213-.668-.122-1.374-1.925-1.415-2.167-1.143-1.943-.14.08-.674%207.254-.316.37-.729.28-.607-.461-.322-.747.322-1.476.389-1.924.315-1.53.286-1.9.17-.632-.012-.042-.14.018-1.434%201.967-2.18%202.945-1.726%201.845-.414.164-.717-.37.067-.662.401-.589%202.388-3.036%201.44-1.882.93-1.086-.006-.158h-.055L4.132%2018.56l-1.13.146-.487-.456.061-.746.231-.243%201.908-1.312-.006.006z%22%20fill%3D%22%23D97757%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E",
+	Gemini: "data:image/svg+xml,%3Csvg%20height%3D%221em%22%20style%3D%22flex%3Anone%3Bline-height%3A1%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%221em%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EGemini%3C%2Ftitle%3E%3Cpath%20d%3D%22M20.616%2010.835a14.147%2014.147%200%2001-4.45-3.001%2014.111%2014.111%200%2001-3.678-6.452.503.503%200%2000-.975%200%2014.134%2014.134%200%2001-3.679%206.452%2014.155%2014.155%200%2001-4.45%203.001c-.65.28-1.318.505-2.002.678a.502.502%200%20000%20.975c.684.172%201.35.397%202.002.677a14.147%2014.147%200%20014.45%203.001%2014.112%2014.112%200%20013.679%206.453.502.502%200%2000.975%200c.172-.685.397-1.351.677-2.003a14.145%2014.145%200%20013.001-4.45%2014.113%2014.113%200%20016.453-3.678.503.503%200%20000-.975%2013.245%2013.245%200%2001-2.003-.678z%22%20fill%3D%22%233186FF%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M20.616%2010.835a14.147%2014.147%200%2001-4.45-3.001%2014.111%2014.111%200%2001-3.678-6.452.503.503%200%2000-.975%200%2014.134%2014.134%200%2001-3.679%206.452%2014.155%2014.155%200%2001-4.45%203.001c-.65.28-1.318.505-2.002.678a.502.502%200%20000%20.975c.684.172%201.35.397%202.002.677a14.147%2014.147%200%20014.45%203.001%2014.112%2014.112%200%20013.679%206.453.502.502%200%2000.975%200c.172-.685.397-1.351.677-2.003a14.145%2014.145%200%20013.001-4.45%2014.113%2014.113%200%20016.453-3.678.503.503%200%20000-.975%2013.245%2013.245%200%2001-2.003-.678z%22%20fill%3D%22url%28%23lobe-icons-gemini-0-_R_0_%29%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M20.616%2010.835a14.147%2014.147%200%2001-4.45-3.001%2014.111%2014.111%200%2001-3.678-6.452.503.503%200%2000-.975%200%2014.134%2014.134%200%2001-3.679%206.452%2014.155%2014.155%200%2001-4.45%203.001c-.65.28-1.318.505-2.002.678a.502.502%200%20000%20.975c.684.172%201.35.397%202.002.677a14.147%2014.147%200%20014.45%203.001%2014.112%2014.112%200%20013.679%206.453.502.502%200%2000.975%200c.172-.685.397-1.351.677-2.003a14.145%2014.145%200%20013.001-4.45%2014.113%2014.113%200%20016.453-3.678.503.503%200%20000-.975%2013.245%2013.245%200%2001-2.003-.678z%22%20fill%3D%22url%28%23lobe-icons-gemini-1-_R_0_%29%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M20.616%2010.835a14.147%2014.147%200%2001-4.45-3.001%2014.111%2014.111%200%2001-3.678-6.452.503.503%200%2000-.975%200%2014.134%2014.134%200%2001-3.679%206.452%2014.155%2014.155%200%2001-4.45%203.001c-.65.28-1.318.505-2.002.678a.502.502%200%20000%20.975c.684.172%201.35.397%202.002.677a14.147%2014.147%200%20014.45%203.001%2014.112%2014.112%200%20013.679%206.453.502.502%200%2000.975%200c.172-.685.397-1.351.677-2.003a14.145%2014.145%200%20013.001-4.45%2014.113%2014.113%200%20016.453-3.678.503.503%200%20000-.975%2013.245%2013.245%200%2001-2.003-.678z%22%20fill%3D%22url%28%23lobe-icons-gemini-2-_R_0_%29%22%3E%3C%2Fpath%3E%3Cdefs%3E%3ClinearGradient%20gradientUnits%3D%22userSpaceOnUse%22%20id%3D%22lobe-icons-gemini-0-_R_0_%22%20x1%3D%227%22%20x2%3D%2211%22%20y1%3D%2215.5%22%20y2%3D%2212%22%3E%3Cstop%20stop-color%3D%22%2308B962%22%3E%3C%2Fstop%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2308B962%22%20stop-opacity%3D%220%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3ClinearGradient%20gradientUnits%3D%22userSpaceOnUse%22%20id%3D%22lobe-icons-gemini-1-_R_0_%22%20x1%3D%228%22%20x2%3D%2211.5%22%20y1%3D%225.5%22%20y2%3D%2211%22%3E%3Cstop%20stop-color%3D%22%23F94543%22%3E%3C%2Fstop%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F94543%22%20stop-opacity%3D%220%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3ClinearGradient%20gradientUnits%3D%22userSpaceOnUse%22%20id%3D%22lobe-icons-gemini-2-_R_0_%22%20x1%3D%223.5%22%20x2%3D%2217.5%22%20y1%3D%2213.5%22%20y2%3D%2212%22%3E%3Cstop%20stop-color%3D%22%23FABC12%22%3E%3C%2Fstop%3E%3Cstop%20offset%3D%22.46%22%20stop-color%3D%22%23FABC12%22%20stop-opacity%3D%220%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E",
+	Kimi: "data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20height%3D%221em%22%20style%3D%22flex%3Anone%3Bline-height%3A1%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%221em%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EKimi%3C%2Ftitle%3E%3Cpath%20d%3D%22M21.846%200a1.923%201.923%200%20110%203.846H20.15a.226.226%200%2001-.227-.226V1.923C19.923.861%2020.784%200%2021.846%200z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M11.065%2011.199l7.257-7.2c.137-.136.06-.41-.116-.41H14.3a.164.164%200%2000-.117.051l-7.82%207.756c-.122.12-.302.013-.302-.179V3.82c0-.127-.083-.23-.185-.23H3.186c-.103%200-.186.103-.186.23V19.77c0%20.128.083.23.186.23h2.69c.103%200%20.186-.102.186-.23v-3.25c0-.069.025-.135.069-.178l2.424-2.406a.158.158%200%2001.205-.023l6.484%204.772a7.677%207.677%200%20003.453%201.283c.108.012.2-.095.2-.23v-3.06c0-.117-.07-.212-.164-.227a5.028%205.028%200%2001-2.027-.807l-5.613-4.064c-.117-.078-.132-.279-.028-.381z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E",
+	Grok: "data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20height%3D%221em%22%20style%3D%22flex%3Anone%3Bline-height%3A1%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%221em%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EGrok%3C%2Ftitle%3E%3Cpath%20d%3D%22M9.27%2015.29l7.978-5.897c.391-.29.95-.177%201.137.272.98%202.369.542%205.215-1.41%207.169-1.951%201.954-4.667%202.382-7.149%201.406l-2.711%201.257c3.889%202.661%208.611%202.003%2011.562-.953%202.341-2.344%203.066-5.539%202.388-8.42l.006.007c-.983-4.232.242-5.924%202.75-9.383.06-.082.12-.164.179-.248l-3.301%203.305v-.01L9.267%2015.292M7.623%2016.723c-2.792-2.67-2.31-6.801.071-9.184%201.761-1.763%204.647-2.483%207.166-1.425l2.705-1.25a7.808%207.808%200%2000-1.829-1A8.975%208.975%200%20005.984%205.83c-2.533%202.536-3.33%206.436-1.962%209.764%201.022%202.487-.653%204.246-2.34%206.022-.599.63-1.199%201.259-1.682%201.925l7.62-6.815%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E",
+	GPT: "data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20height%3D%221em%22%20style%3D%22flex%3Anone%3Bline-height%3A1%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%221em%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EOpenAI%3C%2Ftitle%3E%3Cpath%20d%3D%22M9.205%208.658v-2.26c0-.19.072-.333.238-.428l4.543-2.616c.619-.357%201.356-.523%202.117-.523%202.854%200%204.662%202.212%204.662%204.566%200%20.167%200%20.357-.024.547l-4.71-2.759a.797.797%200%2000-.856%200l-5.97%203.473zm10.609%208.8V12.06c0-.333-.143-.57-.429-.737l-5.97-3.473%201.95-1.118a.433.433%200%2001.476%200l4.543%202.617c1.309.76%202.189%202.378%202.189%203.948%200%201.808-1.07%203.473-2.76%204.163zM7.802%2012.703l-1.95-1.142c-.167-.095-.239-.238-.239-.428V5.899c0-2.545%201.95-4.472%204.591-4.472%201%200%201.927.333%202.712.928L8.23%205.067c-.285.166-.428.404-.428.737v6.898zM12%2015.128l-2.795-1.57v-3.33L12%208.658l2.795%201.57v3.33L12%2015.128zm1.796%207.23c-1%200-1.927-.332-2.712-.927l4.686-2.712c.285-.166.428-.404.428-.737v-6.898l1.974%201.142c.167.095.238.238.238.428v5.233c0%202.545-1.974%204.472-4.614%204.472zm-5.637-5.303l-4.544-2.617c-1.308-.761-2.188-2.378-2.188-3.948A4.482%204.482%200%20014.21%206.327v5.423c0%20.333.143.571.428.738l5.947%203.449-1.95%201.118a.432.432%200%2001-.476%200zm-.262%203.9c-2.688%200-4.662-2.021-4.662-4.519%200-.19.024-.38.047-.57l4.686%202.71c.286.167.571.167.856%200l5.97-3.448v2.26c0%20.19-.07.333-.237.428l-4.543%202.616c-.619.357-1.356.523-2.117.523zm5.899%202.83a5.947%205.947%200%20005.827-4.756C22.287%2018.339%2024%2015.84%2024%2013.296c0-1.665-.713-3.282-1.998-4.448.119-.5.19-.999.19-1.498%200-3.401-2.759-5.947-5.946-5.947-.642%200-1.26.095-1.88.31A5.962%205.962%200%200010.205%200a5.947%205.947%200%2000-5.827%204.757C1.713%205.447%200%207.945%200%2010.49c0%201.666.713%203.283%201.998%204.448-.119.5-.19%201-.19%201.499%200%203.401%202.759%205.946%205.946%205.946.642%200%201.26-.095%201.88-.309a5.96%205.96%200%20004.162%201.713z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"
+};
+//#endregion
+export { MODEL_LOGOS };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"model-picker.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/panel/footer/ai/model-picker.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAmClD,eAAO,MAAM,WAAW,GAAI,qBAEzB;IACD,YAAY,EAAE,YAAY,CAAA;CAC3B,gCAsFA,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,qBAE5B;IACD,YAAY,EAAE,YAAY,CAAA;CAC3B,gCAgBA,CAAA"}

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

@@ -0,0 +1,166 @@
+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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,72 @@
+//#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

@@ -0,0 +1,5 @@
+import { 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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,63 @@
+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

@@ -0,0 +1,9 @@
+import { 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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,57 @@
+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/control-center/appearance.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { AppearanceAdapter } from './types';
+export declare const AppearanceProvider: ({ appearance, children }: {
+    appearance?: AppearanceAdapter;
+    children: ReactNode;
+}) => import("react").JSX.Element;
+export declare const useAppearance: () => AppearanceAdapter;
+export declare const AppearanceToggle: ({ label }: {
+    label?: string;
+}) => import("react").JSX.Element;
+export declare const AppearanceTile: ({ onOpen, label }: {
+    label?: string;
+    onOpen: () => void;
+}) => import("react").JSX.Element;
+export declare const AppearanceSettings: () => import("react").JSX.Element;
+//# sourceMappingURL=appearance.d.ts.map

package/dist/lib/components/panel/footer/control-center/appearance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"appearance.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/panel/footer/control-center/appearance.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAA;AAMd,OAAO,KAAK,EAAE,iBAAiB,EAAa,MAAM,SAAS,CAAA;AA0C3D,eAAO,MAAM,kBAAkB,GAAI,0BAGhC;IACD,UAAU,CAAC,EAAE,iBAAiB,CAAA;IAC9B,QAAQ,EAAE,SAAS,CAAA;CACpB,gCAuBA,CAAA;AAED,eAAO,MAAM,aAAa,yBAKzB,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,WAAW;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,gCAW7D,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,mBAG5B;IACD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB,gCAWA,CAAA;AAOD,eAAO,MAAM,kBAAkB,mCAoB9B,CAAA"}