npm - @agent-native/core - Versions diffs - 0.96.0 → 0.98.0 - Mend

@agent-native/core 0.96.0 → 0.98.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1241) hide show

package/dist/client/tool-cells/EditCell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EditCell.js","sourceRoot":"","sources":["../../../src/client/tool-cells/EditCell.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n EditCell — renders an edit tool call as a syntax-highlighted unified diff.\n \n The diff is computed client-side from oldText / newText stored in the\n * structured metadata. The HighlightedCodeBlock from AssistantChat is not\n * accessible here, so we do a lightweight line-diff + per-line class approach\n * instead (no dep on shiki required for the diff view itself).\n \n Collapsed by default beyond MAX_COLLAPSED_LINES; expand button shows all.\n /\n\nimport {\n IconChevronDown,\n IconFile,\n IconFileDiff,\n IconLoader2,\n} from \"@tabler/icons-react\";\nimport { memo, useMemo, useState } from \"react\";\n\nimport { cn } from \"../utils.js\";\n\nexport interface EditCellMeta {\n toolKind: \"edit\";\n filePath: string;\n oldText?: string;\n newText?: string;\n truncated?: boolean;\n}\n\ninterface EditCellProps {\n meta: EditCellMeta;\n isRunning: boolean;\n}\n\n/* Lines shown collapsed before \"expand\" is offered. /\nconst MAX_COLLAPSED_LINES = 40;\n\n// ─── Diff computation ────────────────────────────────────────────────────────\n\ninterface DiffLine {\n kind: \"context\" \| \"added\" \| \"removed\";\n text: string;\n oldLineNo?: number;\n newLineNo?: number;\n}\n\nfunction computeLineDiff(oldText: string, newText: string): DiffLine[] {\n const oldLines = oldText.split(\"\\n\");\n const newLines = newText.split(\"\\n\");\n\n // Simple Myers-style LCS via DP for line-level diffs.\n // For very large files we cap input to keep it snappy.\n const MAX_LINES = 2000;\n const a = oldLines.slice(0, MAX_LINES);\n const b = newLines.slice(0, MAX_LINES);\n\n const m = a.length;\n const n = b.length;\n\n // Build LCS table\n const dp: number[][] = Array.from({ length: m + 1 }, () =>\n new Array(n + 1).fill(0),\n );\n for (let i = m - 1; i >= 0; i--) {\n for (let j = n - 1; j >= 0; j--) {\n if (a[i] === b[j]) {\n dp[i][j] = dp[i + 1][j + 1] + 1;\n } else {\n dp[i][j] = Math.max(dp[i + 1][j], dp[i][j + 1]);\n }\n }\n }\n\n const result: DiffLine[] = [];\n let i = 0;\n let j = 0;\n let oldLineNo = 1;\n let newLineNo = 1;\n\n while (i < m \|\| j < n) {\n if (i < m && j < n && a[i] === b[j]) {\n result.push({\n kind: \"context\",\n text: a[i],\n oldLineNo: oldLineNo++,\n newLineNo: newLineNo++,\n });\n i++;\n j++;\n } else if (j < n && (i >= m \|\| dp[i + 1][j] >= dp[i][j + 1])) {\n result.push({ kind: \"added\", text: b[j], newLineNo: newLineNo++ });\n j++;\n } else {\n result.push({ kind: \"removed\", text: a[i], oldLineNo: oldLineNo++ });\n i++;\n }\n }\n\n // Append any overflow lines as context\n if (oldLines.length > MAX_LINES) {\n for (let k = MAX_LINES; k < oldLines.length; k++) {\n result.push({\n kind: \"removed\",\n text: oldLines[k],\n oldLineNo: oldLineNo++,\n });\n }\n }\n if (newLines.length > MAX_LINES) {\n for (let k = MAX_LINES; k < newLines.length; k++) {\n result.push({\n kind: \"added\",\n text: newLines[k],\n newLineNo: newLineNo++,\n });\n }\n }\n\n return result;\n}\n\n/* Compute +N -N line counts from a diff. /\nfunction diffStats(lines: DiffLine[]): { added: number; removed: number } {\n let added = 0;\n let removed = 0;\n for (const line of lines) {\n if (line.kind === \"added\") added++;\n else if (line.kind === \"removed\") removed++;\n }\n return { added, removed };\n}\n\n// ─── Component ───────────────────────────────────────────────────────────────\n\nconst DiffView = memo(function DiffView({\n lines,\n maxLines,\n}: {\n lines: DiffLine[];\n maxLines: number \| null;\n}) {\n const visible = maxLines === null ? lines : lines.slice(0, maxLines);\n\n return (\n <div className=\"overflow-x-auto\">\n <table className=\"w-full min-w-full border-collapse font-mono text-[11px] leading-relaxed\">\n <tbody>\n {visible.map((line, idx) => (\n <tr\n key={idx}\n className={cn(\n line.kind === \"added\" &&\n \"bg-emerald-500/8 dark:bg-emerald-400/8\",\n line.kind === \"removed\" && \"bg-destructive/8\",\n )}\n >\n {/ Old line number /}\n <td className=\"w-8 select-none border-r border-border/30 px-1.5 text-right text-[10px] text-muted-foreground/60\">\n {line.oldLineNo ?? \"\"}\n </td>\n {/ New line number /}\n <td className=\"w-8 select-none border-r border-border/30 px-1.5 text-right text-[10px] text-muted-foreground/60\">\n {line.newLineNo ?? \"\"}\n </td>\n {/ Sigil /}\n <td\n className={cn(\n \"w-4 select-none text-center text-[10px] font-bold\",\n line.kind === \"added\" &&\n \"text-emerald-600 dark:text-emerald-400\",\n line.kind === \"removed\" && \"text-destructive\",\n line.kind === \"context\" && \"text-muted-foreground/40\",\n )}\n >\n {line.kind === \"added\"\n ? \"+\"\n : line.kind === \"removed\"\n ? \"-\"\n : \" \"}\n </td>\n {/ Content /}\n <td\n className={cn(\n \"px-2 text-foreground\",\n line.kind === \"added\" &&\n \"text-emerald-800 dark:text-emerald-200\",\n line.kind === \"removed\" && \"text-red-800 dark:text-red-200\",\n )}\n >\n <span\n style={{ whiteSpace: \"pre-wrap\", wordBreak: \"break-all\" }}\n >\n {line.text}\n </span>\n </td>\n </tr>\n ))}\n </tbody>\n </table>\n </div>\n );\n});\n\nexport function EditCell({ meta, isRunning }: EditCellProps) {\n const [expanded, setExpanded] = useState(false);\n const [showAll, setShowAll] = useState(false);\n\n const diff = useMemo(() => {\n if (!meta.oldText && !meta.newText) return null;\n return computeLineDiff(meta.oldText ?? \"\", meta.newText ?? \"\");\n }, [meta.oldText, meta.newText]);\n\n const stats = useMemo(() => (diff ? diffStats(diff) : null), [diff]);\n const hasDiff = diff !== null && diff.length > 0;\n\n const totalLines = diff?.length ?? 0;\n const maxCollapsed =\n showAll \|\| totalLines <= MAX_COLLAPSED_LINES ? null : MAX_COLLAPSED_LINES;\n const hiddenLines =\n maxCollapsed !== null ? totalLines - MAX_COLLAPSED_LINES : 0;\n\n return (\n <div className=\"my-1 overflow-hidden rounded-md border border-border/60\">\n {/ Header /}\n <button\n type=\"button\"\n onClick={() => hasDiff && setExpanded((e) => !e)}\n className={cn(\n \"flex w-full items-center gap-2 px-2.5 py-1.5 text-left text-xs font-mono\",\n isRunning\n ? \"bg-muted text-muted-foreground\"\n : \"bg-muted text-muted-foreground hover:bg-accent\",\n hasDiff && \"cursor-pointer\",\n !hasDiff && \"cursor-default\",\n )}\n aria-expanded={hasDiff ? expanded : undefined}\n >\n <span className=\"shrink-0\">\n {isRunning ? (\n <IconLoader2 className=\"h-3 w-3 animate-spin\" />\n ) : (\n <IconFileDiff className=\"h-3 w-3 text-amber-500\" />\n )}\n </span>\n\n <IconFile className=\"h-3 w-3 shrink-0 text-muted-foreground/70\" />\n <span className=\"min-w-0 flex-1 truncate font-medium text-foreground\">\n {meta.filePath}\n </span>\n\n {stats && !isRunning && (\n <span className=\"ml-auto flex shrink-0 items-center gap-1.5\">\n {stats.added > 0 && (\n <span className=\"text-[10px] font-semibold text-emerald-600 dark:text-emerald-400\">\n +{stats.added}\n </span>\n )}\n {stats.removed > 0 && (\n <span className=\"text-[10px] font-semibold text-destructive\">\n -{stats.removed}\n </span>\n )}\n {meta.truncated && (\n <span className=\"text-[10px] text-muted-foreground\">\n (partial)\n </span>\n )}\n </span>\n )}\n\n {hasDiff && (\n <IconChevronDown\n className={cn(\n \"ml-1 h-3 w-3 shrink-0 opacity-40\",\n expanded && \"rotate-180\",\n )}\n />\n )}\n </button>\n\n {/ Diff body */}\n {expanded && hasDiff && (\n <div className=\"border-t border-border/40 bg-background\">\n <DiffView lines={diff} maxLines={maxCollapsed} />\n {hiddenLines > 0 && (\n <div className=\"border-t border-border/40 px-3 py-1 text-[11px] text-muted-foreground\">\n <button\n type=\"button\"\n className=\"cursor-pointer underline hover:text-foreground\"\n onClick={() => setShowAll(true)}\n >\n Show {hiddenLines} more lines\n </button>\n </div>\n )}\n </div>\n )}\n </div>\n );\n}\n"]}
1	+ {"version":3,"file":"EditCell.js","sourceRoot":"","sources":["../../../src/client/tool-cells/EditCell.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n EditCell — renders an edit tool call as a syntax-highlighted unified diff.\n \n The diff is computed client-side from oldText / newText stored in the\n * structured metadata. The HighlightedCodeBlock from AssistantChat is not\n * accessible here, so we do a lightweight line-diff + per-line class approach\n * instead (no dep on shiki required for the diff view itself).\n \n Collapsed by default beyond MAX_COLLAPSED_LINES; expand button shows all.\n /\n\nimport {\n IconChevronDown,\n IconFile,\n IconFileDiff,\n IconLoader2,\n} from \"@tabler/icons-react\";\nimport { memo, useMemo, useState } from \"react\";\n\nimport { AnimatedCollapse } from \"../chat/tool-call-display.js\";\nimport { cn } from \"../utils.js\";\n\nexport interface EditCellMeta {\n toolKind: \"edit\";\n filePath: string;\n oldText?: string;\n newText?: string;\n truncated?: boolean;\n}\n\ninterface EditCellProps {\n meta: EditCellMeta;\n isRunning: boolean;\n}\n\n/* Lines shown collapsed before \"expand\" is offered. /\nconst MAX_COLLAPSED_LINES = 40;\n\n// ─── Diff computation ────────────────────────────────────────────────────────\n\ninterface DiffLine {\n kind: \"context\" \| \"added\" \| \"removed\";\n text: string;\n oldLineNo?: number;\n newLineNo?: number;\n}\n\nfunction computeLineDiff(oldText: string, newText: string): DiffLine[] {\n const oldLines = oldText.split(\"\\n\");\n const newLines = newText.split(\"\\n\");\n\n // Simple Myers-style LCS via DP for line-level diffs.\n // For very large files we cap input to keep it snappy.\n const MAX_LINES = 2000;\n const a = oldLines.slice(0, MAX_LINES);\n const b = newLines.slice(0, MAX_LINES);\n\n const m = a.length;\n const n = b.length;\n\n // Build LCS table\n const dp: number[][] = Array.from({ length: m + 1 }, () =>\n new Array(n + 1).fill(0),\n );\n for (let i = m - 1; i >= 0; i--) {\n for (let j = n - 1; j >= 0; j--) {\n if (a[i] === b[j]) {\n dp[i][j] = dp[i + 1][j + 1] + 1;\n } else {\n dp[i][j] = Math.max(dp[i + 1][j], dp[i][j + 1]);\n }\n }\n }\n\n const result: DiffLine[] = [];\n let i = 0;\n let j = 0;\n let oldLineNo = 1;\n let newLineNo = 1;\n\n while (i < m \|\| j < n) {\n if (i < m && j < n && a[i] === b[j]) {\n result.push({\n kind: \"context\",\n text: a[i],\n oldLineNo: oldLineNo++,\n newLineNo: newLineNo++,\n });\n i++;\n j++;\n } else if (j < n && (i >= m \|\| dp[i + 1][j] >= dp[i][j + 1])) {\n result.push({ kind: \"added\", text: b[j], newLineNo: newLineNo++ });\n j++;\n } else {\n result.push({ kind: \"removed\", text: a[i], oldLineNo: oldLineNo++ });\n i++;\n }\n }\n\n // Append any overflow lines as context\n if (oldLines.length > MAX_LINES) {\n for (let k = MAX_LINES; k < oldLines.length; k++) {\n result.push({\n kind: \"removed\",\n text: oldLines[k],\n oldLineNo: oldLineNo++,\n });\n }\n }\n if (newLines.length > MAX_LINES) {\n for (let k = MAX_LINES; k < newLines.length; k++) {\n result.push({\n kind: \"added\",\n text: newLines[k],\n newLineNo: newLineNo++,\n });\n }\n }\n\n return result;\n}\n\n/* Compute +N -N line counts from a diff. /\nfunction diffStats(lines: DiffLine[]): { added: number; removed: number } {\n let added = 0;\n let removed = 0;\n for (const line of lines) {\n if (line.kind === \"added\") added++;\n else if (line.kind === \"removed\") removed++;\n }\n return { added, removed };\n}\n\n// ─── Component ───────────────────────────────────────────────────────────────\n\nconst DiffView = memo(function DiffView({\n lines,\n maxLines,\n}: {\n lines: DiffLine[];\n maxLines: number \| null;\n}) {\n const visible = maxLines === null ? lines : lines.slice(0, maxLines);\n\n return (\n <div className=\"overflow-x-auto\">\n <table className=\"w-full min-w-full border-collapse font-mono text-[11px] leading-relaxed\">\n <tbody>\n {visible.map((line, idx) => (\n <tr\n key={idx}\n className={cn(\n line.kind === \"added\" &&\n \"bg-emerald-500/8 dark:bg-emerald-400/8\",\n line.kind === \"removed\" && \"bg-destructive/8\",\n )}\n >\n {/ Old line number /}\n <td className=\"w-8 select-none border-r border-border/30 px-1.5 text-right text-[10px] text-muted-foreground/60\">\n {line.oldLineNo ?? \"\"}\n </td>\n {/ New line number /}\n <td className=\"w-8 select-none border-r border-border/30 px-1.5 text-right text-[10px] text-muted-foreground/60\">\n {line.newLineNo ?? \"\"}\n </td>\n {/ Sigil /}\n <td\n className={cn(\n \"w-4 select-none text-center text-[10px] font-bold\",\n line.kind === \"added\" &&\n \"text-emerald-600 dark:text-emerald-400\",\n line.kind === \"removed\" && \"text-destructive\",\n line.kind === \"context\" && \"text-muted-foreground/40\",\n )}\n >\n {line.kind === \"added\"\n ? \"+\"\n : line.kind === \"removed\"\n ? \"-\"\n : \" \"}\n </td>\n {/ Content /}\n <td\n className={cn(\n \"px-2 text-foreground\",\n line.kind === \"added\" &&\n \"text-emerald-800 dark:text-emerald-200\",\n line.kind === \"removed\" && \"text-red-800 dark:text-red-200\",\n )}\n >\n <span\n style={{ whiteSpace: \"pre-wrap\", wordBreak: \"break-all\" }}\n >\n {line.text}\n </span>\n </td>\n </tr>\n ))}\n </tbody>\n </table>\n </div>\n );\n});\n\nexport function EditCell({ meta, isRunning }: EditCellProps) {\n const [expanded, setExpanded] = useState(false);\n const [showAll, setShowAll] = useState(false);\n\n const diff = useMemo(() => {\n if (!meta.oldText && !meta.newText) return null;\n return computeLineDiff(meta.oldText ?? \"\", meta.newText ?? \"\");\n }, [meta.oldText, meta.newText]);\n\n const stats = useMemo(() => (diff ? diffStats(diff) : null), [diff]);\n const hasDiff = diff !== null && diff.length > 0;\n\n const totalLines = diff?.length ?? 0;\n const maxCollapsed =\n showAll \|\| totalLines <= MAX_COLLAPSED_LINES ? null : MAX_COLLAPSED_LINES;\n const hiddenLines =\n maxCollapsed !== null ? totalLines - MAX_COLLAPSED_LINES : 0;\n\n return (\n <div className=\"my-1 overflow-hidden rounded-md border border-border/60\">\n {/ Header /}\n <button\n type=\"button\"\n onClick={() => hasDiff && setExpanded((e) => !e)}\n className={cn(\n \"flex w-full items-center gap-2 px-2.5 py-1.5 text-left text-xs font-mono\",\n isRunning\n ? \"bg-muted text-muted-foreground\"\n : \"bg-muted text-muted-foreground hover:bg-accent\",\n hasDiff && \"cursor-pointer\",\n !hasDiff && \"cursor-default\",\n )}\n aria-expanded={hasDiff ? expanded : undefined}\n >\n <span className=\"shrink-0\">\n {isRunning ? (\n <IconLoader2 className=\"h-3 w-3 animate-spin\" />\n ) : (\n <IconFileDiff className=\"h-3 w-3 text-amber-500\" />\n )}\n </span>\n\n <IconFile className=\"h-3 w-3 shrink-0 text-muted-foreground/70\" />\n <span className=\"min-w-0 flex-1 truncate font-medium text-foreground\">\n {meta.filePath}\n </span>\n\n {stats && !isRunning && (\n <span className=\"ml-auto flex shrink-0 items-center gap-1.5\">\n {stats.added > 0 && (\n <span className=\"text-[10px] font-semibold text-emerald-600 dark:text-emerald-400\">\n +{stats.added}\n </span>\n )}\n {stats.removed > 0 && (\n <span className=\"text-[10px] font-semibold text-destructive\">\n -{stats.removed}\n </span>\n )}\n {meta.truncated && (\n <span className=\"text-[10px] text-muted-foreground\">\n (partial)\n </span>\n )}\n </span>\n )}\n\n {hasDiff && (\n <IconChevronDown\n className={cn(\n \"ml-1 h-3 w-3 shrink-0 opacity-40\",\n expanded && \"rotate-180\",\n )}\n />\n )}\n </button>\n\n {/ Diff body */}\n <AnimatedCollapse open={expanded && hasDiff}>\n {hasDiff && (\n <div className=\"border-t border-border/40 bg-background\">\n <DiffView lines={diff} maxLines={maxCollapsed} />\n {hiddenLines > 0 && (\n <div className=\"border-t border-border/40 px-3 py-1 text-[11px] text-muted-foreground\">\n <button\n type=\"button\"\n className=\"cursor-pointer underline hover:text-foreground\"\n onClick={() => setShowAll(true)}\n >\n Show {hiddenLines} more lines\n </button>\n </div>\n )}\n </div>\n )}\n </AnimatedCollapse>\n </div>\n );\n}\n"]}

package/dist/client/tool-cells/FilesChangedSummary.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FilesChangedSummary.d.ts","sourceRoot":"","sources":["../../../src/client/tool-cells/FilesChangedSummary.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;~~AAKH~~,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAK7D,UAAU,wBAAwB;IAChC,uDAAuD;IACvD,KAAK,EAAE,WAAW,EAAE,CAAC;CACtB;AAiFD,eAAO,MAAM,mBAAmB,mDAE7B,wBAAwB,~~wCAwGzB~~,CAAC"}
1	+ {"version":3,"file":"FilesChangedSummary.d.ts","sourceRoot":"","sources":["../../../src/client/tool-cells/FilesChangedSummary.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAMH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAK7D,UAAU,wBAAwB;IAChC,uDAAuD;IACvD,KAAK,EAAE,WAAW,EAAE,CAAC;CACtB;AAiFD,eAAO,MAAM,mBAAmB,mDAE7B,wBAAwB,wCA0GzB,CAAC"}

package/dist/client/tool-cells/FilesChangedSummary.js CHANGED Viewed

@@ -6,6 +6,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import { IconFiles } from "@tabler/icons-react";
 import { memo, useMemo, useState } from "react";
+import { AnimatedCollapse } from "../chat/tool-call-display.js";
 import { cn } from "../utils.js";
 import { EditCell } from "./EditCell.js";
 import { WriteCell } from "./WriteCell.js";
@@ -92,7 +93,7 @@ export const FilesChangedSummary = memo(function FilesChangedSummary({ parts, })
                 const key = `${entry.kind}:${entry.filePath}`;
                 const isExpanded = expanded.has(key);
                 const part = parts[entry.partIndex];
-                return (_jsxs("div", { className: "border-b border-border/30 last:border-b-0", children: [_jsxs("button", { type: "button", onClick: () => toggle(key), className: "flex w-full cursor-pointer items-center gap-2 px-2.5 py-1 text-left text-[11px] hover:bg-accent", children: [_jsx("span", { className: cn("inline-block h-1.5 w-1.5 shrink-0 rounded-full", entry.kind === "write" ? "bg-emerald-500" : "bg-amber-500") }), _jsx("span", { className: "min-w-0 flex-1 truncate font-mono text-foreground", children: entry.filePath }), _jsxs("span", { className: "ml-auto flex shrink-0 items-center gap-1", children: [entry.added > 0 && (_jsxs("span", { className: "text-[10px] font-semibold text-emerald-600 dark:text-emerald-400", children: ["+", entry.added] })), entry.removed > 0 && (_jsxs("span", { className: "text-[10px] font-semibold text-destructive", children: ["-", entry.removed] }))] })] }), isExpanded && part.type === "tool-call" && part.structuredMeta && (_jsx("div", { className: "pl-4", children: entry.kind === "edit" ? (_jsx(EditCell, { meta: part.structuredMeta, isRunning: false })) : (_jsx(WriteCell, { meta: part.structuredMeta, isRunning: false })) }))] }, key));
+                return (_jsxs("div", { className: "border-b border-border/30 last:border-b-0", children: [_jsxs("button", { type: "button", onClick: () => toggle(key), className: "flex w-full cursor-pointer items-center gap-2 px-2.5 py-1 text-left text-[11px] hover:bg-accent", children: [_jsx("span", { className: cn("inline-block h-1.5 w-1.5 shrink-0 rounded-full", entry.kind === "write" ? "bg-emerald-500" : "bg-amber-500") }), _jsx("span", { className: "min-w-0 flex-1 truncate font-mono text-foreground", children: entry.filePath }), _jsxs("span", { className: "ml-auto flex shrink-0 items-center gap-1", children: [entry.added > 0 && (_jsxs("span", { className: "text-[10px] font-semibold text-emerald-600 dark:text-emerald-400", children: ["+", entry.added] })), entry.removed > 0 && (_jsxs("span", { className: "text-[10px] font-semibold text-destructive", children: ["-", entry.removed] }))] })] }), _jsx(AnimatedCollapse, { open: isExpanded, children: part.type === "tool-call" && part.structuredMeta && (_jsx("div", { className: "pl-4", children: entry.kind === "edit" ? (_jsx(EditCell, { meta: part.structuredMeta, isRunning: false })) : (_jsx(WriteCell, { meta: part.structuredMeta, isRunning: false })) })) })] }, key));
             })] }));
 });
 //# sourceMappingURL=FilesChangedSummary.js.map

package/dist/client/tool-cells/FilesChangedSummary.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FilesChangedSummary.js","sourceRoot":"","sources":["../../../src/client/tool-cells/FilesChangedSummary.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n FilesChangedSummary — aggregates all edit/write tool calls in a turn and\n * renders a compact \"+N -M path\" summary row per file. Click a row to expand\n * to that file's diff. Derived purely from ContentPart structuredMeta.\n /\n\nimport { IconFiles } from \"@tabler/icons-react\";\nimport { memo, useMemo, useState } from \"react\";\n\nimport type { ContentPart } from \"../sse-event-processor.js\";\nimport { cn } from \"../utils.js\";\nimport { EditCell } from \"./EditCell.js\";\nimport { WriteCell } from \"./WriteCell.js\";\n\ninterface FilesChangedSummaryProps {\n /* All content parts in the current assistant turn. /\n parts: ContentPart[];\n}\n\ninterface FileEntry {\n filePath: string;\n kind: \"edit\" \| \"write\";\n added: number;\n removed: number;\n partIndex: number;\n}\n\nfunction countLines(text: string): number {\n return text ? text.split(\"\\n\").length : 0;\n}\n\nfunction editLineDelta(\n oldText: string \| undefined,\n newText: string \| undefined,\n): { added: number; removed: number } {\n const oldLines = oldText ? oldText.split(\"\\n\") : [];\n const newLines = newText ? newText.split(\"\\n\") : [];\n\n // Simple count: compare total lines per side. For a real diff the\n // edit cell already shows the full diff, so this approximation is fine\n // for the summary bar.\n const base = Math.min(oldLines.length, newLines.length);\n const added = newLines.length - base;\n const removed = oldLines.length - base;\n return { added, removed };\n}\n\nfunction extractFileEntries(parts: ContentPart[]): FileEntry[] {\n const entries: FileEntry[] = [];\n for (let i = 0; i < parts.length; i++) {\n const part = parts[i];\n if (part.type !== \"tool-call\" \|\| !part.structuredMeta) continue;\n const meta = part.structuredMeta as Record<string, unknown>;\n const kind = meta.toolKind as string \| undefined;\n if (kind === \"edit\") {\n const { added, removed } = editLineDelta(\n meta.oldText as string \| undefined,\n meta.newText as string \| undefined,\n );\n entries.push({\n filePath: (meta.filePath as string) ?? \"\",\n kind: \"edit\",\n added,\n removed,\n partIndex: i,\n });\n } else if (kind === \"write\") {\n const lineCount =\n typeof meta.lineCount === \"number\"\n ? meta.lineCount\n : countLines((meta.content as string \| undefined) ?? \"\");\n entries.push({\n filePath: (meta.filePath as string) ?? \"\",\n kind: \"write\",\n added: lineCount,\n removed: 0,\n partIndex: i,\n });\n }\n }\n\n // Deduplicate: last edit/write per file path wins for the summary row,\n // but keep the expanded view as-is.\n const seen = new Map<string, number>();\n const deduped: FileEntry[] = [];\n for (const entry of entries) {\n const key = `${entry.kind}:${entry.filePath}`;\n if (seen.has(key)) {\n const existing = seen.get(key)!;\n deduped[existing] = entry;\n } else {\n seen.set(key, deduped.length);\n deduped.push(entry);\n }\n }\n return deduped;\n}\n\nexport const FilesChangedSummary = memo(function FilesChangedSummary({\n parts,\n}: FilesChangedSummaryProps) {\n const entries = useMemo(() => extractFileEntries(parts), [parts]);\n const [expanded, setExpanded] = useState<Set<string>>(new Set());\n\n if (entries.length === 0) return null;\n\n const toggle = (key: string) => {\n setExpanded((prev) => {\n const next = new Set(prev);\n if (next.has(key)) next.delete(key);\n else next.add(key);\n return next;\n });\n };\n\n const totalAdded = entries.reduce((s, e) => s + e.added, 0);\n const totalRemoved = entries.reduce((s, e) => s + e.removed, 0);\n\n return (\n <div className=\"my-2 overflow-hidden rounded-md border border-border/60\">\n {/ Summary header /}\n <div className=\"flex items-center gap-2 border-b border-border/40 bg-muted px-2.5 py-1.5 text-xs text-muted-foreground\">\n <IconFiles className=\"h-3.5 w-3.5 shrink-0\" />\n <span className=\"font-medium text-foreground\">\n {entries.length} file{entries.length === 1 ? \"\" : \"s\"} changed\n </span>\n <span className=\"ml-auto flex items-center gap-1.5\">\n {totalAdded > 0 && (\n <span className=\"text-[10px] font-semibold text-emerald-600 dark:text-emerald-400\">\n +{totalAdded}\n </span>\n )}\n {totalRemoved > 0 && (\n <span className=\"text-[10px] font-semibold text-destructive\">\n -{totalRemoved}\n </span>\n )}\n </span>\n </div>\n\n {/ Per-file rows */}\n {entries.map((entry) => {\n const key = `${entry.kind}:${entry.filePath}`;\n const isExpanded = expanded.has(key);\n const part = parts[entry.partIndex];\n\n return (\n <div key={key} className=\"border-b border-border/30 last:border-b-0\">\n <button\n type=\"button\"\n onClick={() => toggle(key)}\n className=\"flex w-full cursor-pointer items-center gap-2 px-2.5 py-1 text-left text-[11px] hover:bg-accent\"\n >\n <span\n className={cn(\n \"inline-block h-1.5 w-1.5 shrink-0 rounded-full\",\n entry.kind === \"write\" ? \"bg-emerald-500\" : \"bg-amber-500\",\n )}\n />\n <span className=\"min-w-0 flex-1 truncate font-mono text-foreground\">\n {entry.filePath}\n </span>\n <span className=\"ml-auto flex shrink-0 items-center gap-1\">\n {entry.added > 0 && (\n <span className=\"text-[10px] font-semibold text-emerald-600 dark:text-emerald-400\">\n +{entry.added}\n </span>\n )}\n {entry.removed > 0 && (\n <span className=\"text-[10px] font-semibold text-destructive\">\n -{entry.removed}\n </span>\n )}\n </span>\n </button>\n\n {isExpanded && part.type === \"tool-call\" && part.structuredMeta && (\n <div className=\"pl-4\">\n {entry.kind === \"edit\" ? (\n <EditCell\n meta={\n part.structuredMeta as unknown as Parameters<\n typeof EditCell\n >[0][\"meta\"]\n }\n isRunning={false}\n />\n ) : (\n <WriteCell\n meta={\n part.structuredMeta as unknown as Parameters<\n typeof WriteCell\n >[0][\"meta\"]\n }\n isRunning={false}\n />\n )}\n </div>\n )}\n </div>\n );\n })}\n </div>\n );\n});\n"]}
1	+ {"version":3,"file":"FilesChangedSummary.js","sourceRoot":"","sources":["../../../src/client/tool-cells/FilesChangedSummary.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n FilesChangedSummary — aggregates all edit/write tool calls in a turn and\n * renders a compact \"+N -M path\" summary row per file. Click a row to expand\n * to that file's diff. Derived purely from ContentPart structuredMeta.\n /\n\nimport { IconFiles } from \"@tabler/icons-react\";\nimport { memo, useMemo, useState } from \"react\";\n\nimport { AnimatedCollapse } from \"../chat/tool-call-display.js\";\nimport type { ContentPart } from \"../sse-event-processor.js\";\nimport { cn } from \"../utils.js\";\nimport { EditCell } from \"./EditCell.js\";\nimport { WriteCell } from \"./WriteCell.js\";\n\ninterface FilesChangedSummaryProps {\n /* All content parts in the current assistant turn. /\n parts: ContentPart[];\n}\n\ninterface FileEntry {\n filePath: string;\n kind: \"edit\" \| \"write\";\n added: number;\n removed: number;\n partIndex: number;\n}\n\nfunction countLines(text: string): number {\n return text ? text.split(\"\\n\").length : 0;\n}\n\nfunction editLineDelta(\n oldText: string \| undefined,\n newText: string \| undefined,\n): { added: number; removed: number } {\n const oldLines = oldText ? oldText.split(\"\\n\") : [];\n const newLines = newText ? newText.split(\"\\n\") : [];\n\n // Simple count: compare total lines per side. For a real diff the\n // edit cell already shows the full diff, so this approximation is fine\n // for the summary bar.\n const base = Math.min(oldLines.length, newLines.length);\n const added = newLines.length - base;\n const removed = oldLines.length - base;\n return { added, removed };\n}\n\nfunction extractFileEntries(parts: ContentPart[]): FileEntry[] {\n const entries: FileEntry[] = [];\n for (let i = 0; i < parts.length; i++) {\n const part = parts[i];\n if (part.type !== \"tool-call\" \|\| !part.structuredMeta) continue;\n const meta = part.structuredMeta as Record<string, unknown>;\n const kind = meta.toolKind as string \| undefined;\n if (kind === \"edit\") {\n const { added, removed } = editLineDelta(\n meta.oldText as string \| undefined,\n meta.newText as string \| undefined,\n );\n entries.push({\n filePath: (meta.filePath as string) ?? \"\",\n kind: \"edit\",\n added,\n removed,\n partIndex: i,\n });\n } else if (kind === \"write\") {\n const lineCount =\n typeof meta.lineCount === \"number\"\n ? meta.lineCount\n : countLines((meta.content as string \| undefined) ?? \"\");\n entries.push({\n filePath: (meta.filePath as string) ?? \"\",\n kind: \"write\",\n added: lineCount,\n removed: 0,\n partIndex: i,\n });\n }\n }\n\n // Deduplicate: last edit/write per file path wins for the summary row,\n // but keep the expanded view as-is.\n const seen = new Map<string, number>();\n const deduped: FileEntry[] = [];\n for (const entry of entries) {\n const key = `${entry.kind}:${entry.filePath}`;\n if (seen.has(key)) {\n const existing = seen.get(key)!;\n deduped[existing] = entry;\n } else {\n seen.set(key, deduped.length);\n deduped.push(entry);\n }\n }\n return deduped;\n}\n\nexport const FilesChangedSummary = memo(function FilesChangedSummary({\n parts,\n}: FilesChangedSummaryProps) {\n const entries = useMemo(() => extractFileEntries(parts), [parts]);\n const [expanded, setExpanded] = useState<Set<string>>(new Set());\n\n if (entries.length === 0) return null;\n\n const toggle = (key: string) => {\n setExpanded((prev) => {\n const next = new Set(prev);\n if (next.has(key)) next.delete(key);\n else next.add(key);\n return next;\n });\n };\n\n const totalAdded = entries.reduce((s, e) => s + e.added, 0);\n const totalRemoved = entries.reduce((s, e) => s + e.removed, 0);\n\n return (\n <div className=\"my-2 overflow-hidden rounded-md border border-border/60\">\n {/ Summary header /}\n <div className=\"flex items-center gap-2 border-b border-border/40 bg-muted px-2.5 py-1.5 text-xs text-muted-foreground\">\n <IconFiles className=\"h-3.5 w-3.5 shrink-0\" />\n <span className=\"font-medium text-foreground\">\n {entries.length} file{entries.length === 1 ? \"\" : \"s\"} changed\n </span>\n <span className=\"ml-auto flex items-center gap-1.5\">\n {totalAdded > 0 && (\n <span className=\"text-[10px] font-semibold text-emerald-600 dark:text-emerald-400\">\n +{totalAdded}\n </span>\n )}\n {totalRemoved > 0 && (\n <span className=\"text-[10px] font-semibold text-destructive\">\n -{totalRemoved}\n </span>\n )}\n </span>\n </div>\n\n {/ Per-file rows */}\n {entries.map((entry) => {\n const key = `${entry.kind}:${entry.filePath}`;\n const isExpanded = expanded.has(key);\n const part = parts[entry.partIndex];\n\n return (\n <div key={key} className=\"border-b border-border/30 last:border-b-0\">\n <button\n type=\"button\"\n onClick={() => toggle(key)}\n className=\"flex w-full cursor-pointer items-center gap-2 px-2.5 py-1 text-left text-[11px] hover:bg-accent\"\n >\n <span\n className={cn(\n \"inline-block h-1.5 w-1.5 shrink-0 rounded-full\",\n entry.kind === \"write\" ? \"bg-emerald-500\" : \"bg-amber-500\",\n )}\n />\n <span className=\"min-w-0 flex-1 truncate font-mono text-foreground\">\n {entry.filePath}\n </span>\n <span className=\"ml-auto flex shrink-0 items-center gap-1\">\n {entry.added > 0 && (\n <span className=\"text-[10px] font-semibold text-emerald-600 dark:text-emerald-400\">\n +{entry.added}\n </span>\n )}\n {entry.removed > 0 && (\n <span className=\"text-[10px] font-semibold text-destructive\">\n -{entry.removed}\n </span>\n )}\n </span>\n </button>\n\n <AnimatedCollapse open={isExpanded}>\n {part.type === \"tool-call\" && part.structuredMeta && (\n <div className=\"pl-4\">\n {entry.kind === \"edit\" ? (\n <EditCell\n meta={\n part.structuredMeta as unknown as Parameters<\n typeof EditCell\n >[0][\"meta\"]\n }\n isRunning={false}\n />\n ) : (\n <WriteCell\n meta={\n part.structuredMeta as unknown as Parameters<\n typeof WriteCell\n >[0][\"meta\"]\n }\n isRunning={false}\n />\n )}\n </div>\n )}\n </AnimatedCollapse>\n </div>\n );\n })}\n </div>\n );\n});\n"]}

package/dist/client/tool-cells/WriteCell.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WriteCell.d.ts","sourceRoot":"","sources":["../../../src/client/tool-cells/WriteCell.tsx"],"names":[],"mappings":"AAAA;;GAEG;~~AAWH~~,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,cAAc;IACtB,IAAI,EAAE,aAAa,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACpB;AAyCD,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,cAAc,+~~BA4E5D~~"}
1	+ {"version":3,"file":"WriteCell.d.ts","sourceRoot":"","sources":["../../../src/client/tool-cells/WriteCell.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAYH,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,cAAc;IACtB,IAAI,EAAE,aAAa,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACpB;AAyCD,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,cAAc,+BA8E5D"}

package/dist/client/tool-cells/WriteCell.js CHANGED Viewed

@@ -4,6 +4,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import { IconChevronDown, IconFilePlus, IconLoader2, } from "@tabler/icons-react";
 import { memo, useState } from "react";
+import { AnimatedCollapse } from "../chat/tool-call-display.js";
 import { cn } from "../utils.js";
 const MAX_COLLAPSED_LINES = 40;
 const FileContentView = memo(function FileContentView({ content, maxLines, }) {
@@ -21,6 +22,6 @@ export function WriteCell({ meta, isRunning }) {
     const hiddenLines = maxCollapsed !== null ? totalLines - MAX_COLLAPSED_LINES : 0;
     return (_jsxs("div", { className: "my-1 overflow-hidden rounded-md border border-border/60", children: [_jsxs("button", { type: "button", onClick: () => hasContent && setExpanded((e) => !e), className: cn("flex w-full items-center gap-2 px-2.5 py-1.5 text-left text-xs font-mono", isRunning
                     ? "bg-muted text-muted-foreground"
-                    : "bg-muted text-muted-foreground hover:bg-accent", hasContent && "cursor-pointer", !hasContent && "cursor-default"), "aria-expanded": hasContent ? expanded : undefined, children: [_jsx("span", { className: "shrink-0", children: isRunning ? (_jsx(IconLoader2, { className: "h-3 w-3 animate-spin" })) : (_jsx(IconFilePlus, { className: "h-3 w-3 text-emerald-500" })) }), _jsx("span", { className: "min-w-0 flex-1 truncate font-medium text-foreground", children: meta.filePath }), _jsxs("span", { className: "ml-auto flex shrink-0 items-center gap-1.5", children: [meta.lineCount !== undefined && !isRunning && (_jsxs("span", { className: "text-[10px] font-semibold text-emerald-600 dark:text-emerald-400", children: ["+", meta.lineCount] })), meta.truncated && (_jsx("span", { className: "text-[10px] text-muted-foreground", children: "(partial)" })), hasContent && (_jsx(IconChevronDown, { className: cn("h-3 w-3 opacity-40", expanded && "rotate-180") }))] })] }), expanded && hasContent && meta.content && (_jsxs("div", { className: "border-t border-border/40 bg-background", children: [_jsx(FileContentView, { content: meta.content, maxLines: maxCollapsed }), hiddenLines > 0 && (_jsx("div", { className: "border-t border-border/40 px-3 py-1 text-[11px] text-muted-foreground", children: _jsxs("button", { type: "button", className: "cursor-pointer underline hover:text-foreground", onClick: () => setShowAll(true), children: ["Show ", hiddenLines, " more lines"] }) }))] }))] }));
+                    : "bg-muted text-muted-foreground hover:bg-accent", hasContent && "cursor-pointer", !hasContent && "cursor-default"), "aria-expanded": hasContent ? expanded : undefined, children: [_jsx("span", { className: "shrink-0", children: isRunning ? (_jsx(IconLoader2, { className: "h-3 w-3 animate-spin" })) : (_jsx(IconFilePlus, { className: "h-3 w-3 text-emerald-500" })) }), _jsx("span", { className: "min-w-0 flex-1 truncate font-medium text-foreground", children: meta.filePath }), _jsxs("span", { className: "ml-auto flex shrink-0 items-center gap-1.5", children: [meta.lineCount !== undefined && !isRunning && (_jsxs("span", { className: "text-[10px] font-semibold text-emerald-600 dark:text-emerald-400", children: ["+", meta.lineCount] })), meta.truncated && (_jsx("span", { className: "text-[10px] text-muted-foreground", children: "(partial)" })), hasContent && (_jsx(IconChevronDown, { className: cn("h-3 w-3 opacity-40", expanded && "rotate-180") }))] })] }), _jsx(AnimatedCollapse, { open: expanded && hasContent, children: meta.content && (_jsxs("div", { className: "border-t border-border/40 bg-background", children: [_jsx(FileContentView, { content: meta.content, maxLines: maxCollapsed }), hiddenLines > 0 && (_jsx("div", { className: "border-t border-border/40 px-3 py-1 text-[11px] text-muted-foreground", children: _jsxs("button", { type: "button", className: "cursor-pointer underline hover:text-foreground", onClick: () => setShowAll(true), children: ["Show ", hiddenLines, " more lines"] }) }))] })) })] }));
 }
 //# sourceMappingURL=WriteCell.js.map

package/dist/client/tool-cells/WriteCell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WriteCell.js","sourceRoot":"","sources":["../../../src/client/tool-cells/WriteCell.tsx"],"names":[],"mappings":"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~~EAGR~~,QAAQ,IAAI,UAAU,~~IAAI~~,IAAI,CAAC,OAAO,IAAI,~~CACzC~~,eAAK,SAAS,EAAC,yCAAyC,aACtD,KAAC,eAAe,IAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,QAAQ,EAAE,YAAY,GAAI,EACjE,WAAW,GAAG,CAAC,IAAI,CAClB,cAAK,SAAS,EAAC,uEAAuE,YACpF,kBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,gDAAgD,EAC1D,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,sBAEzB,WAAW,mBACV,GACL,CACP,IACG,CACP,~~IACG~~,CACP,CAAC;AACJ,CAAC","sourcesContent":["/*\n WriteCell — renders a write tool call as a new-file view with added-line styling.\n /\n\nimport {\n IconChevronDown,\n IconFilePlus,\n IconLoader2,\n} from \"@tabler/icons-react\";\nimport { memo, useState } from \"react\";\n\nimport { cn } from \"../utils.js\";\n\nexport interface WriteCellMeta {\n toolKind: \"write\";\n filePath: string;\n content?: string;\n truncated?: boolean;\n lineCount?: number;\n}\n\ninterface WriteCellProps {\n meta: WriteCellMeta;\n isRunning: boolean;\n}\n\nconst MAX_COLLAPSED_LINES = 40;\n\nconst FileContentView = memo(function FileContentView({\n content,\n maxLines,\n}: {\n content: string;\n maxLines: number \| null;\n}) {\n const lines = content.split(\"\\n\");\n const visible = maxLines !== null ? lines.slice(0, maxLines) : lines;\n\n return (\n <div className=\"overflow-x-auto\">\n <table className=\"w-full min-w-full border-collapse font-mono text-[11px] leading-relaxed\">\n <tbody>\n {visible.map((line, idx) => (\n <tr key={idx} className=\"bg-emerald-500/8 dark:bg-emerald-400/8\">\n <td className=\"w-8 select-none border-r border-border/30 px-1.5 text-right text-[10px] text-muted-foreground/60\">\n {idx + 1}\n </td>\n <td className=\"w-4 select-none text-center text-[10px] font-bold text-emerald-600 dark:text-emerald-400\">\n +\n </td>\n <td className=\"px-2 text-emerald-800 dark:text-emerald-200\">\n <span\n style={{ whiteSpace: \"pre-wrap\", wordBreak: \"break-all\" }}\n >\n {line}\n </span>\n </td>\n </tr>\n ))}\n </tbody>\n </table>\n </div>\n );\n});\n\nexport function WriteCell({ meta, isRunning }: WriteCellProps) {\n const [expanded, setExpanded] = useState(false);\n const [showAll, setShowAll] = useState(false);\n\n const hasContent = Boolean(meta.content);\n const lines = meta.content ? meta.content.split(\"\\n\") : [];\n const totalLines = lines.length;\n const maxCollapsed =\n showAll \|\| totalLines <= MAX_COLLAPSED_LINES ? null : MAX_COLLAPSED_LINES;\n const hiddenLines =\n maxCollapsed !== null ? totalLines - MAX_COLLAPSED_LINES : 0;\n\n return (\n <div className=\"my-1 overflow-hidden rounded-md border border-border/60\">\n {/ Header /}\n <button\n type=\"button\"\n onClick={() => hasContent && setExpanded((e) => !e)}\n className={cn(\n \"flex w-full items-center gap-2 px-2.5 py-1.5 text-left text-xs font-mono\",\n isRunning\n ? \"bg-muted text-muted-foreground\"\n : \"bg-muted text-muted-foreground hover:bg-accent\",\n hasContent && \"cursor-pointer\",\n !hasContent && \"cursor-default\",\n )}\n aria-expanded={hasContent ? expanded : undefined}\n >\n <span className=\"shrink-0\">\n {isRunning ? (\n <IconLoader2 className=\"h-3 w-3 animate-spin\" />\n ) : (\n <IconFilePlus className=\"h-3 w-3 text-emerald-500\" />\n )}\n </span>\n\n <span className=\"min-w-0 flex-1 truncate font-medium text-foreground\">\n {meta.filePath}\n </span>\n\n <span className=\"ml-auto flex shrink-0 items-center gap-1.5\">\n {meta.lineCount !== undefined && !isRunning && (\n <span className=\"text-[10px] font-semibold text-emerald-600 dark:text-emerald-400\">\n +{meta.lineCount}\n </span>\n )}\n {meta.truncated && (\n <span className=\"text-[10px] text-muted-foreground\">(partial)</span>\n )}\n {hasContent && (\n <IconChevronDown\n className={cn(\"h-3 w-3 opacity-40\", expanded && \"rotate-180\")}\n />\n )}\n </span>\n </button>\n\n {/ Content body */}\n {expanded && hasContent && meta.content && (\n <div className=\"border-t border-border/40 bg-background\">\n <FileContentView content={meta.content} maxLines={maxCollapsed} />\n {hiddenLines > 0 && (\n <div className=\"border-t border-border/40 px-3 py-1 text-[11px] text-muted-foreground\">\n <button\n type=\"button\"\n className=\"cursor-pointer underline hover:text-foreground\"\n onClick={() => setShowAll(true)}\n >\n Show {hiddenLines} more lines\n </button>\n </div>\n )}\n </div>\n )}\n </div>\n );\n}\n"]}
1	+ {"version":3,"file":"WriteCell.js","sourceRoot":"","sources":["../../../src/client/tool-cells/WriteCell.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n WriteCell — renders a write tool call as a new-file view with added-line styling.\n /\n\nimport {\n IconChevronDown,\n IconFilePlus,\n IconLoader2,\n} from \"@tabler/icons-react\";\nimport { memo, useState } from \"react\";\n\nimport { AnimatedCollapse } from \"../chat/tool-call-display.js\";\nimport { cn } from \"../utils.js\";\n\nexport interface WriteCellMeta {\n toolKind: \"write\";\n filePath: string;\n content?: string;\n truncated?: boolean;\n lineCount?: number;\n}\n\ninterface WriteCellProps {\n meta: WriteCellMeta;\n isRunning: boolean;\n}\n\nconst MAX_COLLAPSED_LINES = 40;\n\nconst FileContentView = memo(function FileContentView({\n content,\n maxLines,\n}: {\n content: string;\n maxLines: number \| null;\n}) {\n const lines = content.split(\"\\n\");\n const visible = maxLines !== null ? lines.slice(0, maxLines) : lines;\n\n return (\n <div className=\"overflow-x-auto\">\n <table className=\"w-full min-w-full border-collapse font-mono text-[11px] leading-relaxed\">\n <tbody>\n {visible.map((line, idx) => (\n <tr key={idx} className=\"bg-emerald-500/8 dark:bg-emerald-400/8\">\n <td className=\"w-8 select-none border-r border-border/30 px-1.5 text-right text-[10px] text-muted-foreground/60\">\n {idx + 1}\n </td>\n <td className=\"w-4 select-none text-center text-[10px] font-bold text-emerald-600 dark:text-emerald-400\">\n +\n </td>\n <td className=\"px-2 text-emerald-800 dark:text-emerald-200\">\n <span\n style={{ whiteSpace: \"pre-wrap\", wordBreak: \"break-all\" }}\n >\n {line}\n </span>\n </td>\n </tr>\n ))}\n </tbody>\n </table>\n </div>\n );\n});\n\nexport function WriteCell({ meta, isRunning }: WriteCellProps) {\n const [expanded, setExpanded] = useState(false);\n const [showAll, setShowAll] = useState(false);\n\n const hasContent = Boolean(meta.content);\n const lines = meta.content ? meta.content.split(\"\\n\") : [];\n const totalLines = lines.length;\n const maxCollapsed =\n showAll \|\| totalLines <= MAX_COLLAPSED_LINES ? null : MAX_COLLAPSED_LINES;\n const hiddenLines =\n maxCollapsed !== null ? totalLines - MAX_COLLAPSED_LINES : 0;\n\n return (\n <div className=\"my-1 overflow-hidden rounded-md border border-border/60\">\n {/ Header /}\n <button\n type=\"button\"\n onClick={() => hasContent && setExpanded((e) => !e)}\n className={cn(\n \"flex w-full items-center gap-2 px-2.5 py-1.5 text-left text-xs font-mono\",\n isRunning\n ? \"bg-muted text-muted-foreground\"\n : \"bg-muted text-muted-foreground hover:bg-accent\",\n hasContent && \"cursor-pointer\",\n !hasContent && \"cursor-default\",\n )}\n aria-expanded={hasContent ? expanded : undefined}\n >\n <span className=\"shrink-0\">\n {isRunning ? (\n <IconLoader2 className=\"h-3 w-3 animate-spin\" />\n ) : (\n <IconFilePlus className=\"h-3 w-3 text-emerald-500\" />\n )}\n </span>\n\n <span className=\"min-w-0 flex-1 truncate font-medium text-foreground\">\n {meta.filePath}\n </span>\n\n <span className=\"ml-auto flex shrink-0 items-center gap-1.5\">\n {meta.lineCount !== undefined && !isRunning && (\n <span className=\"text-[10px] font-semibold text-emerald-600 dark:text-emerald-400\">\n +{meta.lineCount}\n </span>\n )}\n {meta.truncated && (\n <span className=\"text-[10px] text-muted-foreground\">(partial)</span>\n )}\n {hasContent && (\n <IconChevronDown\n className={cn(\"h-3 w-3 opacity-40\", expanded && \"rotate-180\")}\n />\n )}\n </span>\n </button>\n\n {/ Content body */}\n <AnimatedCollapse open={expanded && hasContent}>\n {meta.content && (\n <div className=\"border-t border-border/40 bg-background\">\n <FileContentView content={meta.content} maxLines={maxCollapsed} />\n {hiddenLines > 0 && (\n <div className=\"border-t border-border/40 px-3 py-1 text-[11px] text-muted-foreground\">\n <button\n type=\"button\"\n className=\"cursor-pointer underline hover:text-foreground\"\n onClick={() => setShowAll(true)}\n >\n Show {hiddenLines} more lines\n </button>\n </div>\n )}\n </div>\n )}\n </AnimatedCollapse>\n </div>\n );\n}\n"]}

package/dist/client/visual-style-controls.js CHANGED Viewed

@@ -193,7 +193,7 @@ export function VisualSwatchControl({ options, value, onChange, columns = 8, cla
     return (_jsx("div", { className: cn("grid gap-1.5", className), style: { gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))` }, children: options.map((option) => {
             const swatch = option.color ?? option.value;
             const isTransparent = swatch === "transparent";
-            return (_jsx("button", { type: "button", title: option.label, "aria-label": option.label, onClick: () => onChange(option.value), className: cn("size-5 cursor-pointer rounded-md border border-border/70 transition-all hover:scale-105 hover:border-foreground/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", value === option.value &&
+            return (_jsx("button", { type: "button", title: option.label, "aria-label": option.label, onClick: () => onChange(option.value), className: cn("size-5 cursor-pointer rounded-md border border-border/70 transition-[transform,border-color] hover:scale-105 hover:border-foreground/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", value === option.value &&
                     "border-foreground/70 ring-2 ring-foreground/40 ring-offset-1 ring-offset-card"), style: {
                     background: isTransparent
                         ? "linear-gradient(45deg, hsl(var(--muted)) 25%, transparent 25%), linear-gradient(-45deg, hsl(var(--muted)) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, hsl(var(--muted)) 75%), linear-gradient(-45deg, transparent 75%, hsl(var(--muted)) 75%)"

package/dist/client/visual-style-controls.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"visual-style-controls.js","sourceRoot":"","sources":["../../src/client/visual-style-controls.tsx"],"names":[],"mappings":"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","sourcesContent":["import { IconColorPicker } from \"@tabler/icons-react\";\nimport {\n useEffect,\n useId,\n useRef,\n useState,\n type KeyboardEvent,\n type PointerEvent,\n type ReactNode,\n} from \"react\";\n\nimport {\n Popover,\n PopoverContent,\n PopoverTrigger,\n} from \"./components/ui/popover.js\";\nimport { cn } from \"./utils.js\";\n\nexport type VisualControlValue = string \| number \| boolean;\n\nexport interface VisualControlOption {\n label: string;\n value: string;\n color?: string;\n}\n\nexport interface VisualTweakDefinition {\n id: string;\n label: string;\n type: \"color-swatch\" \| \"color-swatches\" \| \"segment\" \| \"slider\" \| \"toggle\";\n options?: VisualControlOption[];\n min?: number;\n max?: number;\n step?: number;\n defaultValue: VisualControlValue;\n cssVar?: string;\n unit?: string;\n}\n\nfunction clampNumber(value: number, min?: number, max?: number) {\n let next = value;\n if (typeof min === \"number\") next = Math.max(min, next);\n if (typeof max === \"number\") next = Math.min(max, next);\n return next;\n}\n\nfunction formatNumber(value: number, unit?: string) {\n const rounded = Number.isInteger(value) ? value : Number(value.toFixed(2));\n return unit ? `${rounded}${unit}` : String(rounded);\n}\n\nfunction parseDraftNumber(value: string, fallback: number) {\n const match = value.trim().match(/-?\\d+(?:\\.\\d+)?/);\n if (!match) return fallback;\n const next = Number(match[0]);\n return Number.isFinite(next) ? next : fallback;\n}\n\ninterface RgbaColor {\n r: number;\n g: number;\n b: number;\n a: number;\n}\n\ninterface HsvaColor {\n h: number;\n s: number;\n v: number;\n a: number;\n}\n\nconst CHECKERBOARD_IMAGE =\n \"linear-gradient(45deg, #d4d4d4 25%, transparent 25%), linear-gradient(-45deg, #d4d4d4 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #d4d4d4 75%), linear-gradient(-45deg, transparent 75%, #d4d4d4 75%)\";\nconst FALLBACK_RGBA: RgbaColor = { r: 0, g: 0, b: 0, a: 1 };\n\nfunction normalizeRgba(color: RgbaColor): RgbaColor {\n return {\n r: clamp(color.r, 0, 255),\n g: clamp(color.g, 0, 255),\n b: clamp(color.b, 0, 255),\n a: clampFloat(color.a, 0, 1),\n };\n}\n\nfunction normalizeHexColor(value: string): string \| null {\n const trimmed = value.trim();\n if (/^#[0-9a-f]{6}$/i.test(trimmed)) return trimmed.toUpperCase();\n if (/^[0-9a-f]{6}$/i.test(trimmed)) return `#${trimmed}`.toUpperCase();\n if (/^#[0-9a-f]{3}$/i.test(trimmed)) {\n return `#${trimmed\n .slice(1)\n .split(\"\")\n .map((char) => char + char)\n .join(\"\")}`.toUpperCase();\n }\n if (/^[0-9a-f]{3}$/i.test(trimmed)) {\n return `#${trimmed\n .split(\"\")\n .map((char) => char + char)\n .join(\"\")}`.toUpperCase();\n }\n return null;\n}\n\nfunction parseCssColor(value: string): RgbaColor \| null {\n const trimmed = value.trim();\n if (!trimmed) return null;\n const normalizedHex = normalizeHexColor(trimmed);\n if (normalizedHex) {\n return normalizeRgba({\n r: Number.parseInt(normalizedHex.slice(1, 3), 16),\n g: Number.parseInt(normalizedHex.slice(3, 5), 16),\n b: Number.parseInt(normalizedHex.slice(5, 7), 16),\n a: 1,\n });\n }\n const rgb = trimmed.match(\n /^rgba?\\(\\s(\\d+(?:\\.\\d+)?)\\s,\\s(\\d+(?:\\.\\d+)?)\\s,\\s(\\d+(?:\\.\\d+)?)(?:\\s,\\s([0-9.]+%?))?/i,\n );\n if (rgb) {\n return normalizeRgba({\n r: Number(rgb[1]),\n g: Number(rgb[2]),\n b: Number(rgb[3]),\n a: parseAlpha(rgb[4]),\n });\n }\n const lower = trimmed.toLowerCase();\n if (lower === \"transparent\" \|\| lower === \"rgba(0, 0, 0, 0)\") {\n return { r: 0, g: 0, b: 0, a: 0 };\n }\n return null;\n}\n\nfunction channelToHex(value: number): string {\n return clamp(value, 0, 255).toString(16).padStart(2, \"0\");\n}\n\nfunction rgbaToHex(color: RgbaColor): string {\n const normalized = normalizeRgba(color);\n return `#${channelToHex(normalized.r)}${channelToHex(normalized.g)}${channelToHex(normalized.b)}`.toUpperCase();\n}\n\nfunction rgbaToCss(color: RgbaColor): string {\n const normalized = normalizeRgba(color);\n if (normalized.a >= 1) return rgbaToHex(normalized);\n return `rgba(${normalized.r}, ${normalized.g}, ${normalized.b}, ${trimNumber(normalized.a)})`;\n}\n\nfunction parseAlpha(value: string \| undefined): number {\n if (!value) return 1;\n if (value.endsWith(\"%\")) return Number(value.slice(0, -1)) / 100;\n return Number(value);\n}\n\nfunction trimNumber(value: number) {\n return Number(value.toFixed(2)).toString();\n}\n\nfunction rgbaToHsv(color: RgbaColor): HsvaColor {\n const normalized = normalizeRgba(color);\n const r = normalized.r / 255;\n const g = normalized.g / 255;\n const b = normalized.b / 255;\n const max = Math.max(r, g, b);\n const min = Math.min(r, g, b);\n const delta = max - min;\n\n let h = 0;\n if (delta !== 0) {\n if (max === r) h = ((g - b) / delta) % 6;\n else if (max === g) h = (b - r) / delta + 2;\n else h = (r - g) / delta + 4;\n h = 60;\n if (h < 0) h += 360;\n }\n\n return {\n h: Math.round(h),\n s: max === 0 ? 0 : Math.round((delta / max) * 100),\n v: Math.round(max * 100),\n a: normalized.a,\n };\n}\n\nfunction hsvToRgba(color: HsvaColor): RgbaColor {\n const h = ((color.h % 360) + 360) % 360;\n const s = clampFloat(color.s, 0, 100) / 100;\n const v = clampFloat(color.v, 0, 100) / 100;\n const chroma = v * s;\n const x = chroma * (1 - Math.abs(((h / 60) % 2) - 1));\n const m = v - chroma;\n\n let r = 0;\n let g = 0;\n let b = 0;\n if (h < 60) [r, g, b] = [chroma, x, 0];\n else if (h < 120) [r, g, b] = [x, chroma, 0];\n else if (h < 180) [r, g, b] = [0, chroma, x];\n else if (h < 240) [r, g, b] = [0, x, chroma];\n else if (h < 300) [r, g, b] = [x, 0, chroma];\n else [r, g, b] = [chroma, 0, x];\n\n return normalizeRgba({\n r: Math.round((r + m) * 255),\n g: Math.round((g + m) * 255),\n b: Math.round((b + m) * 255),\n a: clampFloat(color.a, 0, 1),\n });\n}\n\nfunction clamp(value: number, min: number, max: number): number {\n if (!Number.isFinite(value)) return min;\n return Math.max(min, Math.min(max, Math.round(value)));\n}\n\nfunction clampFloat(value: number, min: number, max: number): number {\n if (!Number.isFinite(value)) return min;\n return Math.max(min, Math.min(max, value));\n}\n\nfunction swatchBackground(value: string) {\n if (value === \"transparent\" \|\| value === \"rgba(0, 0, 0, 0)\") {\n return {\n background: CHECKERBOARD_IMAGE,\n backgroundPosition: \"0 0, 0 4px, 4px -4px, -4px 0\",\n backgroundSize: \"8px 8px\",\n };\n }\n return { background: value };\n}\n\nexport function VisualInspectorPanel({\n title,\n subtitle,\n children,\n className,\n headerAction,\n}: {\n title: ReactNode;\n subtitle?: ReactNode;\n children: ReactNode;\n className?: string;\n headerAction?: ReactNode;\n}) {\n return (\n <aside\n className={cn(\n \"w-64 overflow-hidden rounded-xl border border-border bg-card/95 text-card-foreground shadow-2xl shadow-black/35 backdrop-blur\",\n className,\n )}\n >\n <div className=\"flex min-h-10 items-start justify-between gap-2 border-b border-border/70 px-3 py-2.5\">\n <div className=\"min-w-0\">\n <div className=\"truncate text-[11px] font-semibold uppercase tracking-wide text-muted-foreground\">\n {title}\n </div>\n {subtitle && (\n <div className=\"mt-0.5 truncate text-[12px] text-foreground\">\n {subtitle}\n </div>\n )}\n </div>\n {headerAction}\n </div>\n <div className=\"max-h-[min(680px,calc(100vh-7rem))] overflow-y-auto p-2\">\n {children}\n </div>\n </aside>\n );\n}\n\nexport function VisualInspectorSection({\n title,\n children,\n className,\n}: {\n title: ReactNode;\n children: ReactNode;\n className?: string;\n}) {\n return (\n <section className={cn(\"rounded-lg px-1.5 py-2\", className)}>\n <div className=\"mb-2 px-1 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground/75\">\n {title}\n </div>\n <div className=\"space-y-2\">{children}</div>\n </section>\n );\n}\n\nexport function VisualControlRow({\n label,\n children,\n className,\n}: {\n label: ReactNode;\n children: ReactNode;\n className?: string;\n}) {\n return (\n <div className={cn(\"grid gap-1\", className)}>\n <span className=\"text-[11px] text-muted-foreground\">{label}</span>\n {children}\n </div>\n );\n}\n\nexport function VisualSwatchControl({\n options,\n value,\n onChange,\n columns = 8,\n className,\n}: {\n options: VisualControlOption[];\n value: string;\n onChange: (value: string) => void;\n columns?: number;\n className?: string;\n}) {\n return (\n <div\n className={cn(\"grid gap-1.5\", className)}\n style={{ gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))` }}\n >\n {options.map((option) => {\n const swatch = option.color ?? option.value;\n const isTransparent = swatch === \"transparent\";\n return (\n <button\n key={`${option.value}-${option.label}`}\n type=\"button\"\n title={option.label}\n aria-label={option.label}\n onClick={() => onChange(option.value)}\n className={cn(\n \"size-5 cursor-pointer rounded-md border border-border/70 transition-all hover:scale-105 hover:border-foreground/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n value === option.value &&\n \"border-foreground/70 ring-2 ring-foreground/40 ring-offset-1 ring-offset-card\",\n )}\n style={{\n background: isTransparent\n ? \"linear-gradient(45deg, hsl(var(--muted)) 25%, transparent 25%), linear-gradient(-45deg, hsl(var(--muted)) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, hsl(var(--muted)) 75%), linear-gradient(-45deg, transparent 75%, hsl(var(--muted)) 75%)\"\n : swatch,\n backgroundPosition: isTransparent\n ? \"0 0, 0 4px, 4px -4px, -4px 0\"\n : undefined,\n backgroundSize: isTransparent ? \"8px 8px\" : undefined,\n }}\n />\n );\n })}\n </div>\n );\n}\n\nexport function VisualColorPicker({\n label,\n value,\n onChange,\n documentColors = [],\n allowTransparent = false,\n hexLabel = \"Hex\",\n documentColorsLabel = \"Document colors\",\n transparentLabel = \"Transparent\",\n className,\n}: {\n label: string;\n value: string;\n onChange: (value: string) => void;\n documentColors?: string[];\n allowTransparent?: boolean;\n hexLabel?: string;\n documentColorsLabel?: string;\n transparentLabel?: string;\n className?: string;\n}) {\n const [open, setOpen] = useState(false);\n const color = parseCssColor(value) ?? FALLBACK_RGBA;\n const colorHex = rgbaToHex(color);\n const [draft, setDraft] = useState(colorHex.replace(/^#/, \"\"));\n const [picking, setPicking] = useState(false);\n const hasEyeDropper = typeof window !== \"undefined\" && \"EyeDropper\" in window;\n\n useEffect(() => {\n if (!open) setDraft(colorHex.replace(/^#/, \"\"));\n }, [colorHex, open]);\n\n const commitDraft = (nextDraft = draft) => {\n const normalized = normalizeHexColor(nextDraft);\n if (!normalized) {\n setDraft(colorHex.replace(/^#/, \"\"));\n return;\n }\n setDraft(normalized.replace(/^#/, \"\"));\n onChange(normalized);\n };\n\n const emitHsv = (nextHsv: HsvaColor) => {\n const nextColor = hsvToRgba({ ...nextHsv, a: color.a });\n const nextValue = rgbaToCss(nextColor);\n setDraft(rgbaToHex(nextColor).replace(/^#/, \"\"));\n onChange(nextValue);\n };\n\n const pickScreenColor = async () => {\n if (!hasEyeDropper \|\| picking) return;\n try {\n setPicking(true);\n const EyeDropperCtor = (\n window as unknown as {\n EyeDropper?: new () => { open: () => Promise<{ sRGBHex: string }> };\n }\n ).EyeDropper;\n if (!EyeDropperCtor) return;\n const result = await new EyeDropperCtor().open();\n if (result?.sRGBHex) {\n const next = normalizeHexColor(result.sRGBHex);\n if (next) {\n setDraft(next.replace(/^#/, \"\"));\n onChange(next);\n }\n }\n } finally {\n setPicking(false);\n }\n };\n\n const uniqueDocumentColors = Array.from(\n new Set(\n documentColors\n .map((color) =>\n color === \"transparent\" ? color : normalizeHexColor(color),\n )\n .filter(Boolean) as string[],\n ),\n ).slice(0, 16);\n const displayValue =\n value === \"transparent\" \|\| color.a === 0\n ? transparentLabel\n : colorHex.replace(/^#/, \"\");\n const hsv = rgbaToHsv(color);\n\n return (\n <Popover open={open} onOpenChange={setOpen}>\n <PopoverTrigger asChild>\n <button\n type=\"button\"\n aria-label={label}\n className={cn(\n \"flex h-7 w-full cursor-pointer items-center gap-1.5 rounded-md border border-border bg-background/70 px-2 text-[11px] shadow-none transition-colors hover:bg-accent/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n className,\n )}\n >\n <span\n className=\"size-4 shrink-0 rounded-[3px] border border-border/70\"\n style={swatchBackground(value)}\n />\n <span className=\"min-w-0 flex-1 truncate text-left font-medium tabular-nums text-foreground\">\n {displayValue}\n </span>\n <span\n aria-hidden=\"true\"\n className=\"size-0 border-x-[4px] border-t-[5px] border-x-transparent border-t-muted-foreground/70\"\n />\n </button>\n </PopoverTrigger>\n <PopoverContent\n side=\"left\"\n align=\"start\"\n sideOffset={8}\n className=\"z-[10000] w-[252px] p-0 text-[11px] shadow-xl\"\n onFocusOutside={(event) => event.preventDefault()}\n >\n <div className=\"rounded-md bg-popover text-popover-foreground\">\n <VisualSaturationBrightnessField\n hsv={hsv}\n label={label}\n onChange={emitHsv}\n />\n\n <div className=\"mt-2.5 px-3\">\n <div className=\"grid grid-cols-[1.5rem_1fr] items-center gap-x-2\">\n <div className=\"flex items-center justify-center\">\n <button\n type=\"button\"\n aria-label={label}\n disabled={!hasEyeDropper \|\| picking}\n onClick={() => void pickScreenColor()}\n className={cn(\n \"flex size-6 cursor-pointer items-center justify-center rounded-sm text-muted-foreground transition-colors hover:bg-accent hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n (!hasEyeDropper \|\| picking) &&\n \"pointer-events-none opacity-40\",\n picking &&\n \"bg-primary/10 text-primary ring-1 ring-primary/50\",\n )}\n >\n <IconColorPicker className=\"size-4\" />\n </button>\n </div>\n <VisualColorTrack\n label={label}\n value={hsv.h}\n min={0}\n max={360}\n backgroundImage=\"linear-gradient(90deg, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000)\"\n onChange={(nextHue) =>\n emitHsv({ ...hsv, h: nextHue === 360 ? 0 : nextHue })\n }\n />\n <span\n className=\"mt-2 size-[18px] shrink-0 rounded-[3px] border border-border/60\"\n style={swatchBackground(rgbaToCss(color))}\n />\n <VisualColorTrack\n label={transparentLabel}\n value={Math.round(color.a * 100)}\n min={0}\n max={100}\n backgroundImage={`${CHECKERBOARD_IMAGE}, linear-gradient(90deg, rgba(${color.r}, ${color.g}, ${color.b}, 0), rgba(${color.r}, ${color.g}, ${color.b}, 1))`}\n backgroundSize=\"8px 8px, 8px 8px, 8px 8px, 8px 8px, 100% 100%\"\n backgroundPosition=\"0 0, 0 4px, 4px -4px, -4px 0, 0 0\"\n onChange={(nextOpacity) => {\n const nextColor = normalizeRgba({\n ...color,\n a: nextOpacity / 100,\n });\n const nextValue = rgbaToCss(nextColor);\n setDraft(rgbaToHex(nextColor).replace(/^#/, \"\"));\n onChange(nextValue);\n }}\n />\n </div>\n </div>\n\n <div className=\"mt-2.5 grid grid-cols-[4.5rem_1fr] items-center gap-1 border-b border-border/70 px-3 pb-3\">\n <span className=\"text-[11px] font-medium text-muted-foreground\">\n {hexLabel}\n </span>\n <input\n value={draft}\n spellCheck={false}\n onChange={(event) => setDraft(event.currentTarget.value)}\n onFocus={(event) => event.currentTarget.select()}\n onBlur={() => commitDraft()}\n onKeyDown={(event) => {\n if (event.key === \"Enter\") {\n event.preventDefault();\n commitDraft();\n event.currentTarget.blur();\n }\n if (event.key === \"Escape\") {\n event.preventDefault();\n setDraft(colorHex.replace(/^#/, \"\"));\n event.currentTarget.blur();\n }\n }}\n className=\"h-6 min-w-0 rounded-md border border-input bg-background/70 px-2 text-right text-[11px] uppercase tabular-nums outline-none transition-colors focus:border-ring focus:ring-1 focus:ring-ring\"\n />\n </div>\n {(allowTransparent \|\| uniqueDocumentColors.length > 0) && (\n <div className=\"px-3 py-2.5\">\n <div className=\"mb-2 flex h-5 items-center justify-between text-[11px] text-muted-foreground\">\n <span>{documentColorsLabel}</span>\n </div>\n <div className=\"grid grid-cols-8 gap-1\">\n {allowTransparent && (\n <button\n type=\"button\"\n aria-label={transparentLabel}\n aria-pressed={value === \"transparent\"}\n className={cn(\n \"size-5 cursor-pointer rounded-sm border transition-transform hover:scale-110 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n value === \"transparent\" \|\| color.a === 0\n ? \"border-primary ring-1 ring-primary\"\n : \"border-border/60\",\n )}\n style={swatchBackground(\"transparent\")}\n onClick={() => {\n setDraft(colorHex.replace(/^#/, \"\"));\n onChange(\"transparent\");\n }}\n />\n )}\n {uniqueDocumentColors.map((color) => (\n <button\n key={color}\n type=\"button\"\n title={color}\n aria-label={color}\n aria-pressed={colorHex === color}\n className={cn(\n \"size-5 cursor-pointer rounded-sm border transition-transform hover:scale-110 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n colorHex === color\n ? \"border-primary ring-1 ring-primary\"\n : \"border-border/60\",\n )}\n style={swatchBackground(color)}\n onClick={() => {\n setDraft(color);\n onChange(color);\n }}\n />\n ))}\n </div>\n </div>\n )}\n </div>\n </PopoverContent>\n </Popover>\n );\n}\n\nfunction VisualSaturationBrightnessField({\n hsv,\n label,\n onChange,\n}: {\n hsv: HsvaColor;\n label: string;\n onChange: (value: HsvaColor) => void;\n}) {\n const fieldRef = useRef<HTMLDivElement>(null);\n const draggingRef = useRef(false);\n const hueColor = rgbaToCss(hsvToRgba({ h: hsv.h, s: 100, v: 100, a: 1 }));\n\n const updateFromPointer = (event: PointerEvent<HTMLDivElement>) => {\n const rect = fieldRef.current?.getBoundingClientRect();\n if (!rect) return;\n onChange({\n ...hsv,\n s: clamp(((event.clientX - rect.left) / rect.width) * 100, 0, 100),\n v: clamp(100 - ((event.clientY - rect.top) / rect.height) * 100, 0, 100),\n });\n };\n\n const stepWithKeyboard = (event: KeyboardEvent<HTMLDivElement>) => {\n const step = event.shiftKey ? 10 : 1;\n if (event.key === \"ArrowRight\") {\n event.preventDefault();\n onChange({ ...hsv, s: clamp(hsv.s + step, 0, 100) });\n }\n if (event.key === \"ArrowLeft\") {\n event.preventDefault();\n onChange({ ...hsv, s: clamp(hsv.s - step, 0, 100) });\n }\n if (event.key === \"ArrowUp\") {\n event.preventDefault();\n onChange({ ...hsv, v: clamp(hsv.v + step, 0, 100) });\n }\n if (event.key === \"ArrowDown\") {\n event.preventDefault();\n onChange({ ...hsv, v: clamp(hsv.v - step, 0, 100) });\n }\n };\n\n return (\n <div\n ref={fieldRef}\n tabIndex={0}\n aria-label={label}\n onPointerDown={(event) => {\n draggingRef.current = true;\n event.currentTarget.setPointerCapture(event.pointerId);\n updateFromPointer(event);\n }}\n onPointerMove={(event) => {\n if (!draggingRef.current) return;\n updateFromPointer(event);\n }}\n onPointerUp={(event) => {\n draggingRef.current = false;\n if (event.currentTarget.hasPointerCapture(event.pointerId)) {\n event.currentTarget.releasePointerCapture(event.pointerId);\n }\n }}\n onPointerCancel={() => {\n draggingRef.current = false;\n }}\n onKeyDown={stepWithKeyboard}\n className=\"relative h-40 w-full cursor-crosshair overflow-hidden rounded-t-md outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset active:cursor-grabbing\"\n style={{\n backgroundImage: `linear-gradient(to top, #000 0%, transparent 100%), linear-gradient(to right, #fff 0%, ${hueColor} 100%)`,\n }}\n >\n <span\n className=\"pointer-events-none absolute size-4 -translate-x-1/2 -translate-y-1/2 rounded-full border-2 border-white shadow-[0_0_0_1px_hsl(var(--foreground)/0.6)]\"\n style={{\n left: `${hsv.s}%`,\n top: `${100 - hsv.v}%`,\n }}\n />\n </div>\n );\n}\n\nfunction VisualColorTrack({\n label,\n value,\n min,\n max,\n backgroundImage,\n backgroundSize,\n backgroundPosition,\n onChange,\n}: {\n label: string;\n value: number;\n min: number;\n max: number;\n backgroundImage: string;\n backgroundSize?: string;\n backgroundPosition?: string;\n onChange: (value: number) => void;\n}) {\n const trackRef = useRef<HTMLDivElement>(null);\n const draggingRef = useRef(false);\n const percent = ((value - min) / (max - min)) * 100;\n\n const updateFromPointer = (event: PointerEvent<HTMLDivElement>) => {\n const rect = trackRef.current?.getBoundingClientRect();\n if (!rect) return;\n const next = min + ((event.clientX - rect.left) / rect.width) * (max - min);\n onChange(clamp(next, min, max));\n };\n\n const stepWithKeyboard = (event: KeyboardEvent<HTMLDivElement>) => {\n const step = event.shiftKey ? 10 : 1;\n if (event.key === \"ArrowRight\" \|\| event.key === \"ArrowUp\") {\n event.preventDefault();\n onChange(clamp(value + step, min, max));\n }\n if (event.key === \"ArrowLeft\" \|\| event.key === \"ArrowDown\") {\n event.preventDefault();\n onChange(clamp(value - step, min, max));\n }\n if (event.key === \"Home\") {\n event.preventDefault();\n onChange(min);\n }\n if (event.key === \"End\") {\n event.preventDefault();\n onChange(max);\n }\n };\n\n return (\n <div\n ref={trackRef}\n role=\"slider\"\n tabIndex={0}\n aria-label={label}\n aria-valuemin={min}\n aria-valuemax={max}\n aria-valuenow={Math.round(value)}\n onKeyDown={stepWithKeyboard}\n onPointerDown={(event) => {\n draggingRef.current = true;\n event.currentTarget.setPointerCapture(event.pointerId);\n updateFromPointer(event);\n }}\n onPointerMove={(event) => {\n if (!draggingRef.current) return;\n updateFromPointer(event);\n }}\n onPointerUp={(event) => {\n draggingRef.current = false;\n if (event.currentTarget.hasPointerCapture(event.pointerId)) {\n event.currentTarget.releasePointerCapture(event.pointerId);\n }\n }}\n onPointerCancel={() => {\n draggingRef.current = false;\n }}\n className=\"relative h-3.5 cursor-pointer rounded-full border border-border/60 outline-none ring-offset-background focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 active:cursor-grabbing\"\n style={{ backgroundImage, backgroundSize, backgroundPosition }}\n >\n <span\n className=\"pointer-events-none absolute top-1/2 size-4 -translate-x-1/2 -translate-y-1/2 rounded-full border-2 border-white shadow-[0_0_0_1px_hsl(var(--foreground)/0.6)]\"\n style={{ left: `${clamp(percent, 0, 100)}%` }}\n />\n </div>\n );\n}\n\nexport function VisualSegmentedControl({\n options,\n value,\n onChange,\n className,\n}: {\n options: VisualControlOption[];\n value: string;\n onChange: (value: string) => void;\n className?: string;\n}) {\n return (\n <div\n className={cn(\n \"flex min-h-7 overflow-hidden rounded-md border border-border bg-background/60\",\n className,\n )}\n >\n {options.map((option) => (\n <button\n key={option.value}\n type=\"button\"\n onClick={() => onChange(option.value)}\n className={cn(\n \"min-w-0 flex-1 cursor-pointer px-2 text-[11px] font-medium text-muted-foreground transition-colors hover:bg-accent/70 hover:text-foreground\",\n value === option.value && \"bg-accent text-foreground\",\n )}\n >\n <span className=\"truncate\">{option.label}</span>\n </button>\n ))}\n </div>\n );\n}\n\nexport function VisualToggleControl({\n checked,\n onChange,\n label,\n}: {\n checked: boolean;\n onChange: (checked: boolean) => void;\n label?: string;\n}) {\n return (\n <button\n type=\"button\"\n aria-pressed={checked}\n aria-label={label}\n onClick={() => onChange(!checked)}\n className={cn(\n \"relative h-5 w-9 cursor-pointer rounded-full border border-border transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n checked ? \"bg-primary/35\" : \"bg-muted\",\n )}\n >\n <span\n className={cn(\n \"absolute top-1/2 size-3.5 -translate-y-1/2 rounded-full bg-foreground shadow transition-transform\",\n checked ? \"translate-x-[18px]\" : \"translate-x-[3px]\",\n )}\n />\n </button>\n );\n}\n\nexport function VisualSliderControl({\n value,\n onChange,\n min = 0,\n max = 100,\n step = 1,\n unit,\n}: {\n value: number;\n onChange: (value: number) => void;\n min?: number;\n max?: number;\n step?: number;\n unit?: string;\n}) {\n const safeValue = clampNumber(Number.isFinite(value) ? value : min, min, max);\n return (\n <div className=\"flex h-7 items-center gap-2\">\n <input\n type=\"range\"\n min={min}\n max={max}\n step={step}\n value={safeValue}\n onChange={(event) => onChange(Number(event.currentTarget.value))}\n className=\"min-w-0 flex-1 cursor-pointer accent-foreground\"\n />\n <span className=\"w-9 text-right text-[11px] tabular-nums text-muted-foreground\">\n {formatNumber(safeValue, unit)}\n </span>\n </div>\n );\n}\n\nexport function VisualScrubInput({\n label,\n value,\n onChange,\n min,\n max,\n step = 1,\n unit,\n disabled = false,\n}: {\n label: string;\n value: number;\n onChange: (value: number) => void;\n min?: number;\n max?: number;\n step?: number;\n unit?: string;\n disabled?: boolean;\n}) {\n const id = useId();\n const [draft, setDraft] = useState(() => formatNumber(value, unit));\n const [focused, setFocused] = useState(false);\n const dragRef = useRef<{\n pointerId: number;\n prevX: number;\n dragged: boolean;\n } \| null>(null);\n\n useEffect(() => {\n if (!focused) setDraft(formatNumber(value, unit));\n }, [focused, unit, value]);\n\n const commit = (nextDraft = draft) => {\n const parsed = parseDraftNumber(nextDraft, value);\n const next = clampNumber(parsed, min, max);\n onChange(next);\n setDraft(formatNumber(next, unit));\n };\n\n const setNext = (next: number) => {\n const clamped = clampNumber(next, min, max);\n onChange(clamped);\n setDraft(formatNumber(clamped, unit));\n };\n\n const onKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n if (event.key === \"Enter\") {\n event.preventDefault();\n commit();\n event.currentTarget.blur();\n return;\n }\n if (event.key === \"Escape\") {\n event.preventDefault();\n setDraft(formatNumber(value, unit));\n event.currentTarget.blur();\n return;\n }\n if (event.key === \"ArrowUp\" \|\| event.key === \"ArrowDown\") {\n event.preventDefault();\n const mult =\n event.shiftKey \|\| event.metaKey ? 10 : event.altKey ? 0.1 : 1;\n const direction = event.key === \"ArrowUp\" ? 1 : -1;\n const base = parseDraftNumber(draft, value);\n setNext(base + direction * step * mult);\n }\n };\n\n const onPointerDown = (event: PointerEvent<HTMLLabelElement>) => {\n if (disabled \|\| event.button !== 0) return;\n event.preventDefault();\n dragRef.current = {\n pointerId: event.pointerId,\n prevX: event.clientX,\n dragged: false,\n };\n event.currentTarget.setPointerCapture(event.pointerId);\n };\n\n const onPointerMove = (event: PointerEvent<HTMLLabelElement>) => {\n const drag = dragRef.current;\n if (!drag \|\| drag.pointerId !== event.pointerId) return;\n const delta = event.clientX - drag.prevX;\n if (delta === 0) return;\n drag.prevX = event.clientX;\n drag.dragged = true;\n const mult = event.shiftKey \|\| event.metaKey ? 10 : event.altKey ? 0.1 : 1;\n setNext(value + delta * step * mult);\n };\n\n const onPointerUp = (event: PointerEvent<HTMLLabelElement>) => {\n const drag = dragRef.current;\n if (!drag \|\| drag.pointerId !== event.pointerId) return;\n event.currentTarget.releasePointerCapture(event.pointerId);\n dragRef.current = null;\n if (!drag.dragged) {\n document.getElementById(id)?.focus();\n }\n };\n\n return (\n <div className=\"flex items-center gap-1.5\">\n <label\n htmlFor={id}\n onPointerDown={onPointerDown}\n onPointerMove={onPointerMove}\n onPointerUp={onPointerUp}\n className={cn(\n \"flex w-8 shrink-0 cursor-ew-resize select-none items-center justify-center rounded border border-transparent px-1 text-[10px] font-semibold text-muted-foreground hover:border-border hover:bg-accent/60\",\n disabled && \"cursor-not-allowed opacity-50\",\n )}\n >\n {label}\n </label>\n <input\n id={id}\n value={draft}\n disabled={disabled}\n onFocus={() => setFocused(true)}\n onBlur={() => {\n setFocused(false);\n commit();\n }}\n onChange={(event) => setDraft(event.currentTarget.value)}\n onKeyDown={onKeyDown}\n className=\"h-7 min-w-0 flex-1 rounded-md border border-input bg-background/70 px-2 text-right text-[11px] tabular-nums text-foreground outline-none transition-colors focus:border-ring focus:ring-1 focus:ring-ring disabled:opacity-50\"\n />\n </div>\n );\n}\n\nexport function VisualTweakControl({\n tweak,\n value,\n onChange,\n className,\n}: {\n tweak: VisualTweakDefinition;\n value: VisualControlValue;\n onChange: (value: VisualControlValue) => void;\n className?: string;\n}) {\n if (tweak.type === \"toggle\") {\n return (\n <div\n className={cn(\"flex h-7 items-center justify-between gap-2\", className)}\n >\n <span className=\"truncate text-[11px] text-muted-foreground\">\n {tweak.label}\n </span>\n <VisualToggleControl\n checked={Boolean(value)}\n onChange={onChange}\n label={tweak.label}\n />\n </div>\n );\n }\n\n const numericValue =\n typeof value === \"number\"\n ? value\n : typeof value === \"string\"\n ? Number(value)\n : Number(tweak.defaultValue);\n\n return (\n <VisualControlRow label={tweak.label} className={className}>\n {((tweak.type as string) === \"color-swatch\" \|\|\n (tweak.type as string) === \"color-swatches\") && (\n <VisualColorPicker\n label={tweak.label}\n value={String(value)}\n documentColors={(tweak.options ?? []).map(\n (option) => option.color ?? option.value,\n )}\n onChange={onChange}\n />\n )}\n {tweak.type === \"segment\" && (\n <VisualSegmentedControl\n options={tweak.options ?? []}\n value={String(value)}\n onChange={onChange}\n />\n )}\n {tweak.type === \"slider\" && (\n <VisualSliderControl\n min={tweak.min ?? 0}\n max={tweak.max ?? 100}\n step={tweak.step ?? 1}\n unit={\n tweak.unit ??\n (tweak.cssVar?.toLowerCase().includes(\"radius\") ? \"px\" : undefined)\n }\n value={Number.isFinite(numericValue) ? numericValue : 0}\n onChange={onChange}\n />\n )}\n </VisualControlRow>\n );\n}\n"]}
1	+ {"version":3,"file":"visual-style-controls.js","sourceRoot":"","sources":["../../src/client/visual-style-controls.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EACL,SAAS,EACT,KAAK,EACL,MAAM,EACN,QAAQ,GAIT,MAAM,OAAO,CAAC;AAEf,OAAO,EACL,OAAO,EACP,cAAc,EACd,cAAc,GACf,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAC;AAuBhC,SAAS,WAAW,CAAC,KAAa,EAAE,GAAY,EAAE,GAAY;IAC5D,IAAI,IAAI,GAAG,KAAK,CAAC;IACjB,IAAI,OAAO,GAAG,KAAK,QAAQ;QAAE,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;IACxD,IAAI,OAAO,GAAG,KAAK,QAAQ;QAAE,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;IACxD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,YAAY,CAAC,KAAa,EAAE,IAAa;IAChD,MAAM,OAAO,GAAG,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3E,OAAO,IAAI,CAAC,CAAC,CAAC,GAAG,OAAO,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AACtD,CAAC;AAED,SAAS,gBAAgB,CAAC,KAAa,EAAE,QAAgB;IACvD,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;IACpD,IAAI,CAAC,KAAK;QAAE,OAAO,QAAQ,CAAC;IAC5B,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9B,OAAO,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;AACjD,CAAC;AAgBD,MAAM,kBAAkB,GACtB,0NAA0N,CAAC;AAC7N,MAAM,aAAa,GAAc,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;AAE5D,SAAS,aAAa,CAAC,KAAgB;IACrC,OAAO;QACL,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC;QACzB,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC;QACzB,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC;QACzB,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;KAC7B,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB,CAAC,KAAa;IACtC,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;IAC7B,IAAI,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC;QAAE,OAAO,OAAO,CAAC,WAAW,EAAE,CAAC;IAClE,IAAI,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC;QAAE,OAAO,IAAI,OAAO,EAAE,CAAC,WAAW,EAAE,CAAC;IACvE,IAAI,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;QACpC,OAAO,IAAI,OAAO;aACf,KAAK,CAAC,CAAC,CAAC;aACR,KAAK,CAAC,EAAE,CAAC;aACT,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,GAAG,IAAI,CAAC;aAC1B,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC;IAC9B,CAAC;IACD,IAAI,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;QACnC,OAAO,IAAI,OAAO;aACf,KAAK,CAAC,EAAE,CAAC;aACT,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,GAAG,IAAI,CAAC;aAC1B,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC;IAC9B,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,aAAa,CAAC,KAAa;IAClC,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;IAC7B,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAC1B,MAAM,aAAa,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC;IACjD,IAAI,aAAa,EAAE,CAAC;QAClB,OAAO,aAAa,CAAC;YACnB,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;YACjD,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;YACjD,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;YACjD,CAAC,EAAE,CAAC;SACL,CAAC,CAAC;IACL,CAAC;IACD,MAAM,GAAG,GAAG,OAAO,CAAC,KAAK,CACvB,gGAAgG,CACjG,CAAC;IACF,IAAI,GAAG,EAAE,CAAC;QACR,OAAO,aAAa,CAAC;YACnB,CAAC,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YACjB,CAAC,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YACjB,CAAC,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YACjB,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;SACtB,CAAC,CAAC;IACL,CAAC;IACD,MAAM,KAAK,GAAG,OAAO,CAAC,WAAW,EAAE,CAAC;IACpC,IAAI,KAAK,KAAK,aAAa,IAAI,KAAK,KAAK,kBAAkB,EAAE,CAAC;QAC5D,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;IACpC,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,YAAY,CAAC,KAAa;IACjC,OAAO,KAAK,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;AAC5D,CAAC;AAED,SAAS,SAAS,CAAC,KAAgB;IACjC,MAAM,UAAU,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACxC,OAAO,IAAI,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC;AAClH,CAAC;AAED,SAAS,SAAS,CAAC,KAAgB;IACjC,MAAM,UAAU,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACxC,IAAI,UAAU,CAAC,CAAC,IAAI,CAAC;QAAE,OAAO,SAAS,CAAC,UAAU,CAAC,CAAC;IACpD,OAAO,QAAQ,UAAU,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC,KAAK,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC;AAChG,CAAC;AAED,SAAS,UAAU,CAAC,KAAyB;IAC3C,IAAI,CAAC,KAAK;QAAE,OAAO,CAAC,CAAC;IACrB,IAAI,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC;QAAE,OAAO,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;IACjE,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;AACvB,CAAC;AAED,SAAS,UAAU,CAAC,KAAa;IAC/B,OAAO,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;AAC7C,CAAC;AAED,SAAS,SAAS,CAAC,KAAgB;IACjC,MAAM,UAAU,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC,GAAG,GAAG,CAAC;IAC7B,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC,GAAG,GAAG,CAAC;IAC7B,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC,GAAG,GAAG,CAAC;IAC7B,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAC9B,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAC9B,MAAM,KAAK,GAAG,GAAG,GAAG,GAAG,CAAC;IAExB,IAAI,CAAC,GAAG,CAAC,CAAC;IACV,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;QAChB,IAAI,GAAG,KAAK,CAAC;YAAE,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;aACpC,IAAI,GAAG,KAAK,CAAC;YAAE,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;;YACvC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;QAC7B,CAAC,IAAI,EAAE,CAAC;QACR,IAAI,CAAC,GAAG,CAAC;YAAE,CAAC,IAAI,GAAG,CAAC;IACtB,CAAC;IAED,OAAO;QACL,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;QAChB,CAAC,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;QAClD,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC;QACxB,CAAC,EAAE,UAAU,CAAC,CAAC;KAChB,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,KAAgB;IACjC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;IACxC,MAAM,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,GAAG,GAAG,CAAC;IAC5C,MAAM,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,GAAG,GAAG,CAAC;IAC5C,MAAM,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC;IACrB,MAAM,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IACtD,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC;IAErB,IAAI,CAAC,GAAG,CAAC,CAAC;IACV,IAAI,CAAC,GAAG,CAAC,CAAC;IACV,IAAI,CAAC,GAAG,CAAC,CAAC;IACV,IAAI,CAAC,GAAG,EAAE;QAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;SAClC,IAAI,CAAC,GAAG,GAAG;QAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;SACxC,IAAI,CAAC,GAAG,GAAG;QAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;SACxC,IAAI,CAAC,GAAG,GAAG;QAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC;SACxC,IAAI,CAAC,GAAG,GAAG;QAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC;;QACxC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAEhC,OAAO,aAAa,CAAC;QACnB,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;QAC5B,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;QAC5B,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;QAC5B,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;KAC7B,CAAC,CAAC;AACL,CAAC;AAED,SAAS,KAAK,CAAC,KAAa,EAAE,GAAW,EAAE,GAAW;IACpD,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;QAAE,OAAO,GAAG,CAAC;IACxC,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AACzD,CAAC;AAED,SAAS,UAAU,CAAC,KAAa,EAAE,GAAW,EAAE,GAAW;IACzD,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;QAAE,OAAO,GAAG,CAAC;IACxC,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;AAC7C,CAAC;AAED,SAAS,gBAAgB,CAAC,KAAa;IACrC,IAAI,KAAK,KAAK,aAAa,IAAI,KAAK,KAAK,kBAAkB,EAAE,CAAC;QAC5D,OAAO;YACL,UAAU,EAAE,kBAAkB;YAC9B,kBAAkB,EAAE,8BAA8B;YAClD,cAAc,EAAE,SAAS;SAC1B,CAAC;IACJ,CAAC;IACD,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC;AAC/B,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,EACnC,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,YAAY,GAOb;IACC,OAAO,CACL,iBACE,SAAS,EAAE,EAAE,CACX,+HAA+H,EAC/H,SAAS,CACV,aAED,eAAK,SAAS,EAAC,uFAAuF,aACpG,eAAK,SAAS,EAAC,SAAS,aACtB,cAAK,SAAS,EAAC,kFAAkF,YAC9F,KAAK,GACF,EACL,QAAQ,IAAI,CACX,cAAK,SAAS,EAAC,6CAA6C,YACzD,QAAQ,GACL,CACP,IACG,EACL,YAAY,IACT,EACN,cAAK,SAAS,EAAC,yDAAyD,YACrE,QAAQ,GACL,IACA,CACT,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,EACrC,KAAK,EACL,QAAQ,EACR,SAAS,GAKV;IACC,OAAO,CACL,mBAAS,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,aACzD,cAAK,SAAS,EAAC,sFAAsF,YAClG,KAAK,GACF,EACN,cAAK,SAAS,EAAC,WAAW,YAAE,QAAQ,GAAO,IACnC,CACX,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,SAAS,GAKV;IACC,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,aACzC,eAAM,SAAS,EAAC,mCAAmC,YAAE,KAAK,GAAQ,EACjE,QAAQ,IACL,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,EAClC,OAAO,EACP,KAAK,EACL,QAAQ,EACR,OAAO,GAAG,CAAC,EACX,SAAS,GAOV;IACC,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,EACxC,KAAK,EAAE,EAAE,mBAAmB,EAAE,UAAU,OAAO,mBAAmB,EAAE,YAEnE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YACtB,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC;YAC5C,MAAM,aAAa,GAAG,MAAM,KAAK,aAAa,CAAC;YAC/C,OAAO,CACL,iBAEE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,MAAM,CAAC,KAAK,gBACP,MAAM,CAAC,KAAK,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,EACrC,SAAS,EAAE,EAAE,CACX,iNAAiN,EACjN,KAAK,KAAK,MAAM,CAAC,KAAK;oBACpB,+EAA+E,CAClF,EACD,KAAK,EAAE;oBACL,UAAU,EAAE,aAAa;wBACvB,CAAC,CAAC,kQAAkQ;wBACpQ,CAAC,CAAC,MAAM;oBACV,kBAAkB,EAAE,aAAa;wBAC/B,CAAC,CAAC,8BAA8B;wBAChC,CAAC,CAAC,SAAS;oBACb,cAAc,EAAE,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;iBACtD,IAlBI,GAAG,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,EAAE,CAmBtC,CACH,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,EAChC,KAAK,EACL,KAAK,EACL,QAAQ,EACR,cAAc,GAAG,EAAE,EACnB,gBAAgB,GAAG,KAAK,EACxB,QAAQ,GAAG,KAAK,EAChB,mBAAmB,GAAG,iBAAiB,EACvC,gBAAgB,GAAG,aAAa,EAChC,SAAS,GAWV;IACC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC,IAAI,aAAa,CAAC;IACpD,MAAM,QAAQ,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAClC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;IAC/D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,aAAa,GAAG,OAAO,MAAM,KAAK,WAAW,IAAI,YAAY,IAAI,MAAM,CAAC;IAE9E,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI;YAAE,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;IAClD,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC;IAErB,MAAM,WAAW,GAAG,CAAC,SAAS,GAAG,KAAK,EAAE,EAAE;QACxC,MAAM,UAAU,GAAG,iBAAiB,CAAC,SAAS,CAAC,CAAC;QAChD,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;YACrC,OAAO;QACT,CAAC;QACD,QAAQ,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;QACvC,QAAQ,CAAC,UAAU,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,CAAC,OAAkB,EAAE,EAAE;QACrC,MAAM,SAAS,GAAG,SAAS,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;QACxD,MAAM,SAAS,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;QACvC,QAAQ,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;QACjD,QAAQ,CAAC,SAAS,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,KAAK,IAAI,EAAE;QACjC,IAAI,CAAC,aAAa,IAAI,OAAO;YAAE,OAAO;QACtC,IAAI,CAAC;YACH,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,MAAM,cAAc,GAClB,MAGD,CAAC,UAAU,CAAC;YACb,IAAI,CAAC,cAAc;gBAAE,OAAO;YAC5B,MAAM,MAAM,GAAG,MAAM,IAAI,cAAc,EAAE,CAAC,IAAI,EAAE,CAAC;YACjD,IAAI,MAAM,EAAE,OAAO,EAAE,CAAC;gBACpB,MAAM,IAAI,GAAG,iBAAiB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;gBAC/C,IAAI,IAAI,EAAE,CAAC;oBACT,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;oBACjC,QAAQ,CAAC,IAAI,CAAC,CAAC;gBACjB,CAAC;YACH,CAAC;QACH,CAAC;gBAAS,CAAC;YACT,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,KAAK,CAAC,IAAI,CACrC,IAAI,GAAG,CACL,cAAc;SACX,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CACb,KAAK,KAAK,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAC3D;SACA,MAAM,CAAC,OAAO,CAAa,CAC/B,CACF,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACf,MAAM,YAAY,GAChB,KAAK,KAAK,aAAa,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC;QACtC,CAAC,CAAC,gBAAgB;QAClB,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IACjC,MAAM,GAAG,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAE7B,OAAO,CACL,MAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,aACxC,KAAC,cAAc,IAAC,OAAO,kBACrB,kBACE,IAAI,EAAC,QAAQ,gBACD,KAAK,EACjB,SAAS,EAAE,EAAE,CACX,gPAAgP,EAChP,SAAS,CACV,aAED,eACE,SAAS,EAAC,uDAAuD,EACjE,KAAK,EAAE,gBAAgB,CAAC,KAAK,CAAC,GAC9B,EACF,eAAM,SAAS,EAAC,4EAA4E,YACzF,YAAY,GACR,EACP,8BACc,MAAM,EAClB,SAAS,EAAC,wFAAwF,GAClG,IACK,GACM,EACjB,KAAC,cAAc,IACb,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,OAAO,EACb,UAAU,EAAE,CAAC,EACb,SAAS,EAAC,+CAA+C,EACzD,cAAc,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,YAEjD,eAAK,SAAS,EAAC,+CAA+C,aAC5D,KAAC,+BAA+B,IAC9B,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,OAAO,GACjB,EAEF,cAAK,SAAS,EAAC,aAAa,YAC1B,eAAK,SAAS,EAAC,kDAAkD,aAC/D,cAAK,SAAS,EAAC,kCAAkC,YAC/C,iBACE,IAAI,EAAC,QAAQ,gBACD,KAAK,EACjB,QAAQ,EAAE,CAAC,aAAa,IAAI,OAAO,EACnC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,eAAe,EAAE,EACrC,SAAS,EAAE,EAAE,CACX,yNAAyN,EACzN,CAAC,CAAC,aAAa,IAAI,OAAO,CAAC;gDACzB,gCAAgC,EAClC,OAAO;gDACL,mDAAmD,CACtD,YAED,KAAC,eAAe,IAAC,SAAS,EAAC,QAAQ,GAAG,GAC/B,GACL,EACN,KAAC,gBAAgB,IACf,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,GAAG,CAAC,CAAC,EACZ,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,GAAG,EACR,eAAe,EAAC,uFAAuF,EACvG,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE,CACpB,OAAO,CAAC,EAAE,GAAG,GAAG,EAAE,CAAC,EAAE,OAAO,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,GAEvD,EACF,eACE,SAAS,EAAC,iEAAiE,EAC3E,KAAK,EAAE,gBAAgB,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,GACzC,EACF,KAAC,gBAAgB,IACf,KAAK,EAAE,gBAAgB,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,EAChC,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,GAAG,EACR,eAAe,EAAE,GAAG,kBAAkB,iCAAiC,KAAK,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,cAAc,KAAK,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,OAAO,EAC1J,cAAc,EAAC,+CAA+C,EAC9D,kBAAkB,EAAC,mCAAmC,EACtD,QAAQ,EAAE,CAAC,WAAW,EAAE,EAAE;4CACxB,MAAM,SAAS,GAAG,aAAa,CAAC;gDAC9B,GAAG,KAAK;gDACR,CAAC,EAAE,WAAW,GAAG,GAAG;6CACrB,CAAC,CAAC;4CACH,MAAM,SAAS,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;4CACvC,QAAQ,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;4CACjD,QAAQ,CAAC,SAAS,CAAC,CAAC;wCACtB,CAAC,GACD,IACE,GACF,EAEN,eAAK,SAAS,EAAC,2FAA2F,aACxG,eAAM,SAAS,EAAC,+CAA+C,YAC5D,QAAQ,GACJ,EACP,gBACE,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,EACxD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAChD,MAAM,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,EAC3B,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;wCACnB,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;4CAC1B,KAAK,CAAC,cAAc,EAAE,CAAC;4CACvB,WAAW,EAAE,CAAC;4CACd,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;wCAC7B,CAAC;wCACD,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;4CAC3B,KAAK,CAAC,cAAc,EAAE,CAAC;4CACvB,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;4CACrC,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;wCAC7B,CAAC;oCACH,CAAC,EACD,SAAS,EAAC,8LAA8L,GACxM,IACE,EACL,CAAC,gBAAgB,IAAI,oBAAoB,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,CACxD,eAAK,SAAS,EAAC,aAAa,aAC1B,cAAK,SAAS,EAAC,8EAA8E,YAC3F,yBAAO,mBAAmB,GAAQ,GAC9B,EACN,eAAK,SAAS,EAAC,wBAAwB,aACpC,gBAAgB,IAAI,CACnB,iBACE,IAAI,EAAC,QAAQ,gBACD,gBAAgB,kBACd,KAAK,KAAK,aAAa,EACrC,SAAS,EAAE,EAAE,CACX,sJAAsJ,EACtJ,KAAK,KAAK,aAAa,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC;gDACtC,CAAC,CAAC,oCAAoC;gDACtC,CAAC,CAAC,kBAAkB,CACvB,EACD,KAAK,EAAE,gBAAgB,CAAC,aAAa,CAAC,EACtC,OAAO,EAAE,GAAG,EAAE;gDACZ,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;gDACrC,QAAQ,CAAC,aAAa,CAAC,CAAC;4CAC1B,CAAC,GACD,CACH,EACA,oBAAoB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACnC,iBAEE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,gBACA,KAAK,kBACH,QAAQ,KAAK,KAAK,EAChC,SAAS,EAAE,EAAE,CACX,sJAAsJ,EACtJ,QAAQ,KAAK,KAAK;gDAChB,CAAC,CAAC,oCAAoC;gDACtC,CAAC,CAAC,kBAAkB,CACvB,EACD,KAAK,EAAE,gBAAgB,CAAC,KAAK,CAAC,EAC9B,OAAO,EAAE,GAAG,EAAE;gDACZ,QAAQ,CAAC,KAAK,CAAC,CAAC;gDAChB,QAAQ,CAAC,KAAK,CAAC,CAAC;4CAClB,CAAC,IAfI,KAAK,CAgBV,CACH,CAAC,IACE,IACF,CACP,IACG,GACS,IACT,CACX,CAAC;AACJ,CAAC;AAED,SAAS,+BAA+B,CAAC,EACvC,GAAG,EACH,KAAK,EACL,QAAQ,GAKT;IACC,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC9C,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAClC,MAAM,QAAQ,GAAG,SAAS,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAE1E,MAAM,iBAAiB,GAAG,CAAC,KAAmC,EAAE,EAAE;QAChE,MAAM,IAAI,GAAG,QAAQ,CAAC,OAAO,EAAE,qBAAqB,EAAE,CAAC;QACvD,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,QAAQ,CAAC;YACP,GAAG,GAAG;YACN,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,GAAG,CAAC;YAClE,CAAC,EAAE,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,GAAG,CAAC;SACzE,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,KAAoC,EAAE,EAAE;QAChE,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QACrC,IAAI,KAAK,CAAC,GAAG,KAAK,YAAY,EAAE,CAAC;YAC/B,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,QAAQ,CAAC,EAAE,GAAG,GAAG,EAAE,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;QACvD,CAAC;QACD,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;YAC9B,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,QAAQ,CAAC,EAAE,GAAG,GAAG,EAAE,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;QACvD,CAAC;QACD,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,EAAE,CAAC;YAC5B,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,QAAQ,CAAC,EAAE,GAAG,GAAG,EAAE,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;QACvD,CAAC;QACD,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;YAC9B,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,QAAQ,CAAC,EAAE,GAAG,GAAG,EAAE,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;QACvD,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,cACE,GAAG,EAAE,QAAQ,EACb,QAAQ,EAAE,CAAC,gBACC,KAAK,EACjB,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;YACvB,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;YAC3B,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;YACvD,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC,EACD,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;YACvB,IAAI,CAAC,WAAW,CAAC,OAAO;gBAAE,OAAO;YACjC,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC,EACD,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE;YACrB,WAAW,CAAC,OAAO,GAAG,KAAK,CAAC;YAC5B,IAAI,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC;gBAC3D,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;YAC7D,CAAC;QACH,CAAC,EACD,eAAe,EAAE,GAAG,EAAE;YACpB,WAAW,CAAC,OAAO,GAAG,KAAK,CAAC;QAC9B,CAAC,EACD,SAAS,EAAE,gBAAgB,EAC3B,SAAS,EAAC,8KAA8K,EACxL,KAAK,EAAE;YACL,eAAe,EAAE,0FAA0F,QAAQ,QAAQ;SAC5H,YAED,eACE,SAAS,EAAC,wJAAwJ,EAClK,KAAK,EAAE;gBACL,IAAI,EAAE,GAAG,GAAG,CAAC,CAAC,GAAG;gBACjB,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG;aACvB,GACD,GACE,CACP,CAAC;AACJ,CAAC;AAED,SAAS,gBAAgB,CAAC,EACxB,KAAK,EACL,KAAK,EACL,GAAG,EACH,GAAG,EACH,eAAe,EACf,cAAc,EACd,kBAAkB,EAClB,QAAQ,GAUT;IACC,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC9C,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAClC,MAAM,OAAO,GAAG,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;IAEpD,MAAM,iBAAiB,GAAG,CAAC,KAAmC,EAAE,EAAE;QAChE,MAAM,IAAI,GAAG,QAAQ,CAAC,OAAO,EAAE,qBAAqB,EAAE,CAAC;QACvD,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,MAAM,IAAI,GAAG,GAAG,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC;QAC5E,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,KAAoC,EAAE,EAAE;QAChE,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QACrC,IAAI,KAAK,CAAC,GAAG,KAAK,YAAY,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,EAAE,CAAC;YAC1D,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;QAC1C,CAAC;QACD,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;YAC3D,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;QAC1C,CAAC;QACD,IAAI,KAAK,CAAC,GAAG,KAAK,MAAM,EAAE,CAAC;YACzB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,QAAQ,CAAC,GAAG,CAAC,CAAC;QAChB,CAAC;QACD,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE,CAAC;YACxB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,QAAQ,CAAC,GAAG,CAAC,CAAC;QAChB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,cACE,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,gBACC,KAAK,mBACF,GAAG,mBACH,GAAG,mBACH,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAChC,SAAS,EAAE,gBAAgB,EAC3B,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;YACvB,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;YAC3B,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;YACvD,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC,EACD,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;YACvB,IAAI,CAAC,WAAW,CAAC,OAAO;gBAAE,OAAO;YACjC,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC,EACD,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE;YACrB,WAAW,CAAC,OAAO,GAAG,KAAK,CAAC;YAC5B,IAAI,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC;gBAC3D,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;YAC7D,CAAC;QACH,CAAC,EACD,eAAe,EAAE,GAAG,EAAE;YACpB,WAAW,CAAC,OAAO,GAAG,KAAK,CAAC;QAC9B,CAAC,EACD,SAAS,EAAC,wMAAwM,EAClN,KAAK,EAAE,EAAE,eAAe,EAAE,cAAc,EAAE,kBAAkB,EAAE,YAE9D,eACE,SAAS,EAAC,gKAAgK,EAC1K,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC,OAAO,EAAE,CAAC,EAAE,GAAG,CAAC,GAAG,EAAE,GAC7C,GACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,EACrC,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,GAMV;IACC,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,+EAA+E,EAC/E,SAAS,CACV,YAEA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,iBAEE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,EACrC,SAAS,EAAE,EAAE,CACX,6IAA6I,EAC7I,KAAK,KAAK,MAAM,CAAC,KAAK,IAAI,2BAA2B,CACtD,YAED,eAAM,SAAS,EAAC,UAAU,YAAE,MAAM,CAAC,KAAK,GAAQ,IAR3C,MAAM,CAAC,KAAK,CASV,CACV,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,EAClC,OAAO,EACP,QAAQ,EACR,KAAK,GAKN;IACC,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,kBACC,OAAO,gBACT,KAAK,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,EACjC,SAAS,EAAE,EAAE,CACX,6JAA6J,EAC7J,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,UAAU,CACvC,YAED,eACE,SAAS,EAAE,EAAE,CACX,mGAAmG,EACnG,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,mBAAmB,CACrD,GACD,GACK,CACV,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,EAClC,KAAK,EACL,QAAQ,EACR,GAAG,GAAG,CAAC,EACP,GAAG,GAAG,GAAG,EACT,IAAI,GAAG,CAAC,EACR,IAAI,GAQL;IACC,MAAM,SAAS,GAAG,WAAW,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;IAC9E,OAAO,CACL,eAAK,SAAS,EAAC,6BAA6B,aAC1C,gBACE,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,EAChE,SAAS,EAAC,iDAAiD,GAC3D,EACF,eAAM,SAAS,EAAC,+DAA+D,YAC5E,YAAY,CAAC,SAAS,EAAE,IAAI,CAAC,GACzB,IACH,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAC/B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,GAAG,EACH,GAAG,EACH,IAAI,GAAG,CAAC,EACR,IAAI,EACJ,QAAQ,GAAG,KAAK,GAUjB;IACC,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IACnB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;IACpE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,OAAO,GAAG,MAAM,CAIZ,IAAI,CAAC,CAAC;IAEhB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO;YAAE,QAAQ,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;IACpD,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;IAE3B,MAAM,MAAM,GAAG,CAAC,SAAS,GAAG,KAAK,EAAE,EAAE;QACnC,MAAM,MAAM,GAAG,gBAAgB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QAClD,MAAM,IAAI,GAAG,WAAW,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;QAC3C,QAAQ,CAAC,IAAI,CAAC,CAAC;QACf,QAAQ,CAAC,YAAY,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;IACrC,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,CAAC,IAAY,EAAE,EAAE;QAC/B,MAAM,OAAO,GAAG,WAAW,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;QAC5C,QAAQ,CAAC,OAAO,CAAC,CAAC;QAClB,QAAQ,CAAC,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,KAAsC,EAAE,EAAE;QAC3D,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YAC1B,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,MAAM,EAAE,CAAC;YACT,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;YAC3B,OAAO;QACT,CAAC;QACD,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;YAC3B,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,QAAQ,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;YACpC,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;YAC3B,OAAO;QACT,CAAC;QACD,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;YACzD,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,MAAM,IAAI,GACR,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;YAChE,MAAM,SAAS,GAAG,KAAK,CAAC,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACnD,MAAM,IAAI,GAAG,gBAAgB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;YAC5C,OAAO,CAAC,IAAI,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,KAAqC,EAAE,EAAE;QAC9D,IAAI,QAAQ,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QAC3C,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,OAAO,CAAC,OAAO,GAAG;YAChB,SAAS,EAAE,KAAK,CAAC,SAAS;YAC1B,KAAK,EAAE,KAAK,CAAC,OAAO;YACpB,OAAO,EAAE,KAAK;SACf,CAAC;QACF,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IACzD,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,KAAqC,EAAE,EAAE;QAC9D,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,CAAC,SAAS;YAAE,OAAO;QACxD,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC;QACzC,IAAI,KAAK,KAAK,CAAC;YAAE,OAAO;QACxB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;QAC3B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QAC3E,OAAO,CAAC,KAAK,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,KAAqC,EAAE,EAAE;QAC5D,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,CAAC,SAAS;YAAE,OAAO;QACxD,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAC3D,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC;QACvC,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,2BAA2B,aACxC,gBACE,OAAO,EAAE,EAAE,EACX,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,EAAE,CACX,0MAA0M,EAC1M,QAAQ,IAAI,+BAA+B,CAC5C,YAEA,KAAK,GACA,EACR,gBACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAC/B,MAAM,EAAE,GAAG,EAAE;oBACX,UAAU,CAAC,KAAK,CAAC,CAAC;oBAClB,MAAM,EAAE,CAAC;gBACX,CAAC,EACD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,EACxD,SAAS,EAAE,SAAS,EACpB,SAAS,EAAC,+NAA+N,GACzO,IACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EACjC,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,GAMV;IACC,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC5B,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,6CAA6C,EAAE,SAAS,CAAC,aAEvE,eAAM,SAAS,EAAC,4CAA4C,YACzD,KAAK,CAAC,KAAK,GACP,EACP,KAAC,mBAAmB,IAClB,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,EACvB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK,GAClB,IACE,CACP,CAAC;IACJ,CAAC;IAED,MAAM,YAAY,GAChB,OAAO,KAAK,KAAK,QAAQ;QACvB,CAAC,CAAC,KAAK;QACP,CAAC,CAAC,OAAO,KAAK,KAAK,QAAQ;YACzB,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;YACf,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAEnC,OAAO,CACL,MAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,SAAS,aACvD,CAAE,KAAK,CAAC,IAAe,KAAK,cAAc;gBACxC,KAAK,CAAC,IAAe,KAAK,gBAAgB,CAAC,IAAI,CAChD,KAAC,iBAAiB,IAChB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,EACpB,cAAc,EAAE,CAAC,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,GAAG,CACvC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,CACzC,EACD,QAAQ,EAAE,QAAQ,GAClB,CACH,EACA,KAAK,CAAC,IAAI,KAAK,SAAS,IAAI,CAC3B,KAAC,sBAAsB,IACrB,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,EAAE,EAC5B,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,EACpB,QAAQ,EAAE,QAAQ,GAClB,CACH,EACA,KAAK,CAAC,IAAI,KAAK,QAAQ,IAAI,CAC1B,KAAC,mBAAmB,IAClB,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,CAAC,EACnB,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,GAAG,EACrB,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,CAAC,EACrB,IAAI,EACF,KAAK,CAAC,IAAI;oBACV,CAAC,KAAK,CAAC,MAAM,EAAE,WAAW,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,EAErE,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EACvD,QAAQ,EAAE,QAAQ,GAClB,CACH,IACgB,CACpB,CAAC;AACJ,CAAC","sourcesContent":["import { IconColorPicker } from \"@tabler/icons-react\";\nimport {\n useEffect,\n useId,\n useRef,\n useState,\n type KeyboardEvent,\n type PointerEvent,\n type ReactNode,\n} from \"react\";\n\nimport {\n Popover,\n PopoverContent,\n PopoverTrigger,\n} from \"./components/ui/popover.js\";\nimport { cn } from \"./utils.js\";\n\nexport type VisualControlValue = string \| number \| boolean;\n\nexport interface VisualControlOption {\n label: string;\n value: string;\n color?: string;\n}\n\nexport interface VisualTweakDefinition {\n id: string;\n label: string;\n type: \"color-swatch\" \| \"color-swatches\" \| \"segment\" \| \"slider\" \| \"toggle\";\n options?: VisualControlOption[];\n min?: number;\n max?: number;\n step?: number;\n defaultValue: VisualControlValue;\n cssVar?: string;\n unit?: string;\n}\n\nfunction clampNumber(value: number, min?: number, max?: number) {\n let next = value;\n if (typeof min === \"number\") next = Math.max(min, next);\n if (typeof max === \"number\") next = Math.min(max, next);\n return next;\n}\n\nfunction formatNumber(value: number, unit?: string) {\n const rounded = Number.isInteger(value) ? value : Number(value.toFixed(2));\n return unit ? `${rounded}${unit}` : String(rounded);\n}\n\nfunction parseDraftNumber(value: string, fallback: number) {\n const match = value.trim().match(/-?\\d+(?:\\.\\d+)?/);\n if (!match) return fallback;\n const next = Number(match[0]);\n return Number.isFinite(next) ? next : fallback;\n}\n\ninterface RgbaColor {\n r: number;\n g: number;\n b: number;\n a: number;\n}\n\ninterface HsvaColor {\n h: number;\n s: number;\n v: number;\n a: number;\n}\n\nconst CHECKERBOARD_IMAGE =\n \"linear-gradient(45deg, #d4d4d4 25%, transparent 25%), linear-gradient(-45deg, #d4d4d4 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #d4d4d4 75%), linear-gradient(-45deg, transparent 75%, #d4d4d4 75%)\";\nconst FALLBACK_RGBA: RgbaColor = { r: 0, g: 0, b: 0, a: 1 };\n\nfunction normalizeRgba(color: RgbaColor): RgbaColor {\n return {\n r: clamp(color.r, 0, 255),\n g: clamp(color.g, 0, 255),\n b: clamp(color.b, 0, 255),\n a: clampFloat(color.a, 0, 1),\n };\n}\n\nfunction normalizeHexColor(value: string): string \| null {\n const trimmed = value.trim();\n if (/^#[0-9a-f]{6}$/i.test(trimmed)) return trimmed.toUpperCase();\n if (/^[0-9a-f]{6}$/i.test(trimmed)) return `#${trimmed}`.toUpperCase();\n if (/^#[0-9a-f]{3}$/i.test(trimmed)) {\n return `#${trimmed\n .slice(1)\n .split(\"\")\n .map((char) => char + char)\n .join(\"\")}`.toUpperCase();\n }\n if (/^[0-9a-f]{3}$/i.test(trimmed)) {\n return `#${trimmed\n .split(\"\")\n .map((char) => char + char)\n .join(\"\")}`.toUpperCase();\n }\n return null;\n}\n\nfunction parseCssColor(value: string): RgbaColor \| null {\n const trimmed = value.trim();\n if (!trimmed) return null;\n const normalizedHex = normalizeHexColor(trimmed);\n if (normalizedHex) {\n return normalizeRgba({\n r: Number.parseInt(normalizedHex.slice(1, 3), 16),\n g: Number.parseInt(normalizedHex.slice(3, 5), 16),\n b: Number.parseInt(normalizedHex.slice(5, 7), 16),\n a: 1,\n });\n }\n const rgb = trimmed.match(\n /^rgba?\\(\\s(\\d+(?:\\.\\d+)?)\\s,\\s(\\d+(?:\\.\\d+)?)\\s,\\s(\\d+(?:\\.\\d+)?)(?:\\s,\\s([0-9.]+%?))?/i,\n );\n if (rgb) {\n return normalizeRgba({\n r: Number(rgb[1]),\n g: Number(rgb[2]),\n b: Number(rgb[3]),\n a: parseAlpha(rgb[4]),\n });\n }\n const lower = trimmed.toLowerCase();\n if (lower === \"transparent\" \|\| lower === \"rgba(0, 0, 0, 0)\") {\n return { r: 0, g: 0, b: 0, a: 0 };\n }\n return null;\n}\n\nfunction channelToHex(value: number): string {\n return clamp(value, 0, 255).toString(16).padStart(2, \"0\");\n}\n\nfunction rgbaToHex(color: RgbaColor): string {\n const normalized = normalizeRgba(color);\n return `#${channelToHex(normalized.r)}${channelToHex(normalized.g)}${channelToHex(normalized.b)}`.toUpperCase();\n}\n\nfunction rgbaToCss(color: RgbaColor): string {\n const normalized = normalizeRgba(color);\n if (normalized.a >= 1) return rgbaToHex(normalized);\n return `rgba(${normalized.r}, ${normalized.g}, ${normalized.b}, ${trimNumber(normalized.a)})`;\n}\n\nfunction parseAlpha(value: string \| undefined): number {\n if (!value) return 1;\n if (value.endsWith(\"%\")) return Number(value.slice(0, -1)) / 100;\n return Number(value);\n}\n\nfunction trimNumber(value: number) {\n return Number(value.toFixed(2)).toString();\n}\n\nfunction rgbaToHsv(color: RgbaColor): HsvaColor {\n const normalized = normalizeRgba(color);\n const r = normalized.r / 255;\n const g = normalized.g / 255;\n const b = normalized.b / 255;\n const max = Math.max(r, g, b);\n const min = Math.min(r, g, b);\n const delta = max - min;\n\n let h = 0;\n if (delta !== 0) {\n if (max === r) h = ((g - b) / delta) % 6;\n else if (max === g) h = (b - r) / delta + 2;\n else h = (r - g) / delta + 4;\n h = 60;\n if (h < 0) h += 360;\n }\n\n return {\n h: Math.round(h),\n s: max === 0 ? 0 : Math.round((delta / max) * 100),\n v: Math.round(max * 100),\n a: normalized.a,\n };\n}\n\nfunction hsvToRgba(color: HsvaColor): RgbaColor {\n const h = ((color.h % 360) + 360) % 360;\n const s = clampFloat(color.s, 0, 100) / 100;\n const v = clampFloat(color.v, 0, 100) / 100;\n const chroma = v * s;\n const x = chroma * (1 - Math.abs(((h / 60) % 2) - 1));\n const m = v - chroma;\n\n let r = 0;\n let g = 0;\n let b = 0;\n if (h < 60) [r, g, b] = [chroma, x, 0];\n else if (h < 120) [r, g, b] = [x, chroma, 0];\n else if (h < 180) [r, g, b] = [0, chroma, x];\n else if (h < 240) [r, g, b] = [0, x, chroma];\n else if (h < 300) [r, g, b] = [x, 0, chroma];\n else [r, g, b] = [chroma, 0, x];\n\n return normalizeRgba({\n r: Math.round((r + m) * 255),\n g: Math.round((g + m) * 255),\n b: Math.round((b + m) * 255),\n a: clampFloat(color.a, 0, 1),\n });\n}\n\nfunction clamp(value: number, min: number, max: number): number {\n if (!Number.isFinite(value)) return min;\n return Math.max(min, Math.min(max, Math.round(value)));\n}\n\nfunction clampFloat(value: number, min: number, max: number): number {\n if (!Number.isFinite(value)) return min;\n return Math.max(min, Math.min(max, value));\n}\n\nfunction swatchBackground(value: string) {\n if (value === \"transparent\" \|\| value === \"rgba(0, 0, 0, 0)\") {\n return {\n background: CHECKERBOARD_IMAGE,\n backgroundPosition: \"0 0, 0 4px, 4px -4px, -4px 0\",\n backgroundSize: \"8px 8px\",\n };\n }\n return { background: value };\n}\n\nexport function VisualInspectorPanel({\n title,\n subtitle,\n children,\n className,\n headerAction,\n}: {\n title: ReactNode;\n subtitle?: ReactNode;\n children: ReactNode;\n className?: string;\n headerAction?: ReactNode;\n}) {\n return (\n <aside\n className={cn(\n \"w-64 overflow-hidden rounded-xl border border-border bg-card/95 text-card-foreground shadow-2xl shadow-black/35 backdrop-blur\",\n className,\n )}\n >\n <div className=\"flex min-h-10 items-start justify-between gap-2 border-b border-border/70 px-3 py-2.5\">\n <div className=\"min-w-0\">\n <div className=\"truncate text-[11px] font-semibold uppercase tracking-wide text-muted-foreground\">\n {title}\n </div>\n {subtitle && (\n <div className=\"mt-0.5 truncate text-[12px] text-foreground\">\n {subtitle}\n </div>\n )}\n </div>\n {headerAction}\n </div>\n <div className=\"max-h-[min(680px,calc(100vh-7rem))] overflow-y-auto p-2\">\n {children}\n </div>\n </aside>\n );\n}\n\nexport function VisualInspectorSection({\n title,\n children,\n className,\n}: {\n title: ReactNode;\n children: ReactNode;\n className?: string;\n}) {\n return (\n <section className={cn(\"rounded-lg px-1.5 py-2\", className)}>\n <div className=\"mb-2 px-1 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground/75\">\n {title}\n </div>\n <div className=\"space-y-2\">{children}</div>\n </section>\n );\n}\n\nexport function VisualControlRow({\n label,\n children,\n className,\n}: {\n label: ReactNode;\n children: ReactNode;\n className?: string;\n}) {\n return (\n <div className={cn(\"grid gap-1\", className)}>\n <span className=\"text-[11px] text-muted-foreground\">{label}</span>\n {children}\n </div>\n );\n}\n\nexport function VisualSwatchControl({\n options,\n value,\n onChange,\n columns = 8,\n className,\n}: {\n options: VisualControlOption[];\n value: string;\n onChange: (value: string) => void;\n columns?: number;\n className?: string;\n}) {\n return (\n <div\n className={cn(\"grid gap-1.5\", className)}\n style={{ gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))` }}\n >\n {options.map((option) => {\n const swatch = option.color ?? option.value;\n const isTransparent = swatch === \"transparent\";\n return (\n <button\n key={`${option.value}-${option.label}`}\n type=\"button\"\n title={option.label}\n aria-label={option.label}\n onClick={() => onChange(option.value)}\n className={cn(\n \"size-5 cursor-pointer rounded-md border border-border/70 transition-[transform,border-color] hover:scale-105 hover:border-foreground/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n value === option.value &&\n \"border-foreground/70 ring-2 ring-foreground/40 ring-offset-1 ring-offset-card\",\n )}\n style={{\n background: isTransparent\n ? \"linear-gradient(45deg, hsl(var(--muted)) 25%, transparent 25%), linear-gradient(-45deg, hsl(var(--muted)) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, hsl(var(--muted)) 75%), linear-gradient(-45deg, transparent 75%, hsl(var(--muted)) 75%)\"\n : swatch,\n backgroundPosition: isTransparent\n ? \"0 0, 0 4px, 4px -4px, -4px 0\"\n : undefined,\n backgroundSize: isTransparent ? \"8px 8px\" : undefined,\n }}\n />\n );\n })}\n </div>\n );\n}\n\nexport function VisualColorPicker({\n label,\n value,\n onChange,\n documentColors = [],\n allowTransparent = false,\n hexLabel = \"Hex\",\n documentColorsLabel = \"Document colors\",\n transparentLabel = \"Transparent\",\n className,\n}: {\n label: string;\n value: string;\n onChange: (value: string) => void;\n documentColors?: string[];\n allowTransparent?: boolean;\n hexLabel?: string;\n documentColorsLabel?: string;\n transparentLabel?: string;\n className?: string;\n}) {\n const [open, setOpen] = useState(false);\n const color = parseCssColor(value) ?? FALLBACK_RGBA;\n const colorHex = rgbaToHex(color);\n const [draft, setDraft] = useState(colorHex.replace(/^#/, \"\"));\n const [picking, setPicking] = useState(false);\n const hasEyeDropper = typeof window !== \"undefined\" && \"EyeDropper\" in window;\n\n useEffect(() => {\n if (!open) setDraft(colorHex.replace(/^#/, \"\"));\n }, [colorHex, open]);\n\n const commitDraft = (nextDraft = draft) => {\n const normalized = normalizeHexColor(nextDraft);\n if (!normalized) {\n setDraft(colorHex.replace(/^#/, \"\"));\n return;\n }\n setDraft(normalized.replace(/^#/, \"\"));\n onChange(normalized);\n };\n\n const emitHsv = (nextHsv: HsvaColor) => {\n const nextColor = hsvToRgba({ ...nextHsv, a: color.a });\n const nextValue = rgbaToCss(nextColor);\n setDraft(rgbaToHex(nextColor).replace(/^#/, \"\"));\n onChange(nextValue);\n };\n\n const pickScreenColor = async () => {\n if (!hasEyeDropper \|\| picking) return;\n try {\n setPicking(true);\n const EyeDropperCtor = (\n window as unknown as {\n EyeDropper?: new () => { open: () => Promise<{ sRGBHex: string }> };\n }\n ).EyeDropper;\n if (!EyeDropperCtor) return;\n const result = await new EyeDropperCtor().open();\n if (result?.sRGBHex) {\n const next = normalizeHexColor(result.sRGBHex);\n if (next) {\n setDraft(next.replace(/^#/, \"\"));\n onChange(next);\n }\n }\n } finally {\n setPicking(false);\n }\n };\n\n const uniqueDocumentColors = Array.from(\n new Set(\n documentColors\n .map((color) =>\n color === \"transparent\" ? color : normalizeHexColor(color),\n )\n .filter(Boolean) as string[],\n ),\n ).slice(0, 16);\n const displayValue =\n value === \"transparent\" \|\| color.a === 0\n ? transparentLabel\n : colorHex.replace(/^#/, \"\");\n const hsv = rgbaToHsv(color);\n\n return (\n <Popover open={open} onOpenChange={setOpen}>\n <PopoverTrigger asChild>\n <button\n type=\"button\"\n aria-label={label}\n className={cn(\n \"flex h-7 w-full cursor-pointer items-center gap-1.5 rounded-md border border-border bg-background/70 px-2 text-[11px] shadow-none transition-colors hover:bg-accent/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n className,\n )}\n >\n <span\n className=\"size-4 shrink-0 rounded-[3px] border border-border/70\"\n style={swatchBackground(value)}\n />\n <span className=\"min-w-0 flex-1 truncate text-left font-medium tabular-nums text-foreground\">\n {displayValue}\n </span>\n <span\n aria-hidden=\"true\"\n className=\"size-0 border-x-[4px] border-t-[5px] border-x-transparent border-t-muted-foreground/70\"\n />\n </button>\n </PopoverTrigger>\n <PopoverContent\n side=\"left\"\n align=\"start\"\n sideOffset={8}\n className=\"z-[10000] w-[252px] p-0 text-[11px] shadow-xl\"\n onFocusOutside={(event) => event.preventDefault()}\n >\n <div className=\"rounded-md bg-popover text-popover-foreground\">\n <VisualSaturationBrightnessField\n hsv={hsv}\n label={label}\n onChange={emitHsv}\n />\n\n <div className=\"mt-2.5 px-3\">\n <div className=\"grid grid-cols-[1.5rem_1fr] items-center gap-x-2\">\n <div className=\"flex items-center justify-center\">\n <button\n type=\"button\"\n aria-label={label}\n disabled={!hasEyeDropper \|\| picking}\n onClick={() => void pickScreenColor()}\n className={cn(\n \"flex size-6 cursor-pointer items-center justify-center rounded-sm text-muted-foreground transition-colors hover:bg-accent hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n (!hasEyeDropper \|\| picking) &&\n \"pointer-events-none opacity-40\",\n picking &&\n \"bg-primary/10 text-primary ring-1 ring-primary/50\",\n )}\n >\n <IconColorPicker className=\"size-4\" />\n </button>\n </div>\n <VisualColorTrack\n label={label}\n value={hsv.h}\n min={0}\n max={360}\n backgroundImage=\"linear-gradient(90deg, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000)\"\n onChange={(nextHue) =>\n emitHsv({ ...hsv, h: nextHue === 360 ? 0 : nextHue })\n }\n />\n <span\n className=\"mt-2 size-[18px] shrink-0 rounded-[3px] border border-border/60\"\n style={swatchBackground(rgbaToCss(color))}\n />\n <VisualColorTrack\n label={transparentLabel}\n value={Math.round(color.a * 100)}\n min={0}\n max={100}\n backgroundImage={`${CHECKERBOARD_IMAGE}, linear-gradient(90deg, rgba(${color.r}, ${color.g}, ${color.b}, 0), rgba(${color.r}, ${color.g}, ${color.b}, 1))`}\n backgroundSize=\"8px 8px, 8px 8px, 8px 8px, 8px 8px, 100% 100%\"\n backgroundPosition=\"0 0, 0 4px, 4px -4px, -4px 0, 0 0\"\n onChange={(nextOpacity) => {\n const nextColor = normalizeRgba({\n ...color,\n a: nextOpacity / 100,\n });\n const nextValue = rgbaToCss(nextColor);\n setDraft(rgbaToHex(nextColor).replace(/^#/, \"\"));\n onChange(nextValue);\n }}\n />\n </div>\n </div>\n\n <div className=\"mt-2.5 grid grid-cols-[4.5rem_1fr] items-center gap-1 border-b border-border/70 px-3 pb-3\">\n <span className=\"text-[11px] font-medium text-muted-foreground\">\n {hexLabel}\n </span>\n <input\n value={draft}\n spellCheck={false}\n onChange={(event) => setDraft(event.currentTarget.value)}\n onFocus={(event) => event.currentTarget.select()}\n onBlur={() => commitDraft()}\n onKeyDown={(event) => {\n if (event.key === \"Enter\") {\n event.preventDefault();\n commitDraft();\n event.currentTarget.blur();\n }\n if (event.key === \"Escape\") {\n event.preventDefault();\n setDraft(colorHex.replace(/^#/, \"\"));\n event.currentTarget.blur();\n }\n }}\n className=\"h-6 min-w-0 rounded-md border border-input bg-background/70 px-2 text-right text-[11px] uppercase tabular-nums outline-none transition-colors focus:border-ring focus:ring-1 focus:ring-ring\"\n />\n </div>\n {(allowTransparent \|\| uniqueDocumentColors.length > 0) && (\n <div className=\"px-3 py-2.5\">\n <div className=\"mb-2 flex h-5 items-center justify-between text-[11px] text-muted-foreground\">\n <span>{documentColorsLabel}</span>\n </div>\n <div className=\"grid grid-cols-8 gap-1\">\n {allowTransparent && (\n <button\n type=\"button\"\n aria-label={transparentLabel}\n aria-pressed={value === \"transparent\"}\n className={cn(\n \"size-5 cursor-pointer rounded-sm border transition-transform hover:scale-110 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n value === \"transparent\" \|\| color.a === 0\n ? \"border-primary ring-1 ring-primary\"\n : \"border-border/60\",\n )}\n style={swatchBackground(\"transparent\")}\n onClick={() => {\n setDraft(colorHex.replace(/^#/, \"\"));\n onChange(\"transparent\");\n }}\n />\n )}\n {uniqueDocumentColors.map((color) => (\n <button\n key={color}\n type=\"button\"\n title={color}\n aria-label={color}\n aria-pressed={colorHex === color}\n className={cn(\n \"size-5 cursor-pointer rounded-sm border transition-transform hover:scale-110 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n colorHex === color\n ? \"border-primary ring-1 ring-primary\"\n : \"border-border/60\",\n )}\n style={swatchBackground(color)}\n onClick={() => {\n setDraft(color);\n onChange(color);\n }}\n />\n ))}\n </div>\n </div>\n )}\n </div>\n </PopoverContent>\n </Popover>\n );\n}\n\nfunction VisualSaturationBrightnessField({\n hsv,\n label,\n onChange,\n}: {\n hsv: HsvaColor;\n label: string;\n onChange: (value: HsvaColor) => void;\n}) {\n const fieldRef = useRef<HTMLDivElement>(null);\n const draggingRef = useRef(false);\n const hueColor = rgbaToCss(hsvToRgba({ h: hsv.h, s: 100, v: 100, a: 1 }));\n\n const updateFromPointer = (event: PointerEvent<HTMLDivElement>) => {\n const rect = fieldRef.current?.getBoundingClientRect();\n if (!rect) return;\n onChange({\n ...hsv,\n s: clamp(((event.clientX - rect.left) / rect.width) * 100, 0, 100),\n v: clamp(100 - ((event.clientY - rect.top) / rect.height) * 100, 0, 100),\n });\n };\n\n const stepWithKeyboard = (event: KeyboardEvent<HTMLDivElement>) => {\n const step = event.shiftKey ? 10 : 1;\n if (event.key === \"ArrowRight\") {\n event.preventDefault();\n onChange({ ...hsv, s: clamp(hsv.s + step, 0, 100) });\n }\n if (event.key === \"ArrowLeft\") {\n event.preventDefault();\n onChange({ ...hsv, s: clamp(hsv.s - step, 0, 100) });\n }\n if (event.key === \"ArrowUp\") {\n event.preventDefault();\n onChange({ ...hsv, v: clamp(hsv.v + step, 0, 100) });\n }\n if (event.key === \"ArrowDown\") {\n event.preventDefault();\n onChange({ ...hsv, v: clamp(hsv.v - step, 0, 100) });\n }\n };\n\n return (\n <div\n ref={fieldRef}\n tabIndex={0}\n aria-label={label}\n onPointerDown={(event) => {\n draggingRef.current = true;\n event.currentTarget.setPointerCapture(event.pointerId);\n updateFromPointer(event);\n }}\n onPointerMove={(event) => {\n if (!draggingRef.current) return;\n updateFromPointer(event);\n }}\n onPointerUp={(event) => {\n draggingRef.current = false;\n if (event.currentTarget.hasPointerCapture(event.pointerId)) {\n event.currentTarget.releasePointerCapture(event.pointerId);\n }\n }}\n onPointerCancel={() => {\n draggingRef.current = false;\n }}\n onKeyDown={stepWithKeyboard}\n className=\"relative h-40 w-full cursor-crosshair overflow-hidden rounded-t-md outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset active:cursor-grabbing\"\n style={{\n backgroundImage: `linear-gradient(to top, #000 0%, transparent 100%), linear-gradient(to right, #fff 0%, ${hueColor} 100%)`,\n }}\n >\n <span\n className=\"pointer-events-none absolute size-4 -translate-x-1/2 -translate-y-1/2 rounded-full border-2 border-white shadow-[0_0_0_1px_hsl(var(--foreground)/0.6)]\"\n style={{\n left: `${hsv.s}%`,\n top: `${100 - hsv.v}%`,\n }}\n />\n </div>\n );\n}\n\nfunction VisualColorTrack({\n label,\n value,\n min,\n max,\n backgroundImage,\n backgroundSize,\n backgroundPosition,\n onChange,\n}: {\n label: string;\n value: number;\n min: number;\n max: number;\n backgroundImage: string;\n backgroundSize?: string;\n backgroundPosition?: string;\n onChange: (value: number) => void;\n}) {\n const trackRef = useRef<HTMLDivElement>(null);\n const draggingRef = useRef(false);\n const percent = ((value - min) / (max - min)) * 100;\n\n const updateFromPointer = (event: PointerEvent<HTMLDivElement>) => {\n const rect = trackRef.current?.getBoundingClientRect();\n if (!rect) return;\n const next = min + ((event.clientX - rect.left) / rect.width) * (max - min);\n onChange(clamp(next, min, max));\n };\n\n const stepWithKeyboard = (event: KeyboardEvent<HTMLDivElement>) => {\n const step = event.shiftKey ? 10 : 1;\n if (event.key === \"ArrowRight\" \|\| event.key === \"ArrowUp\") {\n event.preventDefault();\n onChange(clamp(value + step, min, max));\n }\n if (event.key === \"ArrowLeft\" \|\| event.key === \"ArrowDown\") {\n event.preventDefault();\n onChange(clamp(value - step, min, max));\n }\n if (event.key === \"Home\") {\n event.preventDefault();\n onChange(min);\n }\n if (event.key === \"End\") {\n event.preventDefault();\n onChange(max);\n }\n };\n\n return (\n <div\n ref={trackRef}\n role=\"slider\"\n tabIndex={0}\n aria-label={label}\n aria-valuemin={min}\n aria-valuemax={max}\n aria-valuenow={Math.round(value)}\n onKeyDown={stepWithKeyboard}\n onPointerDown={(event) => {\n draggingRef.current = true;\n event.currentTarget.setPointerCapture(event.pointerId);\n updateFromPointer(event);\n }}\n onPointerMove={(event) => {\n if (!draggingRef.current) return;\n updateFromPointer(event);\n }}\n onPointerUp={(event) => {\n draggingRef.current = false;\n if (event.currentTarget.hasPointerCapture(event.pointerId)) {\n event.currentTarget.releasePointerCapture(event.pointerId);\n }\n }}\n onPointerCancel={() => {\n draggingRef.current = false;\n }}\n className=\"relative h-3.5 cursor-pointer rounded-full border border-border/60 outline-none ring-offset-background focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 active:cursor-grabbing\"\n style={{ backgroundImage, backgroundSize, backgroundPosition }}\n >\n <span\n className=\"pointer-events-none absolute top-1/2 size-4 -translate-x-1/2 -translate-y-1/2 rounded-full border-2 border-white shadow-[0_0_0_1px_hsl(var(--foreground)/0.6)]\"\n style={{ left: `${clamp(percent, 0, 100)}%` }}\n />\n </div>\n );\n}\n\nexport function VisualSegmentedControl({\n options,\n value,\n onChange,\n className,\n}: {\n options: VisualControlOption[];\n value: string;\n onChange: (value: string) => void;\n className?: string;\n}) {\n return (\n <div\n className={cn(\n \"flex min-h-7 overflow-hidden rounded-md border border-border bg-background/60\",\n className,\n )}\n >\n {options.map((option) => (\n <button\n key={option.value}\n type=\"button\"\n onClick={() => onChange(option.value)}\n className={cn(\n \"min-w-0 flex-1 cursor-pointer px-2 text-[11px] font-medium text-muted-foreground transition-colors hover:bg-accent/70 hover:text-foreground\",\n value === option.value && \"bg-accent text-foreground\",\n )}\n >\n <span className=\"truncate\">{option.label}</span>\n </button>\n ))}\n </div>\n );\n}\n\nexport function VisualToggleControl({\n checked,\n onChange,\n label,\n}: {\n checked: boolean;\n onChange: (checked: boolean) => void;\n label?: string;\n}) {\n return (\n <button\n type=\"button\"\n aria-pressed={checked}\n aria-label={label}\n onClick={() => onChange(!checked)}\n className={cn(\n \"relative h-5 w-9 cursor-pointer rounded-full border border-border transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n checked ? \"bg-primary/35\" : \"bg-muted\",\n )}\n >\n <span\n className={cn(\n \"absolute top-1/2 size-3.5 -translate-y-1/2 rounded-full bg-foreground shadow transition-transform\",\n checked ? \"translate-x-[18px]\" : \"translate-x-[3px]\",\n )}\n />\n </button>\n );\n}\n\nexport function VisualSliderControl({\n value,\n onChange,\n min = 0,\n max = 100,\n step = 1,\n unit,\n}: {\n value: number;\n onChange: (value: number) => void;\n min?: number;\n max?: number;\n step?: number;\n unit?: string;\n}) {\n const safeValue = clampNumber(Number.isFinite(value) ? value : min, min, max);\n return (\n <div className=\"flex h-7 items-center gap-2\">\n <input\n type=\"range\"\n min={min}\n max={max}\n step={step}\n value={safeValue}\n onChange={(event) => onChange(Number(event.currentTarget.value))}\n className=\"min-w-0 flex-1 cursor-pointer accent-foreground\"\n />\n <span className=\"w-9 text-right text-[11px] tabular-nums text-muted-foreground\">\n {formatNumber(safeValue, unit)}\n </span>\n </div>\n );\n}\n\nexport function VisualScrubInput({\n label,\n value,\n onChange,\n min,\n max,\n step = 1,\n unit,\n disabled = false,\n}: {\n label: string;\n value: number;\n onChange: (value: number) => void;\n min?: number;\n max?: number;\n step?: number;\n unit?: string;\n disabled?: boolean;\n}) {\n const id = useId();\n const [draft, setDraft] = useState(() => formatNumber(value, unit));\n const [focused, setFocused] = useState(false);\n const dragRef = useRef<{\n pointerId: number;\n prevX: number;\n dragged: boolean;\n } \| null>(null);\n\n useEffect(() => {\n if (!focused) setDraft(formatNumber(value, unit));\n }, [focused, unit, value]);\n\n const commit = (nextDraft = draft) => {\n const parsed = parseDraftNumber(nextDraft, value);\n const next = clampNumber(parsed, min, max);\n onChange(next);\n setDraft(formatNumber(next, unit));\n };\n\n const setNext = (next: number) => {\n const clamped = clampNumber(next, min, max);\n onChange(clamped);\n setDraft(formatNumber(clamped, unit));\n };\n\n const onKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n if (event.key === \"Enter\") {\n event.preventDefault();\n commit();\n event.currentTarget.blur();\n return;\n }\n if (event.key === \"Escape\") {\n event.preventDefault();\n setDraft(formatNumber(value, unit));\n event.currentTarget.blur();\n return;\n }\n if (event.key === \"ArrowUp\" \|\| event.key === \"ArrowDown\") {\n event.preventDefault();\n const mult =\n event.shiftKey \|\| event.metaKey ? 10 : event.altKey ? 0.1 : 1;\n const direction = event.key === \"ArrowUp\" ? 1 : -1;\n const base = parseDraftNumber(draft, value);\n setNext(base + direction * step * mult);\n }\n };\n\n const onPointerDown = (event: PointerEvent<HTMLLabelElement>) => {\n if (disabled \|\| event.button !== 0) return;\n event.preventDefault();\n dragRef.current = {\n pointerId: event.pointerId,\n prevX: event.clientX,\n dragged: false,\n };\n event.currentTarget.setPointerCapture(event.pointerId);\n };\n\n const onPointerMove = (event: PointerEvent<HTMLLabelElement>) => {\n const drag = dragRef.current;\n if (!drag \|\| drag.pointerId !== event.pointerId) return;\n const delta = event.clientX - drag.prevX;\n if (delta === 0) return;\n drag.prevX = event.clientX;\n drag.dragged = true;\n const mult = event.shiftKey \|\| event.metaKey ? 10 : event.altKey ? 0.1 : 1;\n setNext(value + delta * step * mult);\n };\n\n const onPointerUp = (event: PointerEvent<HTMLLabelElement>) => {\n const drag = dragRef.current;\n if (!drag \|\| drag.pointerId !== event.pointerId) return;\n event.currentTarget.releasePointerCapture(event.pointerId);\n dragRef.current = null;\n if (!drag.dragged) {\n document.getElementById(id)?.focus();\n }\n };\n\n return (\n <div className=\"flex items-center gap-1.5\">\n <label\n htmlFor={id}\n onPointerDown={onPointerDown}\n onPointerMove={onPointerMove}\n onPointerUp={onPointerUp}\n className={cn(\n \"flex w-8 shrink-0 cursor-ew-resize select-none items-center justify-center rounded border border-transparent px-1 text-[10px] font-semibold text-muted-foreground hover:border-border hover:bg-accent/60\",\n disabled && \"cursor-not-allowed opacity-50\",\n )}\n >\n {label}\n </label>\n <input\n id={id}\n value={draft}\n disabled={disabled}\n onFocus={() => setFocused(true)}\n onBlur={() => {\n setFocused(false);\n commit();\n }}\n onChange={(event) => setDraft(event.currentTarget.value)}\n onKeyDown={onKeyDown}\n className=\"h-7 min-w-0 flex-1 rounded-md border border-input bg-background/70 px-2 text-right text-[11px] tabular-nums text-foreground outline-none transition-colors focus:border-ring focus:ring-1 focus:ring-ring disabled:opacity-50\"\n />\n </div>\n );\n}\n\nexport function VisualTweakControl({\n tweak,\n value,\n onChange,\n className,\n}: {\n tweak: VisualTweakDefinition;\n value: VisualControlValue;\n onChange: (value: VisualControlValue) => void;\n className?: string;\n}) {\n if (tweak.type === \"toggle\") {\n return (\n <div\n className={cn(\"flex h-7 items-center justify-between gap-2\", className)}\n >\n <span className=\"truncate text-[11px] text-muted-foreground\">\n {tweak.label}\n </span>\n <VisualToggleControl\n checked={Boolean(value)}\n onChange={onChange}\n label={tweak.label}\n />\n </div>\n );\n }\n\n const numericValue =\n typeof value === \"number\"\n ? value\n : typeof value === \"string\"\n ? Number(value)\n : Number(tweak.defaultValue);\n\n return (\n <VisualControlRow label={tweak.label} className={className}>\n {((tweak.type as string) === \"color-swatch\" \|\|\n (tweak.type as string) === \"color-swatches\") && (\n <VisualColorPicker\n label={tweak.label}\n value={String(value)}\n documentColors={(tweak.options ?? []).map(\n (option) => option.color ?? option.value,\n )}\n onChange={onChange}\n />\n )}\n {tweak.type === \"segment\" && (\n <VisualSegmentedControl\n options={tweak.options ?? []}\n value={String(value)}\n onChange={onChange}\n />\n )}\n {tweak.type === \"slider\" && (\n <VisualSliderControl\n min={tweak.min ?? 0}\n max={tweak.max ?? 100}\n step={tweak.step ?? 1}\n unit={\n tweak.unit ??\n (tweak.cssVar?.toLowerCase().includes(\"radius\") ? \"px\" : undefined)\n }\n value={Number.isFinite(numericValue) ? numericValue : 0}\n onChange={onChange}\n />\n )}\n </VisualControlRow>\n );\n}\n"]}

package/dist/collab/routes.d.ts CHANGED Viewed

@@ -42,8 +42,8 @@ export declare const postCollabUpdate: import("h3").EventHandlerWithFetch<import
  */
 export declare const postCollabText: import("h3").EventHandlerWithFetch<import("h3").EventHandlerRequest, Promise<{
     ok?: undefined;
-    error: string;
     text?: undefined;
+    error: string;
 } | {
     error?: undefined;
     ok: boolean;