@adea-ai/ui 0.60.4 → 0.61.1

package/dist/components/composites/update-dialog/update-dialog.js

@@ -0,0 +1,452 @@
+import { cn } from "../../../lib/utils.js";
+import { Badge } from "../../ui/badge/badge.js";
+import { Button } from "../../ui/button/button.js";
+import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "../../ui/dialog/dialog.js";
+import { Progress } from "../../ui/progress/progress.js";
+import { formatBytes, formatReleaseDate, plainTextFromMarkdown } from "../../../lib/version-notes.js";
+import { createComponent, insert, memo, template } from "solid-js/web";
+import { Check, Download, ExternalLink, LoaderCircle, RefreshCw, Sparkles } from "lucide-solid";
+import { Show, createEffect, createMemo, createSignal, onMount, splitProps } from "solid-js";
+//#region src/components/composites/update-dialog/update-dialog.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div class="flex items-center gap-3"><span class="flex size-10 items-center justify-center rounded-xl bg-primary text-primary-foreground"></span><div>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<section class="rounded-xl border border-primary/35 bg-primary-subtle p-4"aria-label="Available update"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex flex-col gap-1"><p class="flex items-center gap-2 text-sm font-semibold">Version <!> is ready</p><p class="text-sm text-muted-foreground">The signed installer is verified before <!> restarts.`);
+var _tmpl$3 = /*#__PURE__*/ template(`<section class="grid gap-2"aria-label="Update progress"><p class="text-xs text-muted-foreground"role=status>`);
+var _tmpl$4 = /*#__PURE__*/ template(`<p class="flex items-center gap-2 text-sm text-success"role=status> is up to date.`);
+var _tmpl$5 = /*#__PURE__*/ template(`<p class="flex items-center gap-2 text-sm text-success"role=status>`);
+var _tmpl$6 = /*#__PURE__*/ template(`<p class="rounded-lg border border-destructive/35 bg-destructive-subtle px-3 py-2 text-sm text-destructive"role=alert>`);
+var _tmpl$7 = /*#__PURE__*/ template(`<section class="flex flex-col gap-2"aria-labelledby=update-release-notes><div class="flex items-center gap-2"><h2 id=update-release-notes class="text-sm font-semibold">What changed in this release</h2></div><div class="max-h-52 overflow-y-auto rounded-xl border border-border bg-background/45 p-4 font-mono text-xs leading-5 whitespace-pre-wrap text-muted-foreground"role=region aria-labelledby=update-release-notes tabindex=0>`);
+var _tmpl$8 = /*#__PURE__*/ template(`<section class="flex flex-col gap-2"aria-labelledby=update-changelog><h2 id=update-changelog class="text-sm font-semibold">Installed changelog</h2><p class="text-xs text-muted-foreground">A plain-text history of the installed release channel.</p><div class="max-h-72 overflow-y-auto rounded-xl border border-border bg-background/45 p-4 font-mono text-xs leading-5 whitespace-pre-wrap text-muted-foreground"role=region aria-labelledby=update-changelog tabindex=0>`);
+var _tmpl$9 = /*#__PURE__*/ template(`<div class="flex min-h-0 flex-col gap-5 overflow-y-auto p-6"><section class="rounded-xl border border-border bg-background/45 p-4"aria-label="Version status"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex flex-col gap-1"><p class="text-2xs font-semibold tracking-widest text-muted-foreground uppercase">Installed version</p><p class="text-xl font-semibold tracking-tight">v</p><p class="text-sm text-muted-foreground">`);
+var _tmpl$0 = /*#__PURE__*/ template(`<p class="text-xs text-muted-foreground">Released `);
+function errorMessage(caught, fallback) {
+	if (caught instanceof Error && caught.message) return caught.message;
+	if (typeof caught === "string" && caught) return caught;
+	return fallback;
+}
+/**
+* The phases during which the updater is working. `downloading` and `installing`
+* are included because the shell can be in either while the dialog is open, and
+* offering an enabled Install button during a download is how a double-install
+* happens.
+*/
+function isBusy(state) {
+	return state?.phase === "checking" || state?.phase === "downloading" || state?.phase === "installing";
+}
+function UpdateDialog(props) {
+	const [local] = splitProps(props, [
+		"adapter",
+		"appName",
+		"fallbackVersion",
+		"desktopOnlyMessage",
+		"open",
+		"defaultOpen",
+		"onOpenChange",
+		"class"
+	]);
+	const [uncontrolledOpen, setUncontrolledOpen] = createSignal(local.defaultOpen ?? false);
+	const open = () => local.open ?? uncontrolledOpen();
+	const setOpen = (next) => {
+		if (local.open === void 0) setUncontrolledOpen(next);
+		local.onOpenChange?.(next);
+	};
+	const appName = () => local.appName ?? "the application";
+	const desktop = () => local.adapter.isDesktopRuntime();
+	const [state, setState] = createSignal(null);
+	const [busy, setBusy] = createSignal(false);
+	const [error, setError] = createSignal("");
+	const loadStatus = async () => {
+		if (!desktop()) return;
+		try {
+			setState(await local.adapter.getStatus());
+		} catch (caught) {
+			setError(errorMessage(caught, "Version status is unavailable"));
+		}
+	};
+	onMount(() => {
+		if (desktop()) loadStatus();
+	});
+	const check = async () => {
+		if (!desktop()) {
+			setError(local.desktopOnlyMessage ?? `Update checks are available from the desktop app.`);
+			return;
+		}
+		setBusy(true);
+		setError("");
+		try {
+			setState(await local.adapter.check());
+		} catch (caught) {
+			setError(errorMessage(caught, "Could not check for updates"));
+			await loadStatus();
+		} finally {
+			setBusy(false);
+		}
+	};
+	/**
+	* Status first, then the check — and an `active` flag, because the dialog can
+	* close while the check is in flight and a late `setState` would write into a
+	* disposed scope.
+	*/
+	createEffect(() => {
+		if (!open() || !desktop()) return;
+		let active = true;
+		setError("");
+		setBusy(true);
+		(async () => {
+			try {
+				const current = await local.adapter.getStatus();
+				if (!active) return;
+				setState(current);
+				const checked = await local.adapter.check();
+				if (active) setState(checked);
+			} catch (caught) {
+				if (active) setError(errorMessage(caught, "Could not check for updates"));
+			} finally {
+				if (active) setBusy(false);
+			}
+		})();
+		return () => {
+			active = false;
+		};
+	});
+	const install = async () => {
+		const version = state()?.availableVersion;
+		if (!version) return;
+		setBusy(true);
+		setError("");
+		try {
+			const next = await local.adapter.install(version);
+			setState(next);
+			if (next.phase === "failed") setError(errorMessage(next.error, "Update installation failed"));
+		} catch (caught) {
+			setError(errorMessage(caught, "Update installation failed"));
+			await loadStatus();
+		} finally {
+			setBusy(false);
+		}
+	};
+	const changelog = createMemo(() => plainTextFromMarkdown(state()?.changelog ?? ""));
+	const notes = () => {
+		const value = state()?.releaseNotes;
+		return value ? plainTextFromMarkdown(value) : "";
+	};
+	const working = () => busy() || isBusy(state());
+	const triggerLabel = () => {
+		const current = state();
+		const fallback = `v${local.fallbackVersion ?? "0.1.0"}`;
+		if (!current) return `${appName()} ${fallback}`;
+		switch (current.phase) {
+			case "checking": return "Checking for updates…";
+			case "available": return current.availableVersion ? `Update v${current.availableVersion} available` : "Update available";
+			case "downloading":
+			case "installing": return "Installing update…";
+			case "failed": return `Version ${current.currentVersion || fallback} · Retry`;
+			default: return `${appName()} v${current.currentVersion || fallback}`;
+		}
+	};
+	const progressValue = () => {
+		const current = state();
+		if (!current?.totalBytes || !current.downloadedBytes) return null;
+		return Math.min(100, Math.round(current.downloadedBytes / current.totalBytes * 100));
+	};
+	return createComponent(Dialog, {
+		get open() {
+			return open();
+		},
+		onOpenChange: setOpen,
+		get children() {
+			return [createComponent(Show, {
+				get when() {
+					return local.open === void 0;
+				},
+				get children() {
+					return createComponent(DialogTrigger, {
+						as: Button,
+						variant: "ghost",
+						size: "sm",
+						"aria-label": "Open version and updates",
+						"aria-haspopup": "dialog",
+						get children() {
+							return [createComponent(Show, {
+								get when() {
+									return state()?.phase === "available";
+								},
+								get fallback() {
+									return createComponent(RefreshCw, { "aria-hidden": "true" });
+								},
+								get children() {
+									return createComponent(Sparkles, { "aria-hidden": "true" });
+								}
+							}), memo(() => triggerLabel())];
+						}
+					});
+				}
+			}), createComponent(DialogContent, {
+				get ["class"]() {
+					return cn("max-w-3xl", local.class);
+				},
+				get children() {
+					return [
+						createComponent(DialogHeader, { get children() {
+							var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+							insert(_el$2, createComponent(Sparkles, {
+								"class": "size-5",
+								"aria-hidden": "true"
+							}));
+							insert(_el$3, createComponent(DialogTitle, { children: "Version & updates" }), null);
+							insert(_el$3, createComponent(DialogDescription, { get children() {
+								return [
+									"Keep ",
+									memo(() => appName()),
+									" current and review what changed in each release."
+								];
+							} }), null);
+							return _el$;
+						} }),
+						(() => {
+							var _el$4 = _tmpl$9(), _el$6 = _el$4.firstChild.firstChild, _el$9 = _el$6.firstChild.firstChild.nextSibling;
+							_el$9.firstChild;
+							var _el$1 = _el$9.nextSibling;
+							insert(_el$9, () => state()?.currentVersion || local.fallbackVersion || "0.1.0", null);
+							insert(_el$1, createComponent(Show, {
+								get when() {
+									return state()?.phase === "current";
+								},
+								get fallback() {
+									return createComponent(Show, {
+										get when() {
+											return memo(() => state()?.phase === "available")() && state()?.availableVersion;
+										},
+										get fallback() {
+											return memo(() => !!desktop())() ? "Check the release channel for the latest signed build." : local.desktopOnlyMessage ?? `Open this dialog inside the desktop app to check for updates.`;
+										},
+										get children() {
+											return `A newer release, v${state()?.availableVersion}, is ready.`;
+										}
+									});
+								},
+								children: "You are running the latest release."
+							}));
+							insert(_el$6, createComponent(Button, {
+								type: "button",
+								variant: "outline",
+								size: "sm",
+								get disabled() {
+									return !desktop() || working();
+								},
+								onClick: () => void check(),
+								get children() {
+									return [createComponent(Show, {
+										get when() {
+											return working();
+										},
+										get fallback() {
+											return createComponent(RefreshCw, { "aria-hidden": "true" });
+										},
+										get children() {
+											return createComponent(LoaderCircle, {
+												"class": "animate-spin",
+												"aria-hidden": "true"
+											});
+										}
+									}), "Check latest version"];
+								}
+							}), null);
+							insert(_el$4, createComponent(Show, {
+								get when() {
+									return memo(() => state()?.phase === "available")() && state()?.availableVersion;
+								},
+								get children() {
+									var _el$10 = _tmpl$2(), _el$11 = _el$10.firstChild, _el$12 = _el$11.firstChild, _el$13 = _el$12.firstChild, _el$14 = _el$13.firstChild, _el$16 = _el$14.nextSibling;
+									_el$16.nextSibling;
+									var _el$17 = _el$13.nextSibling, _el$20 = _el$17.firstChild.nextSibling;
+									_el$20.nextSibling;
+									insert(_el$13, createComponent(Sparkles, {
+										"class": "size-4 text-primary",
+										"aria-hidden": "true"
+									}), _el$14);
+									insert(_el$13, () => state()?.availableVersion, _el$16);
+									insert(_el$17, appName, _el$20);
+									insert(_el$12, createComponent(Show, {
+										get when() {
+											return formatReleaseDate(state()?.releaseDate ?? null);
+										},
+										children: (released) => (() => {
+											var _el$35 = _tmpl$0();
+											_el$35.firstChild;
+											insert(_el$35, released, null);
+											return _el$35;
+										})()
+									}), null);
+									insert(_el$11, createComponent(Button, {
+										type: "button",
+										size: "sm",
+										get disabled() {
+											return working();
+										},
+										onClick: () => void install(),
+										get children() {
+											return [createComponent(Show, {
+												get when() {
+													return working();
+												},
+												get fallback() {
+													return createComponent(Download, { "aria-hidden": "true" });
+												},
+												get children() {
+													return createComponent(LoaderCircle, {
+														"class": "animate-spin",
+														"aria-hidden": "true"
+													});
+												}
+											}), "Install and restart"];
+										}
+									}), null);
+									return _el$10;
+								}
+							}), null);
+							insert(_el$4, createComponent(Show, {
+								get when() {
+									return state()?.phase === "downloading" || state()?.phase === "installing";
+								},
+								get children() {
+									var _el$21 = _tmpl$3(), _el$22 = _el$21.firstChild;
+									insert(_el$21, createComponent(Progress, {
+										get value() {
+											return progressValue() ?? void 0;
+										},
+										get ["aria-label"]() {
+											return state()?.phase === "installing" ? "Installing update" : "Downloading update";
+										}
+									}), _el$22);
+									insert(_el$22, createComponent(Show, {
+										get when() {
+											return state()?.phase === "installing";
+										},
+										get fallback() {
+											return createComponent(Show, {
+												get when() {
+													return progressValue() !== null;
+												},
+												fallback: "Downloading…",
+												get children() {
+													return `${formatBytes(state()?.downloadedBytes ?? 0)} of ${formatBytes(state()?.totalBytes ?? 0)} · ${progressValue()}%`;
+												}
+											});
+										},
+										children: "Applying the update…"
+									}));
+									return _el$21;
+								}
+							}), null);
+							insert(_el$4, createComponent(Show, {
+								get when() {
+									return state()?.phase === "current";
+								},
+								get children() {
+									var _el$23 = _tmpl$4(), _el$24 = _el$23.firstChild;
+									insert(_el$23, createComponent(Check, {
+										"class": "size-4",
+										"aria-hidden": "true"
+									}), _el$24);
+									insert(_el$23, appName, _el$24);
+									return _el$23;
+								}
+							}), null);
+							insert(_el$4, createComponent(Show, {
+								get when() {
+									return state()?.phase === "installed";
+								},
+								get children() {
+									var _el$25 = _tmpl$5();
+									insert(_el$25, createComponent(Check, {
+										"class": "size-4",
+										"aria-hidden": "true"
+									}), null);
+									insert(_el$25, createComponent(Show, {
+										get when() {
+											return state()?.restartRequired;
+										},
+										fallback: "The update is applied.",
+										get children() {
+											return [
+												"Restart ",
+												memo(() => appName()),
+												" to finish the update."
+											];
+										}
+									}), null);
+									return _el$25;
+								}
+							}), null);
+							insert(_el$4, createComponent(Show, {
+								get when() {
+									return error();
+								},
+								get children() {
+									var _el$26 = _tmpl$6();
+									insert(_el$26, error);
+									return _el$26;
+								}
+							}), null);
+							insert(_el$4, createComponent(Show, {
+								get when() {
+									return notes();
+								},
+								get children() {
+									var _el$27 = _tmpl$7(), _el$28 = _el$27.firstChild;
+									_el$28.firstChild;
+									var _el$30 = _el$28.nextSibling;
+									insert(_el$28, createComponent(Badge, {
+										variant: "subtle",
+										size: "sm",
+										get children() {
+											return ["v", memo(() => state()?.availableVersion)];
+										}
+									}), null);
+									insert(_el$30, notes);
+									return _el$27;
+								}
+							}), null);
+							insert(_el$4, createComponent(Show, {
+								get when() {
+									return changelog();
+								},
+								get children() {
+									var _el$31 = _tmpl$8(), _el$34 = _el$31.firstChild.nextSibling.nextSibling;
+									insert(_el$34, changelog);
+									return _el$31;
+								}
+							}), null);
+							return _el$4;
+						})(),
+						createComponent(DialogFooter, { get children() {
+							return [createComponent(Show, {
+								get when() {
+									return state()?.releaseUrl;
+								},
+								children: (url) => createComponent(Button, {
+									type: "button",
+									variant: "ghost",
+									size: "sm",
+									onClick: () => window.open(url(), "_blank", "noopener,noreferrer"),
+									get children() {
+										return [createComponent(ExternalLink, { "aria-hidden": "true" }), "View releases"];
+									}
+								})
+							}), createComponent(DialogClose, {
+								as: Button,
+								variant: "outline",
+								size: "sm",
+								children: "Close"
+							})];
+						} })
+					];
+				}
+			})];
+		}
+	});
+}
+//#endregion
+export { UpdateDialog };
+
+//# sourceMappingURL=update-dialog.js.map

package/dist/components/composites/update-dialog/update-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"update-dialog.js","names":["createEffect","createMemo","createSignal","onMount","Show","splitProps","Check","Download","ExternalLink","LoaderCircle","RefreshCw","Sparkles","Badge","Button","Dialog","DialogClose","DialogContent","DialogDescription","DialogFooter","DialogHeader","DialogTitle","DialogTrigger","Progress","cn","formatBytes","formatReleaseDate","plainTextFromMarkdown","UpdatePhase","UpdateState","Readonly","phase","currentVersion","availableVersion","changelog","releaseNotes","releaseDate","downloadedBytes","totalBytes","error","releaseUrl","restartRequired","UpdateAdapter","getStatus","Promise","check","install","expectedVersion","isDesktopRuntime","UpdateDialogProps","adapter","appName","fallbackVersion","desktopOnlyMessage","open","defaultOpen","onOpenChange","class","errorMessage","caught","fallback","Error","message","isBusy","state","UpdateDialog","props","local","uncontrolledOpen","setUncontrolledOpen","setOpen","next","undefined","desktop","setState","busy","setBusy","setError","loadStatus","active","current","checked","version","notes","value","working","triggerLabel","progressValue","Math","min","round","_$createComponent","children","when","as","variant","size","_$memo","_el$","_tmpl$","_el$2","firstChild","_el$3","nextSibling","_$insert","_el$4","_tmpl$9","_el$5","_el$6","_el$7","_el$8","_el$9","_el$0","_el$1","type","disabled","onClick","_el$10","_tmpl$2","_el$11","_el$12","_el$13","_el$14","_el$16","_el$15","_el$17","_el$18","_el$20","_el$19","released","_el$35","_tmpl$0","_el$36","_el$21","_tmpl$3","_el$22","aria-label","_el$23","_tmpl$4","_el$24","_el$25","_tmpl$5","_el$26","_tmpl$6","_el$27","_tmpl$7","_el$28","_el$29","_el$30","_el$31","_tmpl$8","_el$32","_el$33","_el$34","url","window","_$createComponent","_$memo"],"sources":["../../../../src/components/composites/update-dialog/update-dialog.tsx"],"sourcesContent":["import { createEffect, createMemo, createSignal, onMount, Show, splitProps } from 'solid-js'\nimport { Check, Download, ExternalLink, LoaderCircle, RefreshCw, Sparkles } from 'lucide-solid'\nimport { Badge } from '../../ui/badge'\nimport { Button } from '../../ui/button'\nimport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from '../../ui/dialog'\nimport { Progress } from '../../ui/progress'\nimport { cn } from '#lib/utils'\nimport { formatBytes, formatReleaseDate, plainTextFromMarkdown } from '#lib/version-notes'\n\n/**\n * UpdateDialog.\n *\n * A software-update surface: the installed version, whether a newer release\n * exists, a download that shows its progress, and the release notes for what is\n * about to arrive.\n *\n * The transport is an adapter, because an update is the one thing a component\n * library genuinely cannot implement: it is signed, downloaded and applied by the\n * application's own updater, and the mechanism differs per shell. What *is*\n * general is the phase machine and the way each phase is presented — and that is\n * where the hard-won detail lives:\n *\n * **A refused install answers with a normal payload, not a rejection.** adea's\n * shell returns a status whose phase is `failed` when a download or an extract\n * fails, rather than throwing. Without handling that, clicking install looked like\n * nothing happened at all — the button spun, the phase never changed, and the\n * error sat unread in a field nobody rendered. The `failed` phase after an install\n * is therefore surfaced as an error, explicitly.\n *\n * **Busy is derived from the snapshot as well as from the click.** An update can\n * be downloading while the dialog is open — started before it opened, or by the\n * shell's own poll — so a local `busy` flag alone would offer an enabled Install\n * button mid-download.\n *\n * **Opening the dialog loads status first, then checks.** Status paints the\n * installed version immediately; the check is a network round trip. Doing them in\n * the other order leaves the dialog blank for as long as the check takes, on a\n * dialog whose first question is always \"what am I running?\".\n *\n * **Errors are not always `Error`s.** An adapter can reject with a string, and a\n * shell can answer with an error field. Both are read, and a fallback is shown\n * rather than an empty alert.\n *\n * The adapter's `isDesktopRuntime` gate exists because an update is a desktop\n * concern: a browser build has no installer, and the honest thing to show is that\n * updates are available in the desktop application rather than a disabled button\n * with no reason.\n */\n\n/** The phase an update is in. The union is the state machine. */\nexport type UpdatePhase =\n  | 'idle'\n  | 'checking'\n  | 'current'\n  | 'available'\n  | 'downloading'\n  | 'installing'\n  | 'installed'\n  | 'failed'\n\n/** A snapshot of the updater. Every field the dialog renders, and nothing else. */\nexport type UpdateState = Readonly<{\n  phase: UpdatePhase\n  /** The version currently installed. */\n  currentVersion: string\n  /** The version that can be installed, when one can. */\n  availableVersion?: string | null\n  /** A changelog for the installed channel, as markdown. */\n  changelog?: string\n  /** Notes for the available release, as markdown. */\n  releaseNotes?: string | null\n  /** The available release's date, as an ISO string. */\n  releaseDate?: string | null\n  /** Bytes downloaded so far, during `downloading`. */\n  downloadedBytes?: number\n  /** Total bytes, when the server sent a length. */\n  totalBytes?: number | null\n  /** Set when `phase` is `failed`, and sometimes when it is not. */\n  error?: string | null\n  /** A URL for the release's page. */\n  releaseUrl?: string | null\n  /** True when the application must restart to finish. */\n  restartRequired?: boolean\n}>\n\n/**\n * The updater, as the application exposes it. Three calls, each answering with a\n * full snapshot rather than a delta — an updater's state is small, and a snapshot\n * cannot drift from the shell's own view of it.\n */\nexport type UpdateAdapter = Readonly<{\n  /** The current state, without contacting the release channel. */\n  getStatus(): Promise<UpdateState>\n  /** Ask the release channel, and answer with what it found. */\n  check(): Promise<UpdateState>\n  /**\n   * Download and apply `expectedVersion`.\n   *\n   * The argument is the version the caller believes is available, so the updater\n   * can refuse a request that raced a newer release rather than installing the\n   * wrong one.\n   */\n  install(expectedVersion: string): Promise<UpdateState>\n  /** False in a browser build, where there is no installer to drive. */\n  isDesktopRuntime(): boolean\n}>\n\nexport type UpdateDialogProps = {\n  adapter: UpdateAdapter\n  /** The application's name, used in the title and the copy. */\n  appName?: string\n  /** Shown before the first status arrives, so the dialog is never blank. */\n  fallbackVersion?: string\n  /** Copy for the adapter's non-desktop case. */\n  desktopOnlyMessage?: string\n  /** A controlled open state. Omit for the trigger to manage its own. */\n  open?: boolean\n  /**\n   * Start open, uncontrolled — for a caller that opens the dialog because it found\n   * something (\"an update is available\") rather than because the user asked. The\n   * trigger is still rendered, so the dialog is reachable again after closing.\n   */\n  defaultOpen?: boolean\n  onOpenChange?: (open: boolean) => void\n  /** Render only the panel, for a caller that provides its own dialog. */\n  class?: string\n}\n\nfunction errorMessage(caught: unknown, fallback: string): string {\n  if (caught instanceof Error && caught.message) return caught.message\n  if (typeof caught === 'string' && caught) return caught\n  return fallback\n}\n\n/**\n * The phases during which the updater is working. `downloading` and `installing`\n * are included because the shell can be in either while the dialog is open, and\n * offering an enabled Install button during a download is how a double-install\n * happens.\n */\nfunction isBusy(state: UpdateState | null): boolean {\n  return (\n    state?.phase === 'checking' || state?.phase === 'downloading' || state?.phase === 'installing'\n  )\n}\n\nexport function UpdateDialog(props: UpdateDialogProps) {\n  const [local] = splitProps(props, [\n    'adapter',\n    'appName',\n    'fallbackVersion',\n    'desktopOnlyMessage',\n    'open',\n    'defaultOpen',\n    'onOpenChange',\n    'class',\n  ])\n\n  const [uncontrolledOpen, setUncontrolledOpen] = createSignal(local.defaultOpen ?? false)\n  const open = () => local.open ?? uncontrolledOpen()\n  const setOpen = (next: boolean) => {\n    if (local.open === undefined) setUncontrolledOpen(next)\n    local.onOpenChange?.(next)\n  }\n\n  const appName = () => local.appName ?? 'the application'\n  const desktop = () => local.adapter.isDesktopRuntime()\n  const [state, setState] = createSignal<UpdateState | null>(null)\n  const [busy, setBusy] = createSignal(false)\n  const [error, setError] = createSignal('')\n\n  const loadStatus = async () => {\n    if (!desktop()) return\n    try {\n      setState(await local.adapter.getStatus())\n    } catch (caught) {\n      setError(errorMessage(caught, 'Version status is unavailable'))\n    }\n  }\n\n  onMount(() => {\n    if (desktop()) void loadStatus()\n  })\n\n  const check = async () => {\n    if (!desktop()) {\n      setError(local.desktopOnlyMessage ?? `Update checks are available from the desktop app.`)\n      return\n    }\n    setBusy(true)\n    setError('')\n    try {\n      setState(await local.adapter.check())\n    } catch (caught) {\n      setError(errorMessage(caught, 'Could not check for updates'))\n      await loadStatus()\n    } finally {\n      setBusy(false)\n    }\n  }\n\n  /**\n   * Status first, then the check — and an `active` flag, because the dialog can\n   * close while the check is in flight and a late `setState` would write into a\n   * disposed scope.\n   */\n  createEffect(() => {\n    if (!open() || !desktop()) return\n    let active = true\n    setError('')\n    setBusy(true)\n    void (async () => {\n      try {\n        const current = await local.adapter.getStatus()\n        if (!active) return\n        setState(current)\n        const checked = await local.adapter.check()\n        if (active) setState(checked)\n      } catch (caught) {\n        if (active) setError(errorMessage(caught, 'Could not check for updates'))\n      } finally {\n        if (active) setBusy(false)\n      }\n    })()\n    return () => {\n      active = false\n    }\n  })\n\n  const install = async () => {\n    const version = state()?.availableVersion\n    if (!version) return\n    setBusy(true)\n    setError('')\n    try {\n      const next = await local.adapter.install(version)\n      setState(next)\n      // A refused install answers with a normal payload whose phase is `failed`.\n      // Without this the click looked like nothing happened.\n      if (next.phase === 'failed') {\n        setError(errorMessage(next.error, 'Update installation failed'))\n      }\n    } catch (caught) {\n      setError(errorMessage(caught, 'Update installation failed'))\n      await loadStatus()\n    } finally {\n      setBusy(false)\n    }\n  }\n\n  const changelog = createMemo(() => plainTextFromMarkdown(state()?.changelog ?? ''))\n  const notes = () => {\n    const value = state()?.releaseNotes\n    return value ? plainTextFromMarkdown(value) : ''\n  }\n  const working = () => busy() || isBusy(state())\n\n  const triggerLabel = () => {\n    const current = state()\n    const fallback = `v${local.fallbackVersion ?? '0.1.0'}`\n    if (!current) return `${appName()} ${fallback}`\n    switch (current.phase) {\n      case 'checking':\n        return 'Checking for updates…'\n      case 'available':\n        return current.availableVersion\n          ? `Update v${current.availableVersion} available`\n          : 'Update available'\n      case 'downloading':\n      case 'installing':\n        return 'Installing update…'\n      case 'failed':\n        return `Version ${current.currentVersion || fallback} · Retry`\n      default:\n        return `${appName()} v${current.currentVersion || fallback}`\n    }\n  }\n\n  const progressValue = () => {\n    const current = state()\n    if (!current?.totalBytes || !current.downloadedBytes) return null\n    return Math.min(100, Math.round((current.downloadedBytes / current.totalBytes) * 100))\n  }\n\n  return (\n    <Dialog open={open()} onOpenChange={setOpen}>\n      <Show when={local.open === undefined}>\n        <DialogTrigger\n          as={Button}\n          variant=\"ghost\"\n          size=\"sm\"\n          aria-label=\"Open version and updates\"\n          aria-haspopup=\"dialog\"\n        >\n          <Show when={state()?.phase === 'available'} fallback={<RefreshCw aria-hidden=\"true\" />}>\n            <Sparkles aria-hidden=\"true\" />\n          </Show>\n          {triggerLabel()}\n        </DialogTrigger>\n      </Show>\n\n      <DialogContent class={cn('max-w-3xl', local.class)}>\n        <DialogHeader>\n          <div class=\"flex items-center gap-3\">\n            <span class=\"flex size-10 items-center justify-center rounded-xl bg-primary text-primary-foreground\">\n              <Sparkles class=\"size-5\" aria-hidden=\"true\" />\n            </span>\n            <div>\n              <DialogTitle>Version &amp; updates</DialogTitle>\n              <DialogDescription>\n                Keep {appName()} current and review what changed in each release.\n              </DialogDescription>\n            </div>\n          </div>\n        </DialogHeader>\n\n        <div class=\"flex min-h-0 flex-col gap-5 overflow-y-auto p-6\">\n          <section\n            class=\"rounded-xl border border-border bg-background/45 p-4\"\n            aria-label=\"Version status\"\n          >\n            <div class=\"flex flex-wrap items-start justify-between gap-4\">\n              <div class=\"flex flex-col gap-1\">\n                <p class=\"text-2xs font-semibold tracking-widest text-muted-foreground uppercase\">\n                  Installed version\n                </p>\n                <p class=\"text-xl font-semibold tracking-tight\">\n                  v{state()?.currentVersion || local.fallbackVersion || '0.1.0'}\n                </p>\n                <p class=\"text-sm text-muted-foreground\">\n                  <Show\n                    when={state()?.phase === 'current'}\n                    fallback={\n                      <Show\n                        when={state()?.phase === 'available' && state()?.availableVersion}\n                        fallback={\n                          desktop()\n                            ? 'Check the release channel for the latest signed build.'\n                            : (local.desktopOnlyMessage ??\n                              `Open this dialog inside the desktop app to check for updates.`)\n                        }\n                      >\n                        {`A newer release, v${state()?.availableVersion}, is ready.`}\n                      </Show>\n                    }\n                  >\n                    You are running the latest release.\n                  </Show>\n                </p>\n              </div>\n              <Button\n                type=\"button\"\n                variant=\"outline\"\n                size=\"sm\"\n                disabled={!desktop() || working()}\n                onClick={() => void check()}\n              >\n                <Show when={working()} fallback={<RefreshCw aria-hidden=\"true\" />}>\n                  <LoaderCircle class=\"animate-spin\" aria-hidden=\"true\" />\n                </Show>\n                Check latest version\n              </Button>\n            </div>\n          </section>\n\n          <Show when={state()?.phase === 'available' && state()?.availableVersion}>\n            <section\n              class=\"rounded-xl border border-primary/35 bg-primary-subtle p-4\"\n              aria-label=\"Available update\"\n            >\n              <div class=\"flex flex-wrap items-start justify-between gap-4\">\n                <div class=\"flex flex-col gap-1\">\n                  <p class=\"flex items-center gap-2 text-sm font-semibold\">\n                    <Sparkles class=\"size-4 text-primary\" aria-hidden=\"true\" />\n                    Version {state()?.availableVersion} is ready\n                  </p>\n                  <p class=\"text-sm text-muted-foreground\">\n                    The signed installer is verified before {appName()} restarts.\n                  </p>\n                  <Show when={formatReleaseDate(state()?.releaseDate ?? null)}>\n                    {(released) => (\n                      <p class=\"text-xs text-muted-foreground\">Released {released()}</p>\n                    )}\n                  </Show>\n                </div>\n                <Button type=\"button\" size=\"sm\" disabled={working()} onClick={() => void install()}>\n                  <Show when={working()} fallback={<Download aria-hidden=\"true\" />}>\n                    <LoaderCircle class=\"animate-spin\" aria-hidden=\"true\" />\n                  </Show>\n                  Install and restart\n                </Button>\n              </div>\n            </section>\n          </Show>\n\n          {/*\n            Progress with both numbers: a bar alone does not distinguish a stalled\n            download from a slow one, and \"12.4 MB of 48.1 MB\" does.\n          */}\n          <Show when={state()?.phase === 'downloading' || state()?.phase === 'installing'}>\n            <section class=\"grid gap-2\" aria-label=\"Update progress\">\n              <Progress\n                value={progressValue() ?? undefined}\n                aria-label={\n                  state()?.phase === 'installing' ? 'Installing update' : 'Downloading update'\n                }\n              />\n              <p class=\"text-xs text-muted-foreground\" role=\"status\">\n                <Show\n                  when={state()?.phase === 'installing'}\n                  fallback={\n                    <Show when={progressValue() !== null} fallback=\"Downloading…\">\n                      {`${formatBytes(state()?.downloadedBytes ?? 0)} of ${formatBytes(\n                        state()?.totalBytes ?? 0\n                      )} · ${progressValue()}%`}\n                    </Show>\n                  }\n                >\n                  Applying the update…\n                </Show>\n              </p>\n            </section>\n          </Show>\n\n          <Show when={state()?.phase === 'current'}>\n            <p class=\"flex items-center gap-2 text-sm text-success\" role=\"status\">\n              <Check class=\"size-4\" aria-hidden=\"true\" />\n              {appName()} is up to date.\n            </p>\n          </Show>\n\n          <Show when={state()?.phase === 'installed'}>\n            <p class=\"flex items-center gap-2 text-sm text-success\" role=\"status\">\n              <Check class=\"size-4\" aria-hidden=\"true\" />\n              <Show when={state()?.restartRequired} fallback=\"The update is applied.\">\n                Restart {appName()} to finish the update.\n              </Show>\n            </p>\n          </Show>\n\n          <Show when={error()}>\n            <p\n              class=\"rounded-lg border border-destructive/35 bg-destructive-subtle px-3 py-2 text-sm text-destructive\"\n              role=\"alert\"\n            >\n              {error()}\n            </p>\n          </Show>\n\n          <Show when={notes()}>\n            <section class=\"flex flex-col gap-2\" aria-labelledby=\"update-release-notes\">\n              <div class=\"flex items-center gap-2\">\n                <h2 id=\"update-release-notes\" class=\"text-sm font-semibold\">\n                  What changed in this release\n                </h2>\n                <Badge variant=\"subtle\" size=\"sm\">\n                  v{state()?.availableVersion}\n                </Badge>\n              </div>\n              {/* A long text block with no focusable descendant: it needs its own tab\n                  stop, named by the heading above it, or a keyboard user cannot\n                  scroll it (`scrollable-region-focusable`). */}\n              <div\n                class=\"max-h-52 overflow-y-auto rounded-xl border border-border bg-background/45 p-4 font-mono text-xs leading-5 whitespace-pre-wrap text-muted-foreground\"\n                role=\"region\"\n                aria-labelledby=\"update-release-notes\"\n                tabindex=\"0\"\n              >\n                {notes()}\n              </div>\n            </section>\n          </Show>\n\n          <Show when={changelog()}>\n            <section class=\"flex flex-col gap-2\" aria-labelledby=\"update-changelog\">\n              <h2 id=\"update-changelog\" class=\"text-sm font-semibold\">\n                Installed changelog\n              </h2>\n              <p class=\"text-xs text-muted-foreground\">\n                A plain-text history of the installed release channel.\n              </p>\n              {/* A long text block with no focusable descendant: it needs its own tab\n                  stop, named by the heading above it, or a keyboard user cannot\n                  scroll it (`scrollable-region-focusable`). */}\n              <div\n                class=\"max-h-72 overflow-y-auto rounded-xl border border-border bg-background/45 p-4 font-mono text-xs leading-5 whitespace-pre-wrap text-muted-foreground\"\n                role=\"region\"\n                aria-labelledby=\"update-changelog\"\n                tabindex=\"0\"\n              >\n                {changelog()}\n              </div>\n            </section>\n          </Show>\n        </div>\n\n        <DialogFooter>\n          <Show when={state()?.releaseUrl}>\n            {(url) => (\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                // `noopener,noreferrer` because the release page is a different\n                // origin and must not get a handle on this window.\n                onClick={() => window.open(url(), '_blank', 'noopener,noreferrer')}\n              >\n                <ExternalLink aria-hidden=\"true\" />\n                View releases\n              </Button>\n            )}\n          </Show>\n          <DialogClose as={Button} variant=\"outline\" size=\"sm\">\n            Close\n          </DialogClose>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],"mappings":"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"}

package/dist/components/composites/workspace-mark/index.d.ts

@@ -0,0 +1,2 @@
+export { WorkspaceMark, type WorkspaceMarkProps } from './workspace-mark';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/composites/workspace-mark/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/workspace-mark/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAA"}

package/dist/components/composites/workspace-mark/workspace-mark.d.ts

@@ -0,0 +1,24 @@
+import type { ComponentProps, JSX } from 'solid-js';
+/**
+ * WorkspaceMark.
+ *
+ * The mark for one workspace in a rail: an initial or a glyph, a ring while it is
+ * active, and a badge for something unread. It is deliberately not an `Avatar` —
+ * a workspace is not a person, it does not need an image or initials derived from a
+ * name, and a rail of them needs an *active* treatment an avatar does not have.
+ *
+ * The mark is square with a rounded corner rather than round, which is what
+ * distinguishes a workspace from a person at a glance in a rail that holds both.
+ */
+export type WorkspaceMarkProps = ComponentProps<'button'> & {
+    /** The workspace's name. Used for the label, the initial, and the tooltip. */
+    name: string;
+    /** Draw the active ring. */
+    active?: boolean;
+    /** A count or a dot, drawn at the corner. */
+    badge?: JSX.Element;
+    /** Replace the initial with a glyph. */
+    children?: JSX.Element;
+};
+export declare function WorkspaceMark(props: WorkspaceMarkProps): JSX.Element;
+//# sourceMappingURL=workspace-mark.d.ts.map

package/dist/components/composites/workspace-mark/workspace-mark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-mark.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/workspace-mark/workspace-mark.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAKnD;;;;;;;;;;GAUG;AACH,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;IAC1D,8EAA8E;IAC9E,IAAI,EAAE,MAAM,CAAA;IACZ,4BAA4B;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACnB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CACvB,CAAA;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,eA4CtD"}

package/dist/components/composites/workspace-mark/workspace-mark.js

@@ -0,0 +1,76 @@
+import { cn } from "../../../lib/utils.js";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../../ui/tooltip/tooltip.js";
+import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
+import { Show, splitProps } from "solid-js";
+//#region src/components/composites/workspace-mark/workspace-mark.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span class="absolute -end-0.5 -top-0.5 flex items-center justify-center">`);
+var _tmpl$2 = /*#__PURE__*/ template(`<button type=button>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<span aria-hidden=true>`);
+function WorkspaceMark(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"name",
+		"active",
+		"badge",
+		"children"
+	]);
+	const mark = (() => {
+		var _el$ = _tmpl$2();
+		spread(_el$, mergeProps({
+			get ["aria-label"]() {
+				return local.name;
+			},
+			get ["aria-current"]() {
+				return local.active ? "true" : void 0;
+			},
+			get ["data-active"]() {
+				return local.active ? "" : void 0;
+			},
+			get ["class"]() {
+				return cn("relative flex size-9 shrink-0 items-center justify-center rounded-lg border text-sm font-semibold", "transition-[color,background-color,border-color,transform] ease-out outline-none select-none", "hover:scale-105 active:scale-95", "focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle", "disabled:pointer-events-none disabled:opacity-50", local.active ? "border-primary bg-primary-subtle text-primary" : "border-border bg-card text-muted-foreground hover:text-foreground", local.class);
+			}
+		}, rest), false, true);
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return local.children;
+			},
+			get fallback() {
+				return (() => {
+					var _el$3 = _tmpl$3();
+					insert(_el$3, () => local.name.charAt(0).toUpperCase());
+					return _el$3;
+				})();
+			},
+			get children() {
+				return local.children;
+			}
+		}), null);
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return local.badge;
+			},
+			get children() {
+				var _el$2 = _tmpl$();
+				insert(_el$2, () => local.badge);
+				return _el$2;
+			}
+		}), null);
+		return _el$;
+	})();
+	return createComponent(Tooltip, {
+		placement: "right",
+		get children() {
+			return [createComponent(TooltipTrigger, {
+				as: "span",
+				"class": "contents",
+				children: mark
+			}), createComponent(TooltipContent, { get children() {
+				return local.name;
+			} })];
+		}
+	});
+}
+//#endregion
+export { WorkspaceMark };
+
+//# sourceMappingURL=workspace-mark.js.map

package/dist/components/composites/workspace-mark/workspace-mark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-mark.js","names":["ComponentProps","JSX","Show","splitProps","cn","Tooltip","TooltipContent","TooltipTrigger","WorkspaceMarkProps","name","active","badge","Element","children","WorkspaceMark","props","local","rest","mark","_el$","_tmpl$2","_$spread","_$mergeProps","aria-label","aria-current","undefined","data-active","class","_$insert","_$createComponent","when","fallback","_el$3","_tmpl$3","charAt","toUpperCase","_el$2","_tmpl$","placement","as","_$mergeProps","_$createComponent"],"sources":["../../../../src/components/composites/workspace-mark/workspace-mark.tsx"],"sourcesContent":["import type { ComponentProps, JSX } from 'solid-js'\nimport { Show, splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../../ui/tooltip/tooltip'\n\n/**\n * WorkspaceMark.\n *\n * The mark for one workspace in a rail: an initial or a glyph, a ring while it is\n * active, and a badge for something unread. It is deliberately not an `Avatar` —\n * a workspace is not a person, it does not need an image or initials derived from a\n * name, and a rail of them needs an *active* treatment an avatar does not have.\n *\n * The mark is square with a rounded corner rather than round, which is what\n * distinguishes a workspace from a person at a glance in a rail that holds both.\n */\nexport type WorkspaceMarkProps = ComponentProps<'button'> & {\n  /** The workspace's name. Used for the label, the initial, and the tooltip. */\n  name: string\n  /** Draw the active ring. */\n  active?: boolean\n  /** A count or a dot, drawn at the corner. */\n  badge?: JSX.Element\n  /** Replace the initial with a glyph. */\n  children?: JSX.Element\n}\n\nexport function WorkspaceMark(props: WorkspaceMarkProps) {\n  const [local, rest] = splitProps(props, ['class', 'name', 'active', 'badge', 'children'])\n\n  const mark = (\n    <button\n      type=\"button\"\n      aria-label={local.name}\n      aria-current={local.active ? 'true' : undefined}\n      data-active={local.active ? '' : undefined}\n      class={cn(\n        'relative flex size-9 shrink-0 items-center justify-center rounded-lg border text-sm font-semibold',\n        'transition-[color,background-color,border-color,transform] ease-out outline-none select-none',\n        'hover:scale-105 active:scale-95',\n        'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle',\n        'disabled:pointer-events-none disabled:opacity-50',\n        local.active\n          ? 'border-primary bg-primary-subtle text-primary'\n          : 'border-border bg-card text-muted-foreground hover:text-foreground',\n        local.class\n      )}\n      {...rest}\n    >\n      <Show\n        when={local.children}\n        fallback={<span aria-hidden=\"true\">{local.name.charAt(0).toUpperCase()}</span>}\n      >\n        {local.children}\n      </Show>\n      <Show when={local.badge}>\n        <span class=\"absolute -end-0.5 -top-0.5 flex items-center justify-center\">\n          {local.badge}\n        </span>\n      </Show>\n    </button>\n  )\n\n  return (\n    <Tooltip placement=\"right\">\n      <TooltipTrigger as=\"span\" class=\"contents\">\n        {mark}\n      </TooltipTrigger>\n      <TooltipContent>{local.name}</TooltipContent>\n    </Tooltip>\n  )\n}\n"],"mappings":";;;;;;;;AA2BA,SAAgBc,cAAcC,OAA2B;CACvD,MAAM,CAACC,OAAOC,QAAQd,WAAWY,OAAO;EAAC;EAAS;EAAQ;EAAU;EAAS;CAAU,CAAC;CAExF,MAAMG,cAAI;EAAA,IAAAC,OAAAC,QAAA;EAAAC,OAAAF,MAAAG,WAAA;GAAA,KAAA,gBAAA;IAAA,OAGMN,MAAMP;GAAI;GAAA,KAAA,kBAAA;IAAA,OACRO,MAAMN,SAAS,SAASe,KAAAA;GAAS;GAAA,KAAA,iBAAA;IAAA,OAClCT,MAAMN,SAAS,KAAKe,KAAAA;GAAS;GAAA,KAAA,WAAA;IAAA,OACnCrB,GACL,qGACA,gGACA,mCACA,oFACA,oDACAY,MAAMN,SACF,kDACA,qEACJM,MAAMW,KACR;GAAC;EAAA,GACGV,IAAI,GAAA,OAAA,IAAA;EAAAW,OAAAT,MAAAU,gBAEP3B,MAAI;GAAA,IACH4B,OAAI;IAAA,OAAEd,MAAMH;GAAQ;GAAA,IACpBkB,WAAQ;IAAA,cAAA;KAAA,IAAAC,QAAAC,QAAA;KAAAL,OAAAI,aAA4BhB,MAAMP,KAAKyB,OAAO,CAAC,CAAC,CAACC,YAAY,CAAC;KAAA,OAAAH;IAAA,EAAA,CAAA;GAAA;GAAA,IAAAnB,WAAA;IAAA,OAErEG,MAAMH;GAAQ;EAAA,CAAA,GAAA,IAAA;EAAAe,OAAAT,MAAAU,gBAEhB3B,MAAI;GAAA,IAAC4B,OAAI;IAAA,OAAEd,MAAML;GAAK;GAAA,IAAAE,WAAA;IAAA,IAAAuB,QAAAC,OAAA;IAAAT,OAAAQ,aAElBpB,MAAML,KAAK;IAAA,OAAAyB;GAAA;EAAA,CAAA,GAAA,IAAA;EAAA,OAAAjB;CAAA,EAAA,CAAA;CAMpB,OAAAU,gBACGxB,SAAO;EAACiC,WAAS;EAAA,IAAAzB,WAAA;GAAA,OAAA,CAAAgB,gBACftB,gBAAc;IAACgC,IAAE;IAAA,SAAA;IAAA1B,UACfK;GAAI,CAAA,GAAAW,gBAENvB,gBAAc,EAAA,IAAAO,WAAA;IAAA,OAAEG,MAAMP;GAAI,EAAA,CAAA,CAAA;EAAA;CAAA,CAAA;AAGjC"}