anentrypoint-design 0.0.353 → 0.0.354

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "anentrypoint-design",
-  "version": "0.0.353",
+  "version": "0.0.354",
   "description": "247420 design system SDK — webjsx + modified ripple-ui, single-file ESM bundle for reproducible use of the AnEntrypoint design.",
   "type": "module",
   "main": "./dist/247420.js",

package/src/components/overlay-primitives.js

@@ -315,6 +315,40 @@ export function PermissionMenu({ trigger, categories = [], approved = [], onTogg
         : h('button', { type: 'button', class: 'ov-perm-trigger', ref: refFn }, child || 'Permissions');
 }
 
+// ApprovalPrompt — an inline, in-thread tool-permission card (as opposed to
+// PermissionMenu's settings-style dropdown): shows the tool name + an
+// optional args preview, an optional free-text note the user can attach to
+// their decision (auto-focused, since the note is usually the primary
+// reason to open this card at all), and up to four resolution actions
+// (once/session/all/deny). Mirrors docstudio's chat-approval-prompts.js
+// buildApprovalPrompt shape. The note textarea is entirely optional -
+// omitting `onDecision`'s use of the note arg keeps existing simpler
+// once/deny-only call sites unaffected.
+export function ApprovalPrompt({ toolName, categoryLabel, argsPreview, onDecision, autoFocusNote = true } = {}) {
+    let noteEl = null;
+    const noteRef = (el) => {
+        if (!el || noteEl === el) return;
+        noteEl = el;
+        if (autoFocusNote) queueMicrotask(() => noteEl && noteEl.focus());
+    };
+    const decide = (kind) => { if (onDecision) onDecision(kind, (noteEl && noteEl.value || '').trim()); };
+    return h('div', { class: 'ov-approval', role: 'group', 'aria-label': toolName ? `Permission requested: ${toolName}` : 'Permission requested' },
+        h('div', { class: 'ov-approval-head' },
+            h('span', { class: 'ov-approval-icon' }, Icon('lock', { size: 16 })),
+            h('strong', { class: 'ov-approval-tool' }, toolName || ''),
+            categoryLabel ? h('span', { class: 'ov-approval-cat' }, '- ' + categoryLabel) : null),
+        argsPreview ? h('pre', { class: 'ov-approval-args' }, argsPreview) : null,
+        h('textarea', {
+            class: 'ov-approval-note', ref: noteRef,
+            placeholder: 'Add instructions for the assistant (optional)...',
+        }),
+        h('div', { class: 'ov-approval-actions' },
+            h('button', { type: 'button', class: 'ov-approval-btn ov-approval-btn-primary', onclick: () => decide('once') }, 'Allow once'),
+            h('button', { type: 'button', class: 'ov-approval-btn ov-approval-btn-soft', onclick: () => decide('session') }, 'Allow for session'),
+            h('button', { type: 'button', class: 'ov-approval-btn', onclick: () => decide('all') }, 'Allow all'),
+            h('button', { type: 'button', class: 'ov-approval-btn ov-approval-btn-deny', onclick: () => decide('deny') }, 'Deny')));
+}
+
 // Clamp a fixed-position box to the viewport given desired top-left coords.
 function _clampToViewport(x, y, w, h, margin = CLAMP_MARGIN) {
     const vw = (typeof window !== 'undefined' ? window.innerWidth : 1024);

package/src/components/shell.js

@@ -143,6 +143,7 @@ export function Glyph({ children, color, size = 'base', label } = {}) {
 // Monochrome inline-SVG icons (stroke=currentColor) so chrome reads as one
 // coherent line-icon set instead of multicolor OS emoji. 16px box, 1.6 stroke.
 export const ICON_PATHS = {
+    lock: '<rect x="4" y="10" width="16" height="11" rx="2"/><path d="M8 10V7a4 4 0 0 1 8 0v3"/>',
     mic: '<path d="M12 3a3 3 0 0 0-3 3v5a3 3 0 0 0 6 0V6a3 3 0 0 0-3-3z"/><path d="M5 11a7 7 0 0 0 14 0M12 18v3"/>',
     'mic-off': '<path d="M9 9v2a3 3 0 0 0 4.5 2.6M15 11V6a3 3 0 0 0-5.9-.8"/><path d="M5 11a7 7 0 0 0 11.5 5.4M12 18v3"/><path d="m4 4 16 16"/>',
     speaker: '<path d="M11 5 6 9H3v6h3l5 4z"/><path d="M15.5 8.5a5 5 0 0 1 0 7M18.5 5.5a9 9 0 0 1 0 13"/>',

package/src/components.js

@@ -90,7 +90,7 @@ export {
 export {
     Tooltip, Popover, Dropdown, useLongPress, useFloating,
     CommandPalette, EmojiPicker, BootOverlay, SettingsPopover,
-    AuthModal, VideoLightbox, PermissionMenu
+    AuthModal, VideoLightbox, PermissionMenu, ApprovalPrompt
 } from './components/overlay-primitives.js';
 
 export {