@xenosystem/agent-interface-ui 0.1.3

package/dist/components/agent/PermissionDialog.d.ts

@@ -0,0 +1,34 @@
+/**
+ * PermissionDialog — Modal that asks user to approve or deny a tool execution.
+ *
+ * Shows tool name, parameters, and a description of what it will do.
+ * Offers "Allow Once", "Allow Always" (persisted in localStorage), and "Deny".
+ *
+ * Design: monochromatic, no circles, rectangular buttons per DESIGN_SYSTEM.md.
+ */
+import React from 'react';
+export type PermissionDecision = 'allow-once' | 'allow-always' | 'deny';
+export interface PermissionRequest {
+    /** Unique ID for this request */
+    id: string;
+    /** Tool name (e.g. "write_file", "run_command") */
+    toolName: string;
+    /** Human-readable description of the action */
+    description: string;
+    /** Tool parameters as key-value pairs for display */
+    parameters: Record<string, string>;
+    /** Agent name that requested this action */
+    agentName: string;
+}
+interface PermissionDialogProps {
+    request: PermissionRequest;
+    onDecision: (decision: PermissionDecision) => void;
+}
+export declare function getAlwaysAllowedTools(): Set<string>;
+export declare function addAlwaysAllowedTool(toolName: string): void;
+export declare function removeAlwaysAllowedTool(toolName: string): void;
+export declare function clearAlwaysAllowedTools(): void;
+export declare function isToolAlwaysAllowed(toolName: string): boolean;
+export declare function PermissionDialog({ request, onDecision }: PermissionDialogProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=PermissionDialog.d.ts.map

package/dist/components/agent/PermissionDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PermissionDialog.d.ts","sourceRoot":"","sources":["../../../src/components/agent/PermissionDialog.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAyC,MAAM,OAAO,CAAA;AAG7D,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,cAAc,GAAG,MAAM,CAAA;AAEvE,MAAM,WAAW,iBAAiB;IAChC,iCAAiC;IACjC,EAAE,EAAE,MAAM,CAAA;IACV,mDAAmD;IACnD,QAAQ,EAAE,MAAM,CAAA;IAChB,+CAA+C;IAC/C,WAAW,EAAE,MAAM,CAAA;IACnB,qDAAqD;IACrD,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAClC,4CAA4C;IAC5C,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,UAAU,qBAAqB;IAC7B,OAAO,EAAE,iBAAiB,CAAA;IAC1B,UAAU,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,IAAI,CAAA;CACnD;AAMD,wBAAgB,qBAAqB,IAAI,GAAG,CAAC,MAAM,CAAC,CAQnD;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAI3D;AAED,wBAAgB,uBAAuB,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAI9D;AAED,wBAAgB,uBAAuB,IAAI,IAAI,CAE9C;AAED,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAE7D;AAID,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,qBAAqB,qBAiH9E"}

package/dist/components/agent/PermissionDialog.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * PermissionDialog — Modal that asks user to approve or deny a tool execution.
+ *
+ * Shows tool name, parameters, and a description of what it will do.
+ * Offers "Allow Once", "Allow Always" (persisted in localStorage), and "Deny".
+ *
+ * Design: monochromatic, no circles, rectangular buttons per DESIGN_SYSTEM.md.
+ */
+import React, { useEffect, useRef, useCallback } from 'react';
+import { ShieldAlert } from 'lucide-react';
+// ── localStorage helpers for "Allow Always" decisions ──
+const STORAGE_KEY = 'xeno-agent-permissions';
+export function getAlwaysAllowedTools() {
+    try {
+        const raw = localStorage.getItem(STORAGE_KEY);
+        if (!raw)
+            return new Set();
+        return new Set(JSON.parse(raw));
+    }
+    catch {
+        return new Set();
+    }
+}
+export function addAlwaysAllowedTool(toolName) {
+    const set = getAlwaysAllowedTools();
+    set.add(toolName);
+    localStorage.setItem(STORAGE_KEY, JSON.stringify([...set]));
+}
+export function removeAlwaysAllowedTool(toolName) {
+    const set = getAlwaysAllowedTools();
+    set.delete(toolName);
+    localStorage.setItem(STORAGE_KEY, JSON.stringify([...set]));
+}
+export function clearAlwaysAllowedTools() {
+    localStorage.removeItem(STORAGE_KEY);
+}
+export function isToolAlwaysAllowed(toolName) {
+    return getAlwaysAllowedTools().has(toolName);
+}
+// ── Component ──
+export function PermissionDialog({ request, onDecision }) {
+    const dialogRef = useRef(null);
+    const denyBtnRef = useRef(null);
+    // Focus trap: focus deny button on mount
+    useEffect(() => {
+        denyBtnRef.current?.focus();
+    }, []);
+    // Close on Escape
+    const handleKeyDown = useCallback((e) => {
+        if (e.key === 'Escape') {
+            onDecision('deny');
+        }
+    }, [onDecision]);
+    useEffect(() => {
+        document.addEventListener('keydown', handleKeyDown);
+        return () => document.removeEventListener('keydown', handleKeyDown);
+    }, [handleKeyDown]);
+    // Prevent background scroll
+    useEffect(() => {
+        document.body.style.overflow = 'hidden';
+        return () => { document.body.style.overflow = ''; };
+    }, []);
+    const paramEntries = Object.entries(request.parameters);
+    return (_jsx("div", { className: "fixed inset-0 z-[200] flex items-center justify-center bg-black/60", children: _jsxs("div", { ref: dialogRef, className: "w-[420px] max-h-[80vh] bg-[#18181b] border border-white/[0.08] rounded-md overflow-hidden flex flex-col", role: "dialog", "aria-modal": "true", "aria-label": "Permission request", children: [_jsxs("div", { className: "px-4 py-3 border-b border-white/[0.06] flex items-center gap-2", children: [_jsx(ShieldAlert, { className: "w-4 h-4 text-amber-400/80", strokeWidth: 1.5 }), _jsx("span", { className: "text-[13px] font-medium text-white/80", children: "Permission Required" })] }), _jsxs("div", { className: "px-4 py-3 flex-1 overflow-auto", children: [_jsxs("p", { className: "text-[12px] text-white/50 mb-3", children: [_jsx("span", { className: "text-white/70", children: request.agentName }), " wants to execute a tool:"] }), _jsxs("div", { className: "mb-3", children: [_jsx("span", { className: "text-[11px] text-white/40 uppercase tracking-wider", children: "Tool" }), _jsx("div", { className: "mt-1 px-2.5 py-1.5 bg-white/[0.04] border border-white/[0.06] rounded text-[12px] text-white/80 font-mono", children: request.toolName })] }), _jsxs("div", { className: "mb-3", children: [_jsx("span", { className: "text-[11px] text-white/40 uppercase tracking-wider", children: "Action" }), _jsx("div", { className: "mt-1 text-[12px] text-white/60 leading-relaxed", children: request.description })] }), paramEntries.length > 0 && (_jsxs("div", { className: "mb-1", children: [_jsx("span", { className: "text-[11px] text-white/40 uppercase tracking-wider", children: "Parameters" }), _jsx("div", { className: "mt-1 space-y-1", children: paramEntries.map(([key, value]) => (_jsxs("div", { className: "flex gap-2 px-2.5 py-1 bg-white/[0.03] border border-white/[0.04] rounded", children: [_jsxs("span", { className: "text-[11px] text-white/40 font-mono shrink-0", children: [key, ":"] }), _jsx("span", { className: "text-[11px] text-white/60 font-mono break-all", children: value })] }, key))) })] }))] }), _jsxs("div", { className: "px-4 py-3 border-t border-white/[0.06] flex items-center gap-2 justify-end", children: [_jsx("button", { ref: denyBtnRef, onClick: () => onDecision('deny'), className: "px-3 py-1.5 text-[11px] text-white/50 bg-white/[0.08] border border-white/[0.08] rounded hover:bg-white/[0.15] hover:text-white/70 transition-colors", "aria-label": "Deny this action", children: "Deny" }), _jsx("button", { onClick: () => onDecision('allow-always'), className: "px-3 py-1.5 text-[11px] text-white/50 bg-white/[0.08] border border-white/[0.08] rounded hover:bg-white/[0.15] hover:text-white/70 transition-colors", "aria-label": "Allow this tool always", children: "Allow Always" }), _jsx("button", { onClick: () => onDecision('allow-once'), className: "px-3 py-1.5 text-[11px] text-white/80 bg-white/[0.08] border border-white/[0.12] rounded hover:bg-white/[0.15] hover:text-white transition-colors", "aria-label": "Allow this action once", children: "Allow Once" })] })] }) }));
+}
+//# sourceMappingURL=PermissionDialog.js.map

package/dist/components/agent/PermissionDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PermissionDialog.js","sourceRoot":"","sources":["../../../src/components/agent/PermissionDialog.tsx"],"names":[],"mappings":"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"}

package/dist/components/agent/PluginManager.d.ts

@@ -0,0 +1,20 @@
+/**
+ * PluginManager - SDK PluginHost + MCP manager surface.
+ *
+ * State is owned by the main-process PluginMcpManagerService under ~/.xeno.
+ * This renderer only manages UI state and sends scoped commands over IPC.
+ */
+import React from 'react';
+interface PluginManagerCaller {
+    workspaceId?: string;
+    teamId?: string;
+    agentId?: string;
+    allowedDirectories?: string[];
+}
+interface PluginManagerProps {
+    className?: string;
+    caller?: PluginManagerCaller;
+}
+export declare function PluginManager({ className, caller }: PluginManagerProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=PluginManager.d.ts.map

package/dist/components/agent/PluginManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PluginManager.d.ts","sourceRoot":"","sources":["../../../src/components/agent/PluginManager.tsx"],"names":[],"mappings":"AACA;;;;;GAKG;AAEH,OAAO,KAAoD,MAAM,OAAO,CAAA;AAiKxE,UAAU,mBAAmB;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAA;CAC9B;AAED,UAAU,kBAAkB;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,mBAAmB,CAAA;CAC7B;AAiSD,wBAAgB,aAAa,CAAC,EAAE,SAAc,EAAE,MAAM,EAAE,EAAE,kBAAkB,qBA0nB3E"}