Unify table-management canon and aqua icon system

kit/patterns/theme-aqua-legacy/README.md

@@ -1,14 +1,17 @@
-# macOS Aqua Theme Snapshot (Legacy)
+# Aqua Theme Module (Canonical Design Layer)
 
-Status: legacy reference only (not active baseline)
+Status: canonical Aqua design layer for reusable UI primitives.
 
-This directory preserves the Aqua-style visual exploration snapshot that was developed during demo
-refinement. It is stored as a reusable archive bundle so it can be referenced later without
-driving the active baseline.
+This directory defines the shared Aqua visual language for the design code:
 
-Active visual baseline for the demo/scaffold is Aqua-first. This package is a frozen snapshot for archival/reference use.
+- global visual tokens and component surfaces
+- reusable control geometry (buttons, segmented controls, table chrome)
+- icon rendering baseline (stroke style + sprite integration)
+
+Pattern modules consume this theme layer and then define behavior-specific contracts.
 
 Contents:
 
-- `demo-aqua-freeze.css` — frozen snapshot of the demo stylesheet at the time of the freeze
-- `notes.md` — summary of what was explored and how to treat the snapshot
+- `demo-aqua-freeze.css` — canonical Aqua stylesheet baseline used by demo/scaffold references
+- `templates/icon_sprite.html` — canonical icon sprite for reusable action semantics
+- `notes.md` — scope and usage policy for this theme module

kit/patterns/theme-aqua-legacy/notes.md

@@ -1,22 +1,22 @@
-# Aqua Legacy Snapshot Notes
+# Aqua Theme Notes
 
-This snapshot is kept for historical reference and selective reuse.
+This module is the reusable Aqua style source for design-code consumers.
 
 ## What it captures
 
 - Aqua-style control surfaces and button hierarchy
-- segmented controls and tab-like grouped buttons
-- modal window chrome experiments (titlebar + close button)
-- table/filter visual refinements and dot-pager styling
-- style-playground Aqua preset refinements
+- segmented controls and grouped tab geometry
+- table/filter/toolbars visual primitives
+- icon rendering baseline and shared icon sprite usage
+- modal and status component style language
 
-## What it is not
+## How to use
 
-- Not a required dependency for host projects
-- Not the live source of truth for the current Aqua baseline (the live baseline is in demo/scaffold CSS)
-- Not the target for normal iterative styling work unless explicitly requested
+- Treat this module as the visual baseline for reusable UI components in this repository.
+- Pattern contracts should reference this module instead of redefining shared visual primitives.
+- When visual behavior changes in demo/scaffold, sync the canonical rules here so host projects can reproduce the same output deterministically.
 
-## Current policy
+## Boundary
 
-- Active baseline styling remains Aqua-first in the live demo/scaffold assets.
-- Use this snapshot only when explicitly needed for archival comparison or extraction.
+- This module standardizes visual language only.
+- Domain behavior, labels, and business workflow semantics belong to pattern contracts.

kit/patterns/theme-aqua-legacy/templates/icon_sprite.html

@@ -0,0 +1,103 @@
+<!-- Canonical Aqua icon sprite for shared UI actions -->
+<svg class="icon-sprite" aria-hidden="true" focusable="false" width="0" height="0">
+  <symbol id="ico-select-visible" viewBox="0 0 16 16">
+    <rect x="2.5" y="2.5" width="11" height="11" rx="2"></rect>
+    <path d="M5 8.2l2 2.1 4-4.3"></path>
+  </symbol>
+  <symbol id="ico-select-filtered" viewBox="0 0 16 16">
+    <path d="M2.5 3h11l-4.2 4.6v3.1l-2.6 1.5V7.6L2.5 3z"></path>
+    <path d="M11.4 10.2h3M12.9 8.7v3"></path>
+  </symbol>
+  <symbol id="ico-clear-visible" viewBox="0 0 16 16">
+    <rect x="2.5" y="2.5" width="11" height="11" rx="2"></rect>
+    <path d="M5 8h6"></path>
+  </symbol>
+  <symbol id="ico-clear-filtered" viewBox="0 0 16 16">
+    <path d="M2.5 3h11L9.3 7.6v3.1l-2.6 1.5V7.6L2.5 3z"></path>
+    <path d="M10.5 10.2l3 3M13.5 10.2l-3 3"></path>
+  </symbol>
+  <symbol id="ico-clear-selection" viewBox="0 0 16 16">
+    <rect x="2.5" y="2.5" width="11" height="11" rx="2"></rect>
+    <path d="M5 5l6 6M11 5l-6 6"></path>
+  </symbol>
+  <symbol id="ico-run" viewBox="0 0 16 16">
+    <path d="M5 3.5l7 4.5-7 4.5z"></path>
+  </symbol>
+  <symbol id="ico-edit" viewBox="0 0 16 16">
+    <path d="M3 13l1.2-3.6L10 3.6l2.4 2.4-5.8 5.8L3 13z"></path>
+    <path d="M8.8 4.8l2.4 2.4"></path>
+  </symbol>
+  <symbol id="ico-remove" viewBox="0 0 16 16">
+    <path d="M4.2 4.2l7.6 7.6M11.8 4.2l-7.6 7.6"></path>
+  </symbol>
+  <symbol id="ico-cancel" viewBox="0 0 16 16">
+    <circle cx="8" cy="8" r="5.5"></circle>
+    <path d="M5.5 5.5l5 5M10.5 5.5l-5 5"></path>
+  </symbol>
+  <symbol id="ico-archive" viewBox="0 0 16 16">
+    <rect x="2.5" y="3" width="11" height="2.8" rx="1"></rect>
+    <path d="M3.5 5.8V13h9V5.8"></path>
+    <path d="M6.2 8h3.6"></path>
+  </symbol>
+  <symbol id="ico-import" viewBox="0 0 16 16">
+    <path d="M3 4.2v8.6h10V4.2"></path>
+    <path d="M8 1.8v6.2"></path>
+    <path d="M5.8 5.8L8 8l2.2-2.2"></path>
+    <path d="M5 10.2h6"></path>
+  </symbol>
+  <symbol id="ico-export" viewBox="0 0 16 16">
+    <path d="M3 4.2v8.6h10V4.2"></path>
+    <path d="M8 8V1.8"></path>
+    <path d="M5.8 4L8 1.8 10.2 4"></path>
+    <path d="M5 10.2h6"></path>
+  </symbol>
+  <symbol id="ico-export-filtered" viewBox="0 0 16 16">
+    <path d="M2 4.2v8.6h10.8"></path>
+    <path d="M7 8V1.8"></path>
+    <path d="M4.8 4L7 1.8 9.2 4"></path>
+    <path d="M10 5.1h5.2L13.1 7.5v3.1l-1.3.7V7.5z"></path>
+  </symbol>
+  <symbol id="ico-export-selected" viewBox="0 0 16 16">
+    <path d="M2 4.2v8.6h10.8"></path>
+    <path d="M7 8V1.8"></path>
+    <path d="M4.8 4L7 1.8 9.2 4"></path>
+    <rect x="10.1" y="5.2" width="5" height="5" rx="0.6"></rect>
+    <path d="M11.2 6.3l2.8 2.8M14 6.3l-2.8 2.8"></path>
+  </symbol>
+  <symbol id="ico-retry" viewBox="0 0 16 16">
+    <path d="M12.2 6A4.8 4.8 0 0 0 4.8 4.4"></path>
+    <path d="M5.6 2.9L4.1 4.6 5.9 5.8"></path>
+    <path d="M3.8 10A4.8 4.8 0 0 0 11.2 11.6"></path>
+    <path d="M10.4 13.1L11.9 11.4 10.1 10.2"></path>
+  </symbol>
+  <symbol id="ico-review" viewBox="0 0 16 16">
+    <circle cx="8" cy="8" r="5.5"></circle>
+    <path d="M8 7.2v3.6"></path>
+    <path d="M8 5.1h.01"></path>
+  </symbol>
+  <symbol id="ico-mark-review" viewBox="0 0 16 16">
+    <path d="M8 2.6l5.2 2v3.7c0 2.3-1.5 4.4-5.2 5.7-3.7-1.3-5.2-3.4-5.2-5.7V4.6l5.2-2z"></path>
+    <path d="M8 6.1v3.2"></path>
+    <path d="M8 11.1h.01"></path>
+  </symbol>
+  <symbol id="ico-confirm" viewBox="0 0 16 16">
+    <path d="M8 2.5l5 2v3.8c0 2.2-1.3 4.1-5 5.3-3.7-1.2-5-3.1-5-5.3V4.5l5-2z"></path>
+    <path d="M5.7 8.3l1.6 1.7 3-3.1"></path>
+  </symbol>
+  <symbol id="ico-inspect" viewBox="0 0 16 16">
+    <circle cx="7" cy="7" r="3.8"></circle>
+    <path d="M9.8 9.8l3.2 3.2"></path>
+  </symbol>
+  <symbol id="ico-scope" viewBox="0 0 16 16">
+    <rect x="2.5" y="2.5" width="4.2" height="4.2"></rect>
+    <rect x="9.3" y="2.5" width="4.2" height="4.2"></rect>
+    <rect x="2.5" y="9.3" width="4.2" height="4.2"></rect>
+    <rect x="9.3" y="9.3" width="4.2" height="4.2"></rect>
+  </symbol>
+  <symbol id="ico-queue" viewBox="0 0 16 16">
+    <path d="M5.4 4h8.1M5.4 8h8.1M5.4 12h8.1"></path>
+    <circle cx="3.2" cy="4" r="0.7"></circle>
+    <circle cx="3.2" cy="8" r="0.7"></circle>
+    <circle cx="3.2" cy="12" r="0.7"></circle>
+  </symbol>
+</svg>