@

feat(ui): add DataTable and Toaster, drop the legacy Table, fix overlay dialogs

DataTable replaces the 20-line Table scaffold entirely: columns, sorting,
filtering, pagination, selection, bulk actions, comparison layout, sticky
first column, custom HTML cells, and a remote source driven by a `request`
output rather than a function prop (props travel as HTML attributes, so a
function arrives as its own source text).

Toaster replaces the hand-rolled status div: tone icons, actions, hover
pause/resume and a progress bar.

Overlays audit -- Modal and Drawer declared aria-modal="true" but nothing
ever moved focus into the panel, so the @keydown handler on their root
never ran and closeOnEscape did nothing. Focus, focus restore, a Tab trap
and a body scroll lock now live in the reactive runtime, shared by both.

ContextMenu placed pointer menus by subtracting a guessed 340x420 from the
viewport, which pushed every menu that was not that size away from the
pointer; it now positions at the pointer and lets the anchored clamp pull
it back once it can be measured.

The reactive runtime size budget moves 150k -> 175k to cover anchored
overlays, dialog behaviour, the toaster and the DataTable client half.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
@

packages/ui/test/ui.test.ts

@@ -3,7 +3,10 @@ import { readFileSync } from "node:fs";
 import { join } from "node:path";
 import { compileWireFile, parse } from "../../compiler/src/index.ts";
 import { mountHtml, renderComponent } from "../../test/src/index.ts";
-import { uiComponentNames, uiComponentsDir, uiComponentPath, uiCss } from "../src/index.ts";
+// The filesystem helpers moved to the server-only `registry` subpath; the
+// package entry deliberately stays free of node:* imports so it can be
+// bundled for the browser.
+import { uiComponentNames, uiComponentsDir, uiComponentPath, uiCss } from "../src/registry.ts";
 
 test("bundled UI assets are discoverable and readable", () => {
   expect(uiComponentNames()).toContain("Button");
@@ -165,7 +168,6 @@ test("screenshot-directed canonical components are bundled", () => {
     "Drawer",
     "Popover",
     "Tooltip",
-    "Table",
     "DataTable",
     "Chart",
     "FileUpload",
@@ -429,7 +431,6 @@ test("component-system CSS includes responsive, theme-token, focus, and reduced-
   expect(css).toContain(".wire-text-muted");
   expect(css).toContain(".wire-visually-hidden");
   expect(css).toContain(".wire-next--field");
-  expect(css).toContain(".wire-next--table");
   expect(css).toContain('[data-show="false"]');
   expect(css).toContain("display: none !important");
   expect(css).toMatch(