@owlmeans/web-panel 0.1.18-rc.9 → 0.1.18

package/build/scheme/scheme.js

@@ -0,0 +1,58 @@
+/**
+ * The colour-scheme choice, with no React and no framework code: a build script running in Node
+ * imports this module to inline the head bootstrap, and it must not drag a component tree in.
+ *
+ * The contract is TWO classes on the document element. `dark` means the visitor chose dark,
+ * `light` that they chose light, and neither that they chose nothing — the page follows the
+ * operating system. `light` has to exist as a class of its own: without it, a visitor who picks
+ * light on a system that prefers dark has no way to say so to a stylesheet that paints dark under
+ * `prefers-color-scheme: dark`.
+ */
+import { COLOR_SCHEME_EVENT, COLOR_SCHEME_KEY } from './consts.js';
+export const createColorSchemeHelper = () => {
+    const isChoice = (value) => value === 'light' || value === 'dark';
+    const readColorScheme = () => {
+        try {
+            const value = globalThis.localStorage?.getItem(COLOR_SCHEME_KEY);
+            return isChoice(value) ? value : null;
+        }
+        catch {
+            return null;
+        }
+    };
+    const setColorSchemeClass = (choice) => {
+        if (typeof document === 'undefined') {
+            return;
+        }
+        const root = document.documentElement;
+        root.classList.remove('light', 'dark');
+        if (choice != null) {
+            root.classList.add(choice);
+        }
+    };
+    const applyColorScheme = (choice) => {
+        setColorSchemeClass(choice);
+        try {
+            if (choice == null) {
+                globalThis.localStorage?.removeItem(COLOR_SCHEME_KEY);
+            }
+            else {
+                globalThis.localStorage?.setItem(COLOR_SCHEME_KEY, choice);
+            }
+        }
+        catch {
+            // Storage is unavailable; the class above is still correct for this page view.
+        }
+        if (typeof window !== 'undefined') {
+            window.dispatchEvent(new Event(COLOR_SCHEME_EVENT));
+        }
+    };
+    const colorSchemeBootstrapScript = () => `(function(){try{var c=localStorage.getItem(${JSON.stringify(COLOR_SCHEME_KEY)});`
+        + `if(c==='light'||c==='dark'){var r=document.documentElement;`
+        + `r.classList.remove('light','dark');r.classList.add(c);}}catch(e){}})();`;
+    return { readColorScheme, setColorSchemeClass, applyColorScheme, colorSchemeBootstrapScript };
+};
+export const colorSchemeHelper = createColorSchemeHelper();
+/** @deprecated compat:factory-refactor — use `colorSchemeHelper.colorSchemeBootstrapScript()` */
+export const colorSchemeBootstrapScript = () => colorSchemeHelper.colorSchemeBootstrapScript();
+//# sourceMappingURL=scheme.js.map

package/build/scheme/scheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scheme.js","sourceRoot":"","sources":["../../src/scheme/scheme.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAGlE,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAsB,EAAE;IAC7D,MAAM,QAAQ,GAAG,CAAC,KAAc,EAA8B,EAAE,CAAC,KAAK,KAAK,OAAO,IAAI,KAAK,KAAK,MAAM,CAAA;IAEtG,MAAM,eAAe,GAAG,GAA6B,EAAE;QACrD,IAAI,CAAC;YACH,MAAM,KAAK,GAAG,UAAU,CAAC,YAAY,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAA;YAEhE,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA;QACvC,CAAC;QAAC,MAAM,CAAC;YACP,OAAO,IAAI,CAAA;QACb,CAAC;IACH,CAAC,CAAA;IAED,MAAM,mBAAmB,GAAG,CAAC,MAAgC,EAAQ,EAAE;QACrE,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,CAAC;YACpC,OAAM;QACR,CAAC;QACD,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAA;QACrC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;QACtC,IAAI,MAAM,IAAI,IAAI,EAAE,CAAC;YACnB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;QAC5B,CAAC;IACH,CAAC,CAAA;IAED,MAAM,gBAAgB,GAAG,CAAC,MAAgC,EAAQ,EAAE;QAClE,mBAAmB,CAAC,MAAM,CAAC,CAAA;QAC3B,IAAI,CAAC;YACH,IAAI,MAAM,IAAI,IAAI,EAAE,CAAC;gBACnB,UAAU,CAAC,YAAY,EAAE,UAAU,CAAC,gBAAgB,CAAC,CAAA;YACvD,CAAC;iBAAM,CAAC;gBACN,UAAU,CAAC,YAAY,EAAE,OAAO,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAA;YAC5D,CAAC;QACH,CAAC;QAAC,MAAM,CAAC;YACP,+EAA+E;QACjF,CAAC;QACD,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;YAClC,MAAM,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAA;QACrD,CAAC;IACH,CAAC,CAAA;IAED,MAAM,0BAA0B,GAAG,GAAW,EAAE,CAC9C,8CAA8C,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,IAAI;UAChF,6DAA6D;UAC7D,yEAAyE,CAAA;IAE7E,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,0BAA0B,EAAE,CAAA;AAC/F,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,uBAAuB,EAAE,CAAA;AAE1D,iGAAiG;AACjG,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAW,EAAE,CAAC,iBAAiB,CAAC,0BAA0B,EAAE,CAAA"}

package/build/scheme/types.d.ts

@@ -0,0 +1,30 @@
+/** An explicit choice. Absent (`null`) means "follow the operating system". */
+export type ColorSchemeChoice = 'light' | 'dark';
+/** The visitor's colour-scheme choice: read, applied to the document element, stored, and bootstrapped in the head. */
+export interface ColorSchemeHelper {
+    /**
+     * The stored choice, or `null` when there is none, it is not a choice, or storage is unreachable
+     * (a private window, blocked site data, no `window` at all).
+     */
+    readColorScheme: () => ColorSchemeChoice | null;
+    /** Put exactly the class for `choice` on the document element — none for `null`. Stores nothing. */
+    setColorSchemeClass: (choice: ColorSchemeChoice | null) => void;
+    /**
+     * Apply a choice now and remember it: the class on the document element, the stored key (cleared
+     * for `null`), and one `COLOR_SCHEME_EVENT` for everything in this document that renders from it.
+     * Storage failures are swallowed — the page still switches, it just forgets on the next load.
+     */
+    applyColorScheme: (choice: ColorSchemeChoice | null) => void;
+    /**
+     * The inline script for the document head, placed before any stylesheet paints.
+     *
+     * It reads the stored choice and puts its class on the document element before the first paint —
+     * the only moment it can: a component that did the same after mounting shows every visitor who
+     * chose dark one frame of the light page first. Self-contained on purpose (it inlines the key
+     * rather than importing it) and wrapped in `try`, because storage can throw and a head script
+     * that throws stops nothing but itself. No stored choice adds no class, and the stylesheet's own
+     * `prefers-color-scheme` rule decides.
+     */
+    colorSchemeBootstrapScript: () => string;
+}
+//# sourceMappingURL=types.d.ts.map

package/build/scheme/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/scheme/types.ts"],"names":[],"mappings":"AAAA,+EAA+E;AAC/E,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,MAAM,CAAA;AAEhD,uHAAuH;AACvH,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,eAAe,EAAE,MAAM,iBAAiB,GAAG,IAAI,CAAA;IAC/C,oGAAoG;IACpG,mBAAmB,EAAE,CAAC,MAAM,EAAE,iBAAiB,GAAG,IAAI,KAAK,IAAI,CAAA;IAC/D;;;;OAIG;IACH,gBAAgB,EAAE,CAAC,MAAM,EAAE,iBAAiB,GAAG,IAAI,KAAK,IAAI,CAAA;IAC5D;;;;;;;;;OASG;IACH,0BAA0B,EAAE,MAAM,MAAM,CAAA;CACzC"}

package/build/scheme/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/build/scheme/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/scheme/types.ts"],"names":[],"mappings":""}

package/build/types.d.ts

@@ -1,9 +1,25 @@
 import type { WithFlowConfig } from '@owlmeans/flow';
-import type { AppConfig as Config, AppContext as Context } from '@owlmeans/web-client';
+import type { AppConfig as Config, AppContext as Context, RenderOptions } from '@owlmeans/web-client';
 import type { FlowService } from '@owlmeans/web-flow';
+import type { SocketClientSettings, SocketStatusServiceAppend } from '@owlmeans/client-socket';
+import type { PanelCookieConsentConfig } from './consent/types.js';
 export interface AppConfig extends Config, WithFlowConfig {
+    socket?: SocketClientSettings & {
+        /**
+         * Show `SocketReloadDialog` — a global, blocking "try again / reload the page" prompt — once every
+         * socket in the app has given up reconnecting (`useSocketStatus() === 'lost'`). Off by
+         * default: an app opts in once it has decided that outcome deserves a full-page prompt
+         * rather than the caller's own fallback UI.
+         */
+        reloadDialog?: boolean;
+    };
+    /** How the cookie consent asks — the bar or the window, and where (`geo`). See `./consent`. */
+    cookieConsent?: PanelCookieConsentConfig;
 }
-export interface AppContext<C extends AppConfig = AppConfig> extends Context<C> {
+export interface AppContext<C extends AppConfig = AppConfig> extends Context<C>, SocketStatusServiceAppend {
     flow: () => FlowService;
 }
+export interface WebRenderOptions extends RenderOptions {
+    rootClassName?: string;
+}
 //# sourceMappingURL=types.d.ts.map

package/build/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,KAAK,EAAE,SAAS,IAAI,MAAM,EAAE,UAAU,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAA;AACtF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAErD,MAAM,WAAW,SAAU,SAAQ,MAAM,EAAE,cAAc;CACxD;AAED,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,CAAE,SAAQ,OAAO,CAAC,CAAC,CAAC;IAC7E,IAAI,EAAE,MAAM,WAAW,CAAA;CACxB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,KAAK,EAAE,SAAS,IAAI,MAAM,EAAE,UAAU,IAAI,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACrG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,KAAK,EAAE,oBAAoB,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAA;AAC9F,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAA;AAElE,MAAM,WAAW,SAAU,SAAQ,MAAM,EAAE,cAAc;IACvD,MAAM,CAAC,EAAE,oBAAoB,GAAG;QAC9B;;;;;WAKG;QACH,YAAY,CAAC,EAAE,OAAO,CAAA;KACvB,CAAA;IACD,+FAA+F;IAC/F,aAAa,CAAC,EAAE,wBAAwB,CAAA;CACzC;AAED,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,CAAE,SAAQ,OAAO,CAAC,CAAC,CAAC,EAAE,yBAAyB;IACxG,IAAI,EAAE,MAAM,WAAW,CAAA;CACxB;AAED,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@owlmeans/web-panel",
-  "version": "0.1.18-rc.9",
+  "version": "0.1.18",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -27,47 +27,99 @@
       "module": "./build/auth/index.js",
       "types": "./build/auth/index.d.ts"
     },
-    "./auth/modules": {
-      "import": "./build/auth/modules.js",
-      "require": "./build/auth/modules.js",
-      "default": "./build/auth/modules.js",
-      "module": "./build/auth/modules.js",
-      "types": "./build/auth/modules.d.ts"
+    "./auth/entrypoints": {
+      "import": "./build/auth/entrypoints.js",
+      "require": "./build/auth/entrypoints.js",
+      "default": "./build/auth/entrypoints.js",
+      "module": "./build/auth/entrypoints.js",
+      "types": "./build/auth/entrypoints.d.ts"
+    },
+    "./consent": {
+      "import": "./build/consent/index.js",
+      "require": "./build/consent/index.js",
+      "default": "./build/consent/index.js",
+      "module": "./build/consent/index.js",
+      "types": "./build/consent/index.d.ts"
+    },
+    "./scheme": {
+      "import": "./build/scheme/index.js",
+      "require": "./build/scheme/index.js",
+      "default": "./build/scheme/index.js",
+      "module": "./build/scheme/index.js",
+      "types": "./build/scheme/index.d.ts"
+    },
+    "./picker": {
+      "import": "./build/picker/index.js",
+      "require": "./build/picker/index.js",
+      "default": "./build/picker/index.js",
+      "module": "./build/picker/index.js",
+      "types": "./build/picker/index.d.ts"
+    },
+    "./picker/vocabulary": {
+      "import": "./build/picker/vocabulary.js",
+      "require": "./build/picker/vocabulary.js",
+      "default": "./build/picker/vocabulary.js",
+      "module": "./build/picker/vocabulary.js",
+      "types": "./build/picker/vocabulary.d.ts"
+    },
+    "./editor": {
+      "import": "./build/editor/index.js",
+      "require": "./build/editor/index.js",
+      "default": "./build/editor/index.js",
+      "module": "./build/editor/index.js",
+      "types": "./build/editor/index.d.ts"
     }
   },
   "dependencies": {
-    "@hookform/resolvers": "^5.2.2",
-    "@owlmeans/api-config-client": "^0.1.18-rc.7",
-    "@owlmeans/auth": "^0.1.18-rc.6",
-    "@owlmeans/auth-common": "^0.1.18-rc.7",
-    "@owlmeans/basic-envelope": "^0.1.18-rc.7",
-    "@owlmeans/client": "^0.1.18-rc.8",
-    "@owlmeans/client-auth": "^0.1.18-rc.9",
-    "@owlmeans/client-config": "^0.1.18-rc.7",
-    "@owlmeans/client-context": "^0.1.18-rc.7",
-    "@owlmeans/client-flow": "^0.1.18-rc.7",
-    "@owlmeans/client-i18n": "^0.1.18-rc.7",
-    "@owlmeans/client-entrypoint": "^0.1.18-rc.7",
-    "@owlmeans/client-panel": "^0.1.18-rc.9",
-    "@owlmeans/client-route": "^0.1.18-rc.7",
-    "@owlmeans/config": "^0.1.18-rc.7",
-    "@owlmeans/context": "^0.1.18-rc.6",
-    "@owlmeans/error": "^0.1.18-rc.6",
-    "@owlmeans/flow": "^0.1.18-rc.7",
-    "@owlmeans/i18n": "^0.1.18-rc.6",
-    "@owlmeans/entrypoint": "^0.1.18-rc.7",
-    "@owlmeans/route": "^0.1.18-rc.6",
-    "@owlmeans/web-client": "^0.1.18-rc.9",
-    "@owlmeans/web-db": "^0.1.18-rc.7",
-    "@owlmeans/web-flow": "^0.1.18-rc.7",
-    "@owlmeans/web-router": "^0.1.18-rc.7",
-    "i18next-browser-languagedetector": "^8.0.0",
+    "@hookform/resolvers": "^5.9.1",
+    "@owlmeans/api-config-client": "^0.1.18",
+    "@owlmeans/auth": "^0.1.18",
+    "@owlmeans/auth-common": "^0.1.18",
+    "@owlmeans/basic-envelope": "^0.1.18",
+    "@owlmeans/client": "^0.1.18",
+    "@owlmeans/client-auth": "^0.1.18",
+    "@owlmeans/client-config": "^0.1.18",
+    "@owlmeans/client-context": "^0.1.18",
+    "@owlmeans/client-entrypoint": "^0.1.18",
+    "@owlmeans/api": "^0.1.18",
+    "@owlmeans/client-flow": "^0.1.18",
+    "@owlmeans/client-i18n": "^0.1.18",
+    "@owlmeans/client-panel": "^0.1.18",
+    "@owlmeans/client-route": "^0.1.18",
+    "@owlmeans/client-socket": "^0.1.18",
+    "@owlmeans/config": "^0.1.18",
+    "@owlmeans/context": "^0.1.18",
+    "@owlmeans/entrypoint": "^0.1.18",
+    "@owlmeans/error": "^0.1.18",
+    "@owlmeans/flow": "^0.1.18",
+    "@owlmeans/i18n": "^0.1.18",
+    "@owlmeans/log": "^0.1.18",
+    "@owlmeans/route": "^0.1.18",
+    "@owlmeans/state": "^0.1.18",
+    "@owlmeans/web-client": "^0.1.18",
+    "@owlmeans/web-consent": "^0.1.18",
+    "@owlmeans/web-db": "^0.1.18",
+    "@owlmeans/web-flow": "^0.1.18",
+    "@owlmeans/web-router": "^0.1.18",
+    "i18next-browser-languagedetector": "^8.2.1",
     "qrcode.react": "^4.2.0",
-    "react-google-recaptcha": "^3.1.0"
+    "react-colorful": "^5.6.1",
+    "react-google-recaptcha": "^3.1.0",
+    "sonner": "^2.0.8",
+    "codemirror": "^6.0.0",
+    "@codemirror/state": "^6.0.0",
+    "@codemirror/view": "^6.0.0",
+    "@codemirror/language": "^6.0.0",
+    "@codemirror/lang-json": "^6.0.0",
+    "@codemirror/lint": "^6.0.0",
+    "@lezer/highlight": "^1.0.0"
   },
   "peerDependencies": {
+    "@radix-ui/react-alert-dialog": "*",
+    "@radix-ui/react-dialog": "*",
     "@radix-ui/react-label": "*",
     "@radix-ui/react-navigation-menu": "*",
+    "@radix-ui/react-popover": "*",
     "@radix-ui/react-progress": "*",
     "@radix-ui/react-separator": "*",
     "@radix-ui/react-slot": "*",
@@ -82,27 +134,30 @@
     "tailwindcss": "*"
   },
   "devDependencies": {
-    "@owlmeans/dep-config": "workspace:*",
-    "@owlmeans/test-ui": "^0.1.18-rc.7",
-    "@radix-ui/react-label": "^2.1.0",
-    "@radix-ui/react-navigation-menu": "^1.2.14",
-    "@radix-ui/react-progress": "^1.1.0",
-    "@radix-ui/react-separator": "^1.1.0",
-    "@radix-ui/react-slot": "^1.1.0",
-    "@tailwindcss/vite": "^4.0.0",
-    "@types/react": "^19.2.17",
-    "@types/react-dom": "^19.2.3",
+    "@owlmeans/dep-config": "^0.1.18",
+    "@owlmeans/test-ui": "^0.1.18",
+    "@radix-ui/react-alert-dialog": "^1.1.23",
+    "@radix-ui/react-dialog": "^1.1.23",
+    "@radix-ui/react-label": "^2.1.15",
+    "@radix-ui/react-navigation-menu": "^1.2.22",
+    "@radix-ui/react-popover": "^1.1.23",
+    "@radix-ui/react-progress": "^1.1.16",
+    "@radix-ui/react-separator": "^1.1.15",
+    "@radix-ui/react-slot": "^1.3.3",
+    "@tailwindcss/vite": "^4.3.3",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
     "@types/react-google-recaptcha": "^2.1.9",
-    "@vitejs/plugin-react": "^6.0.3",
-    "class-variance-authority": "^0.7.0",
-    "clsx": "^2.1.0",
-    "lucide-react": "^1.31.0",
+    "@vitejs/plugin-react": "^6.1.1",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^1.52.0",
     "nodemon": "^3.1.14",
-    "playwright": "^1.61.1",
-    "tailwind-merge": "^3.6.0",
-    "tailwindcss": "^4.0.0",
+    "playwright": "^1.63.0",
+    "tailwind-merge": "^3.7.0",
+    "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
-    "vite": "^8.1.2"
+    "vite": "^8.3.2"
   },
   "publishConfig": {
     "access": "public"

package/src/@/components/ui/alert-dialog.tsx

@@ -0,0 +1,156 @@
+// shadcn alert-dialog — sourced from shadcn (new-york) 2026-09-14
+import * as React from 'react'
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog'
+
+import { cn } from '../../lib/utils.js'
+import { buttonVariants } from './button.js'
+
+function AlertDialog({
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {
+  return <AlertDialogPrimitive.Root data-slot="alert-dialog" {...props} />
+}
+
+function AlertDialogTrigger({
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {
+  return (
+    <AlertDialogPrimitive.Trigger data-slot="alert-dialog-trigger" {...props} />
+  )
+}
+
+function AlertDialogPortal({
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {
+  return (
+    <AlertDialogPrimitive.Portal data-slot="alert-dialog-portal" {...props} />
+  )
+}
+
+function AlertDialogOverlay({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {
+  return (
+    <AlertDialogPrimitive.Overlay
+      data-slot="alert-dialog-overlay"
+      className={cn(
+        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function AlertDialogContent({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {
+  return (
+    <AlertDialogPortal>
+      <AlertDialogOverlay />
+      <AlertDialogPrimitive.Content
+        data-slot="alert-dialog-content"
+        className={cn(
+          'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg',
+          className
+        )}
+        {...props}
+      />
+    </AlertDialogPortal>
+  )
+}
+
+function AlertDialogHeader({
+  className,
+  ...props
+}: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot="alert-dialog-header"
+      className={cn('flex flex-col gap-2 text-center sm:text-left', className)}
+      {...props}
+    />
+  )
+}
+
+function AlertDialogFooter({
+  className,
+  ...props
+}: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot="alert-dialog-footer"
+      className={cn(
+        'flex flex-col-reverse gap-2 sm:flex-row sm:justify-end',
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function AlertDialogTitle({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {
+  return (
+    <AlertDialogPrimitive.Title
+      data-slot="alert-dialog-title"
+      className={cn('text-lg font-semibold', className)}
+      {...props}
+    />
+  )
+}
+
+function AlertDialogDescription({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {
+  return (
+    <AlertDialogPrimitive.Description
+      data-slot="alert-dialog-description"
+      className={cn('text-muted-foreground text-sm', className)}
+      {...props}
+    />
+  )
+}
+
+function AlertDialogAction({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Action>) {
+  return (
+    <AlertDialogPrimitive.Action
+      className={cn(buttonVariants(), className)}
+      {...props}
+    />
+  )
+}
+
+function AlertDialogCancel({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>) {
+  return (
+    <AlertDialogPrimitive.Cancel
+      className={cn(buttonVariants({ variant: 'outline' }), className)}
+      {...props}
+    />
+  )
+}
+
+export {
+  AlertDialog,
+  AlertDialogPortal,
+  AlertDialogOverlay,
+  AlertDialogTrigger,
+  AlertDialogContent,
+  AlertDialogHeader,
+  AlertDialogFooter,
+  AlertDialogTitle,
+  AlertDialogDescription,
+  AlertDialogAction,
+  AlertDialogCancel,
+}

package/src/@/components/ui/alert.tsx

@@ -3,7 +3,7 @@
 import * as React from 'react'
 import { cva, type VariantProps } from 'class-variance-authority'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../lib/utils.js'
 
 const alertVariants = cva(
   "relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",

package/src/@/components/ui/button.tsx

@@ -3,7 +3,7 @@ import * as React from 'react'
 import { Slot } from '@radix-ui/react-slot'
 import { cva, type VariantProps } from 'class-variance-authority'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../lib/utils.js'
 
 const buttonVariants = cva(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive cursor-pointer",

package/src/@/components/ui/card.tsx

@@ -1,7 +1,7 @@
 // shadcn card — sourced from shadcn (new-york) 2026-05-23
 import * as React from 'react'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../lib/utils.js'
 
 function Card({ className, ...props }: React.ComponentProps<"div">) {
   return (

package/src/@/components/ui/input.tsx

@@ -1,7 +1,7 @@
 // shadcn input — sourced from shadcn (new-york) 2026-05-23
 import * as React from 'react'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../lib/utils.js'
 
 function Input({ className, type, ...props }: React.ComponentProps<"input">) {
   return (

package/src/@/components/ui/label.tsx

@@ -2,7 +2,7 @@
 import * as React from 'react'
 import * as LabelPrimitive from '@radix-ui/react-label'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../lib/utils.js'
 
 function Label({
   className,

package/src/@/components/ui/navigation-menu.tsx

@@ -4,7 +4,7 @@ import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu"
 import { cva } from "class-variance-authority"
 import { ChevronDownIcon } from "lucide-react"
 
-import { cn } from "@/lib/utils"
+import { cn } from '../../lib/utils.js'
 
 function NavigationMenu({
   className,

package/src/@/components/ui/popover.tsx

@@ -0,0 +1,47 @@
+// shadcn popover — sourced from shadcn (new-york) 2026-10-16
+import * as React from 'react'
+import * as PopoverPrimitive from '@radix-ui/react-popover'
+
+import { cn } from '../../lib/utils.js'
+
+function Popover({
+  ...props
+}: React.ComponentProps<typeof PopoverPrimitive.Root>) {
+  return <PopoverPrimitive.Root data-slot="popover" {...props} />
+}
+
+function PopoverTrigger({
+  ...props
+}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {
+  return <PopoverPrimitive.Trigger data-slot="popover-trigger" {...props} />
+}
+
+function PopoverContent({
+  className,
+  align = 'center',
+  sideOffset = 4,
+  ...props
+}: React.ComponentProps<typeof PopoverPrimitive.Content>) {
+  return (
+    <PopoverPrimitive.Portal>
+      <PopoverPrimitive.Content
+        data-slot="popover-content"
+        align={align}
+        sideOffset={sideOffset}
+        className={cn(
+          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden',
+          className
+        )}
+        {...props}
+      />
+    </PopoverPrimitive.Portal>
+  )
+}
+
+function PopoverAnchor({
+  ...props
+}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {
+  return <PopoverPrimitive.Anchor data-slot="popover-anchor" {...props} />
+}
+
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }

package/src/@/components/ui/progress.tsx

@@ -5,7 +5,7 @@
 import * as React from 'react'
 import * as ProgressPrimitive from '@radix-ui/react-progress'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../lib/utils.js'
 
 function Progress({
   className,

package/src/@/components/ui/separator.tsx

@@ -2,7 +2,7 @@
 import * as React from 'react'
 import * as SeparatorPrimitive from '@radix-ui/react-separator'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../lib/utils.js'
 
 function Separator({
   className,