@arronqzy/abuilder 1.1.40 → 1.1.41

package/README.md

@@ -4,7 +4,7 @@ React 一站式编辑器。安装后渲染 `<App />`，就是完整的 Abuilder
 
 ![安装后直接得到的编辑器](https://github.com/qianzhuoyao/APanel5/raw/v5/docs/guide-assets/live-zh/01-overview.png)
 
-当前版本见本包 `package.json`（设置菜单「关于」里显示的就是这个版本号）。本包 **1.1.40** 起补齐宿主侧完整 CRUD（put / 命令式打开 / 事件 nameSpace / Vue 预览截图）；**1.1.39** 起补齐本地数据接口（蓝图库、执行日志、接口集合的读取与清理，`clearAbuilderStorage` 一次清空，`workspace:delete` 事件）；**1.1.38** 起提供本地工作区清理接口（`listWorkspaceProjects` / `deleteWorkspaceProject` / `clearWorkspaceProjects`）；**1.1.37** 起配套 chroma.js 主题配色、全系统国际化修复与问号图标式字段说明；**1.1.36** 起配套蓝图 Soft UI 节点样式；**1.1.35** 起配套接口集合、`{system?...}` 模版、JSON 节点错误高亮。完整中文手册见仓库 `docs/Abuilder使用文档与功能说明.docx`（适用版本表写在文首）。
+当前版本见本包 `package.json`（设置菜单「关于」里显示的就是这个版本号）。本包 **1.1.41** 起配套 Soft UI 面板打磨、缩放恒定选框线宽与接口集合弹窗体验；**1.1.40** 起补齐宿主侧完整 CRUD（put / 命令式打开 / 事件 nameSpace / Vue 预览截图）；**1.1.39** 起补齐本地数据接口（蓝图库、执行日志、接口集合的读取与清理，`clearAbuilderStorage` 一次清空，`workspace:delete` 事件）；**1.1.38** 起提供本地工作区清理接口（`listWorkspaceProjects` / `deleteWorkspaceProject` / `clearWorkspaceProjects`）；**1.1.37** 起配套 chroma.js 主题配色、全系统国际化修复与问号图标式字段说明；**1.1.36** 起配套蓝图 Soft UI 节点样式；**1.1.35** 起配套接口集合、`{system?...}` 模版、JSON 节点错误高亮。完整中文手册见仓库 `docs/Abuilder使用文档与功能说明.docx`（适用版本表写在文首）。
 
 ## 安装
 

package/dist/index.cjs

@@ -10,7 +10,7 @@ var jsxRuntime = require('react/jsx-runtime');
 // package.json
 var package_default = {
   name: "@arronqzy/abuilder",
-  version: "1.1.40"};
+  version: "1.1.41"};
 
 // src/version.ts
 var ABUILDER_PACKAGE_NAME = package_default.name;

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../package.json","../src/version.ts","../src/App.tsx"],"names":["jsx","forwardRef","App","useState","useMemo","parseOnlinePreviewSearchParams","ReactViewOnlinePreview","ThemeProvider","ReactViewPanel"],"mappings":";;;;;;;;;;AAAA,IAAA,eAAA,GAAA;AAAA,EACE,IAAQ,EAAA,oBAAA;AAAA,EACR,OAAW,EAAA,QAiEb,CAAA;;;AChEO,IAAM,wBAAwB,eAAY,CAAA;AAC1C,IAAM,mBAAmB,eAAY,CAAA;AC8C5C,SAAS,YAAA,CAAa,EAAE,QAAA,EAAqC,EAAA;AAC3D,EAAI,IAAA,OAAO,aAAa,WAAa,EAAA;AACnC,IAAS,QAAA,CAAA,eAAA,CAAgB,SAAU,CAAA,MAAA,CAAO,MAAM,CAAA;AAChD,IAAS,QAAA,CAAA,eAAA,CAAgB,SAAU,CAAA,GAAA,CAAI,OAAO,CAAA;AAC9C,IAAS,QAAA,CAAA,eAAA,CAAgB,QAAQ,KAAQ,GAAA,OAAA;AAAA;AAG3C,EACE,uBAAAA,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,mDAAA;AAAA,MACV,YAAW,EAAA,OAAA;AAAA,MAEV;AAAA;AAAA,GACH;AAEJ;AAEa,IAAA,GAAA,GAAMC,gBAAiD,CAAA,SAASC,IAC3E,CAAA;AAAA,EACE,SAAA;AAAA,EACA,WAAA;AAAA,EACA,YAAe,GAAA,MAAA;AAAA,EACf,MAAS,GAAA,IAAA;AAAA,EACT,aAAA;AAAA,EACA,OAAU,GAAA,KAAA;AAAA,EACV,gBAAmB,GAAA,IAAA;AAAA,EACnB,WAAc,GAAA,IAAA;AAAA,EACd,SAAY,GAAA;AACd,CAAA,EACA,GACA,EAAA;AACA,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAIC,eAAwB,MAAM,CAAA;AACpE,EAAA,MAAM,kBAAkB,MAAU,IAAA,WAAA;AAElC,EAAA,MAAM,SACJ,aACC,KAAA,OAAO,WAAW,WAAc,GAAA,MAAA,CAAO,SAAS,MAAS,GAAA,EAAA,CAAA;AAE5D,EAAA,MAAM,aAAgB,GAAAC,aAAA;AAAA,IACpB,MAAMC,yCAA+B,MAAM,CAAA;AAAA,IAC3C,CAAC,MAAM;AAAA,GACT;AAEA,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,sCACG,YACC,EAAA,EAAA,QAAA,kBAAAL,cAAA;AAAA,MAACM,gCAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAA,gBAAA;AAAA,QACX,WAAW,gBAAkB,EAAA,EAAA;AAAA,QAC7B,MAAQ,EAAA,eAAA;AAAA,QACR,cAAgB,EAAA,cAAA;AAAA,QAChB;AAAA;AAAA,KAEJ,EAAA,CAAA;AAAA;AAIJ,EAAA,IAAI,aAAe,EAAA;AACjB,IAAA,sCACG,YACC,EAAA,EAAA,QAAA,kBAAAN,cAAA;AAAA,MAACM,gCAAA;AAAA,MAAA;AAAA,QACC,WAAW,aAAc,CAAA,SAAA;AAAA,QACzB,mBAAmB,aAAc,CAAA,iBAAA;AAAA,QACjC,MAAQ,EAAA,eAAA;AAAA,QACR,cAAgB,EAAA,cAAA;AAAA,QAChB,SAAA,EAAW,cAAc,SAAa,IAAA;AAAA;AAAA,KAE1C,EAAA,CAAA;AAAA;AAIJ,EAAA,uBACGN,cAAA,CAAAO,gBAAA,EAAA,EAAc,YAA4B,EAAA,YAAA,EAAc,KACvD,EAAA,QAAA,kBAAAP,cAAA;AAAA,IAACQ,wBAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA;AAAA,MACA,gBAAA;AAAA,MACA,WAAA;AAAA,MACA,MAAQ,EAAA,eAAA;AAAA,MACR,cAAgB,EAAA,cAAA;AAAA,MAChB,SAAA;AAAA,MACA,WAAa,EAAA,qBAAA;AAAA,MACb,cAAgB,EAAA;AAAA;AAAA,GAEpB,EAAA,CAAA;AAEJ,CAAC","file":"index.cjs","sourcesContent":["{\n  \"name\": \"@arronqzy/abuilder\",\n  \"version\": \"1.1.40\",\n  \"description\": \"Abuilder 可视化编辑器 — 安装后即可通过 <App /> 渲染完整应用\",\n  \"license\": \"MIT\",\n  \"type\": \"module\",\n  \"sideEffects\": [\n    \"*.css\"\n  ],\n  \"files\": [\n    \"dist\",\n    \"README.md\"\n  ],\n  \"main\": \"./dist/index.cjs\",\n  \"module\": \"./dist/index.js\",\n  \"types\": \"./dist/index.d.ts\",\n  \"exports\": {\n    \".\": {\n      \"types\": \"./dist/index.d.ts\",\n      \"import\": \"./dist/index.js\",\n      \"require\": \"./dist/index.cjs\"\n    },\n    \"./styles.css\": \"./dist/styles.css\",\n    \"./vite\": {\n      \"types\": \"./dist/vite.d.ts\",\n      \"import\": \"./dist/vite.js\",\n      \"require\": \"./dist/vite.cjs\",\n      \"default\": \"./dist/vite.js\"\n    }\n  },\n  \"scripts\": {\n    \"lint\": \"eslint \\\"src/**/*.{ts,tsx}\\\"\",\n    \"typecheck\": \"tsc -p tsconfig.json --noEmit --skipLibCheck\",\n    \"build:css\": \"node ./scripts/build-css.mjs\",\n    \"build:js\": \"tsup && cp src/vite.d.ts dist/vite.d.ts && cp src/vite.d.ts dist/vite.d.cts\",\n    \"build\": \"pnpm run build:js && pnpm run build:css\",\n    \"prepublishOnly\": \"pnpm run build\",\n    \"dev\": \"tsup --watch\"\n  },\n  \"dependencies\": {\n    \"@arronqzy/blueprint-dsl\": \"workspace:*\",\n    \"@arronqzy/i18n\": \"workspace:*\",\n    \"@arronqzy/react-blueprint\": \"workspace:*\",\n    \"@arronqzy/react-view\": \"workspace:*\",\n    \"@arronqzy/rx-store\": \"workspace:*\",\n    \"@arronqzy/ui\": \"workspace:*\",\n    \"@arronqzy/webllm-assistant\": \"workspace:*\"\n  },\n  \"peerDependencies\": {\n    \"react\": \">=18\",\n    \"react-dom\": \">=18\"\n  },\n  \"devDependencies\": {\n    \"@arronqzy/eslint-config\": \"workspace:*\",\n    \"@arronqzy/typescript-config\": \"workspace:*\",\n    \"@types/react\": \"^19.0.1\",\n    \"@types/react-dom\": \"^19.0.2\",\n    \"@xyflow/react\": \"^12.9.3\",\n    \"eslint\": \"^8.57.0\",\n    \"postcss\": \"^8.4.49\",\n    \"postcss-import\": \"^16.1.0\",\n    \"tsup\": \"^8.4.0\",\n    \"typescript\": \"^5.5.4\"\n  },\n  \"publishConfig\": {\n    \"access\": \"public\"\n  }\n}\n","import packageJson from \"../package.json\";\n\n/** 与 packages/abuilder/package.json 的 name / version 保持同步（构建时从 JSON 读入）。 */\nexport const ABUILDER_PACKAGE_NAME = packageJson.name;\nexport const ABUILDER_VERSION = packageJson.version;\n","import { forwardRef, useMemo, useState, type ReactNode } from \"react\";\nimport { ThemeProvider } from \"@arronqzy/ui\";\nimport type { Locale } from \"@arronqzy/i18n\";\nimport {\n  ReactViewOnlinePreview,\n  ReactViewPanel,\n  parseOnlinePreviewSearchParams,\n  type AbuilderViewHandle,\n} from \"@arronqzy/react-view\";\nimport type { WorkspaceProjectRecord } from \"@arronqzy/react-view\";\nimport { ABUILDER_PACKAGE_NAME, ABUILDER_VERSION } from \"./version\";\n\nexport type AbuilderAppProps = {\n  className?: string;\n  initialZoom?: number;\n  /** 编辑器默认主题 */\n  defaultTheme?: \"dark\" | \"light\";\n  /**\n   * 界面语言。省略时按 localStorage → 浏览器语言 → zh-CN 解析。\n   */\n  locale?: Locale | null;\n  /**\n   * 在线预览模式的 URL 查询串。\n   * 默认读取 `window.location.search`；含 `?preview=online&projectId=...` 时进入预览页。\n   */\n  previewSearch?: string;\n  /**\n   * 是否为预览模式。`true` 时根据 `initialWorkspace` 直接渲染预览页；`false` 为编辑面板。\n   * @default false\n   */\n  preview?: boolean;\n  /**\n   * 外部传入的完整工作区数据（面板 + 蓝图）。\n   * 编辑模式：挂载后按这份数据完整渲染；预览模式：直接渲染预览页。\n   * 省略或空：首次显示空画布 / 空蓝图，不会自动选中 IndexedDB 中的工作区。\n   */\n  initialWorkspace?: WorkspaceProjectRecord | null;\n  /**\n   * 按 IndexedDB id 打开工作区（不 remount）。\n   * 与 `initialWorkspace` 同时存在时：首次优先完整记录；之后 id 变化从 IndexedDB 打开。\n   */\n  workspaceId?: string | null;\n  /**\n   * 隔离 IndexedDB / localStorage / BroadcastChannel。\n   * 同一页面挂多个 App 时传入不同值，避免工作区、蓝图库、预览缓存互相覆盖。\n   * 省略或空字符串保持历史全局库名。\n   */\n  nameSpace?: string | null;\n};\n\nfunction PreviewShell({ children }: { children: ReactNode }) {\n  if (typeof document !== \"undefined\") {\n    document.documentElement.classList.remove(\"dark\");\n    document.documentElement.classList.add(\"light\");\n    document.documentElement.dataset.theme = \"light\";\n  }\n\n  return (\n    <div\n      className=\"light min-h-[100vh] w-full bg-white text-gray-900\"\n      data-theme=\"light\"\n    >\n      {children}\n    </div>\n  );\n}\n\nexport const App = forwardRef<AbuilderViewHandle, AbuilderAppProps>(function App(\n  {\n    className,\n    initialZoom,\n    defaultTheme = \"dark\",\n    locale = null,\n    previewSearch,\n    preview = false,\n    initialWorkspace = null,\n    workspaceId = null,\n    nameSpace = null,\n  },\n  ref\n) {\n  const [localeState, setLocaleState] = useState<Locale | null>(locale);\n  const effectiveLocale = locale ?? localeState;\n\n  const search =\n    previewSearch ??\n    (typeof window !== \"undefined\" ? window.location.search : \"\");\n\n  const previewParams = useMemo(\n    () => parseOnlinePreviewSearchParams(search),\n    [search]\n  );\n\n  if (preview) {\n    return (\n      <PreviewShell>\n        <ReactViewOnlinePreview\n          workspace={initialWorkspace}\n          projectId={initialWorkspace?.id}\n          locale={effectiveLocale}\n          onLocaleChange={setLocaleState}\n          nameSpace={nameSpace}\n        />\n      </PreviewShell>\n    );\n  }\n\n  if (previewParams) {\n    return (\n      <PreviewShell>\n        <ReactViewOnlinePreview\n          projectId={previewParams.projectId}\n          previewInstanceId={previewParams.previewInstanceId}\n          locale={effectiveLocale}\n          onLocaleChange={setLocaleState}\n          nameSpace={previewParams.nameSpace ?? nameSpace}\n        />\n      </PreviewShell>\n    );\n  }\n\n  return (\n    <ThemeProvider defaultTheme={defaultTheme} enableSystem={false}>\n      <ReactViewPanel\n        ref={ref}\n        className={className}\n        initialZoom={initialZoom}\n        initialWorkspace={initialWorkspace}\n        workspaceId={workspaceId}\n        locale={effectiveLocale}\n        onLocaleChange={setLocaleState}\n        nameSpace={nameSpace}\n        packageName={ABUILDER_PACKAGE_NAME}\n        packageVersion={ABUILDER_VERSION}\n      />\n    </ThemeProvider>\n  );\n});\n"]}
+{"version":3,"sources":["../package.json","../src/version.ts","../src/App.tsx"],"names":["jsx","forwardRef","App","useState","useMemo","parseOnlinePreviewSearchParams","ReactViewOnlinePreview","ThemeProvider","ReactViewPanel"],"mappings":";;;;;;;;;;AAAA,IAAA,eAAA,GAAA;AAAA,EACE,IAAQ,EAAA,oBAAA;AAAA,EACR,OAAW,EAAA,QAiEb,CAAA;;;AChEO,IAAM,wBAAwB,eAAY,CAAA;AAC1C,IAAM,mBAAmB,eAAY,CAAA;AC8C5C,SAAS,YAAA,CAAa,EAAE,QAAA,EAAqC,EAAA;AAC3D,EAAI,IAAA,OAAO,aAAa,WAAa,EAAA;AACnC,IAAS,QAAA,CAAA,eAAA,CAAgB,SAAU,CAAA,MAAA,CAAO,MAAM,CAAA;AAChD,IAAS,QAAA,CAAA,eAAA,CAAgB,SAAU,CAAA,GAAA,CAAI,OAAO,CAAA;AAC9C,IAAS,QAAA,CAAA,eAAA,CAAgB,QAAQ,KAAQ,GAAA,OAAA;AAAA;AAG3C,EACE,uBAAAA,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,mDAAA;AAAA,MACV,YAAW,EAAA,OAAA;AAAA,MAEV;AAAA;AAAA,GACH;AAEJ;AAEa,IAAA,GAAA,GAAMC,gBAAiD,CAAA,SAASC,IAC3E,CAAA;AAAA,EACE,SAAA;AAAA,EACA,WAAA;AAAA,EACA,YAAe,GAAA,MAAA;AAAA,EACf,MAAS,GAAA,IAAA;AAAA,EACT,aAAA;AAAA,EACA,OAAU,GAAA,KAAA;AAAA,EACV,gBAAmB,GAAA,IAAA;AAAA,EACnB,WAAc,GAAA,IAAA;AAAA,EACd,SAAY,GAAA;AACd,CAAA,EACA,GACA,EAAA;AACA,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAIC,eAAwB,MAAM,CAAA;AACpE,EAAA,MAAM,kBAAkB,MAAU,IAAA,WAAA;AAElC,EAAA,MAAM,SACJ,aACC,KAAA,OAAO,WAAW,WAAc,GAAA,MAAA,CAAO,SAAS,MAAS,GAAA,EAAA,CAAA;AAE5D,EAAA,MAAM,aAAgB,GAAAC,aAAA;AAAA,IACpB,MAAMC,yCAA+B,MAAM,CAAA;AAAA,IAC3C,CAAC,MAAM;AAAA,GACT;AAEA,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,sCACG,YACC,EAAA,EAAA,QAAA,kBAAAL,cAAA;AAAA,MAACM,gCAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAA,gBAAA;AAAA,QACX,WAAW,gBAAkB,EAAA,EAAA;AAAA,QAC7B,MAAQ,EAAA,eAAA;AAAA,QACR,cAAgB,EAAA,cAAA;AAAA,QAChB;AAAA;AAAA,KAEJ,EAAA,CAAA;AAAA;AAIJ,EAAA,IAAI,aAAe,EAAA;AACjB,IAAA,sCACG,YACC,EAAA,EAAA,QAAA,kBAAAN,cAAA;AAAA,MAACM,gCAAA;AAAA,MAAA;AAAA,QACC,WAAW,aAAc,CAAA,SAAA;AAAA,QACzB,mBAAmB,aAAc,CAAA,iBAAA;AAAA,QACjC,MAAQ,EAAA,eAAA;AAAA,QACR,cAAgB,EAAA,cAAA;AAAA,QAChB,SAAA,EAAW,cAAc,SAAa,IAAA;AAAA;AAAA,KAE1C,EAAA,CAAA;AAAA;AAIJ,EAAA,uBACGN,cAAA,CAAAO,gBAAA,EAAA,EAAc,YAA4B,EAAA,YAAA,EAAc,KACvD,EAAA,QAAA,kBAAAP,cAAA;AAAA,IAACQ,wBAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA;AAAA,MACA,gBAAA;AAAA,MACA,WAAA;AAAA,MACA,MAAQ,EAAA,eAAA;AAAA,MACR,cAAgB,EAAA,cAAA;AAAA,MAChB,SAAA;AAAA,MACA,WAAa,EAAA,qBAAA;AAAA,MACb,cAAgB,EAAA;AAAA;AAAA,GAEpB,EAAA,CAAA;AAEJ,CAAC","file":"index.cjs","sourcesContent":["{\n  \"name\": \"@arronqzy/abuilder\",\n  \"version\": \"1.1.41\",\n  \"description\": \"Abuilder 可视化编辑器 — 安装后即可通过 <App /> 渲染完整应用\",\n  \"license\": \"MIT\",\n  \"type\": \"module\",\n  \"sideEffects\": [\n    \"*.css\"\n  ],\n  \"files\": [\n    \"dist\",\n    \"README.md\"\n  ],\n  \"main\": \"./dist/index.cjs\",\n  \"module\": \"./dist/index.js\",\n  \"types\": \"./dist/index.d.ts\",\n  \"exports\": {\n    \".\": {\n      \"types\": \"./dist/index.d.ts\",\n      \"import\": \"./dist/index.js\",\n      \"require\": \"./dist/index.cjs\"\n    },\n    \"./styles.css\": \"./dist/styles.css\",\n    \"./vite\": {\n      \"types\": \"./dist/vite.d.ts\",\n      \"import\": \"./dist/vite.js\",\n      \"require\": \"./dist/vite.cjs\",\n      \"default\": \"./dist/vite.js\"\n    }\n  },\n  \"scripts\": {\n    \"lint\": \"eslint \\\"src/**/*.{ts,tsx}\\\"\",\n    \"typecheck\": \"tsc -p tsconfig.json --noEmit --skipLibCheck\",\n    \"build:css\": \"node ./scripts/build-css.mjs\",\n    \"build:js\": \"tsup && cp src/vite.d.ts dist/vite.d.ts && cp src/vite.d.ts dist/vite.d.cts\",\n    \"build\": \"pnpm run build:js && pnpm run build:css\",\n    \"prepublishOnly\": \"pnpm run build\",\n    \"dev\": \"tsup --watch\"\n  },\n  \"dependencies\": {\n    \"@arronqzy/blueprint-dsl\": \"workspace:*\",\n    \"@arronqzy/i18n\": \"workspace:*\",\n    \"@arronqzy/react-blueprint\": \"workspace:*\",\n    \"@arronqzy/react-view\": \"workspace:*\",\n    \"@arronqzy/rx-store\": \"workspace:*\",\n    \"@arronqzy/ui\": \"workspace:*\",\n    \"@arronqzy/webllm-assistant\": \"workspace:*\"\n  },\n  \"peerDependencies\": {\n    \"react\": \">=18\",\n    \"react-dom\": \">=18\"\n  },\n  \"devDependencies\": {\n    \"@arronqzy/eslint-config\": \"workspace:*\",\n    \"@arronqzy/typescript-config\": \"workspace:*\",\n    \"@types/react\": \"^19.0.1\",\n    \"@types/react-dom\": \"^19.0.2\",\n    \"@xyflow/react\": \"^12.9.3\",\n    \"eslint\": \"^8.57.0\",\n    \"postcss\": \"^8.4.49\",\n    \"postcss-import\": \"^16.1.0\",\n    \"tsup\": \"^8.4.0\",\n    \"typescript\": \"^5.5.4\"\n  },\n  \"publishConfig\": {\n    \"access\": \"public\"\n  }\n}\n","import packageJson from \"../package.json\";\n\n/** 与 packages/abuilder/package.json 的 name / version 保持同步（构建时从 JSON 读入）。 */\nexport const ABUILDER_PACKAGE_NAME = packageJson.name;\nexport const ABUILDER_VERSION = packageJson.version;\n","import { forwardRef, useMemo, useState, type ReactNode } from \"react\";\nimport { ThemeProvider } from \"@arronqzy/ui\";\nimport type { Locale } from \"@arronqzy/i18n\";\nimport {\n  ReactViewOnlinePreview,\n  ReactViewPanel,\n  parseOnlinePreviewSearchParams,\n  type AbuilderViewHandle,\n} from \"@arronqzy/react-view\";\nimport type { WorkspaceProjectRecord } from \"@arronqzy/react-view\";\nimport { ABUILDER_PACKAGE_NAME, ABUILDER_VERSION } from \"./version\";\n\nexport type AbuilderAppProps = {\n  className?: string;\n  initialZoom?: number;\n  /** 编辑器默认主题 */\n  defaultTheme?: \"dark\" | \"light\";\n  /**\n   * 界面语言。省略时按 localStorage → 浏览器语言 → zh-CN 解析。\n   */\n  locale?: Locale | null;\n  /**\n   * 在线预览模式的 URL 查询串。\n   * 默认读取 `window.location.search`；含 `?preview=online&projectId=...` 时进入预览页。\n   */\n  previewSearch?: string;\n  /**\n   * 是否为预览模式。`true` 时根据 `initialWorkspace` 直接渲染预览页；`false` 为编辑面板。\n   * @default false\n   */\n  preview?: boolean;\n  /**\n   * 外部传入的完整工作区数据（面板 + 蓝图）。\n   * 编辑模式：挂载后按这份数据完整渲染；预览模式：直接渲染预览页。\n   * 省略或空：首次显示空画布 / 空蓝图，不会自动选中 IndexedDB 中的工作区。\n   */\n  initialWorkspace?: WorkspaceProjectRecord | null;\n  /**\n   * 按 IndexedDB id 打开工作区（不 remount）。\n   * 与 `initialWorkspace` 同时存在时：首次优先完整记录；之后 id 变化从 IndexedDB 打开。\n   */\n  workspaceId?: string | null;\n  /**\n   * 隔离 IndexedDB / localStorage / BroadcastChannel。\n   * 同一页面挂多个 App 时传入不同值，避免工作区、蓝图库、预览缓存互相覆盖。\n   * 省略或空字符串保持历史全局库名。\n   */\n  nameSpace?: string | null;\n};\n\nfunction PreviewShell({ children }: { children: ReactNode }) {\n  if (typeof document !== \"undefined\") {\n    document.documentElement.classList.remove(\"dark\");\n    document.documentElement.classList.add(\"light\");\n    document.documentElement.dataset.theme = \"light\";\n  }\n\n  return (\n    <div\n      className=\"light min-h-[100vh] w-full bg-white text-gray-900\"\n      data-theme=\"light\"\n    >\n      {children}\n    </div>\n  );\n}\n\nexport const App = forwardRef<AbuilderViewHandle, AbuilderAppProps>(function App(\n  {\n    className,\n    initialZoom,\n    defaultTheme = \"dark\",\n    locale = null,\n    previewSearch,\n    preview = false,\n    initialWorkspace = null,\n    workspaceId = null,\n    nameSpace = null,\n  },\n  ref\n) {\n  const [localeState, setLocaleState] = useState<Locale | null>(locale);\n  const effectiveLocale = locale ?? localeState;\n\n  const search =\n    previewSearch ??\n    (typeof window !== \"undefined\" ? window.location.search : \"\");\n\n  const previewParams = useMemo(\n    () => parseOnlinePreviewSearchParams(search),\n    [search]\n  );\n\n  if (preview) {\n    return (\n      <PreviewShell>\n        <ReactViewOnlinePreview\n          workspace={initialWorkspace}\n          projectId={initialWorkspace?.id}\n          locale={effectiveLocale}\n          onLocaleChange={setLocaleState}\n          nameSpace={nameSpace}\n        />\n      </PreviewShell>\n    );\n  }\n\n  if (previewParams) {\n    return (\n      <PreviewShell>\n        <ReactViewOnlinePreview\n          projectId={previewParams.projectId}\n          previewInstanceId={previewParams.previewInstanceId}\n          locale={effectiveLocale}\n          onLocaleChange={setLocaleState}\n          nameSpace={previewParams.nameSpace ?? nameSpace}\n        />\n      </PreviewShell>\n    );\n  }\n\n  return (\n    <ThemeProvider defaultTheme={defaultTheme} enableSystem={false}>\n      <ReactViewPanel\n        ref={ref}\n        className={className}\n        initialZoom={initialZoom}\n        initialWorkspace={initialWorkspace}\n        workspaceId={workspaceId}\n        locale={effectiveLocale}\n        onLocaleChange={setLocaleState}\n        nameSpace={nameSpace}\n        packageName={ABUILDER_PACKAGE_NAME}\n        packageVersion={ABUILDER_VERSION}\n      />\n    </ThemeProvider>\n  );\n});\n"]}

package/dist/index.js

@@ -9,7 +9,7 @@ import { jsx } from 'react/jsx-runtime';
 // package.json
 var package_default = {
   name: "@arronqzy/abuilder",
-  version: "1.1.40"};
+  version: "1.1.41"};
 
 // src/version.ts
 var ABUILDER_PACKAGE_NAME = package_default.name;

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../package.json","../src/version.ts","../src/App.tsx"],"names":["App"],"mappings":";;;;;;;;;AAAA,IAAA,eAAA,GAAA;AAAA,EACE,IAAQ,EAAA,oBAAA;AAAA,EACR,OAAW,EAAA,QAiEb,CAAA;;;AChEO,IAAM,wBAAwB,eAAY,CAAA;AAC1C,IAAM,mBAAmB,eAAY,CAAA;AC8C5C,SAAS,YAAA,CAAa,EAAE,QAAA,EAAqC,EAAA;AAC3D,EAAI,IAAA,OAAO,aAAa,WAAa,EAAA;AACnC,IAAS,QAAA,CAAA,eAAA,CAAgB,SAAU,CAAA,MAAA,CAAO,MAAM,CAAA;AAChD,IAAS,QAAA,CAAA,eAAA,CAAgB,SAAU,CAAA,GAAA,CAAI,OAAO,CAAA;AAC9C,IAAS,QAAA,CAAA,eAAA,CAAgB,QAAQ,KAAQ,GAAA,OAAA;AAAA;AAG3C,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,mDAAA;AAAA,MACV,YAAW,EAAA,OAAA;AAAA,MAEV;AAAA;AAAA,GACH;AAEJ;AAEa,IAAA,GAAA,GAAM,UAAiD,CAAA,SAASA,IAC3E,CAAA;AAAA,EACE,SAAA;AAAA,EACA,WAAA;AAAA,EACA,YAAe,GAAA,MAAA;AAAA,EACf,MAAS,GAAA,IAAA;AAAA,EACT,aAAA;AAAA,EACA,OAAU,GAAA,KAAA;AAAA,EACV,gBAAmB,GAAA,IAAA;AAAA,EACnB,WAAc,GAAA,IAAA;AAAA,EACd,SAAY,GAAA;AACd,CAAA,EACA,GACA,EAAA;AACA,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAwB,MAAM,CAAA;AACpE,EAAA,MAAM,kBAAkB,MAAU,IAAA,WAAA;AAElC,EAAA,MAAM,SACJ,aACC,KAAA,OAAO,WAAW,WAAc,GAAA,MAAA,CAAO,SAAS,MAAS,GAAA,EAAA,CAAA;AAE5D,EAAA,MAAM,aAAgB,GAAA,OAAA;AAAA,IACpB,MAAM,+BAA+B,MAAM,CAAA;AAAA,IAC3C,CAAC,MAAM;AAAA,GACT;AAEA,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2BACG,YACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,sBAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAA,gBAAA;AAAA,QACX,WAAW,gBAAkB,EAAA,EAAA;AAAA,QAC7B,MAAQ,EAAA,eAAA;AAAA,QACR,cAAgB,EAAA,cAAA;AAAA,QAChB;AAAA;AAAA,KAEJ,EAAA,CAAA;AAAA;AAIJ,EAAA,IAAI,aAAe,EAAA;AACjB,IAAA,2BACG,YACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,sBAAA;AAAA,MAAA;AAAA,QACC,WAAW,aAAc,CAAA,SAAA;AAAA,QACzB,mBAAmB,aAAc,CAAA,iBAAA;AAAA,QACjC,MAAQ,EAAA,eAAA;AAAA,QACR,cAAgB,EAAA,cAAA;AAAA,QAChB,SAAA,EAAW,cAAc,SAAa,IAAA;AAAA;AAAA,KAE1C,EAAA,CAAA;AAAA;AAIJ,EAAA,uBACG,GAAA,CAAA,aAAA,EAAA,EAAc,YAA4B,EAAA,YAAA,EAAc,KACvD,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA;AAAA,MACA,gBAAA;AAAA,MACA,WAAA;AAAA,MACA,MAAQ,EAAA,eAAA;AAAA,MACR,cAAgB,EAAA,cAAA;AAAA,MAChB,SAAA;AAAA,MACA,WAAa,EAAA,qBAAA;AAAA,MACb,cAAgB,EAAA;AAAA;AAAA,GAEpB,EAAA,CAAA;AAEJ,CAAC","file":"index.js","sourcesContent":["{\n  \"name\": \"@arronqzy/abuilder\",\n  \"version\": \"1.1.40\",\n  \"description\": \"Abuilder 可视化编辑器 — 安装后即可通过 <App /> 渲染完整应用\",\n  \"license\": \"MIT\",\n  \"type\": \"module\",\n  \"sideEffects\": [\n    \"*.css\"\n  ],\n  \"files\": [\n    \"dist\",\n    \"README.md\"\n  ],\n  \"main\": \"./dist/index.cjs\",\n  \"module\": \"./dist/index.js\",\n  \"types\": \"./dist/index.d.ts\",\n  \"exports\": {\n    \".\": {\n      \"types\": \"./dist/index.d.ts\",\n      \"import\": \"./dist/index.js\",\n      \"require\": \"./dist/index.cjs\"\n    },\n    \"./styles.css\": \"./dist/styles.css\",\n    \"./vite\": {\n      \"types\": \"./dist/vite.d.ts\",\n      \"import\": \"./dist/vite.js\",\n      \"require\": \"./dist/vite.cjs\",\n      \"default\": \"./dist/vite.js\"\n    }\n  },\n  \"scripts\": {\n    \"lint\": \"eslint \\\"src/**/*.{ts,tsx}\\\"\",\n    \"typecheck\": \"tsc -p tsconfig.json --noEmit --skipLibCheck\",\n    \"build:css\": \"node ./scripts/build-css.mjs\",\n    \"build:js\": \"tsup && cp src/vite.d.ts dist/vite.d.ts && cp src/vite.d.ts dist/vite.d.cts\",\n    \"build\": \"pnpm run build:js && pnpm run build:css\",\n    \"prepublishOnly\": \"pnpm run build\",\n    \"dev\": \"tsup --watch\"\n  },\n  \"dependencies\": {\n    \"@arronqzy/blueprint-dsl\": \"workspace:*\",\n    \"@arronqzy/i18n\": \"workspace:*\",\n    \"@arronqzy/react-blueprint\": \"workspace:*\",\n    \"@arronqzy/react-view\": \"workspace:*\",\n    \"@arronqzy/rx-store\": \"workspace:*\",\n    \"@arronqzy/ui\": \"workspace:*\",\n    \"@arronqzy/webllm-assistant\": \"workspace:*\"\n  },\n  \"peerDependencies\": {\n    \"react\": \">=18\",\n    \"react-dom\": \">=18\"\n  },\n  \"devDependencies\": {\n    \"@arronqzy/eslint-config\": \"workspace:*\",\n    \"@arronqzy/typescript-config\": \"workspace:*\",\n    \"@types/react\": \"^19.0.1\",\n    \"@types/react-dom\": \"^19.0.2\",\n    \"@xyflow/react\": \"^12.9.3\",\n    \"eslint\": \"^8.57.0\",\n    \"postcss\": \"^8.4.49\",\n    \"postcss-import\": \"^16.1.0\",\n    \"tsup\": \"^8.4.0\",\n    \"typescript\": \"^5.5.4\"\n  },\n  \"publishConfig\": {\n    \"access\": \"public\"\n  }\n}\n","import packageJson from \"../package.json\";\n\n/** 与 packages/abuilder/package.json 的 name / version 保持同步（构建时从 JSON 读入）。 */\nexport const ABUILDER_PACKAGE_NAME = packageJson.name;\nexport const ABUILDER_VERSION = packageJson.version;\n","import { forwardRef, useMemo, useState, type ReactNode } from \"react\";\nimport { ThemeProvider } from \"@arronqzy/ui\";\nimport type { Locale } from \"@arronqzy/i18n\";\nimport {\n  ReactViewOnlinePreview,\n  ReactViewPanel,\n  parseOnlinePreviewSearchParams,\n  type AbuilderViewHandle,\n} from \"@arronqzy/react-view\";\nimport type { WorkspaceProjectRecord } from \"@arronqzy/react-view\";\nimport { ABUILDER_PACKAGE_NAME, ABUILDER_VERSION } from \"./version\";\n\nexport type AbuilderAppProps = {\n  className?: string;\n  initialZoom?: number;\n  /** 编辑器默认主题 */\n  defaultTheme?: \"dark\" | \"light\";\n  /**\n   * 界面语言。省略时按 localStorage → 浏览器语言 → zh-CN 解析。\n   */\n  locale?: Locale | null;\n  /**\n   * 在线预览模式的 URL 查询串。\n   * 默认读取 `window.location.search`；含 `?preview=online&projectId=...` 时进入预览页。\n   */\n  previewSearch?: string;\n  /**\n   * 是否为预览模式。`true` 时根据 `initialWorkspace` 直接渲染预览页；`false` 为编辑面板。\n   * @default false\n   */\n  preview?: boolean;\n  /**\n   * 外部传入的完整工作区数据（面板 + 蓝图）。\n   * 编辑模式：挂载后按这份数据完整渲染；预览模式：直接渲染预览页。\n   * 省略或空：首次显示空画布 / 空蓝图，不会自动选中 IndexedDB 中的工作区。\n   */\n  initialWorkspace?: WorkspaceProjectRecord | null;\n  /**\n   * 按 IndexedDB id 打开工作区（不 remount）。\n   * 与 `initialWorkspace` 同时存在时：首次优先完整记录；之后 id 变化从 IndexedDB 打开。\n   */\n  workspaceId?: string | null;\n  /**\n   * 隔离 IndexedDB / localStorage / BroadcastChannel。\n   * 同一页面挂多个 App 时传入不同值，避免工作区、蓝图库、预览缓存互相覆盖。\n   * 省略或空字符串保持历史全局库名。\n   */\n  nameSpace?: string | null;\n};\n\nfunction PreviewShell({ children }: { children: ReactNode }) {\n  if (typeof document !== \"undefined\") {\n    document.documentElement.classList.remove(\"dark\");\n    document.documentElement.classList.add(\"light\");\n    document.documentElement.dataset.theme = \"light\";\n  }\n\n  return (\n    <div\n      className=\"light min-h-[100vh] w-full bg-white text-gray-900\"\n      data-theme=\"light\"\n    >\n      {children}\n    </div>\n  );\n}\n\nexport const App = forwardRef<AbuilderViewHandle, AbuilderAppProps>(function App(\n  {\n    className,\n    initialZoom,\n    defaultTheme = \"dark\",\n    locale = null,\n    previewSearch,\n    preview = false,\n    initialWorkspace = null,\n    workspaceId = null,\n    nameSpace = null,\n  },\n  ref\n) {\n  const [localeState, setLocaleState] = useState<Locale | null>(locale);\n  const effectiveLocale = locale ?? localeState;\n\n  const search =\n    previewSearch ??\n    (typeof window !== \"undefined\" ? window.location.search : \"\");\n\n  const previewParams = useMemo(\n    () => parseOnlinePreviewSearchParams(search),\n    [search]\n  );\n\n  if (preview) {\n    return (\n      <PreviewShell>\n        <ReactViewOnlinePreview\n          workspace={initialWorkspace}\n          projectId={initialWorkspace?.id}\n          locale={effectiveLocale}\n          onLocaleChange={setLocaleState}\n          nameSpace={nameSpace}\n        />\n      </PreviewShell>\n    );\n  }\n\n  if (previewParams) {\n    return (\n      <PreviewShell>\n        <ReactViewOnlinePreview\n          projectId={previewParams.projectId}\n          previewInstanceId={previewParams.previewInstanceId}\n          locale={effectiveLocale}\n          onLocaleChange={setLocaleState}\n          nameSpace={previewParams.nameSpace ?? nameSpace}\n        />\n      </PreviewShell>\n    );\n  }\n\n  return (\n    <ThemeProvider defaultTheme={defaultTheme} enableSystem={false}>\n      <ReactViewPanel\n        ref={ref}\n        className={className}\n        initialZoom={initialZoom}\n        initialWorkspace={initialWorkspace}\n        workspaceId={workspaceId}\n        locale={effectiveLocale}\n        onLocaleChange={setLocaleState}\n        nameSpace={nameSpace}\n        packageName={ABUILDER_PACKAGE_NAME}\n        packageVersion={ABUILDER_VERSION}\n      />\n    </ThemeProvider>\n  );\n});\n"]}
+{"version":3,"sources":["../package.json","../src/version.ts","../src/App.tsx"],"names":["App"],"mappings":";;;;;;;;;AAAA,IAAA,eAAA,GAAA;AAAA,EACE,IAAQ,EAAA,oBAAA;AAAA,EACR,OAAW,EAAA,QAiEb,CAAA;;;AChEO,IAAM,wBAAwB,eAAY,CAAA;AAC1C,IAAM,mBAAmB,eAAY,CAAA;AC8C5C,SAAS,YAAA,CAAa,EAAE,QAAA,EAAqC,EAAA;AAC3D,EAAI,IAAA,OAAO,aAAa,WAAa,EAAA;AACnC,IAAS,QAAA,CAAA,eAAA,CAAgB,SAAU,CAAA,MAAA,CAAO,MAAM,CAAA;AAChD,IAAS,QAAA,CAAA,eAAA,CAAgB,SAAU,CAAA,GAAA,CAAI,OAAO,CAAA;AAC9C,IAAS,QAAA,CAAA,eAAA,CAAgB,QAAQ,KAAQ,GAAA,OAAA;AAAA;AAG3C,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,mDAAA;AAAA,MACV,YAAW,EAAA,OAAA;AAAA,MAEV;AAAA;AAAA,GACH;AAEJ;AAEa,IAAA,GAAA,GAAM,UAAiD,CAAA,SAASA,IAC3E,CAAA;AAAA,EACE,SAAA;AAAA,EACA,WAAA;AAAA,EACA,YAAe,GAAA,MAAA;AAAA,EACf,MAAS,GAAA,IAAA;AAAA,EACT,aAAA;AAAA,EACA,OAAU,GAAA,KAAA;AAAA,EACV,gBAAmB,GAAA,IAAA;AAAA,EACnB,WAAc,GAAA,IAAA;AAAA,EACd,SAAY,GAAA;AACd,CAAA,EACA,GACA,EAAA;AACA,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAwB,MAAM,CAAA;AACpE,EAAA,MAAM,kBAAkB,MAAU,IAAA,WAAA;AAElC,EAAA,MAAM,SACJ,aACC,KAAA,OAAO,WAAW,WAAc,GAAA,MAAA,CAAO,SAAS,MAAS,GAAA,EAAA,CAAA;AAE5D,EAAA,MAAM,aAAgB,GAAA,OAAA;AAAA,IACpB,MAAM,+BAA+B,MAAM,CAAA;AAAA,IAC3C,CAAC,MAAM;AAAA,GACT;AAEA,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2BACG,YACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,sBAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAA,gBAAA;AAAA,QACX,WAAW,gBAAkB,EAAA,EAAA;AAAA,QAC7B,MAAQ,EAAA,eAAA;AAAA,QACR,cAAgB,EAAA,cAAA;AAAA,QAChB;AAAA;AAAA,KAEJ,EAAA,CAAA;AAAA;AAIJ,EAAA,IAAI,aAAe,EAAA;AACjB,IAAA,2BACG,YACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,sBAAA;AAAA,MAAA;AAAA,QACC,WAAW,aAAc,CAAA,SAAA;AAAA,QACzB,mBAAmB,aAAc,CAAA,iBAAA;AAAA,QACjC,MAAQ,EAAA,eAAA;AAAA,QACR,cAAgB,EAAA,cAAA;AAAA,QAChB,SAAA,EAAW,cAAc,SAAa,IAAA;AAAA;AAAA,KAE1C,EAAA,CAAA;AAAA;AAIJ,EAAA,uBACG,GAAA,CAAA,aAAA,EAAA,EAAc,YAA4B,EAAA,YAAA,EAAc,KACvD,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA;AAAA,MACA,gBAAA;AAAA,MACA,WAAA;AAAA,MACA,MAAQ,EAAA,eAAA;AAAA,MACR,cAAgB,EAAA,cAAA;AAAA,MAChB,SAAA;AAAA,MACA,WAAa,EAAA,qBAAA;AAAA,MACb,cAAgB,EAAA;AAAA;AAAA,GAEpB,EAAA,CAAA;AAEJ,CAAC","file":"index.js","sourcesContent":["{\n  \"name\": \"@arronqzy/abuilder\",\n  \"version\": \"1.1.41\",\n  \"description\": \"Abuilder 可视化编辑器 — 安装后即可通过 <App /> 渲染完整应用\",\n  \"license\": \"MIT\",\n  \"type\": \"module\",\n  \"sideEffects\": [\n    \"*.css\"\n  ],\n  \"files\": [\n    \"dist\",\n    \"README.md\"\n  ],\n  \"main\": \"./dist/index.cjs\",\n  \"module\": \"./dist/index.js\",\n  \"types\": \"./dist/index.d.ts\",\n  \"exports\": {\n    \".\": {\n      \"types\": \"./dist/index.d.ts\",\n      \"import\": \"./dist/index.js\",\n      \"require\": \"./dist/index.cjs\"\n    },\n    \"./styles.css\": \"./dist/styles.css\",\n    \"./vite\": {\n      \"types\": \"./dist/vite.d.ts\",\n      \"import\": \"./dist/vite.js\",\n      \"require\": \"./dist/vite.cjs\",\n      \"default\": \"./dist/vite.js\"\n    }\n  },\n  \"scripts\": {\n    \"lint\": \"eslint \\\"src/**/*.{ts,tsx}\\\"\",\n    \"typecheck\": \"tsc -p tsconfig.json --noEmit --skipLibCheck\",\n    \"build:css\": \"node ./scripts/build-css.mjs\",\n    \"build:js\": \"tsup && cp src/vite.d.ts dist/vite.d.ts && cp src/vite.d.ts dist/vite.d.cts\",\n    \"build\": \"pnpm run build:js && pnpm run build:css\",\n    \"prepublishOnly\": \"pnpm run build\",\n    \"dev\": \"tsup --watch\"\n  },\n  \"dependencies\": {\n    \"@arronqzy/blueprint-dsl\": \"workspace:*\",\n    \"@arronqzy/i18n\": \"workspace:*\",\n    \"@arronqzy/react-blueprint\": \"workspace:*\",\n    \"@arronqzy/react-view\": \"workspace:*\",\n    \"@arronqzy/rx-store\": \"workspace:*\",\n    \"@arronqzy/ui\": \"workspace:*\",\n    \"@arronqzy/webllm-assistant\": \"workspace:*\"\n  },\n  \"peerDependencies\": {\n    \"react\": \">=18\",\n    \"react-dom\": \">=18\"\n  },\n  \"devDependencies\": {\n    \"@arronqzy/eslint-config\": \"workspace:*\",\n    \"@arronqzy/typescript-config\": \"workspace:*\",\n    \"@types/react\": \"^19.0.1\",\n    \"@types/react-dom\": \"^19.0.2\",\n    \"@xyflow/react\": \"^12.9.3\",\n    \"eslint\": \"^8.57.0\",\n    \"postcss\": \"^8.4.49\",\n    \"postcss-import\": \"^16.1.0\",\n    \"tsup\": \"^8.4.0\",\n    \"typescript\": \"^5.5.4\"\n  },\n  \"publishConfig\": {\n    \"access\": \"public\"\n  }\n}\n","import packageJson from \"../package.json\";\n\n/** 与 packages/abuilder/package.json 的 name / version 保持同步（构建时从 JSON 读入）。 */\nexport const ABUILDER_PACKAGE_NAME = packageJson.name;\nexport const ABUILDER_VERSION = packageJson.version;\n","import { forwardRef, useMemo, useState, type ReactNode } from \"react\";\nimport { ThemeProvider } from \"@arronqzy/ui\";\nimport type { Locale } from \"@arronqzy/i18n\";\nimport {\n  ReactViewOnlinePreview,\n  ReactViewPanel,\n  parseOnlinePreviewSearchParams,\n  type AbuilderViewHandle,\n} from \"@arronqzy/react-view\";\nimport type { WorkspaceProjectRecord } from \"@arronqzy/react-view\";\nimport { ABUILDER_PACKAGE_NAME, ABUILDER_VERSION } from \"./version\";\n\nexport type AbuilderAppProps = {\n  className?: string;\n  initialZoom?: number;\n  /** 编辑器默认主题 */\n  defaultTheme?: \"dark\" | \"light\";\n  /**\n   * 界面语言。省略时按 localStorage → 浏览器语言 → zh-CN 解析。\n   */\n  locale?: Locale | null;\n  /**\n   * 在线预览模式的 URL 查询串。\n   * 默认读取 `window.location.search`；含 `?preview=online&projectId=...` 时进入预览页。\n   */\n  previewSearch?: string;\n  /**\n   * 是否为预览模式。`true` 时根据 `initialWorkspace` 直接渲染预览页；`false` 为编辑面板。\n   * @default false\n   */\n  preview?: boolean;\n  /**\n   * 外部传入的完整工作区数据（面板 + 蓝图）。\n   * 编辑模式：挂载后按这份数据完整渲染；预览模式：直接渲染预览页。\n   * 省略或空：首次显示空画布 / 空蓝图，不会自动选中 IndexedDB 中的工作区。\n   */\n  initialWorkspace?: WorkspaceProjectRecord | null;\n  /**\n   * 按 IndexedDB id 打开工作区（不 remount）。\n   * 与 `initialWorkspace` 同时存在时：首次优先完整记录；之后 id 变化从 IndexedDB 打开。\n   */\n  workspaceId?: string | null;\n  /**\n   * 隔离 IndexedDB / localStorage / BroadcastChannel。\n   * 同一页面挂多个 App 时传入不同值，避免工作区、蓝图库、预览缓存互相覆盖。\n   * 省略或空字符串保持历史全局库名。\n   */\n  nameSpace?: string | null;\n};\n\nfunction PreviewShell({ children }: { children: ReactNode }) {\n  if (typeof document !== \"undefined\") {\n    document.documentElement.classList.remove(\"dark\");\n    document.documentElement.classList.add(\"light\");\n    document.documentElement.dataset.theme = \"light\";\n  }\n\n  return (\n    <div\n      className=\"light min-h-[100vh] w-full bg-white text-gray-900\"\n      data-theme=\"light\"\n    >\n      {children}\n    </div>\n  );\n}\n\nexport const App = forwardRef<AbuilderViewHandle, AbuilderAppProps>(function App(\n  {\n    className,\n    initialZoom,\n    defaultTheme = \"dark\",\n    locale = null,\n    previewSearch,\n    preview = false,\n    initialWorkspace = null,\n    workspaceId = null,\n    nameSpace = null,\n  },\n  ref\n) {\n  const [localeState, setLocaleState] = useState<Locale | null>(locale);\n  const effectiveLocale = locale ?? localeState;\n\n  const search =\n    previewSearch ??\n    (typeof window !== \"undefined\" ? window.location.search : \"\");\n\n  const previewParams = useMemo(\n    () => parseOnlinePreviewSearchParams(search),\n    [search]\n  );\n\n  if (preview) {\n    return (\n      <PreviewShell>\n        <ReactViewOnlinePreview\n          workspace={initialWorkspace}\n          projectId={initialWorkspace?.id}\n          locale={effectiveLocale}\n          onLocaleChange={setLocaleState}\n          nameSpace={nameSpace}\n        />\n      </PreviewShell>\n    );\n  }\n\n  if (previewParams) {\n    return (\n      <PreviewShell>\n        <ReactViewOnlinePreview\n          projectId={previewParams.projectId}\n          previewInstanceId={previewParams.previewInstanceId}\n          locale={effectiveLocale}\n          onLocaleChange={setLocaleState}\n          nameSpace={previewParams.nameSpace ?? nameSpace}\n        />\n      </PreviewShell>\n    );\n  }\n\n  return (\n    <ThemeProvider defaultTheme={defaultTheme} enableSystem={false}>\n      <ReactViewPanel\n        ref={ref}\n        className={className}\n        initialZoom={initialZoom}\n        initialWorkspace={initialWorkspace}\n        workspaceId={workspaceId}\n        locale={effectiveLocale}\n        onLocaleChange={setLocaleState}\n        nameSpace={nameSpace}\n        packageName={ABUILDER_PACKAGE_NAME}\n        packageVersion={ABUILDER_VERSION}\n      />\n    </ThemeProvider>\n  );\n});\n"]}

package/dist/styles.css

@@ -1550,10 +1550,6 @@ body {
   border-color: hsl(var(--border) / 0.5);
 }
 
-.border-border\/60 {
-  border-color: hsl(var(--border) / 0.6);
-}
-
 .border-border\/70 {
   border-color: hsl(var(--border) / 0.7);
 }
@@ -1598,8 +1594,8 @@ body {
   background-color: hsl(var(--background));
 }
 
-.bg-background\/60 {
-  background-color: hsl(var(--background) / 0.6);
+.bg-background\/80 {
+  background-color: hsl(var(--background) / 0.8);
 }
 
 .bg-black\/80 {
@@ -1610,8 +1606,8 @@ body {
   background-color: hsl(var(--border));
 }
 
-.bg-border\/60 {
-  background-color: hsl(var(--border) / 0.6);
+.bg-border\/40 {
+  background-color: hsl(var(--border) / 0.4);
 }
 
 .bg-card {
@@ -1922,10 +1918,6 @@ body {
   color: hsl(var(--foreground) / 0.5);
 }
 
-.text-foreground\/60 {
-  color: hsl(var(--foreground) / 0.6);
-}
-
 .text-muted-foreground {
   color: hsl(var(--muted-foreground));
 }
@@ -2198,6 +2190,10 @@ body {
   background-color: hsl(var(--accent));
 }
 
+.hover\:bg-border\/80:hover {
+  background-color: hsl(var(--border) / 0.8);
+}
+
 .hover\:bg-destructive\/80:hover {
   background-color: hsl(var(--destructive) / 0.8);
 }
@@ -3861,6 +3857,11 @@ video {
   right: 0px;
 }
 
+.inset-y-0 {
+  top: 0px;
+  bottom: 0px;
+}
+
 .bottom-0 {
   bottom: 0px;
 }
@@ -3873,18 +3874,10 @@ video {
   bottom: 0.75rem;
 }
 
-.bottom-\[var\(--rv-ruler-size\)\] {
-  bottom: var(--rv-ruler-size);
-}
-
 .left-0 {
   left: 0px;
 }
 
-.left-0\.5 {
-  left: 0.125rem;
-}
-
 .left-1 {
   left: 0.25rem;
 }
@@ -3901,10 +3894,6 @@ video {
   left: 1.5rem;
 }
 
-.left-\[var\(--rv-ruler-size\)\] {
-  left: var(--rv-ruler-size);
-}
-
 .right-0 {
   right: 0px;
 }
@@ -3917,18 +3906,10 @@ video {
   right: 0.5rem;
 }
 
-.right-\[var\(--rv-ruler-size\)\] {
-  right: var(--rv-ruler-size);
-}
-
 .top-0 {
   top: 0px;
 }
 
-.top-0\.5 {
-  top: 0.125rem;
-}
-
 .top-1 {
   top: 0.25rem;
 }
@@ -3937,6 +3918,10 @@ video {
   top: 0.375rem;
 }
 
+.top-1\/2 {
+  top: 50%;
+}
+
 .top-2 {
   top: 0.5rem;
 }
@@ -3953,10 +3938,6 @@ video {
   top: calc(100% + 6px);
 }
 
-.top-\[var\(--rv-ruler-size\)\] {
-  top: var(--rv-ruler-size);
-}
-
 .isolate {
   isolation: isolate;
 }
@@ -3965,10 +3946,6 @@ video {
   z-index: 10;
 }
 
-.z-20 {
-  z-index: 20;
-}
-
 .z-30 {
   z-index: 30;
 }
@@ -4001,6 +3978,10 @@ video {
   z-index: 10300;
 }
 
+.z-\[1\] {
+  z-index: 1;
+}
+
 .z-\[70\] {
   z-index: 70;
 }
@@ -4013,11 +3994,6 @@ video {
   grid-column: span 2 / span 2;
 }
 
-.mx-2 {
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
-}
-
 .mx-auto {
   margin-left: auto;
   margin-right: auto;
@@ -4040,14 +4016,18 @@ video {
   margin-bottom: 0.5rem;
 }
 
-.mb-3 {
-  margin-bottom: 0.75rem;
+.ml-0\.5 {
+  margin-left: 0.125rem;
 }
 
 .ml-1\.5 {
   margin-left: 0.375rem;
 }
 
+.ml-\[7px\] {
+  margin-left: 7px;
+}
+
 .ml-auto {
   margin-left: auto;
 }
@@ -4222,6 +4202,10 @@ video {
   height: 180px;
 }
 
+.h-\[min\(68vh\2c 640px\)\] {
+  height: min(68vh, 640px);
+}
+
 .h-\[min\(72vh\2c 580px\)\] {
   height: min(72vh, 580px);
 }
@@ -4230,14 +4214,6 @@ video {
   height: min(78vh, 560px);
 }
 
-.h-\[var\(--rv-ruler-size\)\] {
-  height: var(--rv-ruler-size);
-}
-
-.h-auto {
-  height: auto;
-}
-
 .h-full {
   height: 100%;
 }
@@ -4318,6 +4294,10 @@ video {
   min-height: 140px;
 }
 
+.min-h-\[320px\] {
+  min-height: 320px;
+}
+
 .min-h-\[64px\] {
   min-height: 64px;
 }
@@ -4326,10 +4306,6 @@ video {
   min-height: 68px;
 }
 
-.min-h-\[min\(62vh\2c 640px\)\] {
-  min-height: min(62vh, 640px);
-}
-
 .min-h-full {
   min-height: 100%;
 }
@@ -4362,6 +4338,10 @@ video {
   width: 4rem;
 }
 
+.w-2 {
+  width: 0.5rem;
+}
+
 .w-20 {
   width: 5rem;
 }
@@ -4426,6 +4406,10 @@ video {
   width: 168px;
 }
 
+.w-\[200px\] {
+  width: 200px;
+}
+
 .w-\[220px\] {
   width: 220px;
 }
@@ -4438,6 +4422,10 @@ video {
   width: 280px;
 }
 
+.w-\[min\(92vw\2c 620px\)\] {
+  width: min(92vw, 620px);
+}
+
 .w-\[min\(92vw\2c 720px\)\] {
   width: min(92vw, 720px);
 }
@@ -4446,10 +4434,6 @@ video {
   width: min(94vw, 680px);
 }
 
-.w-\[min\(96vw\2c 1100px\)\] {
-  width: min(96vw, 1100px);
-}
-
 .w-\[min\(96vw\2c 960px\)\] {
   width: min(96vw, 960px);
 }
@@ -4458,10 +4442,6 @@ video {
   width: var(--radix-popover-trigger-width);
 }
 
-.w-\[var\(--rv-ruler-size\)\] {
-  width: var(--rv-ruler-size);
-}
-
 .w-full {
   width: 100%;
 }
@@ -4474,10 +4454,6 @@ video {
   min-width: 100px;
 }
 
-.min-w-\[120px\] {
-  min-width: 120px;
-}
-
 .min-w-\[140px\] {
   min-width: 140px;
 }
@@ -4486,12 +4462,16 @@ video {
   min-width: 180px;
 }
 
+.min-w-\[64px\] {
+  min-width: 64px;
+}
+
 .min-w-\[92px\] {
   min-width: 92px;
 }
 
-.max-w-\[140px\] {
-  max-width: 140px;
+.max-w-\[120px\] {
+  max-width: 120px;
 }
 
 .max-w-\[180px\] {
@@ -4575,13 +4555,8 @@ video {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
-.translate-x-0 {
-  --tw-translate-x: 0px;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
-.translate-x-5 {
-  --tw-translate-x: 1.25rem;
+.-translate-y-1\/2 {
+  --tw-translate-y: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
@@ -4685,14 +4660,6 @@ video {
   grid-template-columns: repeat(3, minmax(0, 1fr));
 }
 
-.grid-cols-5 {
-  grid-template-columns: repeat(5, minmax(0, 1fr));
-}
-
-.grid-cols-\[110px_1fr\] {
-  grid-template-columns: 110px 1fr;
-}
-
 .grid-cols-\[1fr_1fr_auto\] {
   grid-template-columns: 1fr 1fr auto;
 }
@@ -4717,6 +4684,10 @@ video {
   flex-wrap: wrap;
 }
 
+.flex-nowrap {
+  flex-wrap: nowrap;
+}
+
 .items-start {
   align-items: flex-start;
 }
@@ -4729,8 +4700,8 @@ video {
   align-items: center;
 }
 
-.items-stretch {
-  align-items: stretch;
+.items-baseline {
+  align-items: baseline;
 }
 
 .justify-start {
@@ -4769,6 +4740,10 @@ video {
   gap: 0.5rem;
 }
 
+.gap-2\.5 {
+  gap: 0.625rem;
+}
+
 .gap-3 {
   gap: 0.75rem;
 }
@@ -4782,11 +4757,20 @@ video {
        column-gap: 0.5rem;
 }
 
+.gap-x-3 {
+  -moz-column-gap: 0.75rem;
+       column-gap: 0.75rem;
+}
+
 .gap-x-4 {
   -moz-column-gap: 1rem;
        column-gap: 1rem;
 }
 
+.gap-y-1 {
+  row-gap: 0.25rem;
+}
+
 .gap-y-2 {
   row-gap: 0.5rem;
 }
@@ -4833,12 +4817,6 @@ video {
   margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
 }
 
-.space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
-}
-
 .self-start {
   align-self: flex-start;
 }
@@ -4998,6 +4976,10 @@ video {
   border-color: hsl(var(--border) / 0.4);
 }
 
+.border-border\/45 {
+  border-color: hsl(var(--border) / 0.45);
+}
+
 .border-border\/50 {
   border-color: hsl(var(--border) / 0.5);
 }
@@ -5034,10 +5016,6 @@ video {
   border-color: hsl(var(--destructive) / 0.4);
 }
 
-.border-destructive\/50 {
-  border-color: hsl(var(--destructive) / 0.5);
-}
-
 .border-destructive\/60 {
   border-color: hsl(var(--destructive) / 0.6);
 }
@@ -5050,6 +5028,10 @@ video {
   border-color: rgb(16 185 129 / 0.4);
 }
 
+.border-foreground\/70 {
+  border-color: hsl(var(--foreground) / 0.7);
+}
+
 .border-foreground\/80 {
   border-color: hsl(var(--foreground) / 0.8);
 }
@@ -5107,13 +5089,12 @@ video {
   border-color: rgb(139 92 246 / 0.5);
 }
 
-.border-violet-500\/70 {
-  border-color: rgb(139 92 246 / 0.7);
+.border-violet-500\/60 {
+  border-color: rgb(139 92 246 / 0.6);
 }
 
-.border-violet-600 {
-  --tw-border-opacity: 1;
-  border-color: rgb(124 58 237 / var(--tw-border-opacity, 1));
+.border-violet-600\/70 {
+  border-color: rgb(124 58 237 / 0.7);
 }
 
 .border-white\/30 {
@@ -5218,6 +5199,10 @@ video {
   background-color: rgb(0 0 0 / 0.8);
 }
 
+.bg-border {
+  background-color: hsl(var(--border));
+}
+
 .bg-card {
   background-color: hsl(var(--card));
 }
@@ -5226,6 +5211,10 @@ video {
   background-color: hsl(var(--card) / 0.8);
 }
 
+.bg-card\/90 {
+  background-color: hsl(var(--card) / 0.9);
+}
+
 .bg-card\/95 {
   background-color: hsl(var(--card) / 0.95);
 }
@@ -5283,6 +5272,10 @@ video {
   background-color: hsl(var(--muted) / 0.2);
 }
 
+.bg-muted\/25 {
+  background-color: hsl(var(--muted) / 0.25);
+}
+
 .bg-muted\/30 {
   background-color: hsl(var(--muted) / 0.3);
 }
@@ -5291,16 +5284,20 @@ video {
   background-color: hsl(var(--muted) / 0.4);
 }
 
+.bg-muted\/5 {
+  background-color: hsl(var(--muted) / 0.05);
+}
+
 .bg-muted\/60 {
   background-color: hsl(var(--muted) / 0.6);
 }
 
-.bg-muted\/\[0\.14\] {
-  background-color: hsl(var(--muted) / 0.14);
+.bg-muted\/\[0\.08\] {
+  background-color: hsl(var(--muted) / 0.08);
 }
 
-.bg-muted\/\[0\.1\] {
-  background-color: hsl(var(--muted) / 0.1);
+.bg-muted\/\[0\.12\] {
+  background-color: hsl(var(--muted) / 0.12);
 }
 
 .bg-popover {
@@ -5347,10 +5344,6 @@ video {
   background-color: hsl(var(--primary) / 0.55);
 }
 
-.bg-primary\/60 {
-  background-color: hsl(var(--primary) / 0.6);
-}
-
 .bg-primary\/65 {
   background-color: hsl(var(--primary) / 0.65);
 }
@@ -5363,10 +5356,6 @@ video {
   background-color: hsl(var(--primary) / 0.75);
 }
 
-.bg-primary\/80 {
-  background-color: hsl(var(--primary) / 0.8);
-}
-
 .bg-primary\/90 {
   background-color: hsl(var(--primary) / 0.9);
 }
@@ -5400,10 +5389,6 @@ video {
   background-color: rgb(139 92 246 / 0.15);
 }
 
-.bg-violet-500\/20 {
-  background-color: rgb(139 92 246 / 0.2);
-}
-
 .bg-white {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
@@ -5413,6 +5398,16 @@ video {
   background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
 }
 
+.bg-gradient-to-l {
+  background-image: linear-gradient(to left, var(--tw-gradient-stops));
+}
+
+.from-background {
+  --tw-gradient-from: hsl(var(--background)) var(--tw-gradient-from-position);
+  --tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+
 .from-card {
   --tw-gradient-from: hsl(var(--card)) var(--tw-gradient-from-position);
   --tw-gradient-to: hsl(var(--card) / 0) var(--tw-gradient-to-position);
@@ -5425,22 +5420,26 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
 
+.via-background {
+  --tw-gradient-to: hsl(var(--background) / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--background)) var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
 .via-muted\/60 {
   --tw-gradient-to: hsl(var(--muted) / 0)  var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--muted) / 0.6) var(--tw-gradient-via-position), var(--tw-gradient-to);
 }
 
-.via-violet-600\/10 {
-  --tw-gradient-to: rgb(124 58 237 / 0)  var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), rgb(124 58 237 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
-}
-
 .to-card {
   --tw-gradient-to: hsl(var(--card)) var(--tw-gradient-to-position);
 }
 
-.to-muted\/40 {
-  --tw-gradient-to: hsl(var(--muted) / 0.4) var(--tw-gradient-to-position);
+.to-muted\/35 {
+  --tw-gradient-to: hsl(var(--muted) / 0.35) var(--tw-gradient-to-position);
+}
+
+.to-transparent {
+  --tw-gradient-to: transparent var(--tw-gradient-to-position);
 }
 
 .fill-none {
@@ -5471,6 +5470,10 @@ video {
   fill: hsl(var(--primary) / 0.55);
 }
 
+.fill-primary\/60 {
+  fill: hsl(var(--primary) / 0.6);
+}
+
 .fill-primary\/65 {
   fill: hsl(var(--primary) / 0.65);
 }
@@ -5550,6 +5553,11 @@ video {
   padding-right: 0px;
 }
 
+.px-0\.5 {
+  padding-left: 0.125rem;
+  padding-right: 0.125rem;
+}
+
 .px-1 {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
@@ -5590,6 +5598,11 @@ video {
   padding-right: 1.5rem;
 }
 
+.py-0 {
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
 .py-0\.5 {
   padding-top: 0.125rem;
   padding-bottom: 0.125rem;
@@ -5640,11 +5653,6 @@ video {
   padding-bottom: 1.5rem;
 }
 
-.py-7 {
-  padding-top: 1.75rem;
-  padding-bottom: 1.75rem;
-}
-
 .py-8 {
   padding-top: 2rem;
   padding-bottom: 2rem;
@@ -5683,8 +5691,8 @@ video {
   padding-left: 0.25rem;
 }
 
-.pl-2 {
-  padding-left: 0.5rem;
+.pl-1\.5 {
+  padding-left: 0.375rem;
 }
 
 .pl-2\.5 {
@@ -5711,10 +5719,6 @@ video {
   padding-right: 3rem;
 }
 
-.pt-0 {
-  padding-top: 0px;
-}
-
 .pt-1 {
   padding-top: 0.25rem;
 }
@@ -5727,10 +5731,6 @@ video {
   padding-top: 0.5rem;
 }
 
-.pt-2\.5 {
-  padding-top: 0.625rem;
-}
-
 .pt-3 {
   padding-top: 0.75rem;
 }
@@ -5813,6 +5813,11 @@ video {
   font-style: italic;
 }
 
+.tabular-nums {
+  --tw-numeric-spacing: tabular-nums;
+  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
+}
+
 .leading-4 {
   line-height: 1rem;
 }
@@ -5841,10 +5846,6 @@ video {
   letter-spacing: 0.025em;
 }
 
-.text-accent-foreground {
-  color: hsl(var(--accent-foreground));
-}
-
 .text-amber-700 {
   --tw-text-opacity: 1;
   color: rgb(180 83 9 / var(--tw-text-opacity, 1));
@@ -5855,6 +5856,10 @@ video {
   color: rgb(146 64 14 / var(--tw-text-opacity, 1));
 }
 
+.text-border {
+  color: hsl(var(--border));
+}
+
 .text-card-foreground {
   color: hsl(var(--card-foreground));
 }
@@ -5867,9 +5872,9 @@ video {
   color: hsl(var(--destructive-foreground));
 }
 
-.text-emerald-600 {
+.text-emerald-500 {
   --tw-text-opacity: 1;
-  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
+  color: rgb(16 185 129 / var(--tw-text-opacity, 1));
 }
 
 .text-emerald-700 {
@@ -5890,6 +5895,10 @@ video {
   color: hsl(var(--foreground) / 0.8);
 }
 
+.text-foreground\/85 {
+  color: hsl(var(--foreground) / 0.85);
+}
+
 .text-foreground\/90 {
   color: hsl(var(--foreground) / 0.9);
 }
@@ -5980,9 +5989,14 @@ video {
   color: rgb(196 181 253 / var(--tw-text-opacity, 1));
 }
 
-.text-violet-950 {
+.text-violet-800 {
   --tw-text-opacity: 1;
-  color: rgb(46 16 101 / var(--tw-text-opacity, 1));
+  color: rgb(91 33 182 / var(--tw-text-opacity, 1));
+}
+
+.text-violet-900 {
+  --tw-text-opacity: 1;
+  color: rgb(76 29 149 / var(--tw-text-opacity, 1));
 }
 
 .text-white {
@@ -6010,10 +6024,6 @@ video {
   opacity: 1;
 }
 
-.opacity-40 {
-  opacity: 0.4;
-}
-
 .opacity-45 {
   opacity: 0.45;
 }
@@ -6026,6 +6036,10 @@ video {
   opacity: 0.6;
 }
 
+.opacity-70 {
+  opacity: 0.7;
+}
+
 .opacity-90 {
   opacity: 0.9;
 }
@@ -6042,9 +6056,9 @@ video {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.shadow-\[inset_0_1px_0_0_rgba\(139\2c 92\2c 246\2c 0\.22\)\] {
-  --tw-shadow: inset 0 1px 0 0 rgba(139,92,246,0.22);
-  --tw-shadow-colored: inset 0 1px 0 0 var(--tw-shadow-color);
+.shadow-\[0_1px_1px_hsl\(var\(--foreground\)\/0\.03\)\] {
+  --tw-shadow: 0 1px 1px hsl(var(--foreground)/0.03);
+  --tw-shadow-colored: 0 1px 1px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
@@ -6115,12 +6129,8 @@ video {
   --tw-ring-inset: inset;
 }
 
-.ring-blue-500\/90 {
-  --tw-ring-color: rgb(59 130 246 / 0.9);
-}
-
-.ring-destructive\/45 {
-  --tw-ring-color: hsl(var(--destructive) / 0.45);
+.ring-destructive\/35 {
+  --tw-ring-color: hsl(var(--destructive) / 0.35);
 }
 
 .ring-foreground\/40 {
@@ -6131,12 +6141,12 @@ video {
   --tw-ring-color: hsl(var(--primary) / 0.2);
 }
 
-.ring-primary\/40 {
-  --tw-ring-color: hsl(var(--primary) / 0.4);
+.ring-primary\/35 {
+  --tw-ring-color: hsl(var(--primary) / 0.35);
 }
 
-.ring-primary\/45 {
-  --tw-ring-color: hsl(var(--primary) / 0.45);
+.ring-primary\/40 {
+  --tw-ring-color: hsl(var(--primary) / 0.4);
 }
 
 .ring-primary\/50 {
@@ -6147,18 +6157,6 @@ video {
   --tw-ring-color: rgb(56 189 248 / 0.5);
 }
 
-.ring-offset-0 {
-  --tw-ring-offset-width: 0px;
-}
-
-.ring-offset-2 {
-  --tw-ring-offset-width: 2px;
-}
-
-.ring-offset-background {
-  --tw-ring-offset-color: hsl(var(--background));
-}
-
 .blur {
   --tw-blur: blur(8px);
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
@@ -6173,6 +6171,11 @@ video {
   backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
 }
 
+.backdrop-blur-md {
+  --tw-backdrop-blur: blur(12px);
+  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+}
+
 .backdrop-blur-sm {
   --tw-backdrop-blur: blur(4px);
   backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
@@ -6200,8 +6203,8 @@ video {
   transition-duration: 150ms;
 }
 
-.transition-shadow {
-  transition-property: box-shadow;
+.transition-opacity {
+  transition-property: opacity;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
@@ -6212,10 +6215,6 @@ video {
   transition-duration: 150ms;
 }
 
-.duration-200 {
-  transition-duration: 200ms;
-}
-
 @keyframes enter {
   from {
     opacity: var(--tw-enter-opacity, 1);
@@ -6230,10 +6229,6 @@ video {
   }
 }
 
-.duration-200 {
-  animation-duration: 200ms;
-}
-
 .running {
   animation-play-state: running;
 }
@@ -6275,6 +6270,74 @@ video {
   background: hsl(var(--foreground) / 0.45);
 }
 
+/*
+ * 物料侧栏：容器查询写在源 CSS 里（JIT 的 @[Npx] 经常未进 dist）
+ * 窄：单列、卡片最多 112px；宽：auto-fill 换行，单卡约 88–104px
+ */
+
+.rv-material-sidebar {
+  container-type: inline-size;
+  container-name: rv-material;
+}
+
+.rv-material-grid {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr);
+  justify-items: stretch;
+  gap: 0.375rem;
+}
+
+.rv-material-card {
+  width: 100%;
+  max-width: 112px;
+  justify-self: center;
+}
+
+@container rv-material (min-width: 200px) {
+  .rv-material-grid {
+    grid-template-columns: repeat(auto-fill, minmax(88px, 104px));
+  }
+
+  .rv-material-card {
+    max-width: none;
+    justify-self: stretch;
+  }
+}
+
+/*
+ * 配置侧栏：窄时多列表单改单列，避免挤成一团
+ */
+
+.scope-config-sidebar {
+  container-type: inline-size;
+  container-name: rv-config;
+}
+
+@container rv-config (max-width: 260px) {
+  .scope-config-sidebar .grid {
+    grid-template-columns: minmax(0, 1fr) !important;
+  }
+
+  .scope-config-sidebar .grid > * {
+    min-width: 0;
+  }
+}
+
+/*
+ * 节点选中描边：用倒数抵消画布 scale，屏幕上始终约 2px（勿用 ring/border，会随缩放变粗）
+ */
+
+.rv-node-selected {
+  box-shadow: 0 0 0 calc(2px / var(--rv-canvas-scale, 1)) rgb(59 130 246 / 0.9);
+}
+
+/* Selecto 框选：渲染在 body，线宽保持屏幕 1px */
+
+.selecto-selection {
+  border-width: 1px !important;
+  box-sizing: border-box !important;
+}
+
 /*
  * Moveable 控制框：
  * - 根节点必须高于画布元素 zIndex（节点默认 ≥1），否则多选组框线会被节点盖住，只剩锚点可见
@@ -6318,14 +6381,12 @@ video {
   background: transparent !important;
 }
 
+/* 锚点尺寸交给 Moveable 的 scale(zoom) 补偿，勿写死 px 覆盖，否则放大后会偏粗 */
+
 .rv-moveable-layer .moveable-control {
-  width: 14px !important;
-  height: 14px !important;
-  margin-top: -7px !important;
-  margin-left: -7px !important;
   border-radius: 50% !important;
   box-sizing: border-box !important;
-  border: 2px solid hsl(var(--background)) !important;
+  border-color: hsl(var(--background)) !important;
   background: #1990ff !important;
   background: var(--moveable-color) !important;
   z-index: 10 !important;
@@ -6367,6 +6428,10 @@ video {
   background-color: hsl(var(--accent) / 0.5);
 }
 
+.hover\:bg-accent\/55:hover {
+  background-color: hsl(var(--accent) / 0.55);
+}
+
 .hover\:bg-accent\/60:hover {
   background-color: hsl(var(--accent) / 0.6);
 }
@@ -6391,10 +6456,6 @@ video {
   background-color: hsl(var(--muted) / 0.3);
 }
 
-.hover\:bg-muted\/35:hover {
-  background-color: hsl(var(--muted) / 0.35);
-}
-
 .hover\:bg-muted\/70:hover {
   background-color: hsl(var(--muted) / 0.7);
 }
@@ -6436,6 +6497,10 @@ video {
   text-decoration-line: underline;
 }
 
+.hover\:opacity-100:hover {
+  opacity: 1;
+}
+
 .focus\:border-border\/60:focus {
   border-color: hsl(var(--border) / 0.6);
 }
@@ -6495,8 +6560,20 @@ video {
   opacity: 0.5;
 }
 
-.disabled\:opacity-60:disabled {
-  opacity: 0.6;
+.group\/node:focus-within .group-focus-within\/node\:pointer-events-auto {
+  pointer-events: auto;
+}
+
+.group\/node:focus-within .group-focus-within\/node\:opacity-100 {
+  opacity: 1;
+}
+
+.group\/node:hover .group-hover\/node\:pointer-events-auto {
+  pointer-events: auto;
+}
+
+.group\/node:hover .group-hover\/node\:opacity-100 {
+  opacity: 1;
 }
 
 .data-\[state\=checked\]\:border-primary[data-state="checked"] {
@@ -6507,12 +6584,12 @@ video {
   border-color: hsl(var(--border) / 0.6);
 }
 
-.data-\[state\=checked\]\:bg-primary\/80[data-state="checked"] {
-  background-color: hsl(var(--primary) / 0.8);
+.data-\[state\=checked\]\:bg-primary[data-state="checked"] {
+  background-color: hsl(var(--primary));
 }
 
-.data-\[state\=unchecked\]\:bg-secondary[data-state="unchecked"] {
-  background-color: hsl(var(--secondary));
+.data-\[state\=active\]\:font-semibold[data-state="active"] {
+  font-weight: 600;
 }
 
 .data-\[state\=checked\]\:ring-primary\/40[data-state="checked"] {
@@ -6520,8 +6597,8 @@ video {
 }
 
 @supports (backdrop-filter: var(--tw)) {
-  .supports-\[backdrop-filter\]\:bg-card\/80 {
-    background-color: hsl(var(--card) / 0.8);
+  .supports-\[backdrop-filter\]\:bg-background\/70 {
+    background-color: hsl(var(--background) / 0.7);
   }
 }
 
@@ -6529,36 +6606,16 @@ video {
   border-color: rgb(245 158 11 / 0.4);
 }
 
-.dark\:border-violet-400:is(.dark *) {
-  --tw-border-opacity: 1;
-  border-color: rgb(167 139 250 / var(--tw-border-opacity, 1));
-}
-
-.dark\:border-violet-400\/65:is(.dark *) {
-  border-color: rgb(167 139 250 / 0.65);
+.dark\:border-violet-400\/70:is(.dark *) {
+  border-color: rgb(167 139 250 / 0.7);
 }
 
 .dark\:bg-amber-950\/40:is(.dark *) {
   background-color: rgb(69 26 3 / 0.4);
 }
 
-.dark\:bg-violet-500\/35:is(.dark *) {
-  background-color: rgb(139 92 246 / 0.35);
-}
-
-.dark\:from-violet-500\/20:is(.dark *) {
-  --tw-gradient-from: rgb(139 92 246 / 0.2) var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-
-.dark\:via-violet-950\/35:is(.dark *) {
-  --tw-gradient-to: rgb(46 16 101 / 0)  var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), rgb(46 16 101 / 0.35) var(--tw-gradient-via-position), var(--tw-gradient-to);
-}
-
-.dark\:to-fuchsia-950\/25:is(.dark *) {
-  --tw-gradient-to: rgb(74 4 78 / 0.25) var(--tw-gradient-to-position);
+.dark\:bg-violet-500\/25:is(.dark *) {
+  background-color: rgb(139 92 246 / 0.25);
 }
 
 .dark\:text-amber-200:is(.dark *) {
@@ -6591,42 +6648,33 @@ video {
   color: rgb(125 211 252 / var(--tw-text-opacity, 1));
 }
 
-.dark\:text-violet-50:is(.dark *) {
+.dark\:text-violet-100:is(.dark *) {
   --tw-text-opacity: 1;
-  color: rgb(245 243 255 / var(--tw-text-opacity, 1));
+  color: rgb(237 233 254 / var(--tw-text-opacity, 1));
 }
 
-.dark\:shadow-\[0_0_12px_-2px_rgba\(167\2c 139\2c 250\2c 0\.55\)\]:is(.dark *) {
-  --tw-shadow: 0 0 12px -2px rgba(167,139,250,0.55);
-  --tw-shadow-colored: 0 0 12px -2px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.dark\:shadow-\[0_0_14px_-3px_rgba\(167\2c 139\2c 250\2c 0\.65\)\]:is(.dark *) {
-  --tw-shadow: 0 0 14px -3px rgba(167,139,250,0.65);
-  --tw-shadow-colored: 0 0 14px -3px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.dark\:shadow-\[inset_0_0_0_1px_rgba\(167\2c 139\2c 250\2c 0\.12\)\2c 0_0_20px_-8px_rgba\(139\2c 92\2c 246\2c 0\.35\)\]:is(.dark *) {
-  --tw-shadow: inset 0 0 0 1px rgba(167,139,250,0.12),0 0 20px -8px rgba(139,92,246,0.35);
-  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color), 0 0 20px -8px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+.dark\:text-violet-200:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(221 214 254 / var(--tw-text-opacity, 1));
 }
 
 @media (min-width: 640px) {
-  .sm\:flex {
-    display: flex;
+  .sm\:inline {
+    display: inline;
   }
 
-  .sm\:max-w-\[1100px\] {
-    max-width: 1100px;
+  .sm\:flex {
+    display: flex;
   }
 
   .sm\:max-w-\[520px\] {
     max-width: 520px;
   }
 
+  .sm\:max-w-\[620px\] {
+    max-width: 620px;
+  }
+
   .sm\:max-w-\[860px\] {
     max-width: 860px;
   }
@@ -6700,6 +6748,29 @@ video {
   width: 0.5rem;
 }
 
+.\[\&\>span\]\:line-clamp-none>span {
+  overflow: visible;
+  display: block;
+  -webkit-box-orient: horizontal;
+  -webkit-line-clamp: none;
+}
+
+.\[\&\>span\]\:min-w-0>span {
+  min-width: 0px;
+}
+
+.\[\&\>span\]\:overflow-hidden>span {
+  overflow: hidden;
+}
+
+.\[\&\>span\]\:text-ellipsis>span {
+  text-overflow: ellipsis;
+}
+
+.\[\&\>span\]\:whitespace-nowrap>span {
+  white-space: nowrap;
+}
+
 .\[\&_\.cm-editor\]\:h-full .cm-editor {
   height: 100%;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arronqzy/abuilder",
-  "version": "1.1.40",
+  "version": "1.1.41",
   "description": "Abuilder 可视化编辑器 — 安装后即可通过 <App /> 渲染完整应用",
   "license": "MIT",
   "type": "module",
@@ -30,12 +30,12 @@
   },
   "dependencies": {
     "@arronqzy/blueprint-dsl": "1.0.17",
-    "@arronqzy/react-blueprint": "1.0.24",
+    "@arronqzy/react-view": "1.0.40",
     "@arronqzy/rx-store": "1.0.8",
-    "@arronqzy/i18n": "0.1.17",
-    "@arronqzy/ui": "1.0.10",
-    "@arronqzy/react-view": "1.0.39",
-    "@arronqzy/webllm-assistant": "0.1.16"
+    "@arronqzy/react-blueprint": "1.0.25",
+    "@arronqzy/ui": "1.0.11",
+    "@arronqzy/webllm-assistant": "0.1.16",
+    "@arronqzy/i18n": "0.1.17"
   },
   "peerDependencies": {
     "react": ">=18",