@dimina-kit/devtools 0.3.1-dev.20260517100756 → 0.3.1-dev.20260518114324

package/dist/renderer/assets/{settings-api-BjJalghB.js → settings-api-DOAgmBst.js}

@@ -1,2 +1,2 @@
-import{b as e,f as t,i as n,n as r,r as i,t as a}from"./ipc-transport-CUsl-fS2.js";function o(e){n(t.ConfigChanged,e)}function s(e){n(t.ProjectSettingsChanged,e)}function c(e){return i(t.Init,t=>e(t))}function l(){return r(e.Get)}function u(t){return a(e.Save,t)}function d(t){return a(e.SetTheme,t)}function f(){return r(e.GetCdpStatus)}function p(t){return i(e.Init,e=>t(e))}export{c as a,d as c,l as i,o as n,p as o,f as r,u as s,s as t};
-//# sourceMappingURL=settings-api-BjJalghB.js.map
+import{S as e,f as t,i as n,n as r,r as i,t as a}from"./ipc-transport-CCHrCtDr.js";function o(e){n(t.ConfigChanged,e)}function s(e){n(t.ProjectSettingsChanged,e)}function c(e){return i(t.Init,t=>e(t))}function l(){return r(e.Get)}function u(t){return a(e.Save,t)}function d(t){return a(e.SetTheme,t)}function f(){return r(e.GetCdpStatus)}function p(t){return i(e.Init,e=>t(e))}export{c as a,d as c,l as i,o as n,p as o,f as r,u as s,s as t};
+//# sourceMappingURL=settings-api-DOAgmBst.js.map

package/dist/renderer/assets/{workbenchSettings-q2_-nc8t.js → workbenchSettings-DjVMgMMH.js}

@@ -1,8 +1,8 @@
-import{S as e,T as t,w as n,x as r}from"./ipc-transport-CUsl-fS2.js";import{c as i,i as a,o,r as s,s as c}from"./settings-api-BjJalghB.js";var l=t(e(),1),u=t(n(),1),d=r(),f=[{id:`general`,label:`通用`},{id:`debug`,label:`调试`},{id:`mcp`,label:`MCP`}];function p({checked:e,onClick:t}){return(0,d.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,d.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 m(){let[e,t]=(0,u.useState)({cdp:{enabled:!1,port:9222},mcp:{enabled:!1,port:7789},compile:{watch:!0},theme:`system`}),[n,r]=(0,u.useState)(null),[l,m]=(0,u.useState)(`general`),[h,g]=(0,u.useState)(!1),[_,v]=(0,u.useState)(`9222`),[y,b]=(0,u.useState)(`7789`);(0,u.useEffect)(()=>{let e=o(e=>{t(e.settings),v(String(e.settings.cdp.port)),b(String(e.settings.mcp.port))});return a().then(e=>{t(e),v(String(e.cdp.port)),b(String(e.mcp.port))}),s().then(r),e},[]);function x(){g(!0),window.setTimeout(()=>g(!1),2e3)}function S(){t(e=>({...e,cdp:{...e.cdp,enabled:!e.cdp.enabled}}))}function C(){t(e=>({...e,mcp:{...e.mcp,enabled:!e.mcp.enabled}}))}function w(n){let r={...e,theme:n};t(r),i(n),c(r)}function T(n){let r={...e,compile:{...e.compile,watch:n}};t(r),c(r).then(x)}async function E(){let n=parseInt(_,10);if(Number.isNaN(n)||n<1024||n>65535)return;let i=parseInt(y,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 c(a),r(await s()),x()}let D=n&&!n.implicitDevDefault&&(e.cdp.enabled!==n.active||e.cdp.enabled&&n.active&&e.cdp.port!==n.activePort);return(0,d.jsxs)(`div`,{className:`flex flex-col h-screen bg-surface text-text`,children:[(0,d.jsx)(`div`,{className:`flex items-center border-b border-border shrink-0`,children:f.map(e=>(0,d.jsx)(`button`,{className:`flex-1 py-2.5 text-[12px] text-center transition-colors ${l===e.id?`text-accent border-b-2 border-accent`:`text-text-secondary hover:text-text`}`,onClick:()=>m(e.id),children:e.label},e.id))}),(0,d.jsxs)(`div`,{className:`flex-1 overflow-y-auto p-4`,children:[l===`general`&&(0,d.jsxs)(`div`,{className:`space-y-4`,children:[(0,d.jsxs)(`section`,{className:`rounded-lg border border-border p-4 space-y-4 bg-bg`,children:[(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`h2`,{className:`text-[13px] font-medium mb-1`,children:`编译`}),(0,d.jsx)(`p`,{className:`text-[11px] leading-relaxed text-text-secondary`,children:`开启后，打开项目时会监听源文件改动并自动重新编译。关闭则只在打开/手动重新编译时构建。配置在下次打开项目时生效。`})]}),(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,d.jsx)(`span`,{className:`text-[12px] text-text-secondary`,children:`监听文件变化自动编译`}),(0,d.jsx)(p,{checked:e.compile.watch,onClick:()=>T(!e.compile.watch)})]})]}),(0,d.jsxs)(`section`,{className:`rounded-lg border border-border p-4 space-y-3 bg-bg`,children:[(0,d.jsx)(`div`,{children:(0,d.jsx)(`h2`,{className:`text-[13px] font-medium mb-1`,children:`外观`})}),(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,d.jsx)(`span`,{className:`text-[12px] text-text-secondary`,children:`颜色模式`}),(0,d.jsx)(`div`,{className:`flex rounded overflow-hidden border border-border text-[11px]`,children:[`system`,`dark`,`light`].map((t,n)=>{let r=t===`system`?`跟随系统`:t===`dark`?`深色`:`浅色`,i=e.theme===t;return(0,d.jsx)(`button`,{onClick:()=>w(t),className:[`px-3 py-1 transition-colors`,n>0?`border-l border-border`:``,i?`bg-accent text-white`:`text-text-secondary hover:text-text hover:bg-surface-3`].join(` `),children:r},t)})})]})]}),h&&(0,d.jsx)(`div`,{className:`text-[11px] text-status-success`,children:`已保存`})]}),l===`debug`&&(0,d.jsxs)(`section`,{className:`rounded-lg border border-border p-4 space-y-4 bg-bg`,children:[(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`h2`,{className:`text-[13px] font-medium mb-1`,children:`DevTools Protocol`}),(0,d.jsx)(`p`,{className:`text-[11px] leading-relaxed text-text-secondary`,children:`开启后可通过 DevTools Protocol 连接调试模拟器。配置变更需要重启应用后生效。`})]}),(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,d.jsx)(`span`,{className:`text-[12px] text-text-secondary`,children:`启用 DevTools Protocol`}),(0,d.jsx)(p,{checked:e.cdp.enabled,onClick:S})]}),(0,d.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,d.jsx)(`label`,{className:`text-[12px] shrink-0 w-16 text-text-secondary`,children:`调试端口`}),(0,d.jsx)(`input`,{type:`number`,min:1024,max:65535,value:_,onChange:e=>v(e.target.value),disabled:!e.cdp.enabled,className:`w-24 h-7 px-2 rounded text-[12px] outline-none bg-surface border border-border text-text`,style:{opacity:e.cdp.enabled?1:.4}}),(0,d.jsx)(`span`,{className:`text-[11px] text-text-dim`,children:`默认 9222`})]}),(0,d.jsxs)(`div`,{className:`rounded p-3 space-y-2 border border-border bg-surface`,children:[(0,d.jsx)(`div`,{className:`text-[11px] font-medium text-text-secondary`,children:`当前状态`}),(0,d.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,d.jsx)(`span`,{className:`inline-block w-2 h-2 rounded-full`,style:{background:n?.active?`var(--color-status-success)`:`var(--color-text-dim)`}}),(0,d.jsx)(`span`,{className:`text-[12px] text-text-secondary`,children:n?.active?`CDP 已激活 - 端口 ${n.activePort}`:`CDP 未激活`})]}),n?.implicitDevDefault&&(0,d.jsx)(`div`,{className:`text-[11px] text-text-dim`,children:`当前为开发模式默认端口`}),n?.active&&(0,d.jsxs)(`div`,{className:`text-[11px] text-text-dim font-mono`,children:[`调试地址: http://localhost:`,n.activePort]})]}),D&&(0,d.jsx)(`div`,{className:`rounded px-3 py-2 text-[12px] border bg-warn-bg text-[var(--color-status-warn)]`,children:`配置已变更，需要重启应用后生效`}),(0,d.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,d.jsx)(`button`,{onClick:E,className:`h-7 px-4 rounded text-[13px] font-medium text-white bg-accent hover:bg-accent-hover`,children:`保存`}),h&&(0,d.jsx)(`span`,{className:`text-[11px] text-status-success`,children:`已保存`})]})]}),l===`mcp`&&(0,d.jsxs)(`section`,{className:`rounded-lg border border-border p-4 space-y-4 bg-bg`,children:[(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`h2`,{className:`text-[13px] font-medium mb-1`,children:`MCP 配置`}),(0,d.jsx)(`p`,{className:`text-[11px] leading-relaxed text-text-secondary`,children:`AI 助手可以通过 MCP 连接当前开发工具，读取 console、截图、执行 JS、查看 DOM / Storage / 网络请求。启用后开发工具启动时会自动监听 SSE 端点，并自动启用 CDP。`})]}),(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,d.jsx)(`span`,{className:`text-[12px] text-text-secondary`,children:`启用 MCP 服务`}),(0,d.jsx)(p,{checked:e.mcp.enabled,onClick:C})]}),(0,d.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,d.jsx)(`label`,{className:`text-[12px] shrink-0 w-16 text-text-secondary`,children:`SSE 端口`}),(0,d.jsx)(`input`,{type:`number`,min:1024,max:65535,value:y,onChange:e=>b(e.target.value),disabled:!e.mcp.enabled,className:`w-24 h-7 px-2 rounded text-[12px] outline-none bg-surface border border-border text-text`,style:{opacity:e.mcp.enabled?1:.4}}),(0,d.jsx)(`span`,{className:`text-[11px] text-text-dim`,children:`默认 7789`})]}),(0,d.jsxs)(`div`,{className:`rounded p-3 border border-border bg-surface`,children:[(0,d.jsx)(`div`,{className:`text-[11px] font-medium mb-2 text-text-secondary`,children:"`.mcp.json` 示例（SSE 传输）"}),(0,d.jsx)(`pre`,{className:`text-[11px] whitespace-pre-wrap leading-relaxed text-[var(--color-code-blue)] font-mono`,children:`{
+import{C as e,D as t,E as n,w as r}from"./ipc-transport-CCHrCtDr.js";import{c as i,i as a,o,r as s,s as c}from"./settings-api-DOAgmBst.js";var l=t(r(),1),u=t(n(),1),d=e(),f=[{id:`general`,label:`通用`},{id:`debug`,label:`调试`},{id:`mcp`,label:`MCP`}];function p({checked:e,onClick:t}){return(0,d.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,d.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 m(){let[e,t]=(0,u.useState)({cdp:{enabled:!1,port:9222},mcp:{enabled:!1,port:7789},compile:{watch:!0},theme:`system`}),[n,r]=(0,u.useState)(null),[l,m]=(0,u.useState)(`general`),[h,g]=(0,u.useState)(!1),[_,v]=(0,u.useState)(`9222`),[y,b]=(0,u.useState)(`7789`);(0,u.useEffect)(()=>{let e=o(e=>{t(e.settings),v(String(e.settings.cdp.port)),b(String(e.settings.mcp.port))});return a().then(e=>{t(e),v(String(e.cdp.port)),b(String(e.mcp.port))}),s().then(r),e},[]);function x(){g(!0),window.setTimeout(()=>g(!1),2e3)}function S(){t(e=>({...e,cdp:{...e.cdp,enabled:!e.cdp.enabled}}))}function C(){t(e=>({...e,mcp:{...e.mcp,enabled:!e.mcp.enabled}}))}function w(n){let r={...e,theme:n};t(r),i(n),c(r)}function T(n){let r={...e,compile:{...e.compile,watch:n}};t(r),c(r).then(x)}async function E(){let n=parseInt(_,10);if(Number.isNaN(n)||n<1024||n>65535)return;let i=parseInt(y,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 c(a),r(await s()),x()}let D=n&&!n.implicitDevDefault&&(e.cdp.enabled!==n.active||e.cdp.enabled&&n.active&&e.cdp.port!==n.activePort);return(0,d.jsxs)(`div`,{className:`flex flex-col h-screen bg-surface text-text`,children:[(0,d.jsx)(`div`,{className:`flex items-center border-b border-border shrink-0`,children:f.map(e=>(0,d.jsx)(`button`,{className:`flex-1 py-2.5 text-[12px] text-center transition-colors ${l===e.id?`text-accent border-b-2 border-accent`:`text-text-secondary hover:text-text`}`,onClick:()=>m(e.id),children:e.label},e.id))}),(0,d.jsxs)(`div`,{className:`flex-1 overflow-y-auto p-4`,children:[l===`general`&&(0,d.jsxs)(`div`,{className:`space-y-4`,children:[(0,d.jsxs)(`section`,{className:`rounded-lg border border-border p-4 space-y-4 bg-bg`,children:[(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`h2`,{className:`text-[13px] font-medium mb-1`,children:`编译`}),(0,d.jsx)(`p`,{className:`text-[11px] leading-relaxed text-text-secondary`,children:`开启后，打开项目时会监听源文件改动并自动重新编译。关闭则只在打开/手动重新编译时构建。配置在下次打开项目时生效。`})]}),(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,d.jsx)(`span`,{className:`text-[12px] text-text-secondary`,children:`监听文件变化自动编译`}),(0,d.jsx)(p,{checked:e.compile.watch,onClick:()=>T(!e.compile.watch)})]})]}),(0,d.jsxs)(`section`,{className:`rounded-lg border border-border p-4 space-y-3 bg-bg`,children:[(0,d.jsx)(`div`,{children:(0,d.jsx)(`h2`,{className:`text-[13px] font-medium mb-1`,children:`外观`})}),(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,d.jsx)(`span`,{className:`text-[12px] text-text-secondary`,children:`颜色模式`}),(0,d.jsx)(`div`,{className:`flex rounded overflow-hidden border border-border text-[11px]`,children:[`system`,`dark`,`light`].map((t,n)=>{let r=t===`system`?`跟随系统`:t===`dark`?`深色`:`浅色`,i=e.theme===t;return(0,d.jsx)(`button`,{onClick:()=>w(t),className:[`px-3 py-1 transition-colors`,n>0?`border-l border-border`:``,i?`bg-accent text-white`:`text-text-secondary hover:text-text hover:bg-surface-3`].join(` `),children:r},t)})})]})]}),h&&(0,d.jsx)(`div`,{className:`text-[11px] text-status-success`,children:`已保存`})]}),l===`debug`&&(0,d.jsxs)(`section`,{className:`rounded-lg border border-border p-4 space-y-4 bg-bg`,children:[(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`h2`,{className:`text-[13px] font-medium mb-1`,children:`DevTools Protocol`}),(0,d.jsx)(`p`,{className:`text-[11px] leading-relaxed text-text-secondary`,children:`开启后可通过 DevTools Protocol 连接调试模拟器。配置变更需要重启应用后生效。`})]}),(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,d.jsx)(`span`,{className:`text-[12px] text-text-secondary`,children:`启用 DevTools Protocol`}),(0,d.jsx)(p,{checked:e.cdp.enabled,onClick:S})]}),(0,d.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,d.jsx)(`label`,{className:`text-[12px] shrink-0 w-16 text-text-secondary`,children:`调试端口`}),(0,d.jsx)(`input`,{type:`number`,min:1024,max:65535,value:_,onChange:e=>v(e.target.value),disabled:!e.cdp.enabled,className:`w-24 h-7 px-2 rounded text-[12px] outline-none bg-surface border border-border text-text`,style:{opacity:e.cdp.enabled?1:.4}}),(0,d.jsx)(`span`,{className:`text-[11px] text-text-dim`,children:`默认 9222`})]}),(0,d.jsxs)(`div`,{className:`rounded p-3 space-y-2 border border-border bg-surface`,children:[(0,d.jsx)(`div`,{className:`text-[11px] font-medium text-text-secondary`,children:`当前状态`}),(0,d.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,d.jsx)(`span`,{className:`inline-block w-2 h-2 rounded-full`,style:{background:n?.active?`var(--color-status-success)`:`var(--color-text-dim)`}}),(0,d.jsx)(`span`,{className:`text-[12px] text-text-secondary`,children:n?.active?`CDP 已激活 - 端口 ${n.activePort}`:`CDP 未激活`})]}),n?.implicitDevDefault&&(0,d.jsx)(`div`,{className:`text-[11px] text-text-dim`,children:`当前为开发模式默认端口`}),n?.active&&(0,d.jsxs)(`div`,{className:`text-[11px] text-text-dim font-mono`,children:[`调试地址: http://localhost:`,n.activePort]})]}),D&&(0,d.jsx)(`div`,{className:`rounded px-3 py-2 text-[12px] border bg-warn-bg text-[var(--color-status-warn)]`,children:`配置已变更，需要重启应用后生效`}),(0,d.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,d.jsx)(`button`,{onClick:E,className:`h-7 px-4 rounded text-[13px] font-medium text-white bg-accent hover:bg-accent-hover`,children:`保存`}),h&&(0,d.jsx)(`span`,{className:`text-[11px] text-status-success`,children:`已保存`})]})]}),l===`mcp`&&(0,d.jsxs)(`section`,{className:`rounded-lg border border-border p-4 space-y-4 bg-bg`,children:[(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`h2`,{className:`text-[13px] font-medium mb-1`,children:`MCP 配置`}),(0,d.jsx)(`p`,{className:`text-[11px] leading-relaxed text-text-secondary`,children:`AI 助手可以通过 MCP 连接当前开发工具，读取 console、截图、执行 JS、查看 DOM / Storage / 网络请求。启用后开发工具启动时会自动监听 SSE 端点，并自动启用 CDP。`})]}),(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,d.jsx)(`span`,{className:`text-[12px] text-text-secondary`,children:`启用 MCP 服务`}),(0,d.jsx)(p,{checked:e.mcp.enabled,onClick:C})]}),(0,d.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,d.jsx)(`label`,{className:`text-[12px] shrink-0 w-16 text-text-secondary`,children:`SSE 端口`}),(0,d.jsx)(`input`,{type:`number`,min:1024,max:65535,value:y,onChange:e=>b(e.target.value),disabled:!e.mcp.enabled,className:`w-24 h-7 px-2 rounded text-[12px] outline-none bg-surface border border-border text-text`,style:{opacity:e.mcp.enabled?1:.4}}),(0,d.jsx)(`span`,{className:`text-[11px] text-text-dim`,children:`默认 7789`})]}),(0,d.jsxs)(`div`,{className:`rounded p-3 border border-border bg-surface`,children:[(0,d.jsx)(`div`,{className:`text-[11px] font-medium mb-2 text-text-secondary`,children:"`.mcp.json` 示例（SSE 传输）"}),(0,d.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:${e.mcp.port}/sse"
     }
   }
 }`})]}),(0,d.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,d.jsx)(`button`,{onClick:E,className:`h-7 px-4 rounded text-[13px] font-medium text-white bg-accent hover:bg-accent-hover`,children:`保存`}),h&&(0,d.jsx)(`span`,{className:`text-[11px] text-status-success`,children:`已保存`})]})]})]})]})}l.createRoot(document.getElementById(`root`)).render((0,d.jsx)(m,{}));
-//# sourceMappingURL=workbenchSettings-q2_-nc8t.js.map
+//# sourceMappingURL=workbenchSettings-DjVMgMMH.js.map

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

@@ -10,11 +10,11 @@
   -->
   <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>Dimina DevTools</title>
-  <script type="module" crossorigin src="../../assets/index-DW_0thr-.js"></script>
-  <link rel="modulepreload" crossorigin href="../../assets/ipc-transport-CUsl-fS2.js">
-  <link rel="modulepreload" crossorigin href="../../assets/input-C5M5Wxn6.js">
-  <link rel="modulepreload" crossorigin href="../../assets/select-B1tF3UAc.js">
-  <link rel="stylesheet" crossorigin href="../../assets/ipc-transport-CltRuvhi.css">
+  <script type="module" crossorigin src="../../assets/index-Czz_bp6b.js"></script>
+  <link rel="modulepreload" crossorigin href="../../assets/ipc-transport-CCHrCtDr.js">
+  <link rel="modulepreload" crossorigin href="../../assets/input-DqVQNCx_.js">
+  <link rel="modulepreload" crossorigin href="../../assets/select-CvILHHZU.js">
+  <link rel="stylesheet" crossorigin href="../../assets/ipc-transport-DqbRdZNO.css">
 </head>
 <body>
   <div id="root"></div>

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

@@ -8,11 +8,11 @@
   <style>
     html, body { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background: transparent !important; }
   </style>
-  <script type="module" crossorigin src="../../assets/popover-BSBPVO0o.js"></script>
-  <link rel="modulepreload" crossorigin href="../../assets/ipc-transport-CUsl-fS2.js">
-  <link rel="modulepreload" crossorigin href="../../assets/input-C5M5Wxn6.js">
-  <link rel="modulepreload" crossorigin href="../../assets/select-B1tF3UAc.js">
-  <link rel="stylesheet" crossorigin href="../../assets/ipc-transport-CltRuvhi.css">
+  <script type="module" crossorigin src="../../assets/popover-BRg4XI_w.js"></script>
+  <link rel="modulepreload" crossorigin href="../../assets/ipc-transport-CCHrCtDr.js">
+  <link rel="modulepreload" crossorigin href="../../assets/input-DqVQNCx_.js">
+  <link rel="modulepreload" crossorigin href="../../assets/select-CvILHHZU.js">
+  <link rel="stylesheet" crossorigin href="../../assets/ipc-transport-DqbRdZNO.css">
 </head>
 <body>
   <div id="root"></div>

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

@@ -5,11 +5,11 @@
   <!-- See 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>Settings</title>
-  <script type="module" crossorigin src="../../assets/settings-7w54H6p-.js"></script>
-  <link rel="modulepreload" crossorigin href="../../assets/ipc-transport-CUsl-fS2.js">
-  <link rel="modulepreload" crossorigin href="../../assets/input-C5M5Wxn6.js">
-  <link rel="modulepreload" crossorigin href="../../assets/settings-api-BjJalghB.js">
-  <link rel="stylesheet" crossorigin href="../../assets/ipc-transport-CltRuvhi.css">
+  <script type="module" crossorigin src="../../assets/settings-BFNfnYvU.js"></script>
+  <link rel="modulepreload" crossorigin href="../../assets/ipc-transport-CCHrCtDr.js">
+  <link rel="modulepreload" crossorigin href="../../assets/input-DqVQNCx_.js">
+  <link rel="modulepreload" crossorigin href="../../assets/settings-api-DOAgmBst.js">
+  <link rel="stylesheet" crossorigin href="../../assets/ipc-transport-DqbRdZNO.css">
 </head>
 <body>
   <div id="root"></div>

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

@@ -6,10 +6,10 @@
     <!-- 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-q2_-nc8t.js"></script>
-    <link rel="modulepreload" crossorigin href="../../assets/ipc-transport-CUsl-fS2.js">
-    <link rel="modulepreload" crossorigin href="../../assets/settings-api-BjJalghB.js">
-    <link rel="stylesheet" crossorigin href="../../assets/ipc-transport-CltRuvhi.css">
+    <script type="module" crossorigin src="../../assets/workbenchSettings-DjVMgMMH.js"></script>
+    <link rel="modulepreload" crossorigin href="../../assets/ipc-transport-CCHrCtDr.js">
+    <link rel="modulepreload" crossorigin href="../../assets/settings-api-DOAgmBst.js">
+    <link rel="stylesheet" crossorigin href="../../assets/ipc-transport-DqbRdZNO.css">
   </head>
   <body>
     <div id="root"></div>

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

@@ -19,6 +19,10 @@ export declare const SimulatorCustomApiChannel: {
     readonly List: "simulator:custom-apis:list";
     readonly Invoke: "simulator:custom-apis:invoke";
 };
+export declare const SimulatorCustomApiBridgeChannel: {
+    readonly Request: "simulator:custom-apis:bridge-request";
+    readonly Response: "simulator:custom-apis:bridge-response";
+};
 export declare const SimulatorStorageChannel: {
     readonly GetSnapshot: "simulator:storage:snapshot";
     readonly GetActivePrefix: "simulator:storage:activePrefix";
@@ -96,12 +100,27 @@ export declare const ProjectChannel: {
     readonly GetCompileConfig: "project:getCompileConfig";
     readonly SaveCompileConfig: "project:saveCompileConfig";
     readonly Status: "project:status";
+    readonly CaptureThumbnail: "project:captureThumbnail";
+    readonly GetThumbnail: "project:getThumbnail";
 };
 export declare const ProjectsChannel: {
     readonly List: "projects:list";
     readonly Add: "projects:add";
     readonly Remove: "projects:remove";
-};
+    /** Phase 3: merged + sanitized template catalog for the create-project dialog. */
+    readonly ListTemplates: "projects:listTemplates";
+    /** Phase 3: host-supplied create-project dialog hook (returns input or null). */
+    readonly OpenCreateDialog: "projects:openCreateDialog";
+    /** Phase 3: server-side scaffold + register (delegates to create-project-service). */
+    readonly Create: "projects:create";
+    /** Default values used to pre-fill the create-project dialog (baseDir). */
+    readonly GetCreateDefaults: "projects:getCreateDefaults";
+};
+/** Renderer-facing payload for `projects:getCreateDefaults`. */
+export interface ProjectCreateDefaults {
+    /** Absolute directory used as the parent for new projects. */
+    baseDir: string;
+}
 export declare const DialogChannel: {
     readonly OpenDirectory: "dialog:openDirectory";
 };

package/dist/shared/ipc-channels.js

@@ -19,10 +19,27 @@ export const SimulatorChannel = {
 // ── Custom simulator APIs (downstream-registered, main-process handlers) ──
 // list: simulator queries the names registered via @dimina-kit/devtools/simulator-apis.
 // invoke: simulator forwards an API call to the registry; result/reject propagates.
+//
+// These are ipcMain.handle channels invoked by the **main-window renderer**
+// only (trusted host). The simulator <webview> never reaches them directly —
+// it proxies through the host via the bridge channels below, so the
+// sender-policy can keep the webview off the IPC white-list.
 export const SimulatorCustomApiChannel = {
     List: 'simulator:custom-apis:list',
     Invoke: 'simulator:custom-apis:invoke',
 };
+// ── Custom APIs bridge proxy (simulator <webview> ↔ main-window renderer) ──
+// Request:  webview → host via `ipcRenderer.sendToHost`,
+//           payload = { id, op: 'list' } | { id, op: 'invoke', name, params }
+// Response: host → webview via `<webview>.send`,
+//           payload = { id, result } | { id, error }
+//
+// Request/response are correlated by `id` so multiple concurrent invokes can
+// be in flight at once.
+export const SimulatorCustomApiBridgeChannel = {
+    Request: 'simulator:custom-apis:bridge-request',
+    Response: 'simulator:custom-apis:bridge-response',
+};
 // ── Storage (CDP-backed; main process attaches the debugger to the
 // simulator <webview> and forwards DOMStorage events to the renderer) ──
 export const SimulatorStorageChannel = {
@@ -62,12 +79,22 @@ export const ProjectChannel = {
     GetCompileConfig: 'project:getCompileConfig',
     SaveCompileConfig: 'project:saveCompileConfig',
     Status: 'project:status',
+    CaptureThumbnail: 'project:captureThumbnail',
+    GetThumbnail: 'project:getThumbnail',
 };
 // ── Project list / workspace ─────────────────────────────────────────────
 export const ProjectsChannel = {
     List: 'projects:list',
     Add: 'projects:add',
     Remove: 'projects:remove',
+    /** Phase 3: merged + sanitized template catalog for the create-project dialog. */
+    ListTemplates: 'projects:listTemplates',
+    /** Phase 3: host-supplied create-project dialog hook (returns input or null). */
+    OpenCreateDialog: 'projects:openCreateDialog',
+    /** Phase 3: server-side scaffold + register (delegates to create-project-service). */
+    Create: 'projects:create',
+    /** Default values used to pre-fill the create-project dialog (baseDir). */
+    GetCreateDefaults: 'projects:getCreateDefaults',
 };
 // ── Dialog ───────────────────────────────────────────────────────────────
 export const DialogChannel = {

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

@@ -69,6 +69,7 @@ export declare const WorkbenchSettingsSaveSchema: z.ZodTuple<[z.ZodObject<{
         dark: "dark";
         light: "light";
     }>;
+    lastCreateBaseDir: z.ZodUnion<readonly [z.ZodString, z.ZodNull]>;
 }, z.core.$loose>], null>;
 /** workbenchSettings:setTheme — fixed enum of supported theme sources. */
 export declare const WorkbenchSettingsSetThemeSchema: z.ZodTuple<[z.ZodEnum<{
@@ -110,4 +111,8 @@ export declare const SettingsProjectSettingsChangedSchema: z.ZodTuple<[z.ZodObje
 }, z.core.$loose>], null>;
 /** panel:select — single panel id string. */
 export declare const PanelSelectSchema: z.ZodTuple<[z.ZodString], null>;
+/** project:captureThumbnail — absolute project path. */
+export declare const ProjectCaptureThumbnailSchema: z.ZodTuple<[z.ZodString], null>;
+/** project:getThumbnail — absolute project path. */
+export declare const ProjectGetThumbnailSchema: z.ZodTuple<[z.ZodString], null>;
 //# sourceMappingURL=ipc-schemas.d.ts.map

package/dist/shared/ipc-schemas.js

@@ -97,6 +97,7 @@ export const WorkbenchSettingsSaveSchema = z.tuple([
             watch: z.boolean(),
         }),
         theme: z.enum(['system', 'light', 'dark']),
+        lastCreateBaseDir: z.union([z.string(), z.null()]),
     }),
 ]);
 /** workbenchSettings:setTheme — fixed enum of supported theme sources. */
@@ -125,4 +126,8 @@ export const SettingsProjectSettingsChangedSchema = z.tuple([
 ]);
 /** panel:select — single panel id string. */
 export const PanelSelectSchema = z.tuple([z.string().min(1).max(200)]);
+/** project:captureThumbnail — absolute project path. */
+export const ProjectCaptureThumbnailSchema = z.tuple([AbsolutePath]);
+/** project:getThumbnail — absolute project path. */
+export const ProjectGetThumbnailSchema = z.tuple([AbsolutePath]);
 //# sourceMappingURL=ipc-schemas.js.map

package/dist/shared/types.d.ts

@@ -88,6 +88,43 @@ export interface WorkbenchHostInstance {
     mainWindow: import('electron').BrowserWindow;
     context: import('../main/services/workbench-context.js').WorkbenchContext;
 }
+/**
+ * Pluggable backend for the project-list panel. Hosts may supply this to
+ * take over project storage from the default `<userData>/dimina-projects.json`.
+ *
+ * Detailed contract lives in
+ * `@dimina-kit/devtools/projects-provider` (the runtime exports it).
+ * Repeated here as a structural type so `WorkbenchAppConfig` can reference
+ * it without a circular import from the main-process tree.
+ */
+export interface ProjectsProvider {
+    listProjects(): unknown[] | Promise<unknown[]>;
+    validateProjectDir?(dirPath: string): string | null;
+    addProject(dirPath: string): unknown;
+    removeProject(dirPath: string): void | Promise<void>;
+    updateLastOpened?(dirPath: string): void | Promise<void>;
+    getCompileConfig?(dirPath: string): unknown;
+    saveCompileConfig?(dirPath: string, cfg: unknown): void | Promise<void>;
+}
+export interface ProjectTemplate {
+    id: string;
+    name: string;
+    description?: string;
+    icon?: string;
+    source?: {
+        type: 'directory';
+        path: string;
+    };
+    generate?: (target: string, opts: {
+        name: string;
+    }) => Promise<void>;
+}
+export interface CreateProjectInput {
+    name: string;
+    path: string;
+    templateId?: string;
+    extra?: Record<string, unknown>;
+}
 export interface WorkbenchAppConfig extends WorkbenchConfig {
     /** Absolute path to the renderer dist directory. Defaults to dimina-devtools' built-in renderer. */
     rendererDir?: string;
@@ -114,5 +151,48 @@ export interface WorkbenchAppConfig extends WorkbenchConfig {
         /** Override the version string passed to the checker. Default: app.getVersion() */
         getCurrentVersion?: () => string;
     };
+    /** Override the default `<userData>/dimina-projects.json` backend. */
+    projectsProvider?: ProjectsProvider;
+    /** Templates injected at the head of the list; same-id overrides a built-in. */
+    projectTemplates?: ProjectTemplate[];
+    /** Built-in policy: 'all' (default), 'none', or an allowlist of ids. */
+    builtinTemplates?: 'all' | 'none' | string[];
+    /**
+     * Host-supplied "新建项目" dialog. When provided, the renderer routes the
+     * "+" card click through IPC into this main-process hook instead of
+     * showing the built-in dialog. Receives the parent window for native
+     * dialog parenting and the merged + sanitized template list (no
+     * `generate` functions cross the IPC boundary).
+     *
+     * Return either:
+     *  - `null` — user cancelled.
+     *  - a `CreateProjectInput` — devtools runs its built-in scaffold
+     *    (copy template → write project.config.json → provider.addProject)
+     *    on the host's behalf.
+     *  - `{ ready: Project }` — the host has ALREADY created the project
+     *    (typically via its own backend). devtools skips the scaffold and
+     *    just refreshes the list. Use this when materialization is remote
+     *    or already done.
+     */
+    customCreateProjectDialog?: (ctx: {
+        parentWindow: import('electron').BrowserWindow;
+        templates: ProjectTemplate[];
+    }) => Promise<CustomCreateProjectDialogResult>;
 }
+/**
+ * Discriminated return of `customCreateProjectDialog`. `null` = cancelled.
+ * `{ ready }` = host created the project itself; devtools just refreshes.
+ * Otherwise treated as `CreateProjectInput` and devtools materializes the
+ * template locally.
+ *
+ * The `ready.Project` shape is the structural minimum devtools needs to
+ * render the card (mirrors `Project` in `./projects-provider`).
+ */
+export type CustomCreateProjectDialogResult = null | {
+    ready: {
+        name: string;
+        path: string;
+        lastOpened?: string | null;
+    };
+} | CreateProjectInput;
 //# sourceMappingURL=types.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dimina-kit/devtools",
-  "version": "0.3.1-dev.20260517100756",
+  "version": "0.3.1-dev.20260518114324",
   "description": "Dimina DevTools - modular developer tools for mini app debugging",
   "keywords": [
     "dimina",
@@ -27,6 +27,7 @@
     "dist",
     "!dist/**/*.js.map",
     "!dist/**/*.d.ts.map",
+    "templates",
     "README.md",
     "LICENSE"
   ],
@@ -38,6 +39,7 @@
     "./launch": "./dist/main/app/launch.js",
     "./types": "./dist/shared/types.js",
     "./context": "./dist/main/services/workbench-context.js",
+    "./projects-provider": "./dist/main/services/projects/index.js",
     "./create-window": "./dist/main/windows/main-window/index.js",
     "./ipc-simulator": "./dist/main/ipc/simulator.js",
     "./ipc-panels": "./dist/main/ipc/panels.js",
@@ -104,6 +106,9 @@
       ],
       "simulator-apis": [
         "dist/main/simulator-apis.d.ts"
+      ],
+      "projects-provider": [
+        "dist/main/services/projects/index.d.ts"
       ]
     }
   },
@@ -116,7 +121,7 @@
     "chrome-remote-interface": "^0.34.0",
     "ws": "^8.20.0",
     "zod": "^4.3.6",
-    "@dimina-kit/devkit": "0.1.1-dev.20260517100756"
+    "@dimina-kit/devkit": "0.1.1-dev.20260518114324"
   },
   "devDependencies": {
     "@playwright/test": "^1.59.1",
@@ -159,8 +164,8 @@
     "typescript": "5.9.2",
     "vite": "^8.0.8",
     "vitest": "^4.1.4",
-    "@dimina-kit/eslint-config": "0.1.0",
-    "@dimina-kit/typescript-config": "0.1.0"
+    "@dimina-kit/typescript-config": "0.1.0",
+    "@dimina-kit/eslint-config": "0.1.0"
   },
   "peerDependencies": {
     "electron": ">=36"

package/templates/blank/app.js

@@ -0,0 +1,6 @@
+App({
+  onLaunch() {},
+  onShow() {},
+  onHide() {},
+  globalData: {}
+})

package/templates/blank/app.json

@@ -0,0 +1,11 @@
+{
+  "pages": [
+    "pages/index/index"
+  ],
+  "window": {
+    "backgroundTextStyle": "light",
+    "navigationBarBackgroundColor": "#fff",
+    "navigationBarTitleText": "Blank",
+    "navigationBarTextStyle": "black"
+  }
+}

package/templates/blank/app.wxss

@@ -0,0 +1,5 @@
+page {
+  background: #f7f7f7;
+  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
+  color: #1f1f1f;
+}

package/templates/blank/pages/index/index.js

@@ -0,0 +1,6 @@
+Page({
+  data: {
+    message: 'Hello, Dimina'
+  },
+  onLoad() {}
+})

package/templates/blank/pages/index/index.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

package/templates/blank/pages/index/index.wxml

@@ -0,0 +1,3 @@
+<view class="page">
+  <text class="title">{{message}}</text>
+</view>

package/templates/blank/pages/index/index.wxss

@@ -0,0 +1,11 @@
+.page {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100vh;
+}
+
+.title {
+  font-size: 36rpx;
+  color: #1f1f1f;
+}

package/templates/blank/project.config.json

@@ -0,0 +1,13 @@
+{
+  "miniprogramRoot": "",
+  "projectname": "Blank",
+  "description": "Dimina blank mini-program template",
+  "appid": "wxblank0000000000",
+  "setting": {
+    "es6": false,
+    "postcss": false,
+    "minified": false
+  },
+  "compileType": "miniprogram",
+  "libVersion": "3.8.7"
+}

package/templates/blank/sitemap.json

@@ -0,0 +1,9 @@
+{
+  "desc": "关于本文件的更多信息，请参考文档 https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/sitemap.html",
+  "rules": [
+    {
+      "action": "allow",
+      "page": "*"
+    }
+  ]
+}

package/templates/taro-todo/app.js

@@ -0,0 +1 @@
+require("./runtime"),require("./common"),require("./vendors"),require("./taro"),(wx["webpackJsonp"]=wx["webpackJsonp"]||[]).push([[4],{47:function(e,t,r){"use strict";(function(e){var n=r(17).compose;t.__esModule=!0,t.composeWithDevTools="undefined"!==typeof e&&e.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__?e.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__:function(){if(0!==arguments.length)return"object"===typeof arguments[0]?n:n.apply(null,arguments)},t.devToolsEnhancer="undefined"!==typeof e&&e.__REDUX_DEVTOOLS_EXTENSION__?e.__REDUX_DEVTOOLS_EXTENSION__:function(){return function(e){return e}}}).call(this,r(2)["window"])},60:function(e,t,r){},71:function(e,t,r){"use strict";r.r(t);r(50);var n=r(2),o=r(42),i=r(26),c=r(5),u=r(6),a=r(8),p=r(9),d=r(1),s=r.n(d),f=r(18),l=r(17),O=r(47),b=r(3);function _(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function v(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?_(Object(r),!0).forEach((function(t){Object(b["a"])(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):_(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var j=r(15),h=r(13),y=[{text:"Use Redux",completed:!1,id:0}];function g(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:y,t=arguments.length>1?arguments[1]:void 0;switch(t.type){case h["a"]:return[].concat(Object(j["a"])(e),[{id:e.reduce((function(e,t){return Math.max(t.id,e)}),-1)+1,completed:!1,text:t.text}]);case h["e"]:return e.filter((function(e){return e.id!==t.id}));case h["f"]:return e.map((function(e){return e.id===t.id?v(v({},e),{},{text:t.text}):e}));case h["d"]:return e.map((function(e){return e.id===t.id?v(v({},e),{},{completed:!e.completed}):e}));case h["c"]:var r=e.every((function(e){return e.completed}));return e.map((function(e){return v(v({},e),{},{completed:!r})}));case h["b"]:return e.filter((function(e){return!1===e.completed}));default:return e}}var m=r(14),E=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:m["b"],t=arguments.length>1?arguments[1]:void 0;switch(t.type){case h["g"]:return t.filter;default:return e}},w=E,x=Object(l["combineReducers"])({todos:g,visibilityFilter:w}),T=x,S=(r(60),r(7)),D=Object(l["createStore"])(T,Object(O["composeWithDevTools"])(Object(l["applyMiddleware"])())),P=function(e){Object(a["a"])(r,e);var t=Object(p["a"])(r);function r(){return Object(c["a"])(this,r),t.apply(this,arguments)}return Object(u["a"])(r,[{key:"render",value:function(){return Object(S["jsx"])(f["a"],{store:D,children:this.props.children})}}]),r}(s.a.Component),N=P,X=r(27),k={pages:["pages/index/index"],window:{backgroundTextStyle:"light",navigationBarBackgroundColor:"#fff",navigationBarTitleText:"WeChat",navigationBarTextStyle:"black"}};n["window"].__taroAppConfig=k;App(Object(o["a"])(N,d,X["a"],k));Object(i["initPxTransform"])({designWidth:750,deviceRatio:{750:1}})}},[[71,0,1,2,3]]]);

package/templates/taro-todo/app.json

@@ -0,0 +1 @@
+{"pages":["pages/index/index"],"window":{"backgroundTextStyle":"light","navigationBarBackgroundColor":"#fff","navigationBarTitleText":"WeChat","navigationBarTextStyle":"black"}}

package/templates/taro-todo/app.wxss

@@ -0,0 +1 @@
+html{margin:0}body,button,html{padding:0}button{margin:0;border:0;vertical-align:baseline;font-family:inherit;font-weight:inherit;color:inherit}body,page{font:28rpx "Helvetica Neue",Helvetica,Arial,sans-serif;background:#f5f5f5;color:#4d4d4d;margin:0 auto;font-weight:300}:focus{outline:0}.hidden{display:none}.todoapp{background:#fff;margin:210rpx 0 40rpx;position:relative}input::-webkit-input-placeholder{font-style:italic;font-weight:300;color:#e6e6e6}input::-moz-placeholder{font-style:italic;font-weight:300;color:#e6e6e6}.info{margin:130rpx auto 0;color:#bfbfbf;text-shadow:0 2rpx 0 rgba(255,255,255,.5)}.info p{line-height:1}.info a{color:inherit;text-decoration:none;font-weight:400}.info a:hover{text-decoration:underline}.weui-cells_checkbox{margin-right:10rpx}