gsd-pi 2.82.0 → 3.0.0-dev.04f5ccf82

package/src/resources/extensions/visual-brief/page-contract.ts

@@ -0,0 +1,136 @@
+// GSD-2 + Visual Brief page contract
+
+import type { VisualBriefMode } from "./prompts.js";
+
+export interface VisualBriefModeProfile {
+	goal: string;
+	evidenceSteps: readonly string[];
+	sections: readonly string[];
+}
+
+export const VISUAL_BRIEF_PAGE_RULES: readonly string[] = [
+	"Use Mermaid for topology-heavy diagrams when it improves readability.",
+	"Use semantic HTML tables for comparisons, audits, matrices, status reports, and dense lists.",
+	"Use CSS grid/card layouts when text-heavy module details matter more than edge routing.",
+	"For 15+ entities, use a small overview diagram plus detailed cards instead of one crowded diagram.",
+	"Include accessible headings, readable contrast, responsive tables, and no horizontal body overflow.",
+	"Include source references for factual claims, file relationships, commands, and inferred behavior.",
+	"Keep the design distinctive and appropriate to the content; avoid generic purple/blue gradient styling.",
+	"CDN libraries are acceptable for Mermaid or charts, but the page must still show useful written context if a CDN fails.",
+	"Do not include provider-specific claims, branding, or assumptions.",
+];
+
+export function getVisualBriefModeProfile(mode: VisualBriefMode, slides: boolean): VisualBriefModeProfile {
+	if (slides || mode === "slides") {
+		return {
+			goal: "Turn the subject into a concise, visually paced deck that someone can present or skim quickly.",
+			evidenceSteps: [
+				"Identify the intended audience and the main decision or understanding the deck should support.",
+				"Read the relevant files, diffs, docs, or command output before making factual claims.",
+				"Extract the smallest set of concepts, risks, and examples needed for a clear narrative.",
+			],
+			sections: [
+				"Title slide with the subject and one-line takeaway",
+				"Problem or context slide",
+				"System or concept diagram slide",
+				"Key evidence slide",
+				"Risks, tradeoffs, or unknowns slide",
+				"Recommended next steps slide",
+			],
+		};
+	}
+
+	switch (mode) {
+		case "plan":
+			return {
+				goal: "Create a visual implementation plan that is detailed enough to guide coding without pretending uncertain facts are verified.",
+				evidenceSteps: [
+					"Read the relevant exports, immediate callers, tests, docs, and shared utilities.",
+					"Identify the likely file changes, existing conventions, edge cases, and test requirements.",
+					"Mark any assumption that cannot be verified from the repository.",
+				],
+				sections: [
+					"Feature summary and scope boundaries",
+					"Before/after workflow comparison",
+					"Architecture or state-flow diagram",
+					"Files to change with precise responsibilities",
+					"API, command, or data-shape changes",
+					"Edge cases and failure behavior",
+					"Test plan with success and failure paths",
+					"Open questions and assumptions",
+				],
+			};
+		case "diff":
+			return {
+				goal: "Review the current changes visually so risk, intent, and affected areas are easy to scan.",
+				evidenceSteps: [
+					"Inspect git status plus staged and unstaged diffs.",
+					"Read changed files where needed to understand behavior, not just line changes.",
+					"Separate confirmed findings from questions or residual risk.",
+				],
+				sections: [
+					"Change map by file and subsystem",
+					"Intent summary inferred from the diff",
+					"Risk heatmap",
+					"Behavior changes and compatibility notes",
+					"Test coverage matrix",
+					"Actionable findings and open questions",
+				],
+			};
+		case "recap":
+			return {
+				goal: "Create a context-switching snapshot that helps someone regain the project mental model quickly.",
+				evidenceSteps: [
+					"Read the current project docs, recent git status, relevant plans, and high-signal source files.",
+					"Identify active work, stable architecture, uncertain areas, and likely next actions.",
+					"Prefer concrete file references and verified facts over broad summaries.",
+				],
+				sections: [
+					"Current project state",
+					"Architecture map",
+					"Active work and changed files",
+					"Important decisions and constraints",
+					"Risks or unresolved questions",
+					"Recommended next actions",
+				],
+			};
+		case "table":
+			return {
+				goal: "Turn dense structured information into an accessible visual table that is easier to compare than terminal output.",
+				evidenceSteps: [
+					"Identify the row and column meanings before choosing table structure.",
+					"Verify each cell from source material, command output, or code when possible.",
+					"Use status labels and short notes so the table remains scannable.",
+				],
+				sections: [
+					"Short summary of what is being compared",
+					"Primary responsive table with sticky header",
+					"Legend for statuses or scoring",
+					"Notable patterns, outliers, and caveats",
+					"Source references",
+				],
+			};
+		case "diagram":
+			return {
+				goal: "Explain the subject visually with a diagram plus enough context to make the diagram trustworthy.",
+				evidenceSteps: [
+					"Read relevant files, docs, or command output before drawing relationships.",
+					"Choose the right diagram type: flowchart, sequence, state, ER/schema, C4-style, timeline, or dashboard.",
+					"Keep complex diagrams readable by splitting overview and details.",
+				],
+				sections: [
+					"One-line takeaway",
+					"Primary diagram with readable labels",
+					"Component or step details",
+					"Data/control flow notes",
+					"Assumptions, limitations, and source references",
+				],
+			};
+		default:
+			throw new Error(`Unknown visual brief mode: ${mode as string}`);
+	}
+}
+
+export function formatPageRules(rules: readonly string[] = VISUAL_BRIEF_PAGE_RULES): string {
+	return rules.map((rule) => `   - ${rule}`).join("\n");
+}

package/src/resources/extensions/visual-brief/prompts.ts

@@ -0,0 +1,183 @@
+// GSD-2 + Visual Brief prompt construction
+
+import {
+	createVisualBriefArtifactPolicy,
+	formatArtifactPolicy,
+} from "./artifact-policy.js";
+import {
+	formatPageRules,
+	getVisualBriefModeProfile,
+} from "./page-contract.js";
+import { renderHtmlShellTemplate } from "../shared/html-shell.js";
+
+export type VisualBriefMode = "diagram" | "plan" | "diff" | "recap" | "table" | "slides";
+
+export interface VisualBriefRequest {
+	mode: VisualBriefMode;
+	subject: string;
+	slides: boolean;
+	rawArgs: string;
+}
+
+export interface VisualBriefModeInfo {
+	mode: VisualBriefMode;
+	aliases: readonly string[];
+	description: string;
+	defaultSubject?: string;
+}
+
+export const VISUAL_BRIEF_MODES: readonly VisualBriefModeInfo[] = [
+	{
+		mode: "diagram",
+		aliases: ["diagram", "flow", "architecture", "arch", "web-diagram"],
+		description: "Generate a visual system, architecture, flow, state, or data diagram",
+	},
+	{
+		mode: "plan",
+		aliases: ["plan", "visual-plan", "implementation-plan"],
+		description: "Generate a visual implementation plan with risks, files, edge cases, and tests",
+	},
+	{
+		mode: "diff",
+		aliases: ["diff", "review", "diff-review", "changes"],
+		description: "Generate a visual review of staged and unstaged changes",
+		defaultSubject: "the current staged and unstaged repository changes",
+	},
+	{
+		mode: "recap",
+		aliases: ["recap", "project-recap", "summary"],
+		description: "Generate a visual project recap for context switching",
+		defaultSubject: "the current project",
+	},
+	{
+		mode: "table",
+		aliases: ["table", "comparison", "matrix", "audit"],
+		description: "Render a dense comparison, audit, or status report as a readable HTML table",
+	},
+	{
+		mode: "slides",
+		aliases: ["slides", "deck", "slide-deck"],
+		description: "Generate a visual slide deck",
+	},
+];
+
+export const VISUAL_BRIEF_USAGE =
+	"Usage: /gsd brief <diagram|plan|diff|recap|table|slides> [topic] [--slides]";
+
+const VISUAL_BRIEF_KIND: Record<VisualBriefMode, string> = {
+	diff: "Diff Brief",
+	recap: "Project Recap",
+	plan: "Implementation Plan",
+	diagram: "Diagram",
+	table: "Comparison",
+	slides: "Slide Deck",
+};
+
+export function parseVisualBriefArgs(args: string): VisualBriefRequest | null {
+	const rawArgs = args.trim();
+	if (!rawArgs) return null;
+
+	const tokens = rawArgs.split(/\s+/).filter(Boolean);
+	const slidesFlag = tokens.includes("--slides");
+	const contentTokens = tokens.filter((token) => token !== "--slides");
+	if (contentTokens.length === 0) return null;
+
+	const firstToken = normalizeToken(contentTokens[0] ?? "");
+	const modeInfo = findMode(firstToken);
+	const mode = modeInfo?.mode ?? "diagram";
+	const subjectTokens = modeInfo ? contentTokens.slice(1) : contentTokens;
+	const subject = subjectTokens.join(" ").trim() || modeInfo?.defaultSubject;
+
+	if (!subject) return null;
+
+	return {
+		mode,
+		subject,
+		slides: slidesFlag || mode === "slides",
+		rawArgs,
+	};
+}
+
+export interface VisualBriefPromptOptions {
+	outputDir: string;
+	/** GSD version rendered in the shell header/footer. Falls back to "0.0.0" when not provided. */
+	version?: string;
+}
+
+export function buildVisualBriefPrompt(
+	request: VisualBriefRequest,
+	options: VisualBriefPromptOptions,
+): string {
+	const profile = getVisualBriefModeProfile(request.mode, request.slides);
+	const artifactPolicy = createVisualBriefArtifactPolicy(options.outputDir);
+	const outputFormat = request.slides ? "slide deck" : "scrollable explanation page";
+	const version = options.version?.trim() || undefined;
+	const shell = renderHtmlShellTemplate({
+		title: request.subject,
+		documentTitle: `GSD ${VISUAL_BRIEF_KIND[request.mode]} - ${request.subject}`,
+		subtitle: "Visual brief",
+		kind: VISUAL_BRIEF_KIND[request.mode],
+		version,
+		mainPlaceholder: "{{MAIN_HTML}}",
+		footerNote: request.subject,
+	});
+
+	return `Create a visual brief as a single HTML file.
+
+## Request
+
+- Mode: ${request.mode}
+- Subject: ${request.subject}
+- Output format: ${outputFormat}
+- Output directory: ${options.outputDir}
+
+## Goal
+
+${profile.goal}
+
+## Required workflow
+
+1. Gather evidence before writing the page.
+${profile.evidenceSteps.map((step) => `   - ${step}`).join("\n")}
+2. Build the visual structure from the evidence.
+${formatPageRules()}
+3. Write the HTML file.
+${formatArtifactPolicy(artifactPolicy).split("\n").map((line) => `   ${line}`).join("\n")}
+
+## Required HTML shell
+
+Use this scaffold verbatim. Replace {{MAIN_HTML}} with the authored <main> contents and {{GENERATED_AT}} with the current ISO timestamp. Do not add new <style> blocks or replace the header, footer, CSS, or script. The <h1> is the subject only; the kind chip is the only visual carrier of artifact type.
+
+\`\`\`html
+${shell}
+\`\`\`
+
+Author only section-level content for {{MAIN_HTML}}. Use the shell utility classes where they fit: .kv-grid, .tbl, .card-row, .card, .callout-info, .callout-warn, .callout-ok, .dot-active, .dot-complete, .dot-pending.
+
+## Page sections
+
+${profile.sections.map((section) => `- ${section}`).join("\n")}
+
+## Final response
+
+Keep the chat response short: state the output file path, whether the browser opened, and any uncertainty discovered during evidence gathering.`;
+}
+
+export function getVisualBriefCompletions(prefix: string): Array<{ value: string; label: string; description: string }> {
+	const firstPart = prefix.trim().split(/\s+/)[0] ?? "";
+	return VISUAL_BRIEF_MODES
+		.filter((mode) => mode.mode.startsWith(firstPart) || mode.aliases.some((alias) => alias.startsWith(firstPart)))
+		.map((mode) => ({
+			value: mode.mode,
+			label: mode.mode,
+			description: mode.description,
+		}));
+}
+
+function findMode(token: string): VisualBriefModeInfo | undefined {
+	return VISUAL_BRIEF_MODES.find((mode) => mode.aliases.includes(token));
+}
+
+function normalizeToken(token: string): string {
+	return token.trim().toLowerCase();
+}

package/src/resources/extensions/visual-brief/tests/visual-brief.test.ts

@@ -0,0 +1,212 @@
+// GSD-2 + Visual Brief command tests
+
+import test from "node:test";
+import assert from "node:assert/strict";
+import { join } from "node:path";
+import { fileURLToPath } from "node:url";
+import { readManifest } from "@gsd/pi-coding-agent";
+import {
+	createVisualBriefArtifactPolicy,
+	formatArtifactPolicy,
+	getVisualBriefOutputDir,
+} from "../artifact-policy.ts";
+import {
+	getVisualBriefModeProfile,
+	VISUAL_BRIEF_PAGE_RULES,
+} from "../page-contract.ts";
+import {
+	buildVisualBriefPrompt,
+	getVisualBriefCompletions,
+	parseVisualBriefArgs,
+	VISUAL_BRIEF_MODES,
+	VISUAL_BRIEF_USAGE,
+} from "../prompts.ts";
+
+test("keeps Visual Brief command surface under /gsd brief", () => {
+	const manifest = readManifest(fileURLToPath(new URL("..", import.meta.url)));
+
+	assert.equal(manifest?.id, "visual-brief");
+	assert.equal(manifest?.provides?.commands, undefined);
+	assert.match(VISUAL_BRIEF_USAGE, /^Usage: \/gsd brief/);
+});
+
+test("parses explicit modes and slide output", () => {
+	const request = parseVisualBriefArgs("plan --slides browser tools verification flow");
+
+	assert.deepEqual(request, {
+		mode: "plan",
+		subject: "browser tools verification flow",
+		slides: true,
+		rawArgs: "plan --slides browser tools verification flow",
+	});
+});
+
+test("defaults freeform input to diagram mode", () => {
+	const request = parseVisualBriefArgs("authentication sequence");
+
+	assert.equal(request?.mode, "diagram");
+	assert.equal(request?.subject, "authentication sequence");
+	assert.equal(request?.slides, false);
+});
+
+test("parses supported aliases without registering command aliases", () => {
+	const review = parseVisualBriefArgs("review release branch changes");
+	const deck = parseVisualBriefArgs("deck launch recap");
+
+	assert.equal(review?.mode, "diff");
+	assert.equal(review?.subject, "release branch changes");
+	assert.equal(deck?.mode, "slides");
+	assert.equal(deck?.slides, true);
+});
+
+test("rejects flag-only input as usage", () => {
+	assert.equal(parseVisualBriefArgs("--slides"), null);
+});
+
+test("uses current changes as the diff subject when none is provided", () => {
+	const request = parseVisualBriefArgs("diff");
+
+	assert.equal(request?.mode, "diff");
+	assert.equal(request?.subject, "the current staged and unstaged repository changes");
+});
+
+test("builds a provider-neutral prompt with output instructions", () => {
+	const request = parseVisualBriefArgs("table release readiness matrix");
+	assert.ok(request, "request should parse");
+
+	const prompt = buildVisualBriefPrompt(request, { outputDir: "/tmp/gsd-diagrams" });
+
+	assert.match(prompt, /Mode: table/);
+	assert.match(prompt, /Subject: release readiness matrix/);
+	assert.match(prompt, /Output directory: \/tmp\/gsd-diagrams/);
+	assert.match(prompt, /Do not include provider-specific claims/);
+	assert.match(prompt, /Use semantic HTML tables/);
+	assert.match(prompt, /Use a descriptive kebab-case filename/);
+	assert.match(prompt, /one self-contained responsive HTML file/);
+	assert.match(prompt, /macOS: open/);
+	assert.match(prompt, /absolute file path/);
+	assert.ok(prompt.indexOf("Gather evidence before writing the page") < prompt.indexOf("Write the HTML file"));
+});
+
+test("generated prompts require the shared GSD HTML shell", () => {
+	const request = parseVisualBriefArgs("diff");
+	assert.ok(request, "diff request should parse");
+
+	const prompt = buildVisualBriefPrompt(request, { outputDir: "/tmp/visual-brief" });
+
+	assert.match(prompt, /## Required HTML shell/);
+	assert.match(prompt, /<span class="logo">GSD<\/span>/);
+	assert.match(prompt, /<span class="kind-chip">Diff Brief<\/span>/);
+	assert.match(prompt, /{{MAIN_HTML}}/);
+	assert.match(prompt, /{{GENERATED_AT}}/);
+	assert.match(prompt, /Do not add new <style> blocks/);
+});
+
+test("returns first-argument completions for visual brief modes", () => {
+	const completions = getVisualBriefCompletions("di");
+
+	assert.ok(
+		completions.some((completion) => completion.value === "diagram"),
+		"diagram should be suggested for a matching prefix",
+	);
+
+	const allCompletions = getVisualBriefCompletions("");
+	for (const mode of VISUAL_BRIEF_MODES) {
+		assert.ok(
+			allCompletions.some((completion) => completion.value === mode.mode),
+			`${mode.mode} should be suggested without a prefix`,
+		);
+	}
+});
+
+test("generated prompts include page contract rules and sections for every mode", () => {
+	for (const mode of VISUAL_BRIEF_MODES) {
+		const request = parseVisualBriefArgs(`${mode.mode} scoped subject`);
+		assert.ok(request, `${mode.mode} request should parse`);
+
+		const prompt = buildVisualBriefPrompt(request, { outputDir: "/tmp/visual-brief" });
+		const profile = getVisualBriefModeProfile(request.mode, request.slides);
+
+		for (const rule of VISUAL_BRIEF_PAGE_RULES) {
+			assert.match(prompt, new RegExp(escapeRegExp(rule)), `${mode.mode} prompt should include page rule: ${rule}`);
+		}
+		for (const step of profile.evidenceSteps) {
+			assert.match(prompt, new RegExp(escapeRegExp(step)), `${mode.mode} prompt should include evidence step: ${step}`);
+		}
+		for (const section of profile.sections) {
+			assert.match(prompt, new RegExp(escapeRegExp(section)), `${mode.mode} prompt should include section: ${section}`);
+		}
+		assert.doesNotMatch(prompt, /\/gsd visualize/);
+	}
+});
+
+test("diff prompt requires change evidence and review sections", () => {
+	const request = parseVisualBriefArgs("diff");
+	assert.ok(request, "diff request should parse");
+	const prompt = buildVisualBriefPrompt(request, { outputDir: "/tmp/visual-brief" });
+	const profile = getVisualBriefModeProfile("diff", false);
+
+	assert.ok(VISUAL_BRIEF_PAGE_RULES.includes("Include accessible headings, readable contrast, responsive tables, and no horizontal body overflow."));
+	assert.ok(
+		profile.sections.includes("Test coverage matrix"),
+		"diff review should include test coverage matrix section",
+	);
+	assert.ok(
+		profile.evidenceSteps.includes("Inspect git status plus staged and unstaged diffs."),
+		"diff review should require inspecting repository changes before claims",
+	);
+	assert.match(prompt, /Inspect git status plus staged and unstaged diffs/);
+	assert.match(prompt, /Change map by file and subsystem/);
+	assert.match(prompt, /Risk heatmap/);
+	assert.match(prompt, /Behavior changes and compatibility notes/);
+	assert.match(prompt, /Test coverage matrix/);
+	assert.match(prompt, /Actionable findings and open questions/);
+	assert.match(prompt, /Separate confirmed findings from questions or residual risk/);
+});
+
+test("artifact policy formats output directory and opener guidance", () => {
+	const policy = createVisualBriefArtifactPolicy("/tmp/visual-brief");
+	const text = formatArtifactPolicy(policy);
+
+	assert.match(text, /\/tmp\/visual-brief/);
+	assert.match(text, /kebab-case filename/);
+	assert.match(text, /self-contained responsive HTML file/);
+	assert.match(text, /macOS: open/);
+	assert.match(text, /Linux: xdg-open/);
+	assert.match(text, /Windows: cmd \/c start/);
+	assert.match(text, /absolute file path/);
+});
+
+test("artifact output directory is under the configured GSD agent directory", () => {
+	assert.equal(getVisualBriefOutputDir("/tmp/gsd-agent-test"), join("/tmp/gsd-agent-test", "diagrams"));
+});
+
+test("prompt embeds the GSD version in the shell when provided", () => {
+	const request = parseVisualBriefArgs("diff release branch changes");
+	assert.ok(request, "request should parse");
+
+	const prompt = buildVisualBriefPrompt(request, { outputDir: "/tmp/visual-brief", version: "9.9.9" });
+	assert.match(prompt, /v9\.9\.9/);
+});
+
+test("prompt omits the version chip when version is missing or blank", () => {
+	const request = parseVisualBriefArgs("diff release branch changes");
+	assert.ok(request, "request should parse");
+
+	const blank = buildVisualBriefPrompt(request, { outputDir: "/tmp/visual-brief", version: "   " });
+	assert.doesNotMatch(blank, /class="version"/);
+
+	const missing = buildVisualBriefPrompt(request, { outputDir: "/tmp/visual-brief" });
+	assert.doesNotMatch(missing, /class="version"/);
+});
+
+test("getVisualBriefModeProfile throws on an unknown mode", () => {
+	assert.throws(
+		() => getVisualBriefModeProfile("not-a-real-mode" as unknown as Parameters<typeof getVisualBriefModeProfile>[0], false),
+		/Unknown visual brief mode: not-a-real-mode/,
+	);
+});
+
+function escapeRegExp(value: string): string {
+	return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}

package/src/resources/skills/forensics/SKILL.md

@@ -11,7 +11,7 @@ Turn scattered GSD runtime artifacts into one coherent cause chain. The delivera
 GSD persists a lot of runtime evidence under `.gsd/`:
 
 - `activity/{seq}-{unitType}-{unitId}.jsonl` — full tool-call and message stream per unit
-- `journal/YYYY-MM-DD.jsonl` — iteration-level events (dispatch-match, stuck-detected, guard-block, unit-start/end, terminal)
+- `journal/YYYY-MM-DD.jsonl` — iteration-level events. Orchestrator path emits `orchestrator-*` events (`orchestrator-dispatch-match`, `orchestrator-guard-block`, `orchestrator-terminal`, etc.); legacy loop events (`dispatch-match`, `stuck-detected`, `guard-block`, `unit-start/end`, `terminal`) can still appear on non-orchestrator paths.
 - `metrics.json` — token/cost ledger; duplicate `type/id` entries indicate a stuck loop
 - `auto.lock` — JSON snapshot of the currently-owning PID; stale lock = crash mid-unit
 - `forensics/` — saved prior reports

package/dist/web/standalone/.next/server/chunks/5822.js

@@ -1,2 +0,0 @@
-exports.id=5822,exports.ids=[5822],exports.modules={8696:(a,b,c)=>{"use strict";c.d(b,{D:()=>j,N:()=>k});var d=c(67484),e=(a,b,c,d,e,f,g,h)=>{let i=document.documentElement,j=["light","dark"];function k(b){var c;(Array.isArray(a)?a:[a]).forEach(a=>{let c="class"===a,d=c&&f?e.map(a=>f[a]||a):e;c?(i.classList.remove(...d),i.classList.add(f&&f[b]?f[b]:b)):i.setAttribute(a,b)}),c=b,h&&j.includes(c)&&(i.style.colorScheme=c)}if(d)k(d);else try{let a=localStorage.getItem(b)||c,d=g&&"system"===a?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":a;k(d)}catch(a){}},f=["light","dark"],g="(prefers-color-scheme: dark)",h=d.createContext(void 0),i={setTheme:a=>{},themes:[]},j=()=>{var a;return null!=(a=d.useContext(h))?a:i},k=a=>d.useContext(h)?d.createElement(d.Fragment,null,a.children):d.createElement(m,{...a}),l=["light","dark"],m=({forcedTheme:a,disableTransitionOnChange:b=!1,enableSystem:c=!0,enableColorScheme:e=!0,storageKey:i="theme",themes:j=l,defaultTheme:k=c?"system":"light",attribute:m="data-theme",value:r,children:s,nonce:t,scriptProps:u})=>{let[v,w]=d.useState(()=>o(i,k)),[x,y]=d.useState(()=>"system"===v?q():v),z=r?Object.values(r):j,A=d.useCallback(a=>{let d=a;if(!d)return;"system"===a&&c&&(d=q());let g=r?r[d]:d,h=b?p(t):null,i=document.documentElement,j=a=>{"class"===a?(i.classList.remove(...z),g&&i.classList.add(g)):a.startsWith("data-")&&(g?i.setAttribute(a,g):i.removeAttribute(a))};if(Array.isArray(m)?m.forEach(j):j(m),e){let a=f.includes(k)?k:null,b=f.includes(d)?d:a;i.style.colorScheme=b}null==h||h()},[t]),B=d.useCallback(a=>{let b="function"==typeof a?a(v):a;w(b);try{localStorage.setItem(i,b)}catch(a){}},[v]),C=d.useCallback(b=>{y(q(b)),"system"===v&&c&&!a&&A("system")},[v,a]);d.useEffect(()=>{let a=window.matchMedia(g);return a.addListener(C),C(a),()=>a.removeListener(C)},[C]),d.useEffect(()=>{let a=a=>{a.key===i&&(a.newValue?w(a.newValue):B(k))};return window.addEventListener("storage",a),()=>window.removeEventListener("storage",a)},[B]),d.useEffect(()=>{A(null!=a?a:v)},[a,v]);let D=d.useMemo(()=>({theme:v,setTheme:B,forcedTheme:a,resolvedTheme:"system"===v?x:v,themes:c?[...j,"system"]:j,systemTheme:c?x:void 0}),[v,B,a,x,c,j]);return d.createElement(h.Provider,{value:D},d.createElement(n,{forcedTheme:a,storageKey:i,attribute:m,enableSystem:c,enableColorScheme:e,defaultTheme:k,value:r,themes:j,nonce:t,scriptProps:u}),s)},n=d.memo(({forcedTheme:a,storageKey:b,attribute:c,enableSystem:f,enableColorScheme:g,defaultTheme:h,value:i,themes:j,nonce:k,scriptProps:l})=>{let m=JSON.stringify([c,b,h,a,j,i,f,g]).slice(1,-1);return d.createElement("script",{...l,suppressHydrationWarning:!0,nonce:k,dangerouslySetInnerHTML:{__html:`(${e.toString()})(${m})`}})}),o=(a,b)=>{},p=a=>{let b=document.createElement("style");return a&&b.setAttribute("nonce",a),b.appendChild(document.createTextNode("*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")),document.head.appendChild(b),()=>{window.getComputedStyle(document.body),setTimeout(()=>{document.head.removeChild(b)},1)}},q=a=>(a||(a=window.matchMedia(g)),a.matches?"dark":"light")},55091:(a,b,c)=>{"use strict";Object.defineProperty(b,"__esModule",{value:!0}),Object.defineProperty(b,"default",{enumerable:!0,get:function(){return f}});let d=c(5735),e=c(22675);function f(){return(0,d.jsx)(e.HTTPAccessErrorFallback,{status:404,message:"This page could not be found."})}("function"==typeof b.default||"object"==typeof b.default&&null!==b.default)&&void 0===b.default.__esModule&&(Object.defineProperty(b.default,"__esModule",{value:!0}),Object.assign(b.default,b),a.exports=b.default)},65163:a=>{a.exports={style:{fontFamily:"'Geist Mono', 'Geist Mono Fallback'",fontStyle:"normal"},className:"__className_9a8899",variable:"__variable_9a8899"}},90707:(a,b,c)=>{"use strict";c.d(b,{l$:()=>s});var d=c(67484),e=c(74429),f=Array(12).fill(0),g=({visible:a,className:b})=>d.createElement("div",{className:["sonner-loading-wrapper",b].filter(Boolean).join(" "),"data-visible":a},d.createElement("div",{className:"sonner-spinner"},f.map((a,b)=>d.createElement("div",{className:"sonner-loading-bar",key:`spinner-bar-${b}`})))),h=d.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},d.createElement("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z",clipRule:"evenodd"})),i=d.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",height:"20",width:"20"},d.createElement("path",{fillRule:"evenodd",d:"M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z",clipRule:"evenodd"})),j=d.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},d.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z",clipRule:"evenodd"})),k=d.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},d.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z",clipRule:"evenodd"})),l=d.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"},d.createElement("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),d.createElement("line",{x1:"6",y1:"6",x2:"18",y2:"18"})),m=1,n=new class{constructor(){this.subscribe=a=>(this.subscribers.push(a),()=>{let b=this.subscribers.indexOf(a);this.subscribers.splice(b,1)}),this.publish=a=>{this.subscribers.forEach(b=>b(a))},this.addToast=a=>{this.publish(a),this.toasts=[...this.toasts,a]},this.create=a=>{var b;let{message:c,...d}=a,e="number"==typeof(null==a?void 0:a.id)||(null==(b=a.id)?void 0:b.length)>0?a.id:m++,f=this.toasts.find(a=>a.id===e),g=void 0===a.dismissible||a.dismissible;return this.dismissedToasts.has(e)&&this.dismissedToasts.delete(e),f?this.toasts=this.toasts.map(b=>b.id===e?(this.publish({...b,...a,id:e,title:c}),{...b,...a,id:e,dismissible:g,title:c}):b):this.addToast({title:c,...d,dismissible:g,id:e}),e},this.dismiss=a=>(this.dismissedToasts.add(a),a||this.toasts.forEach(a=>{this.subscribers.forEach(b=>b({id:a.id,dismiss:!0}))}),this.subscribers.forEach(b=>b({id:a,dismiss:!0})),a),this.message=(a,b)=>this.create({...b,message:a}),this.error=(a,b)=>this.create({...b,message:a,type:"error"}),this.success=(a,b)=>this.create({...b,type:"success",message:a}),this.info=(a,b)=>this.create({...b,type:"info",message:a}),this.warning=(a,b)=>this.create({...b,type:"warning",message:a}),this.loading=(a,b)=>this.create({...b,type:"loading",message:a}),this.promise=(a,b)=>{let c;if(!b)return;void 0!==b.loading&&(c=this.create({...b,promise:a,type:"loading",message:b.loading,description:"function"!=typeof b.description?b.description:void 0}));let e=a instanceof Promise?a:a(),f=void 0!==c,g,h=e.then(async a=>{if(g=["resolve",a],d.isValidElement(a))f=!1,this.create({id:c,type:"default",message:a});else if(o(a)&&!a.ok){f=!1;let d="function"==typeof b.error?await b.error(`HTTP error! status: ${a.status}`):b.error,e="function"==typeof b.description?await b.description(`HTTP error! status: ${a.status}`):b.description;this.create({id:c,type:"error",message:d,description:e})}else if(void 0!==b.success){f=!1;let d="function"==typeof b.success?await b.success(a):b.success,e="function"==typeof b.description?await b.description(a):b.description;this.create({id:c,type:"success",message:d,description:e})}}).catch(async a=>{if(g=["reject",a],void 0!==b.error){f=!1;let d="function"==typeof b.error?await b.error(a):b.error,e="function"==typeof b.description?await b.description(a):b.description;this.create({id:c,type:"error",message:d,description:e})}}).finally(()=>{var a;f&&(this.dismiss(c),c=void 0),null==(a=b.finally)||a.call(b)}),i=()=>new Promise((a,b)=>h.then(()=>"reject"===g[0]?b(g[1]):a(g[1])).catch(b));return"string"!=typeof c&&"number"!=typeof c?{unwrap:i}:Object.assign(c,{unwrap:i})},this.custom=(a,b)=>{let c=(null==b?void 0:b.id)||m++;return this.create({jsx:a(c),id:c,...b}),c},this.getActiveToasts=()=>this.toasts.filter(a=>!this.dismissedToasts.has(a.id)),this.subscribers=[],this.toasts=[],this.dismissedToasts=new Set}},o=a=>a&&"object"==typeof a&&"ok"in a&&"boolean"==typeof a.ok&&"status"in a&&"number"==typeof a.status;function p(a){return void 0!==a.label}function q(...a){return a.filter(Boolean).join(" ")}Object.assign((a,b)=>{let c=(null==b?void 0:b.id)||m++;return n.addToast({title:a,...b,id:c}),c},{success:n.success,info:n.info,warning:n.warning,error:n.error,custom:n.custom,message:n.message,promise:n.promise,dismiss:n.dismiss,loading:n.loading},{getHistory:()=>n.toasts,getToasts:()=>n.getActiveToasts()}),!function(a,{insertAt:b}={}){if(!a||"u"<typeof document)return;let c=document.head||document.getElementsByTagName("head")[0],d=document.createElement("style");d.type="text/css","top"===b&&c.firstChild?c.insertBefore(d,c.firstChild):c.appendChild(d),d.styleSheet?d.styleSheet.cssText=a:d.appendChild(document.createTextNode(a))}(`:where(html[dir="ltr"]),:where([data-sonner-toaster][dir="ltr"]){--toast-icon-margin-start: -3px;--toast-icon-margin-end: 4px;--toast-svg-margin-start: -1px;--toast-svg-margin-end: 0px;--toast-button-margin-start: auto;--toast-button-margin-end: 0;--toast-close-button-start: 0;--toast-close-button-end: unset;--toast-close-button-transform: translate(-35%, -35%)}:where(html[dir="rtl"]),:where([data-sonner-toaster][dir="rtl"]){--toast-icon-margin-start: 4px;--toast-icon-margin-end: -3px;--toast-svg-margin-start: 0px;--toast-svg-margin-end: -1px;--toast-button-margin-start: 0;--toast-button-margin-end: auto;--toast-close-button-start: unset;--toast-close-button-end: 0;--toast-close-button-transform: translate(35%, -35%)}:where([data-sonner-toaster]){position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1: hsl(0, 0%, 99%);--gray2: hsl(0, 0%, 97.3%);--gray3: hsl(0, 0%, 95.1%);--gray4: hsl(0, 0%, 93%);--gray5: hsl(0, 0%, 90.9%);--gray6: hsl(0, 0%, 88.7%);--gray7: hsl(0, 0%, 85.8%);--gray8: hsl(0, 0%, 78%);--gray9: hsl(0, 0%, 56.1%);--gray10: hsl(0, 0%, 52.3%);--gray11: hsl(0, 0%, 43.5%);--gray12: hsl(0, 0%, 9%);--border-radius: 8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999;transition:transform .4s ease}:where([data-sonner-toaster][data-lifted="true"]){transform:translateY(-10px)}@media (hover: none) and (pointer: coarse){:where([data-sonner-toaster][data-lifted="true"]){transform:none}}:where([data-sonner-toaster][data-x-position="right"]){right:var(--offset-right)}:where([data-sonner-toaster][data-x-position="left"]){left:var(--offset-left)}:where([data-sonner-toaster][data-x-position="center"]){left:50%;transform:translate(-50%)}:where([data-sonner-toaster][data-y-position="top"]){top:var(--offset-top)}:where([data-sonner-toaster][data-y-position="bottom"]){bottom:var(--offset-bottom)}:where([data-sonner-toast]){--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);filter:blur(0);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}:where([data-sonner-toast][data-styled="true"]){padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}:where([data-sonner-toast]:focus-visible){box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast][data-y-position="top"]){top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}:where([data-sonner-toast][data-y-position="bottom"]){bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}:where([data-sonner-toast]) :where([data-description]){font-weight:400;line-height:1.4;color:inherit}:where([data-sonner-toast]) :where([data-title]){font-weight:500;line-height:1.5;color:inherit}:where([data-sonner-toast]) :where([data-icon]){display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}:where([data-sonner-toast][data-promise="true"]) :where([data-icon])>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}:where([data-sonner-toast]) :where([data-icon])>*{flex-shrink:0}:where([data-sonner-toast]) :where([data-icon]) svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}:where([data-sonner-toast]) :where([data-content]){display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}:where([data-sonner-toast]) :where([data-button]):focus-visible{box-shadow:0 0 0 2px #0006}:where([data-sonner-toast]) :where([data-button]):first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}:where([data-sonner-toast]) :where([data-cancel]){color:var(--normal-text);background:rgba(0,0,0,.08)}:where([data-sonner-toast][data-theme="dark"]) :where([data-cancel]){background:rgba(255,255,255,.3)}:where([data-sonner-toast]) :where([data-close-button]){position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast] [data-close-button]{background:var(--gray1)}:where([data-sonner-toast]) :where([data-close-button]):focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast]) :where([data-disabled="true"]){cursor:not-allowed}:where([data-sonner-toast]):hover :where([data-close-button]):hover{background:var(--gray2);border-color:var(--gray5)}:where([data-sonner-toast][data-swiping="true"]):before{content:"";position:absolute;left:-50%;right:-50%;height:100%;z-index:-1}:where([data-sonner-toast][data-y-position="top"][data-swiping="true"]):before{bottom:50%;transform:scaleY(3) translateY(50%)}:where([data-sonner-toast][data-y-position="bottom"][data-swiping="true"]):before{top:50%;transform:scaleY(3) translateY(-50%)}:where([data-sonner-toast][data-swiping="false"][data-removed="true"]):before{content:"";position:absolute;inset:0;transform:scaleY(2)}:where([data-sonner-toast]):after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}:where([data-sonner-toast][data-mounted="true"]){--y: translateY(0);opacity:1}:where([data-sonner-toast][data-expanded="false"][data-front="false"]){--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}:where([data-sonner-toast])>*{transition:opacity .4s}:where([data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"])>*{opacity:0}:where([data-sonner-toast][data-visible="false"]){opacity:0;pointer-events:none}:where([data-sonner-toast][data-mounted="true"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}:where([data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"]){--y: translateY(calc(var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"]){--y: translateY(40%);opacity:0;transition:transform .5s,opacity .2s}:where([data-sonner-toast][data-removed="true"][data-front="false"]):before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y, 0px)) translate(var(--swipe-amount-x, 0px));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width: 600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-theme=light]{--normal-bg: #fff;--normal-border: var(--gray4);--normal-text: var(--gray12);--success-bg: hsl(143, 85%, 96%);--success-border: hsl(145, 92%, 91%);--success-text: hsl(140, 100%, 27%);--info-bg: hsl(208, 100%, 97%);--info-border: hsl(221, 91%, 91%);--info-text: hsl(210, 92%, 45%);--warning-bg: hsl(49, 100%, 97%);--warning-border: hsl(49, 91%, 91%);--warning-text: hsl(31, 92%, 45%);--error-bg: hsl(359, 100%, 97%);--error-border: hsl(359, 100%, 94%);--error-text: hsl(360, 100%, 45%)}[data-sonner-toaster][data-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg: #fff;--normal-border: var(--gray3);--normal-text: var(--gray12)}[data-sonner-toaster][data-theme=dark]{--normal-bg: #000;--normal-bg-hover: hsl(0, 0%, 12%);--normal-border: hsl(0, 0%, 20%);--normal-border-hover: hsl(0, 0%, 25%);--normal-text: var(--gray1);--success-bg: hsl(150, 100%, 6%);--success-border: hsl(147, 100%, 12%);--success-text: hsl(150, 86%, 65%);--info-bg: hsl(215, 100%, 6%);--info-border: hsl(223, 100%, 12%);--info-text: hsl(216, 87%, 65%);--warning-bg: hsl(64, 100%, 6%);--warning-border: hsl(60, 100%, 12%);--warning-text: hsl(46, 87%, 65%);--error-bg: hsl(358, 76%, 10%);--error-border: hsl(357, 89%, 16%);--error-text: hsl(358, 100%, 81%)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size: 16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:nth-child(1){animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}
-`);var r=a=>{var b,c,e,f,m,n,o,r,s,t,u,v,w,x;let{invert:y,toast:z,unstyled:A,interacting:B,setHeights:C,visibleToasts:D,heights:E,index:F,toasts:G,expanded:H,removeToast:I,defaultRichColors:J,closeButton:K,style:L,cancelButtonStyle:M,actionButtonStyle:N,className:O="",descriptionClassName:P="",duration:Q,position:R,gap:S,loadingIcon:T,expandByDefault:U,classNames:V,icons:W,closeButtonAriaLabel:X="Close toast",pauseWhenPageIsHidden:Y}=a,[Z,$]=d.useState(null),[_,aa]=d.useState(null),[ab,ac]=d.useState(!1),[ad,ae]=d.useState(!1),[af,ag]=d.useState(!1),[ah,ai]=d.useState(!1),[aj,ak]=d.useState(!1),[al,am]=d.useState(0),[an,ao]=d.useState(0),ap=d.useRef(z.duration||Q||4e3),aq=d.useRef(null),ar=d.useRef(null),as=0===F,at=F+1<=D,au=z.type,av=!1!==z.dismissible,aw=z.className||"",ax=z.descriptionClassName||"",ay=d.useMemo(()=>E.findIndex(a=>a.toastId===z.id)||0,[E,z.id]),az=d.useMemo(()=>{var a;return null!=(a=z.closeButton)?a:K},[z.closeButton,K]),aA=d.useMemo(()=>z.duration||Q||4e3,[z.duration,Q]),aB=d.useRef(0),aC=d.useRef(0),aD=d.useRef(0),aE=d.useRef(null),[aF,aG]=R.split("-"),aH=d.useMemo(()=>E.reduce((a,b,c)=>c>=ay?a:a+b.height,0),[E,ay]),aI=(()=>{let[a,b]=d.useState(document.hidden);return d.useEffect(()=>{let a=()=>{b(document.hidden)};return document.addEventListener("visibilitychange",a),()=>window.removeEventListener("visibilitychange",a)},[]),a})(),aJ=z.invert||y,aK="loading"===au;aC.current=d.useMemo(()=>ay*S+aH,[ay,aH]),d.useEffect(()=>{ap.current=aA},[aA]),d.useEffect(()=>{ac(!0)},[]),d.useEffect(()=>{let a=ar.current;if(a){let b=a.getBoundingClientRect().height;return ao(b),C(a=>[{toastId:z.id,height:b,position:z.position},...a]),()=>C(a=>a.filter(a=>a.toastId!==z.id))}},[C,z.id]),d.useLayoutEffect(()=>{if(!ab)return;let a=ar.current,b=a.style.height;a.style.height="auto";let c=a.getBoundingClientRect().height;a.style.height=b,ao(c),C(a=>a.find(a=>a.toastId===z.id)?a.map(a=>a.toastId===z.id?{...a,height:c}:a):[{toastId:z.id,height:c,position:z.position},...a])},[ab,z.title,z.description,C,z.id]);let aL=d.useCallback(()=>{ae(!0),am(aC.current),C(a=>a.filter(a=>a.toastId!==z.id)),setTimeout(()=>{I(z)},200)},[z,I,C,aC]);return d.useEffect(()=>{let a;if((!z.promise||"loading"!==au)&&z.duration!==1/0&&"loading"!==z.type)return H||B||Y&&aI?(()=>{if(aD.current<aB.current){let a=new Date().getTime()-aB.current;ap.current=ap.current-a}aD.current=new Date().getTime()})():ap.current!==1/0&&(aB.current=new Date().getTime(),a=setTimeout(()=>{var a;null==(a=z.onAutoClose)||a.call(z,z),aL()},ap.current)),()=>clearTimeout(a)},[H,B,z,au,Y,aI,aL]),d.useEffect(()=>{z.delete&&aL()},[aL,z.delete]),d.createElement("li",{tabIndex:0,ref:ar,className:q(O,aw,null==V?void 0:V.toast,null==(b=null==z?void 0:z.classNames)?void 0:b.toast,null==V?void 0:V.default,null==V?void 0:V[au],null==(c=null==z?void 0:z.classNames)?void 0:c[au]),"data-sonner-toast":"","data-rich-colors":null!=(e=z.richColors)?e:J,"data-styled":!(z.jsx||z.unstyled||A),"data-mounted":ab,"data-promise":!!z.promise,"data-swiped":aj,"data-removed":ad,"data-visible":at,"data-y-position":aF,"data-x-position":aG,"data-index":F,"data-front":as,"data-swiping":af,"data-dismissible":av,"data-type":au,"data-invert":aJ,"data-swipe-out":ah,"data-swipe-direction":_,"data-expanded":!!(H||U&&ab),style:{"--index":F,"--toasts-before":F,"--z-index":G.length-F,"--offset":`${ad?al:aC.current}px`,"--initial-height":U?"auto":`${an}px`,...L,...z.style},onDragEnd:()=>{ag(!1),$(null),aE.current=null},onPointerDown:a=>{aK||!av||(aq.current=new Date,am(aC.current),a.target.setPointerCapture(a.pointerId),"BUTTON"!==a.target.tagName&&(ag(!0),aE.current={x:a.clientX,y:a.clientY}))},onPointerUp:()=>{var a,b,c,d;if(ah||!av)return;aE.current=null;let e=Number((null==(a=ar.current)?void 0:a.style.getPropertyValue("--swipe-amount-x").replace("px",""))||0),f=Number((null==(b=ar.current)?void 0:b.style.getPropertyValue("--swipe-amount-y").replace("px",""))||0),g=new Date().getTime()-(null==(c=aq.current)?void 0:c.getTime()),h="x"===Z?e:f,i=Math.abs(h)/g;if(Math.abs(h)>=20||i>.11){am(aC.current),null==(d=z.onDismiss)||d.call(z,z),aa("x"===Z?e>0?"right":"left":f>0?"down":"up"),aL(),ai(!0),ak(!1);return}ag(!1),$(null)},onPointerMove:b=>{var c,d,e,f;if(!aE.current||!av||(null==(c=window.getSelection())?void 0:c.toString().length)>0)return;let g=b.clientY-aE.current.y,h=b.clientX-aE.current.x,i=null!=(d=a.swipeDirections)?d:function(a){let[b,c]=a.split("-"),d=[];return b&&d.push(b),c&&d.push(c),d}(R);!Z&&(Math.abs(h)>1||Math.abs(g)>1)&&$(Math.abs(h)>Math.abs(g)?"x":"y");let j={x:0,y:0};"y"===Z?(i.includes("top")||i.includes("bottom"))&&(i.includes("top")&&g<0||i.includes("bottom")&&g>0)&&(j.y=g):"x"===Z&&(i.includes("left")||i.includes("right"))&&(i.includes("left")&&h<0||i.includes("right")&&h>0)&&(j.x=h),(Math.abs(j.x)>0||Math.abs(j.y)>0)&&ak(!0),null==(e=ar.current)||e.style.setProperty("--swipe-amount-x",`${j.x}px`),null==(f=ar.current)||f.style.setProperty("--swipe-amount-y",`${j.y}px`)}},az&&!z.jsx?d.createElement("button",{"aria-label":X,"data-disabled":aK,"data-close-button":!0,onClick:aK||!av?()=>{}:()=>{var a;aL(),null==(a=z.onDismiss)||a.call(z,z)},className:q(null==V?void 0:V.closeButton,null==(f=null==z?void 0:z.classNames)?void 0:f.closeButton)},null!=(m=null==W?void 0:W.close)?m:l):null,z.jsx||(0,d.isValidElement)(z.title)?z.jsx?z.jsx:"function"==typeof z.title?z.title():z.title:d.createElement(d.Fragment,null,au||z.icon||z.promise?d.createElement("div",{"data-icon":"",className:q(null==V?void 0:V.icon,null==(n=null==z?void 0:z.classNames)?void 0:n.icon)},z.promise||"loading"===z.type&&!z.icon?z.icon||(null!=W&&W.loading?d.createElement("div",{className:q(null==V?void 0:V.loader,null==(v=null==z?void 0:z.classNames)?void 0:v.loader,"sonner-loader"),"data-visible":"loading"===au},W.loading):T?d.createElement("div",{className:q(null==V?void 0:V.loader,null==(w=null==z?void 0:z.classNames)?void 0:w.loader,"sonner-loader"),"data-visible":"loading"===au},T):d.createElement(g,{className:q(null==V?void 0:V.loader,null==(x=null==z?void 0:z.classNames)?void 0:x.loader),visible:"loading"===au})):null,"loading"!==z.type?z.icon||(null==W?void 0:W[au])||(a=>{switch(a){case"success":return h;case"info":return j;case"warning":return i;case"error":return k;default:return null}})(au):null):null,d.createElement("div",{"data-content":"",className:q(null==V?void 0:V.content,null==(o=null==z?void 0:z.classNames)?void 0:o.content)},d.createElement("div",{"data-title":"",className:q(null==V?void 0:V.title,null==(r=null==z?void 0:z.classNames)?void 0:r.title)},"function"==typeof z.title?z.title():z.title),z.description?d.createElement("div",{"data-description":"",className:q(P,ax,null==V?void 0:V.description,null==(s=null==z?void 0:z.classNames)?void 0:s.description)},"function"==typeof z.description?z.description():z.description):null),(0,d.isValidElement)(z.cancel)?z.cancel:z.cancel&&p(z.cancel)?d.createElement("button",{"data-button":!0,"data-cancel":!0,style:z.cancelButtonStyle||M,onClick:a=>{var b,c;p(z.cancel)&&av&&(null==(c=(b=z.cancel).onClick)||c.call(b,a),aL())},className:q(null==V?void 0:V.cancelButton,null==(t=null==z?void 0:z.classNames)?void 0:t.cancelButton)},z.cancel.label):null,(0,d.isValidElement)(z.action)?z.action:z.action&&p(z.action)?d.createElement("button",{"data-button":!0,"data-action":!0,style:z.actionButtonStyle||N,onClick:a=>{var b,c;p(z.action)&&(null==(c=(b=z.action).onClick)||c.call(b,a),a.defaultPrevented||aL())},className:q(null==V?void 0:V.actionButton,null==(u=null==z?void 0:z.classNames)?void 0:u.actionButton)},z.action.label):null))},s=(0,d.forwardRef)(function(a,b){let{invert:c,position:f="bottom-right",hotkey:g=["altKey","KeyT"],expand:h,closeButton:i,className:j,offset:k,mobileOffset:l,theme:m="light",richColors:o,duration:p,style:q,visibleToasts:s=3,toastOptions:t,dir:u="ltr",gap:v=14,loadingIcon:w,icons:x,containerAriaLabel:y="Notifications",pauseWhenPageIsHidden:z}=a,[A,B]=d.useState([]),C=d.useMemo(()=>Array.from(new Set([f].concat(A.filter(a=>a.position).map(a=>a.position)))),[A,f]),[D,E]=d.useState([]),[F,G]=d.useState(!1),[H,I]=d.useState(!1),[J,K]=d.useState("system"!==m?m:"light"),L=d.useRef(null),M=g.join("+").replace(/Key/g,"").replace(/Digit/g,""),N=d.useRef(null),O=d.useRef(!1),P=d.useCallback(a=>{B(b=>{var c;return null!=(c=b.find(b=>b.id===a.id))&&c.delete||n.dismiss(a.id),b.filter(({id:b})=>b!==a.id)})},[]);return d.useEffect(()=>n.subscribe(a=>{a.dismiss?B(b=>b.map(b=>b.id===a.id?{...b,delete:!0}:b)):setTimeout(()=>{e.flushSync(()=>{B(b=>{let c=b.findIndex(b=>b.id===a.id);return -1!==c?[...b.slice(0,c),{...b[c],...a},...b.slice(c+1)]:[a,...b]})})})}),[]),d.useEffect(()=>{"system"!==m?K(m):"system"===m&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?K("dark"):K("light"))},[m]),d.useEffect(()=>{A.length<=1&&G(!1)},[A]),d.useEffect(()=>{let a=a=>{var b,c;g.every(b=>a[b]||a.code===b)&&(G(!0),null==(b=L.current)||b.focus()),"Escape"===a.code&&(document.activeElement===L.current||null!=(c=L.current)&&c.contains(document.activeElement))&&G(!1)};return document.addEventListener("keydown",a),()=>document.removeEventListener("keydown",a)},[g]),d.useEffect(()=>{if(L.current)return()=>{N.current&&(N.current.focus({preventScroll:!0}),N.current=null,O.current=!1)}},[L.current]),d.createElement("section",{ref:b,"aria-label":`${y} ${M}`,tabIndex:-1,"aria-live":"polite","aria-relevant":"additions text","aria-atomic":"false",suppressHydrationWarning:!0},C.map((b,e)=>{var f;let g,[m,n]=b.split("-");return A.length?d.createElement("ol",{key:b,dir:"auto"===u?"ltr":u,tabIndex:-1,ref:L,className:j,"data-sonner-toaster":!0,"data-theme":J,"data-y-position":m,"data-lifted":F&&A.length>1&&!h,"data-x-position":n,style:{"--front-toast-height":`${(null==(f=D[0])?void 0:f.height)||0}px`,"--width":"356px","--gap":`${v}px`,...q,...(g={},[k,l].forEach((a,b)=>{let c=1===b,d=c?"--mobile-offset":"--offset",e=c?"16px":"32px";function f(a){["top","right","bottom","left"].forEach(b=>{g[`${d}-${b}`]="number"==typeof a?`${a}px`:a})}"number"==typeof a||"string"==typeof a?f(a):"object"==typeof a?["top","right","bottom","left"].forEach(b=>{void 0===a[b]?g[`${d}-${b}`]=e:g[`${d}-${b}`]="number"==typeof a[b]?`${a[b]}px`:a[b]}):f(e)}),g)},onBlur:a=>{O.current&&!a.currentTarget.contains(a.relatedTarget)&&(O.current=!1,N.current&&(N.current.focus({preventScroll:!0}),N.current=null))},onFocus:a=>{a.target instanceof HTMLElement&&"false"===a.target.dataset.dismissible||O.current||(O.current=!0,N.current=a.relatedTarget)},onMouseEnter:()=>G(!0),onMouseMove:()=>G(!0),onMouseLeave:()=>{H||G(!1)},onDragEnd:()=>G(!1),onPointerDown:a=>{a.target instanceof HTMLElement&&"false"===a.target.dataset.dismissible||I(!0)},onPointerUp:()=>I(!1)},A.filter(a=>!a.position&&0===e||a.position===b).map((e,f)=>{var g,j;return d.createElement(r,{key:e.id,icons:x,index:f,toast:e,defaultRichColors:o,duration:null!=(g=null==t?void 0:t.duration)?g:p,className:null==t?void 0:t.className,descriptionClassName:null==t?void 0:t.descriptionClassName,invert:c,visibleToasts:s,closeButton:null!=(j=null==t?void 0:t.closeButton)?j:i,interacting:H,position:b,style:null==t?void 0:t.style,unstyled:null==t?void 0:t.unstyled,classNames:null==t?void 0:t.classNames,cancelButtonStyle:null==t?void 0:t.cancelButtonStyle,actionButtonStyle:null==t?void 0:t.actionButtonStyle,removeToast:P,toasts:A.filter(a=>a.position==e.position),heights:D.filter(a=>a.position==e.position),setHeights:E,expandByDefault:h,gap:v,loadingIcon:w,expanded:F,pauseWhenPageIsHidden:z,swipeDirections:a.swipeDirections})})):null}))})},94487:a=>{a.exports={style:{fontFamily:"'Geist', 'Geist Fallback'",fontStyle:"normal"},className:"__className_188709",variable:"__variable_188709"}}};