@aixnn/aixautots 0.0.0-stage → 0.5.2

package/dist/ui/devices.d.ts

@@ -0,0 +1,223 @@
+import * as react from 'react';
+import { T as TaskAgentRunner, D as Device, a as TaskAgentDevice } from '../task-agent-runner-eD9-SCJz.js';
+export { A as AgentTaskRunnerOptions, b as TaskAgentDeviceStatus, c as TaskAgentNodeSnapshot, d as TaskAgentPreflightResult, e as TaskAgentRunRequest, f as TaskAgentStreamEvent, g as TaskAgentTarget, h as createAgentTaskRunner, p as preflightTaskAgentDevice } from '../task-agent-runner-eD9-SCJz.js';
+import { aL as Shortcut, h as ScriptParam } from '../types-C2WXVcam.js';
+import '../device-normalize-BaThgnH7.js';
+import '../config-Bm1hmXhD.js';
+import '../agent-runner-V60B0is1.js';
+
+interface DevicesPageProps {
+    /** Render the page header actions (Refresh + Add device) into a host slot.
+     *  When omitted the page renders its own inline action row above the toolbar. */
+    renderHeaderActions?: (actions: React.ReactNode) => React.ReactNode;
+    /** Optional host transport for multi-device Claude/Codex tasks. */
+    taskAgentRunner?: TaskAgentRunner;
+}
+declare function DevicesPage({ taskAgentRunner: providedTaskAgentRunner }?: DevicesPageProps): react.JSX.Element;
+
+interface DeviceCardProps {
+    device: Device;
+    isSelected: boolean;
+    onPreview: (id: string) => void;
+    onEdit?: (id: string) => void;
+    onDelete?: (id: string) => void;
+    powering?: boolean;
+    onPowerOn?: (id: string) => void;
+    checked?: boolean;
+    onCheck?: (id: string, checked: boolean) => void;
+}
+/** 紧凑截图卡片：顶部小尺寸截图缩略（单次抓取，非实时画面），
+ *  底部名称/平台/节点 + 备注/分组行；点图打开实时镜像，详情走外层卡片点击（drawer）。 */
+declare function DeviceCard({ device, isSelected, onPreview, onEdit, onDelete, powering, onPowerOn, checked, onCheck, }: DeviceCardProps): react.JSX.Element;
+
+interface Props$e {
+    deviceId: string | null;
+    onClose: () => void;
+}
+declare function DeviceDetailDrawer({ deviceId, onClose }: Props$e): react.JSX.Element;
+
+interface Props$d {
+    /** null = 关闭。 */
+    deviceIds: string[] | null;
+    /** id → 显示名。 */
+    names?: Record<string, string>;
+    /** 底栏按键图标风格（全 iOS 选 ios，否则 android）。默认 android。 */
+    platform?: 'android' | 'ios';
+    onClose: () => void;
+}
+declare function GroupMirrorModal({ deviceIds, names, platform, onClose }: Props$d): react.JSX.Element | null;
+
+interface DeviceRef$1 {
+    id: string;
+    name: string;
+}
+interface Props$c {
+    /** 勾选的设备；null = 关闭。 */
+    devices: DeviceRef$1[] | null;
+    onClose: () => void;
+}
+declare function RunScriptDialog({ devices, onClose }: Props$c): react.JSX.Element | null;
+
+interface TaskAgentDialogProps {
+    /** Selected devices; null closes the dialog. */
+    devices: TaskAgentDevice[] | null;
+    /** Desktop/web host transport. The SDK never imports Tauri directly. */
+    runner?: TaskAgentRunner;
+    onClose: () => void;
+}
+declare function TaskAgentDialog({ devices, runner, onClose }: TaskAgentDialogProps): react.JSX.Element | null;
+
+interface DeviceRef {
+    id: string;
+    name: string;
+    platform?: string | null;
+}
+interface Props$b {
+    /** 勾选的设备；null = 关闭。 */
+    devices: DeviceRef[] | null;
+    onClose: () => void;
+}
+declare function BulkInstallAppsDialog({ devices, onClose }: Props$b): react.JSX.Element | null;
+
+interface Props$a {
+    /** Target device(s). 单台传 1 个；多选传多个。 */
+    deviceIds: string[];
+    platform?: 'android' | 'ios' | 'any';
+    /** 横向（默认，设备详情抽屉用）或竖向图标轨（紧贴镜像左侧、与画面等高）。 */
+    orientation?: 'horizontal' | 'vertical';
+    className?: string;
+}
+/** 统一封装的设备快捷栏：拉 system+user 快捷，点一下在选中设备上跑（有参数则弹框）。
+ *  用户自有快捷可就地编辑/删除；"＋" 新建。横向铺开或竖向贴边图标轨两种布局。 */
+declare function ShortcutBar({ deviceIds, platform, orientation, className }: Props$a): react.JSX.Element;
+
+interface Props$9 {
+    shortcut: Shortcut;
+    /** Targets — length drives single vs batch. */
+    deviceIds: string[];
+    onClose: () => void;
+    onRun: (values: Record<string, unknown>) => void;
+}
+/** Collect a shortcut's parameters (and confirm) before running it on N devices. */
+declare function ShortcutRunDialog({ shortcut, deviceIds, onClose, onRun }: Props$9): react.JSX.Element;
+
+interface Props$8 {
+    /** 传入则为编辑；否则新建。仅 user 快捷可编辑。 */
+    initial?: Shortcut;
+    onClose: () => void;
+    onSaved?: (s: Shortcut) => void;
+    onDeleted?: () => void;
+}
+/** 创建/编辑用户自定义快捷（函数脚本 + 参数签名）。 */
+declare function ShortcutEditDialog({ initial, onClose, onSaved, onDeleted }: Props$8): react.JSX.Element;
+
+/** 回收站视图：列出软删除设备，可恢复 / 彻底删除 / 清空全部。 */
+declare function RecycleBinPanel(): react.JSX.Element;
+
+interface Props$7 {
+    /** 目标设备（null = 关闭）。 */
+    device: {
+        id: string;
+        name: string;
+    } | null;
+    onClose: () => void;
+    /** 删除成功后的回调（如关闭详情抽屉）。 */
+    onDeleted?: () => void;
+}
+/**
+ * 删除设备二次确认：要求键入设备名（防误删），确认后软删进回收站。
+ * 用受控弹窗而非浏览器 confirm —— Tauri webview 下 `window.confirm` 常被吞。
+ */
+declare function DeleteDeviceDialog({ device, onClose, onDeleted }: Props$7): react.JSX.Element | null;
+
+interface Props$6 {
+    device: Device | null;
+    onClose: () => void;
+}
+declare function DeviceEditDialog({ device, onClose }: Props$6): react.JSX.Element | null;
+
+interface Props$5 {
+    deviceId: string;
+}
+declare function FileManager({ deviceId }: Props$5): react.JSX.Element;
+
+interface Props$4 {
+    deviceId: string;
+}
+declare function FingerprintPanel({ deviceId }: Props$4): react.JSX.Element;
+
+interface Props$3 {
+    deviceId: string;
+}
+declare function DeviceTerminal({ deviceId }: Props$3): react.JSX.Element;
+
+interface DeviceConnectProps {
+    open: boolean;
+    onClose: () => void;
+}
+declare function DeviceConnect({ open, onClose }: DeviceConnectProps): react.JSX.Element;
+
+/**
+ * 运行设备下拉：列出全部设备（在线优先），选中即同步到共享 devices view 的
+ * `selectDevice`，保证镜像等读全局选中设备的链路一致。
+ */
+declare function DeviceSelector({ disabled }: {
+    disabled?: boolean;
+}): react.JSX.Element;
+
+interface TagEditorProps {
+    tags: string[];
+    onChange: (next: string[]) => void;
+}
+/** Inline editor for a device's group tags: chips with a remove (×) plus an
+ *  input that appends a tag on Enter. Emits the full next-tag list. */
+declare function TagEditor({ tags, onChange }: TagEditorProps): react.JSX.Element;
+
+/**
+ * 「刷新设备参数」按钮 + popover。刷新 = 重滚设备指纹（regenerateProfile）。虚拟机
+ * (provisioned)额外提供「还原设备」可选勾：勾上则在重滚后恢复出厂(reset，清 /data、
+ * 原镜像重建)。真机无还原选项——保存即经 LSPosed 实时推送。
+ */
+declare function RefreshParamsButton({ deviceId, provisioned, onDone, size, variant, }: {
+    deviceId: string;
+    provisioned: boolean;
+    onDone?: () => void;
+    size?: 'sm' | 'md' | 'icon';
+    variant?: 'primary' | 'secondary' | 'ghost';
+}): react.JSX.Element;
+
+interface Props$2 {
+    /** 当前参数值映射(key → 字符串值)。 */
+    params: Record<string, string>;
+    /** 单个键变更回调。 */
+    onChange: (key: string, value: string) => void;
+    /** 无参数时的提示文案。 */
+    emptyHint?: string;
+    className?: string;
+}
+/** flow.variables → 参数输入。键列只读(脚本定义)，值列可编辑。 */
+declare function ScriptParamForm({ params, onChange, emptyHint, className }: Props$2): react.JSX.Element;
+/** 把任意 `variables`(值可能非字符串)归一成参数表单用的字符串映射。 */
+declare function variablesToParams(variables: Record<string, unknown> | undefined): Record<string, string>;
+
+interface Props$1 {
+    /** 非目标参数(已剔除 isTarget)。 */
+    params: ScriptParam[];
+    /** 单值映射(随机关闭时的值，或随机开启时的多行候选文本)。 */
+    values: Record<string, string>;
+    /** 哪些字段处于「随机取值」模式。 */
+    randomOn: Record<string, boolean>;
+    onValue: (key: string, value: string) => void;
+    onToggleRandom: (key: string, on: boolean) => void;
+}
+declare function SharedParamsForm({ params, values, randomOn, onValue, onToggleRandom }: Props$1): react.JSX.Element;
+/** 按 schema 对一行随机字段做解析：随机字段从多行候选里取一条，其余取单值。 */
+declare function resolveSharedRow(params: ScriptParam[], values: Record<string, string>, randomOn: Record<string, boolean>): Record<string, string>;
+
+interface Props {
+    open: boolean;
+    onClose: () => void;
+}
+declare function NodeRegister({ open, onClose }: Props): react.JSX.Element;
+
+export { BulkInstallAppsDialog, DeleteDeviceDialog, DeviceCard, DeviceConnect, DeviceDetailDrawer, DeviceEditDialog, DeviceSelector, DeviceTerminal, DevicesPage, FileManager, FingerprintPanel, GroupMirrorModal, NodeRegister, RecycleBinPanel, RefreshParamsButton, RunScriptDialog, ScriptParamForm, SharedParamsForm, ShortcutBar, ShortcutEditDialog, ShortcutRunDialog, TagEditor, TaskAgentDevice, TaskAgentDialog, TaskAgentRunner, resolveSharedRow, variablesToParams };

package/dist/ui/devices.js

@@ -0,0 +1,15 @@
+export { BulkInstallAppsDialog, DeleteDeviceDialog, DeviceCard, DeviceConnect, DeviceDetailDrawer, DeviceEditDialog, DeviceSelector, DeviceTerminal, DevicesPage, FileManager, FingerprintPanel, GroupMirrorModal, NodeRegister, RecycleBinPanel, RefreshParamsButton, RunScriptDialog, ScriptParamForm, SharedParamsForm, ShortcutBar, ShortcutEditDialog, ShortcutRunDialog, TagEditor, TaskAgentDialog, resolveSharedRow, variablesToParams } from '../chunk-536WVCTB.js';
+import '../chunk-64Q7BBIQ.js';
+import '../chunk-FW23FLAF.js';
+import '../chunk-AIUOLJZA.js';
+import '../chunk-OEZFYKL6.js';
+import '../chunk-CVV7FOMQ.js';
+import '../chunk-MRQ7VJFJ.js';
+import '../chunk-EVHTAXQG.js';
+export { createAgentTaskRunner, preflightTaskAgentDevice } from '../chunk-EHF2WQUR.js';
+import '../chunk-H7MHGYF3.js';
+import '../chunk-PUPVZRKZ.js';
+import '../chunk-SUKFJ73W.js';
+import '../chunk-GKEPMDXO.js';
+import '../chunk-PCYERBNZ.js';
+import '../chunk-NWFYTFMI.js';

package/dist/ui/editor.d.ts

@@ -0,0 +1,64 @@
+import * as react from 'react';
+import { S as ScriptStudioProps } from '../ScriptStudio-DaCqOF5H.js';
+export { a as ScriptStudioSlotContext } from '../ScriptStudio-DaCqOF5H.js';
+import { a as AgentRunner } from '../agent-runner-V60B0is1.js';
+export { A as AgentKind, b as AgentSendRequest, c as AgentStreamEvent } from '../agent-runner-V60B0is1.js';
+import { c as AixClient } from '../config-Bm1hmXhD.js';
+import '../types-C2WXVcam.js';
+
+interface ScriptEditorPageProps {
+    /** Route param: the script to open. Undefined ⇒ a fresh "New Script". */
+    scriptId?: string;
+    /** Host-injected local-agent transport — drives the built-in `AgentPanel`. */
+    agentRunner?: AgentRunner;
+    /** Fully override the right-column agent panel (takes precedence over `agentRunner`). */
+    renderAgentPanel?: ScriptStudioProps['renderAgentPanel'];
+    /** Host-injected device inspector (modal/overlay). */
+    renderInspector?: ScriptStudioProps['renderInspector'];
+    /** Extra header controls (e.g. a language toggle) — host chrome. */
+    headerExtra?: ScriptStudioProps['headerExtra'];
+}
+declare function ScriptEditorPage({ scriptId, agentRunner, renderAgentPanel, renderInspector, headerExtra, }: ScriptEditorPageProps): react.JSX.Element;
+
+interface AgentPanelProps {
+    scriptId?: string;
+    deviceId: string | null;
+    /** Current editor source — handed to the agent each turn. */
+    code: string;
+    /** Replace the editor source with the agent's edited `script.ts`. */
+    onReplace: (code: string) => void;
+    /** Open the visual device inspector (element picker → inserts a locator). */
+    onOpenInspector: () => void;
+    /** Append a snippet to the editor source (e.g. a `device.launchApp(...)` line). */
+    onInsert: (snippet: string) => void;
+    /** Host-injected agent transport (Tauri-backed on desktop). */
+    runner: AgentRunner;
+}
+declare function AgentPanel({ scriptId, deviceId, code, onReplace, onOpenInspector, onInsert, runner, }: AgentPanelProps): react.JSX.Element;
+
+/**
+ * 服务端 agent 的 `AgentRunner` 实现：claude/codex CLI 跑在**后端**（密钥/算力在后端），
+ * 前端经 HTTP 起停 + SSE 流式回传。与本机 Tauri 实现（`frontend/src/lib/agentRunner.ts`）
+ * 并列；`AgentPanel` 不感知差异。
+ *
+ * 复用 `AixClient` 的 baseUrl / 鉴权（user JWT）/ fetchFn —— 做成闭包工厂，调用方只需：
+ *   const runner = createBackendAgentRunner(client)
+ *   <ScriptEditorPage agentRunner={isTauri() ? tauriAgentRunner : runner} />
+ *
+ * 后端端点契约（待后端落地）：
+ *   POST {basePath}/start  body=AgentSendRequest         首轮：起会话并跑
+ *   POST {basePath}/send   body=AgentSendRequest         续轮
+ *   POST {basePath}/stop   body={ scriptId }             停止
+ *   GET  {basePath}/defaults                             → { agent? }（可选）
+ *   GET  {basePath}/stream (text/event-stream)           SSE：每帧 data: <AgentStreamEvent JSON>
+ *     事件 JSON 字段：script_id|scriptId / stream('stdout'|'stderr'|'done') / chunk? / script?
+ * 鉴权全部复用 client 的 user JWT（fetchFn + auth.headers 注入）。
+ */
+
+interface BackendAgentRunnerOptions {
+    /** Agent 端点前缀，默认 `/api/agent`。 */
+    basePath?: string;
+}
+declare function createBackendAgentRunner(client: AixClient, opts?: BackendAgentRunnerOptions): AgentRunner;
+
+export { AgentPanel, type AgentPanelProps, AgentRunner, type BackendAgentRunnerOptions, ScriptEditorPage, type ScriptEditorPageProps, createBackendAgentRunner };

package/dist/ui/editor.js

@@ -0,0 +1,344 @@
+import { ScriptStudio } from '../chunk-6YUAACW6.js';
+import { useAixNav } from '../chunk-5BMFMDQR.js';
+import { useAixT } from '../chunk-64Q7BBIQ.js';
+import '../chunk-FW23FLAF.js';
+import { Select, cn } from '../chunk-EVHTAXQG.js';
+import '../chunk-EHF2WQUR.js';
+import '../chunk-H7MHGYF3.js';
+import '../chunk-PUPVZRKZ.js';
+import { useClient } from '../chunk-SUKFJ73W.js';
+import '../chunk-GKEPMDXO.js';
+import '../chunk-PCYERBNZ.js';
+import '../chunk-NWFYTFMI.js';
+import { useState, useEffect, useRef, useCallback } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function AgentPanel({
+  scriptId,
+  deviceId,
+  code,
+  onReplace,
+  onOpenInspector,
+  onInsert,
+  runner
+}) {
+  const t = useAixT();
+  const client = useClient();
+  const available = runner.available;
+  const [agent, setAgent] = useState("claude");
+  const [messages, setMessages] = useState([]);
+  useEffect(() => {
+    void runner.defaults?.().then((d) => {
+      if (d.agent) setAgent(d.agent);
+    });
+  }, [runner]);
+  const [input, setInput] = useState("");
+  const [running, setRunning] = useState(false);
+  const scrollRef = useRef(null);
+  const inputRef = useRef(null);
+  const liveRef = useRef("");
+  const [apps, setApps] = useState(null);
+  const [appsLoading, setAppsLoading] = useState(false);
+  const [appsErr, setAppsErr] = useState(null);
+  const loadApps = useCallback(async () => {
+    if (!deviceId) {
+      setAppsErr(t("agent.selectDeviceFirst"));
+      setApps([]);
+      return;
+    }
+    setAppsLoading(true);
+    setAppsErr(null);
+    try {
+      const list = await client.devices.op(deviceId, { op: "app_list" });
+      setApps(list ?? []);
+    } catch (e) {
+      setAppsErr(String(e));
+      setApps([]);
+    } finally {
+      setAppsLoading(false);
+    }
+  }, [deviceId, client, t]);
+  const autosize = useCallback(() => {
+    const el = inputRef.current;
+    if (!el) return;
+    el.style.height = "auto";
+    el.style.height = `${Math.min(el.scrollHeight, 160)}px`;
+  }, []);
+  useEffect(autosize, [input, autosize]);
+  useEffect(() => {
+    scrollRef.current?.scrollTo({ top: scrollRef.current.scrollHeight });
+  }, [messages]);
+  useEffect(() => {
+    if (!available) return;
+    const unsub = runner.subscribe((p) => {
+      if (p.scriptId !== (scriptId ?? "")) return;
+      if (p.stream === "stdout" && p.chunk) {
+        liveRef.current += p.chunk + "\n";
+        setMessages((m) => upsertAgent(m, liveRef.current));
+      } else if (p.stream === "done") {
+        setRunning(false);
+        liveRef.current = "";
+        if (typeof p.script === "string" && p.script.length > 0 && p.script !== code) {
+          onReplace(p.script);
+        }
+      }
+    });
+    return unsub;
+  }, [available, runner, scriptId]);
+  const send = useCallback(
+    async (text) => {
+      const msg = text.trim();
+      if (!msg || running || !available) return;
+      if (!deviceId) {
+        setMessages((m) => [...m, { role: "agent", text: t("agent.needDevice") }]);
+        return;
+      }
+      setMessages((m) => [...m, { role: "user", text: msg }, { role: "agent", text: "\u2026" }]);
+      const isFirst = messages.length === 0;
+      setInput("");
+      setRunning(true);
+      liveRef.current = "";
+      try {
+        await runner.send({ agent, scriptId: scriptId ?? "", code, deviceId, userMsg: msg, isFirst });
+      } catch (e) {
+        setRunning(false);
+        setMessages((m) => upsertAgent(m, t("agent.startFailed", { err: String(e) })));
+      }
+    },
+    [agent, code, deviceId, messages.length, running, scriptId, available, runner, t]
+  );
+  const stop = useCallback(async () => {
+    if (!available) return;
+    try {
+      await runner.stop(scriptId ?? "");
+    } finally {
+      setRunning(false);
+    }
+  }, [scriptId, available, runner]);
+  if (!available) {
+    return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col", children: [
+      /* @__PURE__ */ jsx("div", { className: "px-3 py-2 border-b border-border text-body-sm font-semibold", children: "Agent" }),
+      /* @__PURE__ */ jsx("div", { className: "flex-1 flex items-center justify-center text-muted-foreground text-body-sm px-6 text-center", children: t("agent.unavailable") })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ jsxs("div", { className: "px-3 py-2 border-b border-border flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-body-sm font-semibold", children: "Agent" }),
+      /* @__PURE__ */ jsx("div", { className: "w-28", children: /* @__PURE__ */ jsx(
+        Select,
+        {
+          value: agent,
+          onChange: (v) => setAgent(v),
+          options: [
+            { value: "claude", label: "claude" },
+            { value: "codex", label: "codex" }
+          ],
+          placeholder: ""
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { ref: scrollRef, className: "flex-1 overflow-auto px-3 py-2 space-y-2", children: [
+      messages.length === 0 && /* @__PURE__ */ jsx("p", { className: "text-body-sm text-muted-foreground text-center pt-6", children: t("agent.emptyHint") }),
+      messages.map((m, i) => /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "rounded px-2 py-1.5 text-body-sm whitespace-pre-wrap break-words",
+            m.role === "user" ? "bg-primary/10 text-foreground ml-6" : "bg-secondary text-muted-foreground mr-2 font-mono text-code-sm"
+          ),
+          children: m.text
+        },
+        i
+      ))
+    ] }),
+    apps !== null && /* @__PURE__ */ jsxs("div", { className: "px-3 py-1.5 border-t border-border max-h-40 overflow-auto space-y-0.5", children: [
+      appsErr && /* @__PURE__ */ jsx("div", { className: "text-xs text-destructive", children: appsErr }),
+      !appsErr && apps.length === 0 && /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: t("agent.noApps") }),
+      apps.map((a) => /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: () => {
+            onInsert(`await device.launchApp(${JSON.stringify(a.package)});`);
+            setApps(null);
+          },
+          className: "flex w-full items-center justify-between gap-2 rounded px-2 py-0.5 text-left text-xs text-foreground hover:bg-secondary",
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "truncate", children: a.label || a.package }),
+            /* @__PURE__ */ jsx("span", { className: "shrink-0 font-mono text-[10px] text-muted-foreground", children: a.package })
+          ]
+        },
+        a.package
+      ))
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "px-3 py-1.5 flex flex-wrap gap-1 border-t border-border", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          disabled: running,
+          onClick: onOpenInspector,
+          className: "rounded-full bg-secondary px-2 py-0.5 text-xs text-muted-foreground hover:text-foreground disabled:opacity-50",
+          children: t("agent.useInspector")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          disabled: running || appsLoading,
+          onClick: () => apps !== null ? setApps(null) : void loadApps(),
+          className: "rounded-full bg-secondary px-2 py-0.5 text-xs text-muted-foreground hover:text-foreground disabled:opacity-50",
+          children: appsLoading ? t("agent.loading") : apps !== null ? t("agent.closeApps") : t("agent.pickApp")
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "p-2 border-t border-border flex gap-2 items-end", children: [
+      /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          ref: inputRef,
+          rows: 1,
+          className: "flex-1 resize-none bg-secondary rounded px-2 py-1 text-body-sm outline-none disabled:opacity-50 max-h-40 overflow-y-auto",
+          placeholder: t("agent.placeholder"),
+          value: input,
+          disabled: running,
+          onChange: (e) => setInput(e.target.value),
+          onKeyDown: (e) => {
+            if (e.key === "Enter" && !e.shiftKey) {
+              e.preventDefault();
+              void send(input);
+            }
+          }
+        }
+      ),
+      running ? /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => void stop(),
+          className: "rounded bg-destructive/15 text-destructive px-3 text-body-sm",
+          children: t("agent.stop")
+        }
+      ) : /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => void send(input),
+          disabled: !input.trim(),
+          className: "rounded bg-primary text-primary-foreground px-3 text-body-sm disabled:opacity-50",
+          children: t("agent.send")
+        }
+      )
+    ] })
+  ] });
+}
+function upsertAgent(messages, text) {
+  const next = [...messages];
+  for (let i = next.length - 1; i >= 0; i--) {
+    if (next[i]?.role === "agent") {
+      next[i] = { role: "agent", text };
+      return next;
+    }
+  }
+  next.push({ role: "agent", text });
+  return next;
+}
+function ScriptEditorPage({
+  scriptId,
+  agentRunner,
+  renderAgentPanel,
+  renderInspector,
+  headerExtra
+}) {
+  const { navigate } = useAixNav();
+  const agentSlot = renderAgentPanel ?? (agentRunner ? (ctx) => /* @__PURE__ */ jsx(
+    AgentPanel,
+    {
+      scriptId: ctx.scriptId,
+      deviceId: ctx.deviceId,
+      code: ctx.code,
+      onReplace: ctx.setCode,
+      onOpenInspector: ctx.openInspector,
+      onInsert: ctx.insertSnippet,
+      runner: agentRunner
+    }
+  ) : void 0);
+  return /* @__PURE__ */ jsx(
+    ScriptStudio,
+    {
+      scriptId,
+      onScriptIdChange: (id) => navigate(`/editor/${encodeURIComponent(id)}`, { replace: true }),
+      renderAgentPanel: agentSlot,
+      renderInspector,
+      headerExtra
+    }
+  );
+}
+
+// src/ui/editor/backend-agent-runner.ts
+function createBackendAgentRunner(client, opts = {}) {
+  const base = (opts.basePath ?? "/api/agent").replace(/\/$/, "");
+  return {
+    available: true,
+    async defaults() {
+      try {
+        return await client.http.get(`${base}/defaults`) ?? {};
+      } catch {
+        return {};
+      }
+    },
+    async send(req) {
+      await client.http.post(`${base}/${req.isFirst ? "start" : "send"}`, req);
+    },
+    async stop(scriptId) {
+      await client.http.post(`${base}/stop`, { scriptId });
+    },
+    subscribe(on) {
+      const ctrl = new AbortController();
+      void streamSse(
+        client,
+        `${base}/stream`,
+        ctrl.signal,
+        (raw) => on({
+          scriptId: raw.script_id ?? raw.scriptId ?? "",
+          stream: raw.stream,
+          chunk: raw.chunk,
+          script: raw.script
+        })
+      );
+      return () => ctrl.abort();
+    }
+  };
+}
+async function streamSse(client, path, signal, onEvent) {
+  const url = client.cfg.baseUrl.replace(/\/$/, "") + path;
+  let resp;
+  try {
+    const headers = { ...await client.cfg.auth.headers("caller"), Accept: "text/event-stream" };
+    resp = await client.cfg.fetchFn(url, { headers, signal });
+  } catch {
+    return;
+  }
+  const body = resp.body;
+  if (!body || typeof body.getReader !== "function") return;
+  const reader = body.getReader();
+  const decoder = new TextDecoder();
+  let buf = "";
+  try {
+    for (; ; ) {
+      const { value, done } = await reader.read();
+      if (done) break;
+      buf += decoder.decode(value, { stream: true });
+      let sep;
+      while ((sep = buf.indexOf("\n\n")) !== -1) {
+        const frame = buf.slice(0, sep);
+        buf = buf.slice(sep + 2);
+        const data = frame.split("\n").filter((l) => l.startsWith("data:")).map((l) => l.slice(5).trim()).join("\n");
+        if (!data) continue;
+        try {
+          onEvent(JSON.parse(data));
+        } catch {
+        }
+      }
+    }
+  } catch {
+  }
+}
+
+export { AgentPanel, ScriptEditorPage, createBackendAgentRunner };