@xenosystem/blocks 0.9.0 → 0.9.2

package/dist/agent/index.d.ts

@@ -562,6 +562,15 @@ interface AgentPanelViewProps {
     showSessions?: boolean;
     emptyHint?: string;
 }
+/**
+ * The composer field.
+ *
+ * 🔴 `outline: 'none'` is REQUIRED, not a preference. `DESIGN_SYSTEM.md` exempts text entry from
+ * the global `:focus-visible` ring: `outline-offset` draws the ring OUTSIDE the field, where it
+ * reads as a stray stroke over the input container and makes the control look broken on dark
+ * chrome. The ring stays everywhere else — removing it globally would be a real keyboard-a11y
+ * regression on buttons.
+ */
 /** The view. */
 declare function AgentPanelView({ controller, submitOnEnter, showLane, showSessions, emptyHint, }: AgentPanelViewProps): ReactNode;
 

package/dist/agent/index.js

@@ -1037,6 +1037,7 @@ var agentManifest = {
 import { useSyncExternalStore } from "react";
 import {
   Badge,
+  Composer,
   EmptyState,
   Row,
   RowList,
@@ -1064,17 +1065,6 @@ var TURN = {
   cancelled: { label: "Cancelled", tone: "neutral" }
 };
 var COLUMN = { display: "flex", flexDirection: "column", height: "100%", minHeight: 0 };
-var COMPOSER = {
-  width: "100%",
-  minHeight: 64,
-  resize: "vertical",
-  background: "transparent",
-  color: "inherit",
-  border: "none",
-  outline: "none",
-  font: "inherit",
-  padding: "8px 10px"
-};
 function AgentPanelView({
   controller,
   submitOnEnter = true,
@@ -1138,20 +1128,13 @@ function AgentPanelView({
       provider.id
     )) }) : null,
     /* @__PURE__ */ jsx(
-      "textarea",
+      Composer,
       {
-        style: COMPOSER,
         value: state.draft,
         placeholder: state.busy ? "Steer the running turn\u2026" : "Ask the agent\u2026",
-        onChange: (event) => controller.setDraft(event.target.value),
-        onKeyDown: (event) => {
-          if (event.key !== "Enter") return;
-          const wantsSubmit = submitOnEnter ? !event.shiftKey : event.shiftKey;
-          if (!wantsSubmit) return;
-          event.preventDefault();
-          if (state.busy) controller.steer();
-          else controller.submit();
-        }
+        submitOnEnter,
+        onChange: (draft) => controller.setDraft(draft),
+        onSubmit: () => state.busy ? controller.steer() : controller.submit()
       }
     ),
     /* @__PURE__ */ jsx(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xenosystem/blocks",
-  "version": "0.9.0",
+  "version": "0.9.2",
   "description": "XENO Blocks \u2014 rung 3 of the front ladder: components composed into a contract-bearing unit (manifest: ports, intents, commands, agent surface), rendered by @xenosystem/workbench. ONE package, one subpath per family (/auth, /edit, /data, /time, /ops, /trust, /agent), one named export per block \u2014 XENO PACKAGE NAMING - STANDARD.md.",
   "license": "UNLICENSED",
   "type": "module",
@@ -58,7 +58,7 @@
     "test": "vitest run"
   },
   "peerDependencies": {
-    "@xenosystem/components": ">=0.6.0 <1",
+    "@xenosystem/components": ">=0.9.1 <1",
     "@xenosystem/elements-react": ">=0.0.1",
     "@xenosystem/workbench": "^1.0.0",
     "react": ">=18.0.0",
@@ -75,7 +75,7 @@
     "@types/node": "^22.0.0",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
-    "@xenosystem/components": "^0.8.0",
+    "@xenosystem/components": "^0.9.1",
     "@xenosystem/elements-react": "0.0.1",
     "@xenosystem/workbench": "^1.2.0",
     "jsdom": "^26.0.0",