@hachej/boring-agent 0.1.20 → 0.1.23

package/README.md

@@ -28,6 +28,7 @@ npx @hachej/boring-agent
 | **Three execution modes** | `direct` (no isolation, macOS dev) / `local` (bwrap sandbox) / `vercel-sandbox` (Firecracker microVM) |
 | **CLI + embeddable** | `npx @hachej/boring-agent` works standalone; `<ChatPanel />` composes into any layout |
 | **7 standard tools** | `bash`, `read`, `write`, `edit`, `find`, `grep`, `ls` — ported from pi-coding-agent |
+| **Workspace-local runtime provisioning** | Generates `.boring-agent` inside the selected workspace for mirrored skills, SDKs, CLIs, and templates |
 | **Workspace-agnostic FS** | `Workspace` interface — agent tools and HTTP routes share the same filesystem view |
 | **Session management** | List, create, switch, delete sessions with streamed history hydration |
 | **UI bridge** | Agent opens files, panels, and surfaces in the workbench via typed commands |
@@ -58,6 +59,21 @@ write a test for src/utils.ts
 
 ---
 
+## Workspace-local runtime provisioning
+
+Boring UI keeps generated runtime state in the selected workspace at
+`$BORING_AGENT_WORKSPACE_ROOT/.boring-agent`. Plugin skills are mirrored to
+`.boring-agent/skills`, runtime CLIs live under `.boring-agent/node` or
+`.boring-agent/venv`, and templates seed only missing workspace files. The
+folder is generated/disposable and should not be hand-edited or committed.
+
+See [docs/runtime-provisioning.md](docs/runtime-provisioning.md) for the full
+user and plugin-author contract, including package metadata shape,
+`provisionWorkspace: false`, `/api/v1/agent/reload`, and direct/local/Vercel
+mode behavior.
+
+---
+
 ## Architecture
 
 ```

package/dist/{chunk-W73RUHY3.js → chunk-6R7O6BHW.js}

@@ -1,3 +1,16 @@
+// src/shared/telemetry.ts
+var noopTelemetry = {
+  capture() {
+  }
+};
+function safeCapture(telemetry, event) {
+  try {
+    void Promise.resolve(telemetry.capture(event)).catch(() => {
+    });
+  } catch {
+  }
+}
+
 // src/shared/error-codes.ts
 import { z } from "zod";
 var ErrorCode = z.enum([
@@ -37,6 +50,15 @@ var ErrorCode = z.enum([
   // Plugin
   "PLUGIN_LOAD_FAILED",
   "PLUGIN_NAME_COLLISION",
+  // Runtime provisioning
+  "PROVISIONING_LAYOUT_FAILED",
+  "PROVISIONING_SKILLS_FAILED",
+  "PROVISIONING_TEMPLATES_FAILED",
+  "PROVISIONING_NODE_PREFLIGHT_FAILED",
+  "PROVISIONING_NPM_INSTALL_FAILED",
+  "PROVISIONING_UV_BOOTSTRAP_FAILED",
+  "PROVISIONING_UV_INSTALL_FAILED",
+  "PROVISIONING_ARTIFACT_FAILED",
   // Internal
   "INTERNAL_ERROR"
 ]);
@@ -68,6 +90,8 @@ function validateTool(tool) {
 }
 
 export {
+  noopTelemetry,
+  safeCapture,
   ErrorCode,
   ERROR_CODES,
   ApiErrorPayloadSchema,

package/dist/front/index.d.ts

@@ -5,7 +5,7 @@ import { T as ToolUiMetadata } from '../tool-ui-DIFNGwYd.js';
 import * as ai from 'ai';
 import { UIMessage, FileUIPart, ChatStatus } from 'ai';
 import * as _ai_sdk_react from '@ai-sdk/react';
-import { S as SendMessageInput, e as SessionSummary } from '../harness-DRrTn_5T.js';
+import { S as SendMessageInput, e as SessionSummary } from '../harness-BCit36Ha.js';
 import { Button, Collapsible, CollapsibleContent, CollapsibleTrigger, InputGroupAddon, InputGroupButton, InputGroupTextarea } from '@hachej/boring-ui-kit';
 import { Streamdown } from 'streamdown';
 import { StickToBottom } from 'use-stick-to-bottom';

package/dist/front/index.js

@@ -4551,7 +4551,7 @@ function useAttachmentNotice(timeoutMs = 4e3) {
 
 // src/front/chatPanelComposerControls.tsx
 import { useState as useState19 } from "react";
-import { BotIcon, BrainIcon as BrainIcon2, CheckIcon as CheckIcon2, ChevronDownIcon as ChevronDownIcon5, EyeIcon, EyeOffIcon } from "lucide-react";
+import { CheckIcon as CheckIcon2, ChevronDownIcon as ChevronDownIcon5, EyeIcon, EyeOffIcon } from "lucide-react";
 import {
   Command as Command2,
   CommandEmpty as CommandEmpty2,
@@ -4603,6 +4603,33 @@ var THINKING_LEVEL_LABELS = {
   medium: "Med",
   high: "High"
 };
+function ThinkingLevelGlyph({ level }) {
+  const lit = level === "off" ? 0 : level === "low" ? 1 : level === "medium" ? 2 : 3;
+  return /* @__PURE__ */ jsx23(
+    "svg",
+    {
+      "aria-hidden": "true",
+      width: "14",
+      height: "14",
+      viewBox: "0 0 14 14",
+      fill: "none",
+      className: "shrink-0",
+      children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx23(
+        "rect",
+        {
+          x: 2 + i * 4,
+          y: 10 - i * 2,
+          width: "2",
+          height: 3 + i * 2,
+          rx: "0.5",
+          fill: "currentColor",
+          opacity: i < lit ? 1 : 0.25
+        },
+        i
+      ))
+    }
+  );
+}
 function ModelSelect({
   value,
   onChange,
@@ -4641,13 +4668,16 @@ function ModelSelect({
         "aria-label": "Model",
         className: cn(
           composerActionClass,
-          "w-auto max-w-[min(52vw,200px)] px-2 text-xs font-medium",
-          open && "bg-muted/60 text-foreground"
+          // Model is the only piece of state the composer carries between
+          // turns — give it a status-pill shape so it reads as data, not
+          // another tertiary control. The label is the signal; no icon
+          // (the bot/AI glyph was decoration, not information).
+          "w-auto max-w-[min(52vw,260px)] gap-1 rounded-full bg-muted/40 px-2.5 text-[12px] font-medium text-foreground/85 hover:bg-muted/70",
+          open && "bg-muted/70 text-foreground"
         ),
         children: [
-          /* @__PURE__ */ jsx23(BotIcon, { className: "h-4 w-4 shrink-0", "aria-hidden": "true" }),
           /* @__PURE__ */ jsx23("span", { className: "min-w-0 truncate", children: triggerLabel }),
-          /* @__PURE__ */ jsx23(ChevronDownIcon5, { className: "h-3 w-3 shrink-0 text-muted-foreground/60", "aria-hidden": "true" })
+          /* @__PURE__ */ jsx23(ChevronDownIcon5, { className: "h-3 w-3 shrink-0 text-muted-foreground/50", "aria-hidden": "true" })
         ]
       }
     ) }),
@@ -4657,7 +4687,7 @@ function ModelSelect({
         align: "start",
         sideOffset: 6,
         "data-boring-agent": "",
-        className: "w-[min(90vw,260px)] rounded-xl border-border/60 bg-popover p-1 shadow-xl",
+        className: "w-[min(92vw,340px)] rounded-xl border-border/60 bg-popover p-1 shadow-xl",
         children: /* @__PURE__ */ jsxs21(Command2, { children: [
           menuOptions.length > 8 && /* @__PURE__ */ jsx23(
             CommandInput2,
@@ -4686,7 +4716,13 @@ function ModelSelect({
                       },
                       className: cn(
                         "flex items-center gap-2 rounded-md px-2 py-1.5 text-[13px]",
-                        key === currentKey && "bg-accent text-accent-foreground"
+                        // Soften cmdk's full-saturation `data-[selected=true]:bg-accent`
+                        // (keyboard-cursor focus) to a subtle warm tint so the
+                        // active row doesn't read as a saturated tile in dark mode.
+                        "data-[selected=true]:bg-[color:oklch(from_var(--accent)_l_c_h/0.15)] data-[selected=true]:text-foreground",
+                        // The user's CURRENTLY-SELECTED model gets a neutral wash +
+                        // the CheckIcon (accent is reserved for primary CTA / focus).
+                        key === currentKey && "bg-foreground/[0.06] text-foreground"
                       ),
                       children: [
                         /* @__PURE__ */ jsx23(
@@ -4694,12 +4730,12 @@ function ModelSelect({
                           {
                             className: cn(
                               "h-3.5 w-3.5 shrink-0",
-                              key === currentKey ? "opacity-100" : "opacity-0"
+                              key === currentKey ? "text-[color:var(--accent)] opacity-100" : "opacity-0"
                             )
                           }
                         ),
                         /* @__PURE__ */ jsx23("span", { className: "truncate", children: label }),
-                        /* @__PURE__ */ jsx23("span", { className: "ml-auto shrink-0 text-[10px] text-muted-foreground/70", children: m.id })
+                        /* @__PURE__ */ jsx23("span", { className: "ml-auto shrink-0 text-[10px] text-muted-foreground/60", children: m.id })
                       ]
                     },
                     key
@@ -4733,12 +4769,17 @@ function ThinkingSelect({
           {
             "data-boring-agent-part": "thinking-select",
             "data-boring-state": disabled ? "disabled" : void 0,
-            className: cn(composerActionClass, "w-8 px-0"),
-            "aria-label": "Thinking level",
+            className: cn(
+              composerActionClass,
+              "w-8 px-0 [&>span[aria-hidden]]:hidden",
+              value !== "off" && "text-foreground"
+            ),
+            "aria-label": `Thinking level: ${THINKING_LEVEL_LABELS[value]}`,
+            title: `Thinking: ${THINKING_LEVEL_LABELS[value]}`,
             "data-testid": "thinking-select",
             children: [
               THINKING_LEVELS.map((level) => /* @__PURE__ */ jsx23("span", { "data-value": level, hidden: true }, level)),
-              /* @__PURE__ */ jsx23(BrainIcon2, { className: "h-3.5 w-3.5" })
+              /* @__PURE__ */ jsx23(ThinkingLevelGlyph, { level: value })
             ]
           }
         ),
@@ -4772,25 +4813,26 @@ function ThoughtVisibilityButton({
       variant: "ghost",
       size: "icon-sm",
       onClick: onToggle,
-      className: cn(composerActionClass, "w-8"),
+      className: cn(composerActionClass, "w-8", visible && "text-foreground"),
       "aria-pressed": visible,
       "aria-label": visible ? "Hide thoughts" : "Show thoughts",
       title: visible ? "Hide thoughts" : "Show thoughts",
-      children: /* @__PURE__ */ jsx23(Icon, { className: "h-3.5 w-3.5" })
+      children: /* @__PURE__ */ jsx23(Icon, { className: "h-3.5 w-3.5", strokeWidth: 1.75 })
     }
   );
 }
 
 // src/front/chatPanelKbdHints.tsx
+import { Kbd } from "@hachej/boring-ui-kit";
 import { jsx as jsx24, jsxs as jsxs22 } from "react/jsx-runtime";
 function KbdHints() {
   return /* @__PURE__ */ jsxs22(
-    "kbd",
+    Kbd,
     {
       "aria-hidden": "true",
+      title: "Shift + Enter for newline",
       className: cn(
-        "hidden h-5 items-center gap-0.5 rounded-[var(--radius-sm)] border border-border/50",
-        "bg-background/50 px-1.5 font-mono text-[10px] text-muted-foreground/40",
+        "hidden gap-0.5 border-border/60 bg-muted/40 leading-none shadow-none",
         "sm:inline-flex"
       ),
       children: [
@@ -5750,8 +5792,8 @@ ${reasoningPart.text}`;
                               onChange: handleComposerChange,
                               onKeyDown: handleComposerKeyDown,
                               className: cn(
-                                "min-h-[48px] resize-none border-0 bg-transparent shadow-none",
-                                "px-4 py-3 text-[13px] leading-[1.55] placeholder:text-muted-foreground/50",
+                                "min-h-11 resize-none border-0 bg-transparent shadow-none",
+                                "px-4 py-2.5 text-[13px] leading-[1.55] placeholder:text-muted-foreground/45",
                                 "focus-visible:ring-0 focus-visible:ring-offset-0"
                               )
                             }
@@ -5809,7 +5851,7 @@ ${reasoningPart.text}`;
                                           // to earn the real estate. Becomes a Stop affordance
                                           // (square icon + aria-label="Stop") while the turn
                                           // streams.
-                                          "h-8 w-8 shrink-0 rounded-[var(--radius-lg)]",
+                                          "h-8 w-8 shrink-0 rounded-full",
                                           "bg-[color:var(--accent)] text-[color:var(--accent-foreground)]",
                                           "transition-all duration-150 ease-[cubic-bezier(0.22,1,0.36,1)]",
                                           "hover:shadow-[0_0_0_3px_oklch(from_var(--accent)_l_c_h/0.30)] hover:brightness-110 hover:scale-[1.04]",
@@ -5863,7 +5905,7 @@ function AttachmentButton({ disabled }) {
       className: cn(composerActionClass, "w-8"),
       "aria-label": "Attach files",
       title: disabled ? "Attachments are available after the current response finishes." : "Attach files",
-      children: /* @__PURE__ */ jsx25(PaperclipIcon2, { className: "h-4 w-4" })
+      children: /* @__PURE__ */ jsx25(PaperclipIcon2, { className: "h-3.5 w-3.5", strokeWidth: 1.75 })
     }
   );
 }

package/dist/front/styles.css

@@ -322,9 +322,6 @@
   .h-4 {
     height: calc(var(--spacing) * 4);
   }
-  .h-5 {
-    height: calc(var(--spacing) * 5);
-  }
   .h-6 {
     height: calc(var(--spacing) * 6);
   }
@@ -364,12 +361,12 @@
   .min-h-6 {
     min-height: calc(var(--spacing) * 6);
   }
+  .min-h-11 {
+    min-height: calc(var(--spacing) * 11);
+  }
   .min-h-16 {
     min-height: calc(var(--spacing) * 16);
   }
-  .min-h-\[48px\] {
-    min-height: 48px;
-  }
   .\!w-full {
     width: 100% !important;
   }
@@ -409,8 +406,8 @@
   .w-\[1\.5ch\] {
     width: 1.5ch;
   }
-  .w-\[min\(90vw\,260px\)\] {
-    width: min(90vw, 260px);
+  .w-\[min\(92vw\,340px\)\] {
+    width: min(92vw, 340px);
   }
   .w-auto {
     width: auto;
@@ -448,8 +445,8 @@
   .max-w-\[680px\] {
     max-width: 680px;
   }
-  .max-w-\[min\(52vw\,200px\)\] {
-    max-width: min(52vw, 200px);
+  .max-w-\[min\(52vw\,260px\)\] {
+    max-width: min(52vw, 260px);
   }
   .max-w-full {
     max-width: 100%;
@@ -951,12 +948,6 @@
   .bg-background {
     background-color: var(--background);
   }
-  .bg-background\/50 {
-    background-color: var(--background);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--background) 50%, transparent);
-    }
-  }
   .bg-background\/60 {
     background-color: var(--background);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1032,6 +1023,12 @@
       background-color: color-mix(in oklab, var(--color-emerald-500) 70%, transparent);
     }
   }
+  .bg-foreground\/\[0\.06\] {
+    background-color: var(--foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--foreground) 6%, transparent);
+    }
+  }
   .bg-muted {
     background-color: var(--muted);
   }
@@ -1053,6 +1050,12 @@
       background-color: color-mix(in oklab, var(--muted) 30%, transparent);
     }
   }
+  .bg-muted\/40 {
+    background-color: var(--muted);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--muted) 40%, transparent);
+    }
+  }
   .bg-muted\/50 {
     background-color: var(--muted);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1065,6 +1068,12 @@
       background-color: color-mix(in oklab, var(--muted) 60%, transparent);
     }
   }
+  .bg-muted\/70 {
+    background-color: var(--muted);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--muted) 70%, transparent);
+    }
+  }
   .bg-muted\/80 {
     background-color: var(--muted);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1330,6 +1339,10 @@
     --tw-leading: 1.55;
     line-height: 1.55;
   }
+  .leading-none {
+    --tw-leading: 1;
+    line-height: 1;
+  }
   .leading-normal {
     --tw-leading: var(--leading-normal);
     line-height: var(--leading-normal);
@@ -1436,9 +1449,6 @@
   .text-accent {
     color: var(--accent);
   }
-  .text-accent-foreground {
-    color: var(--accent-foreground);
-  }
   .text-accent\/80 {
     color: var(--accent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1824,11 +1834,11 @@
       color: var(--foreground);
     }
   }
-  .placeholder\:text-muted-foreground\/50 {
+  .placeholder\:text-muted-foreground\/45 {
     &::placeholder {
       color: var(--muted-foreground);
       @supports (color: color-mix(in lab, red, red)) {
-        color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
+        color: color-mix(in oklab, var(--muted-foreground) 45%, transparent);
       }
     }
   }
@@ -2053,6 +2063,16 @@
       }
     }
   }
+  .hover\:bg-muted\/70 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--muted);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--muted) 70%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-primary\/10 {
     &:hover {
       @media (hover: hover) {
@@ -2255,6 +2275,21 @@
       opacity: 50%;
     }
   }
+  .data-\[selected\=true\]\:bg-\[color\:oklch\(from_var\(--accent\)_l_c_h\/0\.15\)\] {
+    &[data-selected="true"] {
+      background-color: oklch(from var(--accent) l c h/0.15);
+    }
+  }
+  .data-\[selected\=true\]\:bg-accent {
+    &[data-selected="true"] {
+      background-color: var(--accent);
+    }
+  }
+  .data-\[selected\=true\]\:text-foreground {
+    &[data-selected="true"] {
+      color: var(--foreground);
+    }
+  }
   .data-\[state\=active\]\:after\:bg-\[color\:var\(--accent\)\] {
     &[data-state="active"] {
       &::after {
@@ -2493,6 +2528,11 @@
       background-color: transparent;
     }
   }
+  .\[\&\>span\[aria-hidden\]\]\:hidden {
+    &>span[aria-hidden] {
+      display: none;
+    }
+  }
   .\[\&\>svg\]\:size-2\.5 {
     &>svg {
       width: calc(var(--spacing) * 2.5);

package/dist/{harness-DRrTn_5T.d.ts → harness-BCit36Ha.d.ts}

@@ -29,6 +29,18 @@ interface SessionDetail extends SessionSummary {
     messages: UIMessage[];
 }
 
+interface TelemetrySink {
+    capture(event: TelemetryEvent): void | Promise<void>;
+    flush?(): void | Promise<void>;
+}
+interface TelemetryEvent {
+    name: string;
+    distinctId?: string;
+    properties?: Record<string, unknown>;
+}
+declare const noopTelemetry: TelemetrySink;
+declare function safeCapture(telemetry: TelemetrySink, event: TelemetryEvent): void;
+
 type JSONSchema = Record<string, unknown>;
 interface AgentTool {
     name: string;
@@ -67,6 +79,8 @@ interface AgentHarnessFactoryInput {
      * prompt context without a workspace-injected harness extension.
      */
     systemPromptDynamic?: () => string | undefined | Promise<string | undefined>;
+    /** Host-provided telemetry sink. Optional and best-effort; harnesses may ignore it. */
+    telemetry?: TelemetrySink;
 }
 type AgentHarnessFactory = (input: AgentHarnessFactoryInput) => AgentHarness | Promise<AgentHarness>;
 interface AgentHarness {
@@ -127,4 +141,4 @@ interface RunContext {
     userId?: string;
 }
 
-export type { AgentTool as A, JSONSchema as J, RunContext as R, SendMessageInput as S, ToolExecContext as T, AgentHarness as a, SessionCtx as b, SessionDetail as c, SessionStore as d, SessionSummary as e, ToolResult as f, AgentHarnessFactory as g, AgentHarnessFactoryInput as h };
+export { type AgentTool as A, type JSONSchema as J, type RunContext as R, type SendMessageInput as S, type TelemetryEvent as T, type AgentHarness as a, type SessionCtx as b, type SessionDetail as c, type SessionStore as d, type SessionSummary as e, type TelemetrySink as f, type ToolExecContext as g, type ToolResult as h, type AgentHarnessFactory as i, type AgentHarnessFactoryInput as j, noopTelemetry as n, safeCapture as s };