@dimina-kit/devtools 0.4.0-dev.20260716214527 → 0.4.0-dev.20260718085557

package/dist/renderer/assets/{settings-CR1TyBWu.js → settings-dJNKTGr8.js}

@@ -1,2 +1,2 @@
-import{S as e,T as t,w as n,x as r}from"./ipc-transport-DTEmLpxx.js";import{t as i}from"./input-7P0WbXyg.js";import{l as a,n as o,o as s,t as c}from"./settings-api-B1wVFAPB.js";var l=t(e(),1),u=t(n(),1),d=r(),f=[{id:`local`,label:`本地设置`},{id:`project`,label:`项目配置`}];function p(){let[e,t]=(0,u.useState)(`local`),[n,r]=(0,u.useState)(``),[l,p]=(0,u.useState)({startPage:``,scene:1001,queryParams:[]}),[m,h]=(0,u.useState)({uploadWithSourceMap:!1});(0,u.useEffect)(()=>s(e=>{r(e.projectPath),p(e.config),h({uploadWithSourceMap:!!e.projectSettings?.uploadWithSourceMap})}),[]);function g(e){let t={...l,...e};p(t),o(t)}function _(e){let t={...m,...e};h(t),c(t)}function v(e,t,n){return(0,d.jsxs)(`button`,{type:`button`,onClick:()=>n(!t),className:`w-full flex items-center gap-3 px-3 py-2.5 rounded-md border border-border bg-bg hover:bg-surface-3 transition-colors text-left`,children:[(0,d.jsx)(`span`,{className:`h-4 w-4 rounded-sm border flex items-center justify-center text-[11px] ${t?`bg-accent border-accent text-white`:`border-border bg-surface text-transparent`}`,children:`✓`}),(0,d.jsx)(`span`,{className:`text-[12px] text-text`,children:e})]})}return(0,d.jsx)(`div`,{"data-testid":`settings-backdrop`,className:`fixed inset-0`,onClick:()=>void a(!1),children:(0,d.jsxs)(`div`,{"data-testid":`settings-panel`,className:`fixed top-0 right-0 h-full w-[320px] flex flex-col bg-surface text-text border-l border-border shadow-[0_8px_24px_var(--color-overlay-heavy)]`,onClick:e=>e.stopPropagation(),children:[(0,d.jsx)(`div`,{className:`flex items-center border-b border-border shrink-0`,children:f.map(n=>(0,d.jsx)(`button`,{className:`flex-1 py-2.5 text-[12px] text-center transition-colors ${e===n.id?`text-accent border-b-2 border-accent`:`text-text-secondary hover:text-text`}`,onClick:()=>t(n.id),children:n.label},n.id))}),(0,d.jsxs)(`div`,{className:`flex-1 overflow-y-auto p-4`,children:[e===`local`&&(0,d.jsxs)(`div`,{className:`space-y-3`,children:[(0,d.jsx)(`div`,{className:`text-[12px] text-text-secondary`,children:`本地设置`}),v(`上传时启用 Sourcemap`,m.uploadWithSourceMap,e=>_({uploadWithSourceMap:e}))]}),e===`project`&&(0,d.jsxs)(`div`,{className:`space-y-4`,children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between py-2 border-b border-border`,children:[(0,d.jsx)(`span`,{className:`text-[12px] text-text-secondary`,children:`本地目录`}),(0,d.jsx)(`span`,{className:`text-[12px] text-text truncate ml-4 max-w-[180px]`,title:n,children:n})]}),(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`label`,{className:`block text-[12px] text-text-secondary mb-1`,children:`启动页面`}),(0,d.jsx)(i,{value:l.startPage,onChange:e=>g({startPage:e.target.value}),className:`w-full h-8 px-2 text-[12px]`})]}),(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`label`,{className:`block text-[12px] text-text-secondary mb-1`,children:`Scene`}),(0,d.jsx)(i,{type:`number`,value:l.scene,onChange:e=>g({scene:parseInt(e.target.value||`1001`,10)}),className:`w-full h-8 px-2 text-[12px]`})]})]})]})]})})}l.createRoot(document.getElementById(`root`)).render((0,d.jsx)(p,{}));
-//# sourceMappingURL=settings-CR1TyBWu.js.map
+import{S as e,T as t,w as n,x as r}from"./ipc-transport-CuDJ07aE.js";import{t as i}from"./input-c2OcrrZy.js";import{l as a,n as o,o as s,t as c}from"./settings-api-qpXKDRXt.js";var l=t(e(),1),u=t(n(),1),d=r(),f=[{id:`local`,label:`本地设置`},{id:`project`,label:`项目配置`}];function p(){let[e,t]=(0,u.useState)(`local`),[n,r]=(0,u.useState)(``),[l,p]=(0,u.useState)({startPage:``,scene:1001,queryParams:[]}),[m,h]=(0,u.useState)({uploadWithSourceMap:!1});(0,u.useEffect)(()=>s(e=>{r(e.projectPath),p(e.config),h({uploadWithSourceMap:!!e.projectSettings?.uploadWithSourceMap})}),[]);function g(e){let t={...l,...e};p(t),o(t)}function _(e){let t={...m,...e};h(t),c(t)}function v(e,t,n){return(0,d.jsxs)(`button`,{type:`button`,onClick:()=>n(!t),className:`w-full flex items-center gap-3 px-3 py-2.5 rounded-md border border-border bg-bg hover:bg-surface-3 transition-colors text-left`,children:[(0,d.jsx)(`span`,{className:`h-4 w-4 rounded-sm border flex items-center justify-center text-[11px] ${t?`bg-accent border-accent text-white`:`border-border bg-surface text-transparent`}`,children:`✓`}),(0,d.jsx)(`span`,{className:`text-[12px] text-text`,children:e})]})}return(0,d.jsx)(`div`,{"data-testid":`settings-backdrop`,className:`fixed inset-0`,onClick:()=>void a(!1),children:(0,d.jsxs)(`div`,{"data-testid":`settings-panel`,className:`fixed top-0 right-0 h-full w-[320px] flex flex-col bg-surface text-text border-l border-border shadow-[0_8px_24px_var(--color-overlay-heavy)]`,onClick:e=>e.stopPropagation(),children:[(0,d.jsx)(`div`,{className:`flex items-center border-b border-border shrink-0`,children:f.map(n=>(0,d.jsx)(`button`,{className:`flex-1 py-2.5 text-[12px] text-center transition-colors ${e===n.id?`text-accent border-b-2 border-accent`:`text-text-secondary hover:text-text`}`,onClick:()=>t(n.id),children:n.label},n.id))}),(0,d.jsxs)(`div`,{className:`flex-1 overflow-y-auto p-4`,children:[e===`local`&&(0,d.jsxs)(`div`,{className:`space-y-3`,children:[(0,d.jsx)(`div`,{className:`text-[12px] text-text-secondary`,children:`本地设置`}),v(`上传时启用 Sourcemap`,m.uploadWithSourceMap,e=>_({uploadWithSourceMap:e}))]}),e===`project`&&(0,d.jsxs)(`div`,{className:`space-y-4`,children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between py-2 border-b border-border`,children:[(0,d.jsx)(`span`,{className:`text-[12px] text-text-secondary`,children:`本地目录`}),(0,d.jsx)(`span`,{className:`text-[12px] text-text truncate ml-4 max-w-[180px]`,title:n,children:n})]}),(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`label`,{className:`block text-[12px] text-text-secondary mb-1`,children:`启动页面`}),(0,d.jsx)(i,{value:l.startPage,onChange:e=>g({startPage:e.target.value}),className:`w-full h-8 px-2 text-[12px]`})]}),(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`label`,{className:`block text-[12px] text-text-secondary mb-1`,children:`Scene`}),(0,d.jsx)(i,{type:`number`,value:l.scene,onChange:e=>g({scene:parseInt(e.target.value||`1001`,10)}),className:`w-full h-8 px-2 text-[12px]`})]})]})]})]})})}l.createRoot(document.getElementById(`root`)).render((0,d.jsx)(p,{}));
+//# sourceMappingURL=settings-dJNKTGr8.js.map

package/dist/renderer/assets/{workbenchSettings-CFbToT4Q.js → workbenchSettings-DQ_VP5-W.js}

@@ -1,8 +1,8 @@
-import{S as e,T as t,w as n,x as r}from"./ipc-transport-DTEmLpxx.js";import{t as i}from"./constants-EAMiwL9_.js";import{a,c as o,i as s,r as c,s as l,u}from"./settings-api-B1wVFAPB.js";var d=t(e(),1),f=t(n(),1),p=r(),m=[{id:`general`,label:`通用`},{id:`debug`,label:`调试`},{id:`mcp`,label:`MCP`}],h={system:`跟随系统`,dark:`深色`,light:`浅色`};function g({checked:e,onClick:t}){return(0,p.jsx)(`button`,{type:`button`,onClick:t,className:`relative inline-flex h-5 w-9 shrink-0 rounded-full transition-colors`,style:{background:e?`var(--color-accent)`:`var(--color-surface-3)`},children:(0,p.jsx)(`span`,{className:`inline-block h-3.5 w-3.5 rounded-full bg-white transition-transform`,style:{marginTop:3,transform:e?`translateX(18px)`:`translateX(3px)`}})})}function _({activeTab:e,onSelect:t}){return(0,p.jsx)(`div`,{className:`flex items-center border-b border-border shrink-0`,children:m.map(n=>(0,p.jsx)(`button`,{className:`flex-1 py-2.5 text-[12px] text-center transition-colors ${e===n.id?`text-accent border-b-2 border-accent`:`text-text-secondary hover:text-text`}`,onClick:()=>t(n.id),children:n.label},n.id))})}function v({theme:e,onSelect:t}){return(0,p.jsx)(`div`,{className:`flex rounded overflow-hidden border border-border text-[11px]`,children:[`system`,`dark`,`light`].map((n,r)=>(0,p.jsx)(`button`,{onClick:()=>t(n),className:[`px-3 py-1 transition-colors`,r>0?`border-l border-border`:``,e===n?`bg-accent text-white`:`text-text-secondary hover:text-text hover:bg-surface-3`].join(` `),children:h[n]},n))})}function y({autoBuildEnabled:e,onAutoBuildChange:t,autoReloadEnabled:n,onAutoReloadChange:r,theme:i,onThemeChange:a,saved:o}){return(0,p.jsxs)(`div`,{className:`space-y-4`,children:[(0,p.jsxs)(`section`,{className:`rounded-lg border border-border p-4 space-y-4 bg-bg`,children:[(0,p.jsxs)(`div`,{children:[(0,p.jsx)(`h2`,{className:`text-[13px] font-medium mb-1`,children:`编译与预览`}),(0,p.jsx)(`p`,{className:`text-[11px] leading-relaxed text-text-secondary`,children:`开启「自动编译」后，打开项目时会监听源文件改动并自动重新编译。开启「自动刷新」后，每次编译完成会刷新模拟器（仅改样式时原地热替换，保留当前页面栈与表单状态）；关闭它则任何改动都不刷新，仅手动刷新。配置在下次打开项目时生效。`})]}),(0,p.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,p.jsx)(`span`,{className:`text-[12px] text-text-secondary`,children:`监听文件变化自动编译`}),(0,p.jsx)(g,{checked:e,onClick:()=>t(!e)})]}),(0,p.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,p.jsx)(`span`,{className:`text-[12px] text-text-secondary`,children:`编译完成后自动刷新模拟器`}),(0,p.jsx)(g,{checked:n,onClick:()=>r(!n)})]})]}),(0,p.jsxs)(`section`,{className:`rounded-lg border border-border p-4 space-y-3 bg-bg`,children:[(0,p.jsx)(`div`,{children:(0,p.jsx)(`h2`,{className:`text-[13px] font-medium mb-1`,children:`外观`})}),(0,p.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,p.jsx)(`span`,{className:`text-[12px] text-text-secondary`,children:`颜色模式`}),(0,p.jsx)(v,{theme:i,onSelect:a})]})]}),o&&(0,p.jsx)(`div`,{className:`text-[11px] text-status-success`,children:`已保存`})]})}function b({cdpStatus:e}){return(0,p.jsxs)(`div`,{className:`rounded p-3 space-y-2 border border-border bg-surface`,children:[(0,p.jsx)(`div`,{className:`text-[11px] font-medium text-text-secondary`,children:`当前状态`}),(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)(`span`,{className:`inline-block w-2 h-2 rounded-full`,style:{background:e?.active?`var(--color-status-success)`:`var(--color-text-dim)`}}),(0,p.jsx)(`span`,{className:`text-[12px] text-text-secondary`,children:e?.active?`CDP 已激活 - 端口 ${e.activePort}`:`CDP 未激活`})]}),e?.implicitDevDefault&&(0,p.jsx)(`div`,{className:`text-[11px] text-text-dim`,children:`当前为开发模式默认端口`}),e?.active&&(0,p.jsxs)(`div`,{className:`text-[11px] text-text-dim font-mono`,children:[`调试地址: http://localhost:`,e.activePort]})]})}function x(e,t){return!e||e.implicitDevDefault?!1:t.enabled===e.active?t.enabled&&e.active&&t.port!==e.activePort:!0}function S({cdpEnabled:e,onToggleCdp:t,portInput:n,onPortInputChange:r,cdpStatus:a,needsRestart:o,onSave:s,saved:c}){return(0,p.jsxs)(`section`,{className:`rounded-lg border border-border p-4 space-y-4 bg-bg`,children:[(0,p.jsxs)(`div`,{children:[(0,p.jsx)(`h2`,{className:`text-[13px] font-medium mb-1`,children:`DevTools Protocol`}),(0,p.jsx)(`p`,{className:`text-[11px] leading-relaxed text-text-secondary`,children:`开启后可通过 DevTools Protocol 连接调试模拟器。配置变更需要重启应用后生效。`})]}),(0,p.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,p.jsx)(`span`,{className:`text-[12px] text-text-secondary`,children:`启用 DevTools Protocol`}),(0,p.jsx)(g,{checked:e,onClick:t})]}),(0,p.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,p.jsx)(`label`,{className:`text-[12px] shrink-0 w-16 text-text-secondary`,children:`调试端口`}),(0,p.jsx)(`input`,{type:`number`,min:1024,max:65535,value:n,onChange:e=>r(e.target.value),disabled:!e,className:`w-24 h-7 px-2 rounded text-[12px] outline-none bg-surface border border-border text-text`,style:{opacity:e?1:.4}}),(0,p.jsxs)(`span`,{className:`text-[11px] text-text-dim`,children:[`默认 `,i]})]}),(0,p.jsx)(b,{cdpStatus:a}),o&&(0,p.jsx)(`div`,{className:`rounded px-3 py-2 text-[12px] border bg-warn-bg text-[var(--color-status-warn)]`,children:`配置已变更，需要重启应用后生效`}),(0,p.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,p.jsx)(`button`,{onClick:s,className:`h-7 px-4 rounded text-[13px] font-medium text-white bg-accent hover:bg-accent-hover`,children:`保存`}),c&&(0,p.jsx)(`span`,{className:`text-[11px] text-status-success`,children:`已保存`})]})]})}function C({color:e,children:t}){return(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)(`span`,{className:`inline-block w-2 h-2 rounded-full`,style:{background:e}}),(0,p.jsx)(`span`,{className:`text-[12px] text-text-secondary`,children:t})]})}function w({mcpEnabled:e,mcpStatus:t}){return(0,p.jsxs)(`div`,{className:`rounded p-3 space-y-2 border border-border bg-surface`,children:[(0,p.jsx)(`div`,{className:`text-[11px] font-medium text-text-secondary`,children:`当前状态`}),e?t?.running?(0,p.jsxs)(C,{color:`var(--color-status-success)`,children:[`MCP 已运行 - 端口 `,t.activePort]}):(0,p.jsxs)(C,{color:`var(--color-status-error, #e54d4d)`,children:[`MCP 未运行`,t?.error===`port-in-use`?`（端口 ${t.configuredPort} 已被占用）`:t?.error?`（${t.error}）`:``]}):(0,p.jsx)(C,{color:`var(--color-text-dim)`,children:`MCP 未启用`})]})}function T({mcpEnabled:e,onToggleMcp:t,mcpPortInput:n,onMcpPortInputChange:r,mcpStatus:i,mcpPort:a,onSave:o,saved:s}){return(0,p.jsxs)(`section`,{className:`rounded-lg border border-border p-4 space-y-4 bg-bg`,children:[(0,p.jsxs)(`div`,{children:[(0,p.jsx)(`h2`,{className:`text-[13px] font-medium mb-1`,children:`MCP 配置`}),(0,p.jsx)(`p`,{className:`text-[11px] leading-relaxed text-text-secondary`,children:`AI 助手可以通过 MCP 连接当前开发工具，读取 console、截图、执行 JS、查看 DOM / Storage / 网络请求。启用后开发工具启动时会自动监听 SSE 端点，并自动启用 CDP。`})]}),(0,p.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,p.jsx)(`span`,{className:`text-[12px] text-text-secondary`,children:`启用 MCP 服务`}),(0,p.jsx)(g,{checked:e,onClick:t})]}),(0,p.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,p.jsx)(`label`,{className:`text-[12px] shrink-0 w-16 text-text-secondary`,children:`SSE 端口`}),(0,p.jsx)(`input`,{type:`number`,min:1024,max:65535,value:n,onChange:e=>r(e.target.value),disabled:!e,className:`w-24 h-7 px-2 rounded text-[12px] outline-none bg-surface border border-border text-text`,style:{opacity:e?1:.4}}),(0,p.jsx)(`span`,{className:`text-[11px] text-text-dim`,children:`默认 7789`})]}),(0,p.jsx)(w,{mcpEnabled:e,mcpStatus:i}),(0,p.jsxs)(`div`,{className:`rounded p-3 border border-border bg-surface`,children:[(0,p.jsx)(`div`,{className:`text-[11px] font-medium mb-2 text-text-secondary`,children:"`.mcp.json` 示例（SSE 传输）"}),(0,p.jsx)(`pre`,{className:`text-[11px] whitespace-pre-wrap leading-relaxed text-[var(--color-code-blue)] font-mono`,children:`{
+import{S as e,T as t,w as n,x as r}from"./ipc-transport-CuDJ07aE.js";import{t as i}from"./constants-EAMiwL9_.js";import{a,c as o,i as s,r as c,s as l,u}from"./settings-api-qpXKDRXt.js";var d=t(e(),1),f=t(n(),1),p=r(),m=[{id:`general`,label:`通用`},{id:`debug`,label:`调试`},{id:`mcp`,label:`MCP`}],h={system:`跟随系统`,dark:`深色`,light:`浅色`};function g({checked:e,onClick:t}){return(0,p.jsx)(`button`,{type:`button`,onClick:t,className:`relative inline-flex h-5 w-9 shrink-0 rounded-full transition-colors`,style:{background:e?`var(--color-accent)`:`var(--color-surface-3)`},children:(0,p.jsx)(`span`,{className:`inline-block h-3.5 w-3.5 rounded-full bg-white transition-transform`,style:{marginTop:3,transform:e?`translateX(18px)`:`translateX(3px)`}})})}function _({activeTab:e,onSelect:t}){return(0,p.jsx)(`div`,{className:`flex items-center border-b border-border shrink-0`,children:m.map(n=>(0,p.jsx)(`button`,{className:`flex-1 py-2.5 text-[12px] text-center transition-colors ${e===n.id?`text-accent border-b-2 border-accent`:`text-text-secondary hover:text-text`}`,onClick:()=>t(n.id),children:n.label},n.id))})}function v({theme:e,onSelect:t}){return(0,p.jsx)(`div`,{className:`flex rounded overflow-hidden border border-border text-[11px]`,children:[`system`,`dark`,`light`].map((n,r)=>(0,p.jsx)(`button`,{onClick:()=>t(n),className:[`px-3 py-1 transition-colors`,r>0?`border-l border-border`:``,e===n?`bg-accent text-white`:`text-text-secondary hover:text-text hover:bg-surface-3`].join(` `),children:h[n]},n))})}function y({autoBuildEnabled:e,onAutoBuildChange:t,autoReloadEnabled:n,onAutoReloadChange:r,theme:i,onThemeChange:a,saved:o}){return(0,p.jsxs)(`div`,{className:`space-y-4`,children:[(0,p.jsxs)(`section`,{className:`rounded-lg border border-border p-4 space-y-4 bg-bg`,children:[(0,p.jsxs)(`div`,{children:[(0,p.jsx)(`h2`,{className:`text-[13px] font-medium mb-1`,children:`编译与预览`}),(0,p.jsx)(`p`,{className:`text-[11px] leading-relaxed text-text-secondary`,children:`开启「自动编译」后，打开项目时会监听源文件改动并自动重新编译。开启「自动刷新」后，每次编译完成会刷新模拟器（仅改样式时原地热替换，保留当前页面栈与表单状态）；关闭它则任何改动都不刷新，仅手动刷新。配置在下次打开项目时生效。`})]}),(0,p.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,p.jsx)(`span`,{className:`text-[12px] text-text-secondary`,children:`监听文件变化自动编译`}),(0,p.jsx)(g,{checked:e,onClick:()=>t(!e)})]}),(0,p.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,p.jsx)(`span`,{className:`text-[12px] text-text-secondary`,children:`编译完成后自动刷新模拟器`}),(0,p.jsx)(g,{checked:n,onClick:()=>r(!n)})]})]}),(0,p.jsxs)(`section`,{className:`rounded-lg border border-border p-4 space-y-3 bg-bg`,children:[(0,p.jsx)(`div`,{children:(0,p.jsx)(`h2`,{className:`text-[13px] font-medium mb-1`,children:`外观`})}),(0,p.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,p.jsx)(`span`,{className:`text-[12px] text-text-secondary`,children:`颜色模式`}),(0,p.jsx)(v,{theme:i,onSelect:a})]})]}),o&&(0,p.jsx)(`div`,{className:`text-[11px] text-status-success`,children:`已保存`})]})}function b({cdpStatus:e}){return(0,p.jsxs)(`div`,{className:`rounded p-3 space-y-2 border border-border bg-surface`,children:[(0,p.jsx)(`div`,{className:`text-[11px] font-medium text-text-secondary`,children:`当前状态`}),(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)(`span`,{className:`inline-block w-2 h-2 rounded-full`,style:{background:e?.active?`var(--color-status-success)`:`var(--color-text-dim)`}}),(0,p.jsx)(`span`,{className:`text-[12px] text-text-secondary`,children:e?.active?`CDP 已激活 - 端口 ${e.activePort}`:`CDP 未激活`})]}),e?.implicitDevDefault&&(0,p.jsx)(`div`,{className:`text-[11px] text-text-dim`,children:`当前为开发模式默认端口`}),e?.active&&(0,p.jsxs)(`div`,{className:`text-[11px] text-text-dim font-mono`,children:[`调试地址: http://localhost:`,e.activePort]})]})}function x(e,t){return!e||e.implicitDevDefault?!1:t.enabled===e.active?t.enabled&&e.active&&t.port!==e.activePort:!0}function S({cdpEnabled:e,onToggleCdp:t,portInput:n,onPortInputChange:r,cdpStatus:a,needsRestart:o,onSave:s,saved:c}){return(0,p.jsxs)(`section`,{className:`rounded-lg border border-border p-4 space-y-4 bg-bg`,children:[(0,p.jsxs)(`div`,{children:[(0,p.jsx)(`h2`,{className:`text-[13px] font-medium mb-1`,children:`DevTools Protocol`}),(0,p.jsx)(`p`,{className:`text-[11px] leading-relaxed text-text-secondary`,children:`开启后可通过 DevTools Protocol 连接调试模拟器。配置变更需要重启应用后生效。`})]}),(0,p.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,p.jsx)(`span`,{className:`text-[12px] text-text-secondary`,children:`启用 DevTools Protocol`}),(0,p.jsx)(g,{checked:e,onClick:t})]}),(0,p.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,p.jsx)(`label`,{className:`text-[12px] shrink-0 w-16 text-text-secondary`,children:`调试端口`}),(0,p.jsx)(`input`,{type:`number`,min:1024,max:65535,value:n,onChange:e=>r(e.target.value),disabled:!e,className:`w-24 h-7 px-2 rounded text-[12px] outline-none bg-surface border border-border text-text`,style:{opacity:e?1:.4}}),(0,p.jsxs)(`span`,{className:`text-[11px] text-text-dim`,children:[`默认 `,i]})]}),(0,p.jsx)(b,{cdpStatus:a}),o&&(0,p.jsx)(`div`,{className:`rounded px-3 py-2 text-[12px] border bg-warn-bg text-[var(--color-status-warn)]`,children:`配置已变更，需要重启应用后生效`}),(0,p.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,p.jsx)(`button`,{onClick:s,className:`h-7 px-4 rounded text-[13px] font-medium text-white bg-accent hover:bg-accent-hover`,children:`保存`}),c&&(0,p.jsx)(`span`,{className:`text-[11px] text-status-success`,children:`已保存`})]})]})}function C({color:e,children:t}){return(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)(`span`,{className:`inline-block w-2 h-2 rounded-full`,style:{background:e}}),(0,p.jsx)(`span`,{className:`text-[12px] text-text-secondary`,children:t})]})}function w({mcpEnabled:e,mcpStatus:t}){return(0,p.jsxs)(`div`,{className:`rounded p-3 space-y-2 border border-border bg-surface`,children:[(0,p.jsx)(`div`,{className:`text-[11px] font-medium text-text-secondary`,children:`当前状态`}),e?t?.running?(0,p.jsxs)(C,{color:`var(--color-status-success)`,children:[`MCP 已运行 - 端口 `,t.activePort]}):(0,p.jsxs)(C,{color:`var(--color-status-error, #e54d4d)`,children:[`MCP 未运行`,t?.error===`port-in-use`?`（端口 ${t.configuredPort} 已被占用）`:t?.error?`（${t.error}）`:``]}):(0,p.jsx)(C,{color:`var(--color-text-dim)`,children:`MCP 未启用`})]})}function T({mcpEnabled:e,onToggleMcp:t,mcpPortInput:n,onMcpPortInputChange:r,mcpStatus:i,mcpPort:a,onSave:o,saved:s}){return(0,p.jsxs)(`section`,{className:`rounded-lg border border-border p-4 space-y-4 bg-bg`,children:[(0,p.jsxs)(`div`,{children:[(0,p.jsx)(`h2`,{className:`text-[13px] font-medium mb-1`,children:`MCP 配置`}),(0,p.jsx)(`p`,{className:`text-[11px] leading-relaxed text-text-secondary`,children:`AI 助手可以通过 MCP 连接当前开发工具，读取 console、截图、执行 JS、查看 DOM / Storage / 网络请求。启用后开发工具启动时会自动监听 SSE 端点，并自动启用 CDP。`})]}),(0,p.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,p.jsx)(`span`,{className:`text-[12px] text-text-secondary`,children:`启用 MCP 服务`}),(0,p.jsx)(g,{checked:e,onClick:t})]}),(0,p.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,p.jsx)(`label`,{className:`text-[12px] shrink-0 w-16 text-text-secondary`,children:`SSE 端口`}),(0,p.jsx)(`input`,{type:`number`,min:1024,max:65535,value:n,onChange:e=>r(e.target.value),disabled:!e,className:`w-24 h-7 px-2 rounded text-[12px] outline-none bg-surface border border-border text-text`,style:{opacity:e?1:.4}}),(0,p.jsx)(`span`,{className:`text-[11px] text-text-dim`,children:`默认 7789`})]}),(0,p.jsx)(w,{mcpEnabled:e,mcpStatus:i}),(0,p.jsxs)(`div`,{className:`rounded p-3 border border-border bg-surface`,children:[(0,p.jsx)(`div`,{className:`text-[11px] font-medium mb-2 text-text-secondary`,children:"`.mcp.json` 示例（SSE 传输）"}),(0,p.jsx)(`pre`,{className:`text-[11px] whitespace-pre-wrap leading-relaxed text-[var(--color-code-blue)] font-mono`,children:`{
   "mcpServers": {
     "dimina-devtools": {
       "url": "http://127.0.0.1:${a}/sse"
     }
   }
 }`})]}),(0,p.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,p.jsx)(`button`,{onClick:o,className:`h-7 px-4 rounded text-[13px] font-medium text-white bg-accent hover:bg-accent-hover`,children:`保存`}),s&&(0,p.jsx)(`span`,{className:`text-[11px] text-status-success`,children:`已保存`})]})]})}function E(){let[e,t]=(0,f.useState)({cdp:{enabled:!1,port:i},mcp:{enabled:!1,port:7789},compile:{autoBuild:!0},preview:{autoReload:!0},theme:`system`,lastCreateBaseDir:null}),[n,r]=(0,f.useState)(null),[d,m]=(0,f.useState)(null),[h,g]=(0,f.useState)(`general`),[v,b]=(0,f.useState)(!1),[C,w]=(0,f.useState)(String(i)),[E,D]=(0,f.useState)(`7789`);(0,f.useEffect)(()=>{let e=l(e=>{t(e.settings),w(String(e.settings.cdp.port)),D(String(e.settings.mcp.port))});return a().then(e=>{t(e),w(String(e.cdp.port)),D(String(e.mcp.port))}),c().then(r),s().then(m),e},[]);function O(){b(!0),window.setTimeout(()=>b(!1),2e3)}function k(){t(e=>({...e,cdp:{...e.cdp,enabled:!e.cdp.enabled}}))}function A(){t(e=>({...e,mcp:{...e.mcp,enabled:!e.mcp.enabled}}))}function j(n){let r={...e,theme:n};t(r),u(n),o(r)}function M(e){t(e),o(e).then(O)}async function N(){let n=parseInt(C,10);if(Number.isNaN(n)||n<1024||n>65535)return;let i=parseInt(E,10);if(Number.isNaN(i)||i<1024||i>65535)return;let a={...e,cdp:{...e.cdp,port:n},mcp:{...e.mcp,port:i}};t(a),await o(a),r(await c()),m(await s()),O()}let P=x(n,e.cdp);return(0,p.jsxs)(`div`,{className:`flex flex-col h-screen bg-surface text-text`,children:[(0,p.jsx)(_,{activeTab:h,onSelect:g}),(0,p.jsxs)(`div`,{className:`flex-1 overflow-y-auto p-4`,children:[h===`general`&&(0,p.jsx)(y,{autoBuildEnabled:e.compile.autoBuild,onAutoBuildChange:t=>M({...e,compile:{...e.compile,autoBuild:t}}),autoReloadEnabled:e.preview.autoReload,onAutoReloadChange:t=>M({...e,preview:{...e.preview,autoReload:t}}),theme:e.theme,onThemeChange:j,saved:v}),h===`debug`&&(0,p.jsx)(S,{cdpEnabled:e.cdp.enabled,onToggleCdp:k,portInput:C,onPortInputChange:w,cdpStatus:n,needsRestart:P,onSave:N,saved:v}),h===`mcp`&&(0,p.jsx)(T,{mcpEnabled:e.mcp.enabled,onToggleMcp:A,mcpPortInput:E,onMcpPortInputChange:D,mcpStatus:d,mcpPort:e.mcp.port,onSave:N,saved:v})]})]})}d.createRoot(document.getElementById(`root`)).render((0,p.jsx)(E,{}));
-//# sourceMappingURL=workbenchSettings-CFbToT4Q.js.map
+//# sourceMappingURL=workbenchSettings-DQ_VP5-W.js.map

package/dist/renderer/entries/main/index.html

@@ -26,13 +26,13 @@
       overflow: hidden;
     }
   </style>
-  <script type="module" crossorigin src="../../assets/index-CZd3LyY8.js"></script>
-  <link rel="modulepreload" crossorigin href="../../assets/ipc-transport-DTEmLpxx.js">
-  <link rel="modulepreload" crossorigin href="../../assets/input-7P0WbXyg.js">
-  <link rel="modulepreload" crossorigin href="../../assets/select-Bzbhbg9Z.js">
-  <link rel="modulepreload" crossorigin href="../../assets/settings-api-B1wVFAPB.js">
+  <script type="module" crossorigin src="../../assets/index-U9F8MrtV.js"></script>
+  <link rel="modulepreload" crossorigin href="../../assets/ipc-transport-CuDJ07aE.js">
+  <link rel="modulepreload" crossorigin href="../../assets/input-c2OcrrZy.js">
+  <link rel="modulepreload" crossorigin href="../../assets/select-DKqzMtTh.js">
+  <link rel="modulepreload" crossorigin href="../../assets/settings-api-qpXKDRXt.js">
   <link rel="modulepreload" crossorigin href="../../assets/constants-EAMiwL9_.js">
-  <link rel="stylesheet" crossorigin href="../../assets/ipc-transport-BGtDnv6p.css">
+  <link rel="stylesheet" crossorigin href="../../assets/ipc-transport-Blac3sOj.css">
 </head>
 <body>
   <div id="root"></div>

package/dist/renderer/entries/popover/index.html

@@ -8,12 +8,12 @@
   <style>
     html, body { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background: transparent !important; }
   </style>
-  <script type="module" crossorigin src="../../assets/popover-DsOcyIS6.js"></script>
-  <link rel="modulepreload" crossorigin href="../../assets/ipc-transport-DTEmLpxx.js">
-  <link rel="modulepreload" crossorigin href="../../assets/input-7P0WbXyg.js">
-  <link rel="modulepreload" crossorigin href="../../assets/select-Bzbhbg9Z.js">
+  <script type="module" crossorigin src="../../assets/popover-kv2qspWz.js"></script>
+  <link rel="modulepreload" crossorigin href="../../assets/ipc-transport-CuDJ07aE.js">
+  <link rel="modulepreload" crossorigin href="../../assets/input-c2OcrrZy.js">
+  <link rel="modulepreload" crossorigin href="../../assets/select-DKqzMtTh.js">
   <link rel="modulepreload" crossorigin href="../../assets/constants-EAMiwL9_.js">
-  <link rel="stylesheet" crossorigin href="../../assets/ipc-transport-BGtDnv6p.css">
+  <link rel="stylesheet" crossorigin href="../../assets/ipc-transport-Blac3sOj.css">
 </head>
 <body>
   <div id="root"></div>

package/dist/renderer/entries/settings/index.html

@@ -11,11 +11,11 @@
        closes the overlay — mirrors the popover entry. */
     html, body { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background: transparent !important; }
   </style>
-  <script type="module" crossorigin src="../../assets/settings-CR1TyBWu.js"></script>
-  <link rel="modulepreload" crossorigin href="../../assets/ipc-transport-DTEmLpxx.js">
-  <link rel="modulepreload" crossorigin href="../../assets/input-7P0WbXyg.js">
-  <link rel="modulepreload" crossorigin href="../../assets/settings-api-B1wVFAPB.js">
-  <link rel="stylesheet" crossorigin href="../../assets/ipc-transport-BGtDnv6p.css">
+  <script type="module" crossorigin src="../../assets/settings-dJNKTGr8.js"></script>
+  <link rel="modulepreload" crossorigin href="../../assets/ipc-transport-CuDJ07aE.js">
+  <link rel="modulepreload" crossorigin href="../../assets/input-c2OcrrZy.js">
+  <link rel="modulepreload" crossorigin href="../../assets/settings-api-qpXKDRXt.js">
+  <link rel="stylesheet" crossorigin href="../../assets/ipc-transport-Blac3sOj.css">
 </head>
 <body>
   <div id="root"></div>

package/dist/renderer/entries/workbench-settings/index.html

@@ -6,11 +6,11 @@
     <!-- See entries/main/index.html for CSP rationale. -->
     <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'unsafe-inline' 'unsafe-eval'; style-src 'self' 'unsafe-inline'; img-src 'self' data: blob: http: https:; font-src 'self' data:; media-src 'self' blob: http: https:; connect-src 'self' http: https: ws: wss:;" />
     <title>开发工具设置</title>
-    <script type="module" crossorigin src="../../assets/workbenchSettings-CFbToT4Q.js"></script>
-    <link rel="modulepreload" crossorigin href="../../assets/ipc-transport-DTEmLpxx.js">
-    <link rel="modulepreload" crossorigin href="../../assets/settings-api-B1wVFAPB.js">
+    <script type="module" crossorigin src="../../assets/workbenchSettings-DQ_VP5-W.js"></script>
+    <link rel="modulepreload" crossorigin href="../../assets/ipc-transport-CuDJ07aE.js">
+    <link rel="modulepreload" crossorigin href="../../assets/settings-api-qpXKDRXt.js">
     <link rel="modulepreload" crossorigin href="../../assets/constants-EAMiwL9_.js">
-    <link rel="stylesheet" crossorigin href="../../assets/ipc-transport-BGtDnv6p.css">
+    <link rel="stylesheet" crossorigin href="../../assets/ipc-transport-Blac3sOj.css">
   </head>
   <body>
     <div id="root"></div>

package/dist/service-host/appdata-set-data.cjs

@@ -0,0 +1,39 @@
+// Pure write-back step of the AppData-panel edit path: resolve the page
+// instance owning `bridgeId` in the CURRENT page stack and hand the patch to
+// its real `setData`, so the update flows through the runtime's own pipeline
+// (observers, child-props sync, `ub` publish) and the panel re-renders from
+// the runtime's state — never an optimistic local echo.
+//
+// `getCurrentPages` is injected (the service runtime installs it on
+// `globalThis` during boot; this module stays testable without that global).
+// Returns whether the patch reached a live page; every failure — no runtime
+// yet, unknown bridge, a throwing setData — degrades to `false` and never
+// throws into the preload's IPC listener.
+'use strict'
+
+/**
+ * @param {unknown} getCurrentPages
+ * @param {string} bridgeId
+ * @param {Record<string, unknown>} data
+ * @returns {boolean}
+ */
+function applyAppDataSetData(getCurrentPages, bridgeId, data) {
+  if (typeof getCurrentPages !== 'function') return false
+  let pages
+  try {
+    pages = getCurrentPages()
+  } catch (_) {
+    return false
+  }
+  if (!Array.isArray(pages)) return false
+  const page = pages.find((p) => p && p.bridgeId === bridgeId)
+  if (!page || typeof page.setData !== 'function') return false
+  try {
+    page.setData(data)
+  } catch (_) {
+    return false
+  }
+  return true
+}
+
+module.exports = { applyAppDataSetData }

package/dist/service-host/preload.cjs

@@ -8,6 +8,9 @@ const CHANNELS = {
   // wx.getSystemInfoSync() reflects the newly-selected device without a
   // relaunch. Mirrors ServiceHostChannel.HostEnvUpdate in shared/ipc-channels.ts.
   HOST_ENV_UPDATE: 'service-host:host-env:update',
+  // main → this window: AppData-panel edit write-back. Mirrors
+  // ServiceHostChannel.AppDataSetData in shared/ipc-channels.ts.
+  APPDATA_SET_DATA: 'service-host:appdata:set-data',
 }
 
 const params = new URLSearchParams(globalThis.location && globalThis.location.search || '')
@@ -203,6 +206,24 @@ ipcRenderer.on(CHANNELS.TO_SERVICE, (_event, payload) => {
   deliver(payload && payload.msg)
 })
 
+// AppData-panel edit write-back. The service runtime evaluates in THIS window's
+// global context (contextIsolation: false), so `globalThis.getCurrentPages` is
+// the runtime's real page stack once boot has installed it. The pure resolver
+// lives in a sibling .cjs (unit-tested in appdata-set-data.test.ts), required
+// relative to this preload so it resolves from dist/service-host at runtime.
+const { applyAppDataSetData } = require('./appdata-set-data.cjs')
+
+ipcRenderer.on(CHANNELS.APPDATA_SET_DATA, (_event, payload) => {
+  if (!payload || typeof payload.bridgeId !== 'string' || !payload.data) return
+  const applied = applyAppDataSetData(globalThis.getCurrentPages, payload.bridgeId, payload.data)
+  // Narrow race: main resolved a live service window but the page unloaded
+  // before this handler ran — the write is dropped here. Surface it in the
+  // service console (captured via CDP) so the silent no-op is diagnosable.
+  if (!applied) {
+    console.warn(`[service-host] appdata set-data dropped: no live page for bridge ${payload.bridgeId}`)
+  }
+})
+
 // ── Uncaught error capture (native-host) ────────────────────────────────────
 // Placed AFTER the no-bridgeId early-return (pool warming) and AFTER
 // DiminaServiceBridge is defined, so it only runs for a real spawn and can use

package/dist/shared/ipc-channels.d.ts

@@ -50,6 +50,14 @@ export declare const ServiceHostChannel: {
      * `__diminaSpawnContext.hostEnvSnapshot` in place (see `service-host/preload.cjs`).
      */
     readonly HostEnvUpdate: "service-host:host-env:update";
+    /**
+     * NATIVE-HOST ONLY. Deliver an AppData-panel edit (`{bridgeId, data}`) into
+     * the service-host window. The preload resolves the page instance via
+     * `getCurrentPages()` and calls `page.setData(data)`, so the resulting `ub`
+     * publish flows back through the normal service→render tap — the panel
+     * refreshes from the runtime's own state, not an optimistic local echo.
+     */
+    readonly AppDataSetData: "service-host:appdata:set-data";
 };
 export declare const SimulatorCustomApiChannel: {
     readonly Invoke: "simulator:custom-apis:invoke";
@@ -101,6 +109,7 @@ export declare const SimulatorWxmlChannel: {
 export declare const SimulatorAppDataChannel: {
     readonly GetSnapshot: "simulator:appdata:snapshot";
     readonly Event: "simulator:appdata:event";
+    readonly SetData: "simulator:appdata:set-data";
 };
 export type { ElementInspection } from '@dimina-kit/inspect';
 export declare const WorkbenchSettingsChannel: {

package/dist/shared/ipc-channels.js

@@ -38,6 +38,14 @@ export const ServiceHostChannel = {
      * `__diminaSpawnContext.hostEnvSnapshot` in place (see `service-host/preload.cjs`).
      */
     HostEnvUpdate: 'service-host:host-env:update',
+    /**
+     * NATIVE-HOST ONLY. Deliver an AppData-panel edit (`{bridgeId, data}`) into
+     * the service-host window. The preload resolves the page instance via
+     * `getCurrentPages()` and calls `page.setData(data)`, so the resulting `ub`
+     * publish flows back through the normal service→render tap — the panel
+     * refreshes from the runtime's own state, not an optimistic local echo.
+     */
+    AppDataSetData: 'service-host:appdata:set-data',
 };
 // ── Custom simulator APIs (downstream-registered, main-process handlers) ──
 // invoke: forwards an API call to the registry; result/reject propagates.
@@ -98,6 +106,9 @@ export const SimulatorWxmlChannel = {
 export const SimulatorAppDataChannel = {
     GetSnapshot: 'simulator:appdata:snapshot',
     Event: 'simulator:appdata:event',
+    // renderer → main invoke: write an AppData-panel edit back into the running
+    // page (forwarded to the service host via ServiceHostChannel.AppDataSetData).
+    SetData: 'simulator:appdata:set-data',
 };
 // ── Workbench settings ───────────────────────────────────────────────────
 export const WorkbenchSettingsChannel = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dimina-kit/devtools",
-  "version": "0.4.0-dev.20260716214527",
+  "version": "0.4.0-dev.20260718085557",
   "description": "Dimina DevTools - modular developer tools for mini app debugging",
   "keywords": [
     "dimina",
@@ -85,10 +85,10 @@
     "chrome-remote-interface": "^0.34.0",
     "ws": "^8.20.0",
     "zod": "^4.3.6",
-    "@dimina-kit/devkit": "0.1.2-dev.20260716214527",
-    "@dimina-kit/view-anchor": "0.1.0-dev.20260716214527",
-    "@dimina-kit/inspect": "0.4.0-dev.20260716214527",
-    "@dimina-kit/electron-deck": "0.1.0-dev.20260716214527"
+    "@dimina-kit/devkit": "0.1.2-dev.20260718085557",
+    "@dimina-kit/electron-deck": "0.1.0-dev.20260718085557",
+    "@dimina-kit/view-anchor": "0.1.0-dev.20260718085557",
+    "@dimina-kit/inspect": "0.4.0-dev.20260718085557"
   },
   "devDependencies": {
     "@playwright/test": "^1.59.1",