@hachej/boring-ui-kit 0.2.2 → 0.2.4

package/r/registry.json

@@ -31,7 +31,9 @@
           "radius-sm": "calc(var(--radius) - 4px)",
           "radius-md": "calc(var(--radius) - 2px)",
           "radius-lg": "var(--radius)",
-          "radius-xl": "calc(var(--radius) + 4px)"
+          "radius-xl": "calc(var(--radius) + 4px)",
+          "radius-2xl": "calc(var(--radius) * 1.8)",
+          "radius-3xl": "calc(var(--radius) * 2.2)"
         },
         "light": {
           "radius": "0.75rem",
@@ -105,8 +107,8 @@
         "lucide-react@^1.51.0"
       ],
       "registryDependencies": [
-        "@boring-ui/theme",
-        "@boring-ui/utils"
+        "https://cdn.jsdelivr.net/npm/@hachej/boring-ui-kit@0.2.4/r/theme.json",
+        "https://cdn.jsdelivr.net/npm/@hachej/boring-ui-kit@0.2.4/r/utils.json"
       ],
       "files": [
         {
@@ -127,8 +129,8 @@
       "title": "Markdown editor",
       "description": "A host-owned styled wrapper over the concrete borrowed Markdown controller.",
       "dependencies": [
-        "@hachej/boring-ui-kit@^0.2.2",
-        "@hachej/boring-files@^0.2.2",
+        "@hachej/boring-ui-kit@^0.2.4",
+        "@hachej/boring-files@^0.2.4",
         "react@^19.0.0",
         "react-dom@^19.0.0",
         "marked@^17.0.6",
@@ -341,8 +343,8 @@
       "title": "HTML source and passive preview",
       "description": "Exact HTML source editing with a reconstructed passive preview and borrowed controller. Browser security qualification remains separate.",
       "dependencies": [
-        "@hachej/boring-ui-kit@^0.2.2",
-        "@hachej/boring-files@^0.2.2",
+        "@hachej/boring-ui-kit@^0.2.4",
+        "@hachej/boring-files@^0.2.4",
         "react@^19.0.0",
         "react-dom@^19.0.0"
       ],
@@ -433,22 +435,23 @@
       "title": "Pi chat",
       "description": "A complete Tailwind chat over the borrowed native chat controller: composer, messages, one collapsible activity block per turn (tool calls and reasoning), message queue, history, a human-in-the-loop question card, an Approve / Deny card for host tools wrapped with requireApproval optional artifact cards that open generated content in the host's panel, and feedback cards for the opt-in feedback tool (lists, and Show offers that the host page resolves). Chat only: no layout. Owned, editable source; no AI SDK. The optional pi-ambient and pi-workspace blocks build on it.",
       "dependencies": [
-        "@hachej/boring-ui-kit@^0.2.2",
+        "@hachej/boring-ui-kit@^0.2.4",
+        "@hachej/boring-files@^0.2.4",
         "react@^19.0.0",
         "react-dom@^19.0.0",
         "marked@^17.0.6",
         "entities@^8.1.0",
-        "@earendil-works/pi-durable@^1.1.0",
-        "@earendil-works/chord@^1.1.0",
-        "@earendil-works/pi-ai@^1.1.0",
+        "@earendil-works/pi-durable@~1.1.0",
+        "@earendil-works/chord@~1.1.0",
+        "@earendil-works/pi-ai@~1.1.0",
         "@modelcontextprotocol/sdk@^1.32.0",
         "lucide-react@^1.51.0",
         "use-stick-to-bottom@^1.1.6"
       ],
       "registryDependencies": [
-        "@boring-ui/theme",
-        "@boring-ui/utils",
-        "@boring-ui/button"
+        "https://cdn.jsdelivr.net/npm/@hachej/boring-ui-kit@0.2.4/r/theme.json",
+        "https://cdn.jsdelivr.net/npm/@hachej/boring-ui-kit@0.2.4/r/utils.json",
+        "https://cdn.jsdelivr.net/npm/@hachej/boring-ui-kit@0.2.4/r/button.json"
       ],
       "files": [
         {
@@ -566,6 +569,11 @@
           "type": "registry:component",
           "target": "components/pi-chat/tool.tsx"
         },
+        {
+          "path": "registry/pi-chat/use-remote-chat.ts",
+          "type": "registry:hook",
+          "target": "components/pi-chat/use-remote-chat.ts"
+        },
         {
           "path": "registry/pi-chat/labels.ts",
           "type": "registry:lib",
@@ -605,6 +613,17 @@
           }
         },
         "@layer components": {
+          ".pi-chat": {
+            "--chat-success": "var(--success, var(--primary))",
+            "--chat-warning": "var(--warning, var(--muted-foreground))",
+            "--chat-warning-soft": "var(--warning-soft, color-mix(in oklab, var(--chat-warning) 15%, var(--background)))",
+            "--chat-warning-soft-foreground": "var(--warning-soft-foreground, color-mix(in oklab, var(--chat-warning) 75%, var(--foreground)))",
+            "--chat-display": "var(--font-display, var(--font-sans))"
+          },
+          ".pi-chat:is(.dark, .dark *)": {
+            "--chat-warning-soft": "var(--warning-soft, color-mix(in oklab, var(--chat-warning) 26%, var(--background)))",
+            "--chat-warning-soft-foreground": "var(--warning-soft-foreground, color-mix(in oklab, var(--chat-warning) 55%, var(--foreground)))"
+          },
           ".pi-chat-shimmer": {
             "background-image": "linear-gradient(100deg, var(--muted-foreground) 35%, var(--foreground) 50%, var(--muted-foreground) 65%)",
             "background-size": "250% 100%",
@@ -652,18 +671,18 @@
       "title": "Pi ambient agent",
       "description": "AmbientChat, a compact floating agent bar that grows into a chat window over an existing page, and AgentNotifications, toasts for finished, failed and waiting tasks (with the one guarded browser Notification helper). A block over the pi-chat item; its in-window artifact panel uses the pi-workspace layout.",
       "dependencies": [
-        "@hachej/boring-ui-kit@^0.2.2",
+        "@hachej/boring-ui-kit@^0.2.4",
         "react@^19.0.0",
         "react-dom@^19.0.0",
-        "@earendil-works/pi-durable@^1.1.0",
-        "@earendil-works/pi-ai@^1.1.0",
+        "@earendil-works/pi-durable@~1.1.0",
+        "@earendil-works/pi-ai@~1.1.0",
         "lucide-react@^1.51.0"
       ],
       "registryDependencies": [
-        "@boring-ui/pi-chat",
-        "@boring-ui/pi-workspace",
-        "@boring-ui/utils",
-        "@boring-ui/button"
+        "https://cdn.jsdelivr.net/npm/@hachej/boring-ui-kit@0.2.4/r/pi-chat.json",
+        "https://cdn.jsdelivr.net/npm/@hachej/boring-ui-kit@0.2.4/r/pi-workspace.json",
+        "https://cdn.jsdelivr.net/npm/@hachej/boring-ui-kit@0.2.4/r/utils.json",
+        "https://cdn.jsdelivr.net/npm/@hachej/boring-ui-kit@0.2.4/r/button.json"
       ],
       "files": [
         {
@@ -681,32 +700,7 @@
           "type": "registry:component",
           "target": "components/pi-ambient/notifications.tsx"
         }
-      ],
-      "css": {
-        "@layer components": {
-          ".pi-chat.pi-ambient[data-variant=\"contrast\"]": {
-            "color-scheme": "dark",
-            "--background": "oklch(0.262 0.004 285)",
-            "--foreground": "oklch(0.975 0.002 286)",
-            "--card": "oklch(0.262 0.004 285)",
-            "--card-foreground": "oklch(0.975 0.002 286)",
-            "--popover": "oklch(0.3 0.005 285)",
-            "--popover-foreground": "oklch(0.975 0.002 286)",
-            "--primary": "oklch(0.985 0 0)",
-            "--primary-foreground": "oklch(0.21 0.006 285.885)",
-            "--secondary": "oklch(0.33 0.006 286)",
-            "--secondary-foreground": "oklch(0.985 0 0)",
-            "--muted": "oklch(0.315 0.005 286)",
-            "--muted-foreground": "oklch(0.7 0.01 286)",
-            "--accent": "oklch(0.35 0.006 286)",
-            "--accent-foreground": "oklch(0.985 0 0)",
-            "--destructive": "oklch(0.704 0.191 22.216)",
-            "--border": "oklch(1 0 0 / 9%)",
-            "--input": "oklch(1 0 0 / 14%)",
-            "--ring": "oklch(0.75 0.02 286)"
-          }
-        }
-      }
+      ]
     },
     {
       "name": "pi-workspace",
@@ -718,8 +712,8 @@
         "react-dom@^19.0.0"
       ],
       "registryDependencies": [
-        "@boring-ui/pi-chat",
-        "@boring-ui/utils"
+        "https://cdn.jsdelivr.net/npm/@hachej/boring-ui-kit@0.2.4/r/pi-chat.json",
+        "https://cdn.jsdelivr.net/npm/@hachej/boring-ui-kit@0.2.4/r/utils.json"
       ],
       "files": [
         {
@@ -740,19 +734,19 @@
       "title": "Pi agent app",
       "description": "AgentWorkspace: a whole agent page in one component. Left: the sessions pane (search, New, rename, archive, delete; collapsible, a drawer on a narrow screen). Center: PiChat. Right: the artifact viewers (artifact panel with versions, file viewer, auto-open of new artifacts) in the ArtifactWorkspace panel, a full-screen sheet on a phone. Props are data and callbacks; hooks for the conversations handler (useConversations), the chat transport (useRemoteChat) and saved resources (useSaved).",
       "dependencies": [
-        "@hachej/boring-ui-kit@^0.2.2",
-        "@hachej/boring-files@^0.2.2",
+        "@hachej/boring-ui-kit@^0.2.4",
+        "@hachej/boring-files@^0.2.4",
         "react@^19.0.0",
         "react-dom@^19.0.0",
         "lucide-react@^1.51.0",
         "radix-ui@^1.8.0"
       ],
       "registryDependencies": [
-        "@boring-ui/pi-chat",
-        "@boring-ui/pi-workspace",
-        "@boring-ui/viewers",
-        "@boring-ui/utils",
-        "@boring-ui/button"
+        "https://cdn.jsdelivr.net/npm/@hachej/boring-ui-kit@0.2.4/r/pi-chat.json",
+        "https://cdn.jsdelivr.net/npm/@hachej/boring-ui-kit@0.2.4/r/pi-workspace.json",
+        "https://cdn.jsdelivr.net/npm/@hachej/boring-ui-kit@0.2.4/r/viewers.json",
+        "https://cdn.jsdelivr.net/npm/@hachej/boring-ui-kit@0.2.4/r/utils.json",
+        "https://cdn.jsdelivr.net/npm/@hachej/boring-ui-kit@0.2.4/r/button.json"
       ],
       "files": [
         {
@@ -800,11 +794,6 @@
           "type": "registry:hook",
           "target": "components/pi-app/use-conversations.ts"
         },
-        {
-          "path": "registry/pi-app/use-remote-chat.ts",
-          "type": "registry:hook",
-          "target": "components/pi-app/use-remote-chat.ts"
-        },
         {
           "path": "registry/pi-app/app-labels.ts",
           "type": "registry:lib",
@@ -822,14 +811,117 @@
         }
       ]
     },
+    {
+      "name": "app-shell",
+      "type": "registry:block",
+      "title": "App shell: screen layout and agent layer",
+      "description": "AppShell layout \"screen\": one screen at a time, every screen kept mounted. On a phone bottom tabs (at most four; more give three plus a « Plus » sheet) and an avatar button that opens the account sheet; on a wide screen the shadcn sidebar (icon rail, NavUser). One header per screen through useScreenHeader (title, subtitle, back, up to two actions, the rest behind « … »). The account menu holds « Améliorer l'app » (the improve agent), the app's own entries and sign out. AppSheet is the one bottom sheet (one open at a time, Back closes it). It mounts the AgentLayer: one agent's PiChat above the app (phone: a drawer with peek, half and full snap points; wide: a right panel), the improve agent in the same layer, optional push-to-talk and point mode. Also useAgentContext and readAgentContext (the screen on show travels as `context` with each submit) and useBackLayer, the one Back manager. Built on the shadcn drawer, sidebar, avatar and dropdown-menu of the host's own style (Base UI variants).",
+      "dependencies": [
+        "@hachej/boring-feedback@^0.2.4",
+        "@hachej/boring-ui-kit@^0.2.4",
+        "@base-ui/react@^1.8.0",
+        "react@^19.0.0",
+        "react-dom@^19.0.0",
+        "lucide-react@^1.51.0"
+      ],
+      "registryDependencies": [
+        "https://cdn.jsdelivr.net/npm/@hachej/boring-ui-kit@0.2.4/r/pi-chat.json",
+        "https://cdn.jsdelivr.net/npm/@hachej/boring-ui-kit@0.2.4/r/feedback.json",
+        "https://cdn.jsdelivr.net/npm/@hachej/boring-ui-kit@0.2.4/r/utils.json",
+        "https://cdn.jsdelivr.net/npm/@hachej/boring-ui-kit@0.2.4/r/button.json",
+        "drawer",
+        "sidebar",
+        "avatar",
+        "dropdown-menu"
+      ],
+      "css": {
+        "@layer base": {
+          ".app-shell :where(button, [role=button])": {
+            "appearance": "none",
+            "background-color": "transparent",
+            "border": "0 solid",
+            "font": "inherit",
+            "color": "inherit",
+            "cursor": "pointer",
+            "padding": "0"
+          },
+          ".app-shell :where(h2)": {
+            "margin": "0",
+            "font": "inherit"
+          }
+        }
+      },
+      "files": [
+        {
+          "path": "registry/app-shell/agent-layer.tsx",
+          "type": "registry:component",
+          "target": "components/app-shell/agent-layer.tsx"
+        },
+        {
+          "path": "registry/app-shell/agent-context.ts",
+          "type": "registry:lib",
+          "target": "components/app-shell/agent-context.ts"
+        },
+        {
+          "path": "registry/app-shell/back.ts",
+          "type": "registry:lib",
+          "target": "components/app-shell/back.ts"
+        },
+        {
+          "path": "registry/app-shell/use-visual-viewport.ts",
+          "type": "registry:hook",
+          "target": "components/app-shell/use-visual-viewport.ts"
+        },
+        {
+          "path": "registry/app-shell/text.ts",
+          "type": "registry:lib",
+          "target": "components/app-shell/text.ts"
+        },
+        {
+          "path": "registry/app-shell/app-shell.tsx",
+          "type": "registry:component",
+          "target": "components/app-shell/app-shell.tsx"
+        },
+        {
+          "path": "registry/app-shell/header.tsx",
+          "type": "registry:component",
+          "target": "components/app-shell/header.tsx"
+        },
+        {
+          "path": "registry/app-shell/nav.tsx",
+          "type": "registry:component",
+          "target": "components/app-shell/nav.tsx"
+        },
+        {
+          "path": "registry/app-shell/account.tsx",
+          "type": "registry:component",
+          "target": "components/app-shell/account.tsx"
+        },
+        {
+          "path": "registry/app-shell/sheet.tsx",
+          "type": "registry:component",
+          "target": "components/app-shell/sheet.tsx"
+        },
+        {
+          "path": "registry/app-shell/compact.ts",
+          "type": "registry:hook",
+          "target": "components/app-shell/compact.ts"
+        },
+        {
+          "path": "registry/app-shell/index.ts",
+          "type": "registry:lib",
+          "target": "components/app-shell/index.ts"
+        }
+      ]
+    },
     {
       "name": "viewers",
       "type": "registry:component",
       "title": "Viewers",
       "description": "The standard viewer top bar (title, status, viewer controls, Refresh, Share, Copy, Download, Open in new tab, Close, overflow menu) with Tailwind panes over it: the Markdown editor with a formatting toolbar and prose styling, the passive HTML preview and source editor, an image viewer with zoom and pan, and a PDF viewer. Owned, editable source over the borrowed controllers; no AI SDK.",
       "dependencies": [
-        "@hachej/boring-ui-kit@^0.2.2",
-        "@hachej/boring-files@^0.2.2",
+        "@hachej/boring-ui-kit@^0.2.4",
+        "@hachej/boring-files@^0.2.4",
         "react@^19.0.0",
         "react-dom@^19.0.0",
         "marked@^17.0.6",
@@ -848,9 +940,9 @@
         "lucide-react@^1.51.0"
       ],
       "registryDependencies": [
-        "@boring-ui/theme",
-        "@boring-ui/utils",
-        "@boring-ui/button"
+        "https://cdn.jsdelivr.net/npm/@hachej/boring-ui-kit@0.2.4/r/theme.json",
+        "https://cdn.jsdelivr.net/npm/@hachej/boring-ui-kit@0.2.4/r/utils.json",
+        "https://cdn.jsdelivr.net/npm/@hachej/boring-ui-kit@0.2.4/r/button.json"
       ],
       "files": [
         {
@@ -1473,8 +1565,8 @@
         "lucide-react@^1.51.0"
       ],
       "registryDependencies": [
-        "@boring-ui/theme",
-        "@boring-ui/utils"
+        "https://cdn.jsdelivr.net/npm/@hachej/boring-ui-kit@0.2.4/r/theme.json",
+        "https://cdn.jsdelivr.net/npm/@hachej/boring-ui-kit@0.2.4/r/utils.json"
       ],
       "files": [
         {
@@ -1490,9 +1582,9 @@
       "title": "Feedback",
       "description": "Feedback from the chat composer: one Feedback button starts feedback mode on the application page (hover, click to pin a numbered note, hold ⌥ to use the app, optional voice), and one chip carries the notes to the next message. FeedbackBar, NoteBubble, FeedbackChip with its review, useComposerFeedback for the pi-chat composer, and PickerOverlay styles. Optional, not mounted by default: PointButton, AnnotateSheet, FeedbackList and FeedbackReport. Picking, masking, anchoring and placement stay in @hachej/boring-feedback/page and /ui, so restyling cannot weaken them.",
       "dependencies": [
-        "@hachej/boring-feedback@^0.2.2",
-        "@hachej/boring-ui-kit@^0.2.2",
-        "@hachej/boring-files@^0.2.2",
+        "@hachej/boring-feedback@^0.2.4",
+        "@hachej/boring-ui-kit@^0.2.4",
+        "@hachej/boring-files@^0.2.4",
         "react@^19.0.0",
         "react-dom@^19.0.0",
         "lucide-react@^1.51.0"
@@ -1547,20 +1639,29 @@
           "path": "registry/feedback/feedback-labels.ts",
           "type": "registry:lib",
           "target": "components/feedback/feedback-labels.ts"
+        },
+        {
+          "path": "registry/feedback/point-mode.tsx",
+          "type": "registry:component",
+          "target": "components/feedback/point-mode.tsx"
         }
       ],
       "css": {
         "[data-boring=\"feedback\"]": {
-          "--boring-feedback-accent": "var(--primary, #2563eb)",
-          "--boring-feedback-reveal": "#d97706",
-          "--boring-feedback-surface": "var(--popover, var(--background, #ffffff))",
-          "--boring-feedback-text": "var(--popover-foreground, var(--foreground, #111827))",
-          "--boring-feedback-muted": "var(--muted-foreground, #6b7280)",
-          "--boring-feedback-border": "var(--border, #e5e7eb)",
-          "--boring-feedback-radius": "var(--radius, 0.625rem)",
-          "--boring-feedback-label-background": "#111827",
-          "--boring-feedback-label-foreground": "#f9fafb",
-          "font": "14px/1.45 ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
+          "--boring-feedback-accent": "var(--primary)",
+          "--boring-feedback-reveal": "var(--ring)",
+          "--boring-feedback-surface": "var(--popover)",
+          "--boring-feedback-text": "var(--popover-foreground)",
+          "--boring-feedback-muted": "var(--muted-foreground)",
+          "--boring-feedback-border": "var(--border)",
+          "--boring-feedback-radius": "var(--radius-lg, var(--radius, 0.625rem))",
+          "--boring-feedback-radius-md": "var(--radius-md, calc(var(--radius, 0.625rem) * 0.8))",
+          "--boring-feedback-shadow": "var(--shadow-lg, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1))",
+          "--boring-feedback-label-background": "var(--foreground)",
+          "--boring-feedback-label-foreground": "var(--background)",
+          "font-family": "inherit",
+          "font-size": "var(--text-sm, 0.875rem)",
+          "line-height": "var(--leading-normal, 1.5)",
           "color": "var(--boring-feedback-text)"
         },
         "[data-boring=\"feedback\"] *, [data-boring=\"feedback\"] *::before, [data-boring=\"feedback\"] *::after": {
@@ -1573,25 +1674,25 @@
           "gap": "0.375rem",
           "min-height": "2.25rem",
           "padding": "0 0.875rem",
-          "border": "1px solid var(--boring-feedback-border)",
-          "border-radius": "calc(var(--boring-feedback-radius) - 2px)",
+          "border": "var(--border-width, 1px) solid var(--boring-feedback-border)",
+          "border-radius": "var(--boring-feedback-radius-md)",
           "background": "var(--boring-feedback-surface)",
           "color": "var(--boring-feedback-text)",
           "font": "inherit",
-          "font-weight": "600",
+          "font-weight": "var(--font-weight-semibold, 600)",
           "cursor": "pointer"
         },
         "[data-boring=\"feedback\"] .boring-feedback-button:hover": {
-          "background": "var(--accent, #f3f4f6)"
+          "background": "var(--accent)"
         },
         "[data-boring=\"feedback\"] .boring-feedback-button:focus-visible, [data-boring=\"feedback\"] button:focus-visible, [data-boring=\"feedback\"] textarea:focus-visible": {
-          "outline": "2px solid var(--ring, var(--boring-feedback-accent))",
+          "outline": "2px solid var(--ring)",
           "outline-offset": "2px"
         },
         "[data-boring=\"feedback\"] .boring-feedback-button[data-variant=\"primary\"]": {
           "border-color": "transparent",
           "background": "var(--boring-feedback-accent)",
-          "color": "var(--primary-foreground, #ffffff)"
+          "color": "var(--primary-foreground)"
         },
         "[data-boring=\"feedback\"] .boring-feedback-button:disabled": {
           "opacity": "0.6",
@@ -1599,7 +1700,7 @@
         },
         "[data-boring=\"feedback\"] .boring-feedback-button[aria-pressed=\"true\"]": {
           "background": "var(--boring-feedback-accent)",
-          "color": "var(--primary-foreground, #ffffff)"
+          "color": "var(--primary-foreground)"
         },
         "[data-boring=\"feedback\"] .boring-feedback-icon": {
           "display": "inline-flex",
@@ -1608,10 +1709,10 @@
           "width": "2rem",
           "height": "2rem",
           "border": "0",
-          "border-radius": "0.5rem",
+          "border-radius": "var(--boring-feedback-radius-md)",
           "background": "transparent",
           "color": "var(--boring-feedback-muted)",
-          "font-size": "1.25rem",
+          "font-size": "var(--text-xl, 1.25rem)",
           "line-height": "1",
           "cursor": "pointer"
         },
@@ -1626,7 +1727,7 @@
           "text-overflow": "ellipsis",
           "white-space": "nowrap",
           "color": "var(--boring-feedback-muted)",
-          "font-size": "0.8125rem"
+          "font-size": "var(--text-sm, 0.875rem)"
         },
         "[data-boring=\"feedback\"] .boring-feedback-keys": {
           "opacity": "0.8"
@@ -1636,13 +1737,13 @@
           "flex-direction": "column",
           "gap": "0.75rem",
           "padding": "1rem",
-          "border": "1px solid var(--boring-feedback-border)",
+          "border": "var(--border-width, 1px) solid var(--boring-feedback-border)",
           "border-radius": "var(--boring-feedback-radius)",
           "background": "var(--boring-feedback-surface)"
         },
         "[data-boring=\"feedback\"].boring-feedback-sheet": {
           "z-index": "2147483000",
-          "box-shadow": "0 16px 48px rgb(0 0 0 / 18%)",
+          "box-shadow": "var(--boring-feedback-shadow)",
           "max-height": "calc(100dvh - 24px)",
           "overflow": "auto"
         },
@@ -1662,36 +1763,37 @@
         },
         "[data-boring=\"feedback\"] h2": {
           "margin": "0",
-          "font-size": "1rem",
-          "font-weight": "650"
+          "font-family": "var(--font-display, inherit)",
+          "font-size": "var(--text-base, 1rem)",
+          "font-weight": "var(--font-weight-semibold, 600)"
         },
         "[data-boring=\"feedback\"] h3": {
           "margin": "0 0 0.25rem",
-          "font-size": "0.875rem"
+          "font-size": "var(--text-sm, 0.875rem)"
         },
         "[data-boring=\"feedback\"] .boring-feedback-targets": {
           "margin": "0",
           "padding": "0",
           "list-style": "none",
           "color": "var(--boring-feedback-muted)",
-          "font-size": "0.8125rem"
+          "font-size": "var(--text-sm, 0.875rem)"
         },
         "[data-boring=\"feedback\"] .boring-feedback-field": {
           "display": "grid",
           "gap": "0.375rem",
-          "font-weight": "600",
-          "font-size": "0.8125rem"
+          "font-weight": "var(--font-weight-semibold, 600)",
+          "font-size": "var(--text-sm, 0.875rem)"
         },
         "[data-boring=\"feedback\"] textarea": {
           "width": "100%",
           "padding": "0.5rem 0.625rem",
-          "border": "1px solid var(--input, var(--boring-feedback-border))",
-          "border-radius": "calc(var(--boring-feedback-radius) - 2px)",
-          "background": "var(--background, #ffffff)",
+          "border": "var(--border-width, 1px) solid var(--input)",
+          "border-radius": "var(--boring-feedback-radius-md)",
+          "background": "var(--background)",
           "color": "inherit",
           "font": "inherit",
-          "font-size": "16px",
-          "font-weight": "400",
+          "font-size": "var(--text-base, 1rem)",
+          "font-weight": "var(--font-weight-normal, 400)",
           "resize": "vertical"
         },
         "[data-boring=\"feedback\"] .boring-feedback-actions": {
@@ -1703,31 +1805,33 @@
           "margin": "0",
           "min-height": "1.25em",
           "color": "var(--boring-feedback-muted)",
-          "font-size": "0.8125rem"
+          "font-size": "var(--text-sm, 0.875rem)"
         },
         "[data-boring=\"feedback\"] .boring-feedback-warning": {
           "margin": "0",
-          "color": "var(--destructive, #b91c1c)",
-          "font-size": "0.8125rem"
+          "color": "var(--destructive)",
+          "font-size": "var(--text-sm, 0.875rem)"
         },
         "[data-boring=\"feedback\"] .boring-feedback-notice": {
           "margin": "0",
           "padding": "0.5rem 0.625rem",
-          "border-radius": "calc(var(--boring-feedback-radius) - 2px)",
+          "border-radius": "var(--boring-feedback-radius-md)",
           "background": "color-mix(in srgb, var(--boring-feedback-reveal) 14%, transparent)",
-          "font-size": "0.8125rem"
+          "font-size": "var(--text-sm, 0.875rem)"
         },
         "[data-boring=\"feedback\"] .boring-feedback-copied pre, [data-boring=\"feedback\"] .boring-feedback-manual": {
           "max-height": "12rem",
           "overflow": "auto",
           "margin": "0.375rem 0 0",
-          "font": "12px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace",
+          "font-family": "var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace)",
+          "font-size": "var(--text-xs, 0.75rem)",
+          "line-height": "var(--leading-snug, 1.375)",
           "white-space": "pre-wrap"
         },
         "[data-boring=\"feedback\"] .boring-feedback-copied summary": {
           "cursor": "pointer",
           "color": "var(--boring-feedback-muted)",
-          "font-size": "0.8125rem"
+          "font-size": "var(--text-sm, 0.875rem)"
         },
         "[data-boring=\"feedback\"].boring-feedback-list ul": {
           "display": "flex",
@@ -1743,7 +1847,7 @@
           "width": "100%",
           "padding": "0.5rem 0.625rem",
           "border": "0",
-          "border-radius": "calc(var(--boring-feedback-radius) - 2px)",
+          "border-radius": "var(--boring-feedback-radius-md)",
           "background": "transparent",
           "color": "inherit",
           "font": "inherit",
@@ -1751,18 +1855,18 @@
           "cursor": "pointer"
         },
         "[data-boring=\"feedback\"].boring-feedback-list li button:hover, [data-boring=\"feedback\"].boring-feedback-list li button[aria-current=\"true\"]": {
-          "background": "var(--accent, #f3f4f6)"
+          "background": "var(--accent)"
         },
         "[data-boring=\"feedback\"] .boring-feedback-title": {
-          "font-weight": "600"
+          "font-weight": "var(--font-weight-semibold, 600)"
         },
         "[data-boring=\"feedback\"] .boring-feedback-meta": {
           "margin": "0",
           "color": "var(--boring-feedback-muted)",
-          "font-size": "0.8125rem"
+          "font-size": "var(--text-sm, 0.875rem)"
         },
         "[data-boring=\"feedback\"] [data-status=\"addressed\"]": {
-          "color": "#15803d"
+          "color": "var(--success, var(--primary))"
         },
         "[data-boring=\"feedback\"] .boring-feedback-empty": {
           "margin": "0",
@@ -1786,7 +1890,7 @@
           "gap": "0.5rem"
         },
         "[data-boring=\"feedback\"] .boring-feedback-anchors code": {
-          "font-size": "0.75rem",
+          "font-size": "var(--text-xs, 0.75rem)",
           "color": "var(--boring-feedback-muted)"
         },
         "[data-boring=\"feedback\"] .boring-feedback-candidates": {
@@ -1811,10 +1915,10 @@
           "max-width": "calc(100vw - 24px)",
           "margin": "0 auto",
           "padding": "0.375rem 0.5rem 0.375rem 0.875rem",
-          "border": "1px solid var(--boring-feedback-border)",
+          "border": "var(--border-width, 1px) solid var(--boring-feedback-border)",
           "border-radius": "999px",
           "background": "var(--boring-feedback-surface)",
-          "box-shadow": "0 10px 32px rgb(0 0 0 / 16%)"
+          "box-shadow": "var(--boring-feedback-shadow)"
         },
         "[data-boring=\"feedback\"].boring-feedback-bar[data-using=\"true\"]": {
           "border-color": "var(--boring-feedback-reveal)"
@@ -1825,7 +1929,7 @@
           "max-width": "none",
           "margin": "0 0.625rem 0.625rem",
           "flex-wrap": "wrap",
-          "border-radius": "0.75rem",
+          "border-radius": "var(--radius-xl, calc(var(--radius, 0.625rem) * 1.4))",
           "box-shadow": "none"
         },
         "[data-boring=\"feedback\"].boring-feedback-bar > *": {
@@ -1838,9 +1942,10 @@
         },
         "[data-boring=\"feedback\"] .boring-feedback-bar-title": {
           "display": "inline-flex",
+          "font-family": "var(--font-display, inherit)",
           "align-items": "center",
           "gap": "0.375rem",
-          "font-weight": "650"
+          "font-weight": "var(--font-weight-semibold, 600)"
         },
         "[data-boring=\"feedback\"] .boring-feedback-dot": {
           "width": "0.5rem",
@@ -1853,15 +1958,15 @@
         },
         "[data-boring=\"feedback\"] .boring-feedback-bar-meta": {
           "color": "var(--boring-feedback-muted)",
-          "font-size": "0.8125rem"
+          "font-size": "var(--text-sm, 0.875rem)"
         },
         "[data-boring=\"feedback\"] .boring-feedback-alt": {
           "color": "var(--boring-feedback-muted)",
-          "font-size": "0.75rem"
+          "font-size": "var(--text-xs, 0.75rem)"
         },
         "[data-boring=\"feedback\"] .boring-feedback-icon[aria-pressed=\"true\"]": {
-          "background": "color-mix(in srgb, #dc2626 16%, transparent)",
-          "color": "#dc2626"
+          "background": "color-mix(in srgb, var(--destructive) 16%, transparent)",
+          "color": "var(--destructive)"
         },
         "[data-boring=\"feedback\"] .boring-feedback-icon:disabled": {
           "opacity": "0.45",
@@ -1873,16 +1978,16 @@
           "gap": "0.375rem",
           "padding": "0.125rem 0.5rem",
           "border-radius": "999px",
-          "background": "color-mix(in srgb, #dc2626 12%, transparent)",
-          "color": "#b91c1c",
-          "font-size": "0.75rem",
-          "font-weight": "650"
+          "background": "color-mix(in srgb, var(--destructive) 12%, transparent)",
+          "color": "var(--destructive)",
+          "font-size": "var(--text-xs, 0.75rem)",
+          "font-weight": "var(--font-weight-semibold, 600)"
         },
         "[data-boring=\"feedback\"] .boring-feedback-rec": {
           "width": "0.5rem",
           "height": "0.5rem",
           "border-radius": "50%",
-          "background": "#dc2626"
+          "background": "var(--destructive)"
         },
         "[data-boring=\"feedback\"].boring-feedback-bar[data-docked=\"true\"] > .boring-feedback-hint": {
           "flex": "1 1 10rem",
@@ -1893,12 +1998,12 @@
           "min-height": "2rem",
           "padding": "0 0.625rem",
           "gap": "0.3125rem",
-          "font-size": "0.8125rem"
+          "font-size": "var(--text-sm, 0.875rem)"
         },
         "[data-boring=\"feedback\"] .boring-feedback-record[aria-pressed=\"true\"]": {
           "border-color": "transparent",
-          "background": "#dc2626",
-          "color": "#ffffff"
+          "background": "var(--destructive)",
+          "color": "white"
         },
         "[data-boring=\"feedback\"] .boring-feedback-stop": {
           "width": "0.625rem",
@@ -1910,13 +2015,13 @@
           "font-variant-numeric": "tabular-nums"
         },
         "[data-boring=\"feedback\"].boring-feedback-bar[data-recording=\"true\"]": {
-          "border-color": "color-mix(in srgb, #dc2626 55%, var(--boring-feedback-border))"
+          "border-color": "color-mix(in srgb, var(--destructive) 55%, var(--boring-feedback-border))"
         },
         "[data-boring=\"feedback\"] .boring-feedback-voice-problem": {
           "flex": "1 1 100%",
           "margin": "0",
-          "color": "var(--destructive, #b91c1c)",
-          "font-size": "0.8125rem",
+          "color": "var(--destructive)",
+          "font-size": "var(--text-sm, 0.875rem)",
           "white-space": "normal"
         },
         "[data-boring=\"feedback\"] .boring-feedback-element": {
@@ -1933,8 +2038,8 @@
           "min-width": "2rem",
           "overflow": "hidden",
           "text-overflow": "ellipsis",
-          "font-size": "0.8125rem",
-          "font-weight": "600"
+          "font-size": "var(--text-sm, 0.875rem)",
+          "font-weight": "var(--font-weight-semibold, 600)"
         },
         "[data-boring=\"feedback\"] .boring-feedback-element-file": {
           "flex": "0 100 auto",
@@ -1942,26 +2047,28 @@
           "overflow": "hidden",
           "text-overflow": "ellipsis",
           "color": "var(--boring-feedback-muted)",
-          "font": "0.6875rem/1.4 ui-monospace, SFMono-Regular, Menlo, monospace"
+          "font-family": "var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace)",
+          "font-size": "var(--text-xs, 0.75rem)",
+          "line-height": "var(--leading-snug, 1.375)"
         },
         "[data-boring=\"feedback\"] .boring-feedback-badge": {
           "flex": "none",
           "padding": "0 0.375rem",
           "border-radius": "999px",
-          "background": "var(--muted, #f3f4f6)",
+          "background": "var(--muted)",
           "color": "var(--boring-feedback-muted)",
-          "font-size": "0.6875rem",
-          "line-height": "1.25rem"
+          "font-size": "var(--text-xs, 0.75rem)",
+          "line-height": "calc(var(--spacing, 0.25rem) * 5)"
         },
         "[data-boring=\"feedback\"].boring-feedback-bubble": {
           "z-index": "2147483001",
           "display": "grid",
           "gap": "0.375rem",
           "padding": "0.5rem",
-          "border": "1px solid var(--boring-feedback-border)",
+          "border": "var(--border-width, 1px) solid var(--boring-feedback-border)",
           "border-radius": "var(--boring-feedback-radius)",
           "background": "var(--boring-feedback-surface)",
-          "box-shadow": "0 12px 32px rgb(0 0 0 / 18%)"
+          "box-shadow": "var(--boring-feedback-shadow)"
         },
         "[data-boring=\"feedback\"] .boring-feedback-bubble-head, [data-boring=\"feedback\"] .boring-feedback-note-head": {
           "display": "flex",
@@ -1976,11 +2083,11 @@
           "text-overflow": "ellipsis",
           "white-space": "nowrap",
           "color": "var(--boring-feedback-muted)",
-          "font-size": "0.75rem"
+          "font-size": "var(--text-xs, 0.75rem)"
         },
         "[data-boring=\"feedback\"] .boring-feedback-pin": {
           "color": "var(--boring-feedback-accent)",
-          "font-weight": "700"
+          "font-weight": "var(--font-weight-bold, 700)"
         },
         "[data-boring=\"feedback\"].boring-feedback-chip": {
           "position": "relative",
@@ -1990,10 +2097,10 @@
           "gap": "0.125rem",
           "max-width": "100%",
           "padding": "0.125rem 0.125rem 0.125rem 0.625rem",
-          "border": "1px solid var(--boring-feedback-border)",
+          "border": "var(--border-width, 1px) solid var(--boring-feedback-border)",
           "border-radius": "999px",
           "background": "color-mix(in srgb, var(--boring-feedback-accent) 8%, var(--boring-feedback-surface))",
-          "font-size": "0.8125rem"
+          "font-size": "var(--text-sm, 0.875rem)"
         },
         "[data-boring=\"feedback\"] .boring-feedback-chip-open": {
           "min-width": "0",
@@ -2002,19 +2109,19 @@
           "background": "transparent",
           "color": "inherit",
           "font": "inherit",
-          "font-weight": "600",
+          "font-weight": "var(--font-weight-semibold, 600)",
           "text-align": "left",
           "cursor": "pointer"
         },
         "[data-boring=\"feedback\"] .boring-feedback-chip-route": {
           "color": "var(--boring-feedback-muted)",
-          "font-family": "ui-monospace, SFMono-Regular, Menlo, monospace",
-          "font-weight": "500"
+          "font-family": "var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace)",
+          "font-weight": "var(--font-weight-medium, 500)"
         },
         "[data-boring=\"feedback\"] .boring-feedback-chip-remove": {
           "width": "1.5rem",
           "height": "1.5rem",
-          "font-size": "1rem"
+          "font-size": "var(--text-base, 1rem)"
         },
         "[data-boring=\"feedback\"].boring-feedback-review": {
           "z-index": "2147483000",
@@ -2024,10 +2131,10 @@
           "max-height": "min(28rem, calc(100dvh - 24px))",
           "overflow": "auto",
           "padding": "0.875rem",
-          "border": "1px solid var(--boring-feedback-border)",
+          "border": "var(--border-width, 1px) solid var(--boring-feedback-border)",
           "border-radius": "var(--boring-feedback-radius)",
           "background": "var(--boring-feedback-surface)",
-          "box-shadow": "0 16px 48px rgb(0 0 0 / 18%)",
+          "box-shadow": "var(--boring-feedback-shadow)",
           "text-align": "left"
         },
         "[data-boring=\"feedback\"] .boring-feedback-notes": {
@@ -2042,10 +2149,65 @@
           "display": "grid",
           "gap": "0.25rem",
           "padding": "0.375rem",
-          "border-radius": "calc(var(--boring-feedback-radius) - 2px)"
+          "border-radius": "var(--boring-feedback-radius-md)"
         },
         "[data-boring=\"feedback\"] .boring-feedback-notes > li:hover, [data-boring=\"feedback\"] .boring-feedback-notes > li:focus-within": {
-          "background": "var(--accent, #f3f4f6)"
+          "background": "var(--accent)"
+        },
+        "[data-boring=\"feedback\"].boring-feedback-pointbar": {
+          "position": "fixed",
+          "left": "8px",
+          "right": "8px",
+          "z-index": "2147483000",
+          "display": "flex",
+          "flex-direction": "column",
+          "gap": "0.375rem",
+          "max-width": "32rem",
+          "margin": "0 auto",
+          "padding": "0.5rem",
+          "border": "var(--border-width, 1px) solid var(--boring-feedback-border)",
+          "border-radius": "var(--boring-feedback-radius)",
+          "background": "var(--boring-feedback-surface)",
+          "box-shadow": "var(--boring-feedback-shadow)"
+        },
+        "[data-boring=\"feedback\"].boring-feedback-pointbar[data-using=\"true\"]": {
+          "border-color": "var(--boring-feedback-reveal)"
+        },
+        "[data-boring=\"feedback\"].boring-feedback-pointbar[data-using=\"true\"] .boring-feedback-dot": {
+          "background": "var(--boring-feedback-reveal)"
+        },
+        "[data-boring=\"feedback\"] .boring-feedback-point-line": {
+          "display": "flex",
+          "align-items": "center",
+          "gap": "0.5rem",
+          "min-width": "0",
+          "padding": "0 0.25rem"
+        },
+        "[data-boring=\"feedback\"] .boring-feedback-point-line .boring-feedback-dot": {
+          "flex": "none"
+        },
+        "[data-boring=\"feedback\"] .boring-feedback-point-hint": {
+          "flex": "1",
+          "min-width": "0",
+          "font-weight": "var(--font-weight-semibold, 600)"
+        },
+        "[data-boring=\"feedback\"] .boring-feedback-point-count": {
+          "flex": "none",
+          "color": "var(--boring-feedback-muted)",
+          "font-size": "var(--text-sm, 0.875rem)",
+          "font-variant-numeric": "tabular-nums"
+        },
+        "[data-boring=\"feedback\"] .boring-feedback-point-actions": {
+          "display": "flex",
+          "align-items": "center",
+          "gap": "0.375rem"
+        },
+        "[data-boring=\"feedback\"] .boring-feedback-point-actions .boring-feedback-button": {
+          "min-height": "2.75rem",
+          "min-width": "2.75rem"
+        },
+        "[data-boring=\"feedback\"] .boring-feedback-point-spacer": {
+          "flex": "1"
         },
         "@media (max-width: 640px), (pointer: coarse)": {
           "[data-boring=\"feedback\"] .boring-feedback-button": {
@@ -2084,10 +2246,10 @@
           "width": "min(40rem, calc(100vw - 24px))",
           "margin": "0 auto",
           "padding": "0.75rem 0.875rem",
-          "border": "2px solid var(--boring-feedback-reveal)",
+          "border": "calc(var(--border-width, 1px) * 2) solid var(--boring-feedback-reveal)",
           "border-radius": "var(--boring-feedback-radius)",
           "background": "var(--boring-feedback-surface)",
-          "box-shadow": "0 12px 36px rgb(0 0 0 / 18%)"
+          "box-shadow": "var(--boring-feedback-shadow)"
         },
         "[data-boring=\"feedback\"] .boring-feedback-preview-head": {
           "display": "flex",
@@ -2098,19 +2260,19 @@
         "[data-boring=\"feedback\"] .boring-feedback-preview-title": {
           "padding": "0.125rem 0.5rem",
           "border-radius": "999px",
-          "background": "var(--boring-feedback-reveal)",
-          "color": "#ffffff",
-          "font-size": "0.8125rem",
-          "letter-spacing": "0.02em",
+          "background": "var(--primary)",
+          "color": "var(--primary-foreground)",
+          "font-size": "var(--text-sm, 0.875rem)",
+          "letter-spacing": "var(--tracking-wide, 0.025em)",
           "text-transform": "uppercase"
         },
         "[data-boring=\"feedback\"] .boring-feedback-preview-notice": {
-          "font-weight": "600"
+          "font-weight": "var(--font-weight-semibold, 600)"
         },
         "[data-boring=\"feedback\"] .boring-feedback-preview-status": {
           "margin-left": "auto",
           "color": "var(--boring-feedback-muted)",
-          "font-size": "0.8125rem"
+          "font-size": "var(--text-sm, 0.875rem)"
         },
         "[data-boring=\"feedback\"] .boring-feedback-preview-summary": {
           "margin": "0"
@@ -2119,15 +2281,15 @@
           "margin": "0",
           "padding-left": "1.125rem",
           "color": "var(--boring-feedback-muted)",
-          "font-size": "0.8125rem"
+          "font-size": "var(--text-sm, 0.875rem)"
         },
         "[data-boring=\"feedback\"] .boring-feedback-preview-changes code": {
-          "font-size": "0.75rem"
+          "font-size": "var(--text-xs, 0.75rem)"
         },
         "[data-boring=\"feedback\"] .boring-feedback-preview-error": {
           "margin": "0",
-          "color": "#b91c1c",
-          "font-size": "0.8125rem"
+          "color": "var(--destructive)",
+          "font-size": "var(--text-sm, 0.875rem)"
         },
         "[data-boring=\"feedback\"] .boring-feedback-preview-actions": {
           "display": "flex",
@@ -2139,8 +2301,8 @@
           "min-width": "0",
           "min-height": "2.25rem",
           "padding": "0 0.75rem",
-          "border": "1px solid var(--boring-feedback-border)",
-          "border-radius": "calc(var(--boring-feedback-radius) - 2px)",
+          "border": "var(--border-width, 1px) solid var(--boring-feedback-border)",
+          "border-radius": "var(--boring-feedback-radius-md)",
           "background": "var(--boring-feedback-surface)",
           "color": "var(--boring-feedback-text)",
           "font": "inherit"
@@ -2153,12 +2315,17 @@
         "[data-boring=\"feedback\"] .boring-feedback-bubble-actions .boring-feedback-button": {
           "min-height": "2rem",
           "padding": "0 0.625rem",
-          "font-size": "0.8125rem"
+          "font-size": "var(--text-sm, 0.875rem)"
+        },
+        "@media (pointer: coarse)": {
+          "[data-boring=\"feedback\"] .boring-feedback-bubble-actions .boring-feedback-button": {
+            "min-height": "2.75rem"
+          }
         }
       },
       "registryDependencies": [
-        "@boring-ui/pi-chat",
-        "@boring-ui/utils"
+        "https://cdn.jsdelivr.net/npm/@hachej/boring-ui-kit@0.2.4/r/pi-chat.json",
+        "https://cdn.jsdelivr.net/npm/@hachej/boring-ui-kit@0.2.4/r/utils.json"
       ]
     },
     {
@@ -2167,8 +2334,8 @@
       "title": "Feedback preview",
       "description": "PreviewBanner: a live, reversible preview of a change in the page (Approve / Discard) over `@hachej/boring-feedback/preview`, whose subagent calls models through a host gateway. Separate from `feedback` so annotation-only apps do not install the model SDK; install `feedback` first (its styles cover the banner).",
       "dependencies": [
-        "@hachej/boring-feedback@^0.2.2",
-        "@earendil-works/pi-ai@^1.1.0",
+        "@hachej/boring-feedback@^0.2.4",
+        "@earendil-works/pi-ai@~1.1.0",
         "react@^19.0.0"
       ],
       "files": [
@@ -2185,8 +2352,8 @@
       "title": "Consumer task-list viewer",
       "description": "A consumer-defined task-list schema and controller over the shared text buffer, with a restylable borrowed React renderer.",
       "dependencies": [
-        "@hachej/boring-ui-kit@^0.2.2",
-        "@hachej/boring-files@^0.2.2",
+        "@hachej/boring-ui-kit@^0.2.4",
+        "@hachej/boring-files@^0.2.4",
         "react@^19.0.0",
         "react-dom@^19.0.0",
         "zod@^4.6.5"
@@ -2252,14 +2419,14 @@
       "title": "File tree",
       "description": "Browse, search, upload and inspect retained versions through one revisionProvider binding.",
       "dependencies": [
-        "@hachej/boring-ui-kit@^0.2.2",
-        "@hachej/boring-files@^0.2.2",
+        "@hachej/boring-ui-kit@^0.2.4",
+        "@hachej/boring-files@^0.2.4",
         "react@^19.0.0",
         "radix-ui@^1.8.0",
         "lucide-react@^1.51.0"
       ],
       "registryDependencies": [
-        "@boring-ui/theme"
+        "https://cdn.jsdelivr.net/npm/@hachej/boring-ui-kit@0.2.4/r/theme.json"
       ],
       "files": [
         {