dsh-contextos-devops 0.0.0-stage → 1.48.31

package/src/client/parts/25-editor-ui.js

@@ -0,0 +1,28 @@
+    function gitClass(x) { return (x === 'A' || x === '?' || x === '??' ? 'add' : x === 'D' ? 'del' : x === 'U' || x === 'UU' ? 'unt' : 'mod'); }
+    // Shared editor chrome. Keep the explorer's Git groups and file tabs out of
+    // the page component so new editor features compose these primitives.
+    function GitSections({ git, gitOpen, setGitOpen, gitHistOpen, setGitHistOpen, activePath, openFile, setStatus, zh }) {
+      if (!git) return null;
+      return h('div', { className: 'cx-git-sections' },
+        git.changed ? h('div', { className: 'cx-tree-recent' },
+          h('div', { className: 'cx-tree-sect cx-tree-sect-top', onClick: () => setGitOpen((v) => !v) }, h('span', { className: 'chev', dangerouslySetInnerHTML: chevHtml(gitOpen) }), zh ? 'GIT 变更' : 'GIT CHANGES',
+            h('span', { className: 'cx-git-count' }, String(git.changed))),
+          gitOpen ? Object.keys(git.files).slice(0, 60).map((fp) => h('div', { key: 'g:' + fp, className: `cx-tree-item${activePath === fp ? ' on' : ''}`, style: { paddingLeft: 6 }, onClick: () => openFile(fp) },
+            h('span', { className: 'chev' }),
+            h('span', { className: 'fic', dangerouslySetInnerHTML: fileIconHtml(fp) }),
+            h('span', { className: 'nm' }, fp.split('/').pop()),
+            h('span', { className: `cx-git-badge ${gitClass(git.files[fp])}` }, git.files[fp] === '??' ? 'U' : git.files[fp]))) : null) : null,
+        git.history && git.history.length ? h('div', { className: 'cx-tree-recent' },
+          h('div', { className: 'cx-tree-sect cx-tree-sect-top cx-git-history-head', onClick: () => setGitHistOpen((v) => !v) }, h('span', { className: 'chev', dangerouslySetInnerHTML: chevHtml(gitHistOpen) }), zh ? 'GIT 历史' : 'GIT HISTORY',
+            h('span', { className: 'cx-git-count' }, String(git.history.length))),
+          gitHistOpen ? git.history.slice(0, 30).map((c) => h('div', { key: 'h:' + c.hash, className: 'cx-tree-item cx-git-log', style: { paddingLeft: 6 }, title: `${c.hash} ${c.subject} · ${c.author} · ${c.when}`, onClick: () => { try { navigator.clipboard.writeText(c.hash); } catch {} setStatus(`${c.hash} ${c.subject}`); } },
+            h('span', { className: 'h' }, c.hash),
+            h('span', { className: 'nm' }, c.subject),
+            h('span', { className: 'when' }, c.when))) : null) : null);
+    }
+    function EditorTabs({ tabs, activePath, setActivePath, closeTab }) {
+      return h('div', { className: 'cx-tabs' }, (tabs || []).map((t) => h('div', { key: t.path, className: `cx-tab${t.path === activePath ? ' on' : ''}`, onClick: () => setActivePath(t.path), title: t.path },
+        h('span', { className: 'ico', dangerouslySetInnerHTML: fileIconHtml(t.name, 12) }),
+        h('span', { className: 'nm' }, t.name + (t.dirty ? ' ●' : '')),
+        h(IconButton, { name: 'close', className: 'x', onClick: (e) => { e.stopPropagation(); closeTab(t.path); } }))));
+    }

package/src/client/parts/30-modals.js

@@ -0,0 +1,85 @@
+    function DropSelect({ value, onChange, options, title, className }) {
+      const [open, setOpen] = useState(false);
+      const [pos, setPos] = useState(null);
+      const btnRef = useRef(null);
+      const lbRef = useRef(null);
+      const openMenu = (e) => { e.stopPropagation(); setOpen((v) => !v); };
+      useEffect(() => {
+        if (!open) return;
+        const close = () => setOpen(false);
+        window.addEventListener('click', close);
+        window.addEventListener('scroll', close, true);
+        return () => { window.removeEventListener('click', close); window.removeEventListener('scroll', close, true); };
+      }, [open]);
+      const cur = (options || []).find((o) => o.value === value);
+      return h('span', { className: `cx-drop${className ? ' ' + className : ''}` },
+        h('button', { ref: btnRef, type: 'button', className: `cx-drop-btn${open ? ' on' : ''}`, title, onClick: openMenu },
+          h('span', { className: 'lb' }, cur ? cur.label : ''),
+          h('span', { className: 'cv' }, h(UiIcon, { name: 'chevronDown', size: 12 }))),
+        open ? h('div', { className: 'cx-drop-pop', onClick: (e) => e.stopPropagation() },
+          h(MenuList, { items: (options || []).map((o) => ({ label: o.label, icon: o.icon, on: o.value === value, go: () => { setOpen(false); onChange(o.value); } })), onPick: () => setOpen(false) })) : null);
+    }
+
+    function MenuButton({ items, disabled }) {
+      const [open, setOpen] = useState(false);
+      const fire = (e) => {
+        e.stopPropagation();
+        const r = e.currentTarget.getBoundingClientRect();
+        try {
+          window.dispatchEvent(new CustomEvent('cx-float-menu', { detail: {
+            x: Math.round(r.left),
+            right: Math.round((window.innerWidth || 1200) - r.right),
+            y: Math.round(Math.min(r.bottom + 4, (window.innerHeight || 800) - 300)),
+            title: '更多',
+            icon: 'more',
+            items: (items || []).map((it) => (it.sep ? { sep: true } : { label: T(it.label), icon: it.icon || 'chevronRight', url: it.url || '', danger: !!it.danger, open: !!it.open, openable: !!it.openable, go: () => it.action() })),
+          } }));
+        } catch {}
+      };
+      return h('span', { className: 'cx-menu-wrap' },
+        h(IconButton, { name: 'more', className: 'cx-btn xs', title: '⋯', disabled, onClick: fire }));
+    }
+
+    function Modal({ title, desc, onClose, children }) {
+      return h('div', { className: 'cx-modal', onMouseDown: (e) => { if (e.target === e.currentTarget) onClose(); } },
+        h('div', { className: 'cx-card' }, h('h2', null, title), desc ? h('div', { className: 'desc' }, desc) : null, children));
+    }
+
+    function SceneModal({ scene, onClose, onSave }) {
+      const p = scene?.params || {};
+      const tzDefault = (typeof Intl !== 'undefined' && Intl.DateTimeFormat().resolvedOptions().timeZone) || 'Asia/Shanghai';
+      const [name, setName] = useState(scene?.name || '');
+      const [theme, setTheme] = useState(p.theme || 'system');
+      const [lang, setLang] = useState(p.lang || 'system');
+      const [timezone, setTimezone] = useState(p.timezone || tzDefault);
+      const [location, setLocation] = useState(p.location || '');
+      return h(Modal, { title: '赛博世界设置 / CYBER WORLD', desc: '这些参数属于当前赛博世界：切换赛博世界会自动跟随；没设置的用系统默认。', onClose },
+        h('div', { className: 'cx-form' },
+          h('label', { className: 'cx-field full' }, '名称', h('input', { className: 'cx-input', value: name, placeholder: '例如 我的赛博世界', onChange: (e) => setName(e.target.value) })),
+          h('label', { className: 'cx-field full' }, '主题', h(DropSelect, { value: theme, onChange: setTheme, options: [{ value: 'system', label: '跟随系统' }, { value: 'light', label: '浅色' }, { value: 'dark', label: '深色' }] })),
+          h('label', { className: 'cx-field full' }, '语言', h(DropSelect, { value: lang, onChange: setLang, options: [{ value: 'system', label: '跟随系统' }, { value: 'zh', label: '中文' }, { value: 'en', label: 'English' }] })),
+          h('label', { className: 'cx-field full' }, '时区', h('input', { className: 'cx-input', value: timezone, placeholder: tzDefault, onChange: (e) => setTimezone(e.target.value) })),
+          h('label', { className: 'cx-field full' }, '地点', h('input', { className: 'cx-input', value: location, placeholder: '例如 深圳市', onChange: (e) => setLocation(e.target.value) }))),
+        h('div', { className: 'cx-foot' },
+          h('button', { className: 'cx-btn', onClick: onClose }, T('取消')),
+          h('button', { className: 'cx-btn pri', onClick: () => onSave({ name: name.trim(), theme, lang, timezone, location }) }, T('保存'))));
+    }
+
+    function AvatarEditModal({ avatar, onClose, onSave }) {
+      const [form, setForm] = useState({
+        name: avatar?.name || '', city: avatar?.city || '', company: avatar?.company || '',
+        persona: avatar?.persona || '', preferences: avatar?.preferences || '', style: avatar?.style || '',
+      });
+      const set = (k) => (e) => setForm((f) => ({ ...f, [k]: e.target.value }));
+      return h(Modal, { title: '修改分身 / AVATAR', desc: '这些信息属于当前数字分身，创建实例与对话上下文都会带上。', onClose },
+        h('div', { className: 'cx-form' },
+          h('label', { className: 'cx-field full' }, '名称', h('input', { className: 'cx-input', value: form.name, onChange: set('name') })),
+          h('label', { className: 'cx-field full' }, '城市', h('input', { className: 'cx-input', value: form.city, onChange: set('city') })),
+          h('label', { className: 'cx-field full' }, '公司', h('input', { className: 'cx-input', value: form.company, onChange: set('company') })),
+          h('label', { className: 'cx-field full' }, '人格', h('input', { className: 'cx-input', value: form.persona, onChange: set('persona'), placeholder: '专业、亲和、直接' })),
+          h('label', { className: 'cx-field full' }, '偏好', h('input', { className: 'cx-input', value: form.preferences, onChange: set('preferences'), placeholder: '技术、产品、效率' })),
+          h('label', { className: 'cx-field full' }, '风格', h('input', { className: 'cx-input', value: form.style, onChange: set('style'), placeholder: '简洁、结构化' }))),
+        h('div', { className: 'cx-foot' },
+          h('button', { className: 'cx-btn', onClick: onClose }, T('取消')),
+          h('button', { className: 'cx-btn pri', onClick: () => onSave(form) }, T('保存'))));
+    }

package/src/client/parts/32-cards.js

@@ -0,0 +1,176 @@
+    // 节点/空间通用的常用工具（都是宿主自带页面）
+    // key, 中文, 英文, 尾段, 图标
+    const CARD_TOOLS = [
+      ['desktop', '应用桌面', 'App Desktop', '', 'monitor'],
+      ['portal', '官方网站', 'Website', '', 'web'],
+      ['admin', '管理后台', 'Admin', '', 'manage'],
+      ['vimer', '编程工具', 'Code', '', 'dev'],
+      ['runtime', '运行环境', 'Runtime', '', 'pulse'], // /c/runtime
+      ['xterm', '命令终端', 'Terminal', '/type/sh', 'terminal'], // 直接进 shell，不停在会话列表
+    ];
+    // 首页由节点/空间自己的代码决定，插件只负责「打开首页」；这里只列固定工具
+    // 副标题用的时间：MM-DD HH:mm
+    const cardTime = (v) => {
+      const s = String(v || '').replace('T', ' ').replace(/\..*$/, '');
+      const m = s.match(/^(?:\d{4}-)?(\d{2}-\d{2})[ T](\d{2}:\d{2})/);
+      return m ? `${m[1]} ${m[2]}` : (s || '');
+    };
+    // 版本号兜底：老接口会把整张 /c/version 表塞进 version，这里只取 vX.Y.Z-xxx
+    const cardVer = (v) => {
+      const raw = String(v || '').trim();
+      if (!raw) return '';
+      if (!/\s/.test(raw)) return raw;
+      const m = raw.match(/v\d+\.\d+\.\d+(?:-[0-9a-z.]+)+/i);
+      return m ? m[0] : '';
+    };
+    const toolItems = (onTool, urlOf, locale, isOpen = null) => (onTool ? CARD_TOOLS.map(([key, zh, en, tail, icon]) => {
+      const url = urlOf(key, tail || '');
+      return {
+        label: locale === 'zh' ? zh : en,
+        icon,
+        url,
+        openable: !!isOpen,
+        open: isOpen ? !!isOpen(url) : false,
+        action: () => onTool(url, locale === 'zh' ? zh : en),
+      };
+    }) : []);
+
+    function NodeCard({ n, active, busy, onSelect, onStart, onStop, onDelete, onOpen, onIde, onTool, onHome, onAuth, isOpen, tone = () => '', locale }) {
+      const on = n.state === 'running';
+      return h('div', { className: `cx-node${active ? ' on' : ''}`, onClick: () => onSelect(n.port) },
+        h(EntityTitle, {
+          image: n.image,
+          icon: 'server',
+          title: n.name || `node-${n.port}`,
+          status: on ? (locale === 'zh' ? '运行中' : 'RUNNING') : (locale === 'zh' ? '离线' : 'OFFLINE'),
+          statusTone: on ? 'ok' : 'off',
+          // 端口 · 代码版本 · 编译时间 · 程序大小
+          // 端口 · 版本 · 编译时间 · 大小 · 进程 · 部署方式
+          meta: [`:${n.port}`, cardVer(n.version) || '—',
+            cardTime(n.builtAt || (n.runtime && n.runtime.builtAt)) || '—',
+            n.sizeText || (n.runtime && n.runtime.sizeText) || (n.size ? Math.round(n.size / 1048576) + 'M' : '—'),
+            n.pid ? `pid ${n.pid}` : '',
+            n.source || ''].filter(Boolean).join(' · '),
+        }),
+        h('div', { className: 'cx-node-actions' },
+          on
+            ? h('button', { className: 'cx-btn xs', onClick: (e) => { e.stopPropagation(); onOpen(n.port); } }, locale === 'zh' ? '首页' : 'HOME')
+            : h('button', { className: 'cx-btn xs pri', onClick: (e) => { e.stopPropagation(); onStart(n.port); } }, locale === 'zh' ? '启动' : 'START'),
+          h('button', { className: 'cx-btn xs', disabled: busy, onClick: (e) => { e.stopPropagation(); onIde && onIde(n.port, ''); } }, locale === 'zh' ? '编程' : 'CODE'),
+          on
+            ? h(MenuButton, { disabled: busy, items: [
+              ...(onHome ? [{ label: locale === 'zh' ? '打开首页' : 'Open home', icon: 'home', action: () => onHome() }] : []),
+              ...toolItems(onTool, (k, tail = '') => `http://127.0.0.1:${n.port}/c/${k}${tail}`, locale, isOpen),
+              ...(onAuth ? [{ label: locale === 'zh' ? '登录凭证' : 'Credentials', icon: 'lock', action: () => onAuth(n.port) }] : []),
+              { sep: true }, { label: '停止', icon: 'stop', danger: tone('stop') === 'danger', action: () => onStop(n.port) }, { label: '删除', icon: 'trash', danger: true, action: () => onDelete(n.port) }] })
+            : h(MenuButton, { disabled: busy, items: [
+              ...(onHome ? [{ label: locale === 'zh' ? '打开首页' : 'Open home', icon: 'home', action: () => onHome() }] : []),
+              ...toolItems(onTool, (k, tail = '') => `http://127.0.0.1:${n.port}/c/${k}${tail}`, locale, isOpen),
+              ...(onAuth ? [{ label: locale === 'zh' ? '登录凭证' : 'Credentials', icon: 'lock', action: () => onAuth(n.port) }] : []),
+              { sep: true },
+              { label: '删除', icon: 'trash', danger: tone('remove') === 'danger', action: () => onDelete(n.port) },
+            ] })));
+    }
+
+    function SpaceCard({ s, active, busy, node, onSelect, onOpen, onStart, onStop, onDelete, onIde, onTool, onHome, isOpen, tone = () => '', locale }) {
+      const on = String(s.status || '').trim() === 'start';
+      const iconUrl = (() => {
+        const raw = String(s.icons || '').trim();
+        if (!raw) return '';
+        if (/^https?:\/\//i.test(raw)) return raw;
+        const p = raw.startsWith('/') ? raw : `/${raw}`;
+        return node ? `http://127.0.0.1:${node}${p}` : p;
+      })();
+      return h('div', { className: `cx-space${active ? ' on' : ''}`, onClick: () => onSelect(s.name) },
+        h(EntityTitle, {
+          image: iconUrl,
+          icon: 'space',
+          title: [s.help, s.name].filter(Boolean).join(' '),
+          status: on ? (locale === 'zh' ? '运行中' : 'start') : (locale === 'zh' ? '已停止' : 'stop'),
+          statusTone: on ? 'ok' : 'off',
+          // 代码版本 · 编译时间 · 程序大小
+          meta: [cardVer(s.version) || '—', cardTime(s.builtAt) || '—', s.size || '—'].join(' · '),
+        }),
+        h('div', { className: 'cx-space-actions' },
+          on ? h('button', { className: 'cx-btn xs pri', disabled: busy, onClick: (e) => { e.stopPropagation(); onOpen(s.name); } }, locale === 'zh' ? '首页' : 'OPEN') : h('button', { className: 'cx-btn xs pri', disabled: busy, onClick: (e) => { e.stopPropagation(); onStart(s.name); } }, locale === 'zh' ? '启动' : 'START'),
+          h('button', { className: 'cx-btn xs', disabled: busy, onClick: (e) => { e.stopPropagation(); onIde && onIde(node, s.name); } }, locale === 'zh' ? '编程' : 'CODE'),
+          h(MenuButton, { disabled: busy, items: [
+            ...(onHome ? [{ label: locale === 'zh' ? '打开首页' : 'Open home', icon: 'home', action: () => onHome() }] : []),
+            ...toolItems(onTool, (k, tail = '') => `http://127.0.0.1:${node}/s/${encodeURIComponent(s.name)}/c/${k}${tail}`, locale, isOpen),
+            ...(on ? [{ sep: true }, { label: '停止', icon: 'stop', danger: tone('stop') === 'danger', action: () => onStop(s.name) }] : []),
+            { label: '删除', icon: 'trash', danger: true, action: () => onDelete(s.name) },
+          ] })));
+    }
+
+    function ItemIcon({ item, name, size, src, port }) {
+      const raw = String(src || (item && (item.icons || item.icon || item.image)) || '').trim();
+      const iconSrc = !raw ? ''
+        : /^(https?:|data:)/i.test(raw) ? raw
+        : raw.startsWith('/') && port ? `http://127.0.0.1:${port}${raw}`
+        : '';
+      const label = String(name || (item && (item.title || item.name)) || '?').trim().slice(0, 1) || '?';
+      let hue = 0;
+      const sname = String((item && (item.name || item.command)) || label);
+      for (let i = 0; i < sname.length; i += 1) hue = (hue * 31 + sname.charCodeAt(i)) % 360;
+      const px = size || 26;
+      if (iconSrc && /^(https?:|\/)/.test(iconSrc)) {
+        return h('span', { className: 'cx-ai', style: { width: px, height: px } }, h('img', { src: iconSrc, alt: '' }));
+      }
+      return h('span', { className: 'cx-ai', style: { width: px, height: px, background: `linear-gradient(135deg, hsl(${hue} 72% 42%), hsl(${(hue + 42) % 360} 70% 26%))` } }, label.toUpperCase());
+    }
+
+    function AppRow({ a, active, onSelect, onOpen, locale, node }) {
+      return h('div', { className: `cx-app${active ? ' on' : ''}`, onClick: () => (onSelect ? onSelect(a) : onOpen(a)) },
+        h(EntityTitle, {
+          image: a.place_avatar || a.icon ? (/^https?:/i.test(a.place_avatar || a.icon) ? (a.place_avatar || a.icon) : `http://127.0.0.1:${node}${a.place_avatar || a.icon}`) : '',
+          icon: 'app',
+          title: a.title || a.name,
+          after: cardTime(a.updated) || '',
+          meta: [a.city_name, a.company_name, a.service_name].filter(Boolean).join(' · ') || a.command,
+        }),
+        h('div', { className: 'aa' },
+          h('button', { className: 'cx-btn xs pri', onClick: (e) => { e.stopPropagation(); onOpen(a); } }, locale === 'zh' ? '打开' : 'OPEN')));
+    }
+
+    function StoreRow({ s, onCreate, busy, onAction, onCode, onConfig, locale, node }) {
+      const online = s.status === 'online';
+      const acts = s.actions || ['create', 'online', 'offline', 'code', 'conf'];
+      const has = (x) => acts.includes(x);
+      const label = (x) => locale === 'zh' ? ({ create: '创建', online: '上架', offline: '下架', code: '编程', conf: '配置' }[x] || x) : ({ create: 'CREATE', online: 'Online', offline: 'Offline', code: 'Code', conf: 'Config' }[x] || x);
+      return h('div', { className: 'cx-store' },
+        h('div', { className: 'cx-store-main', onClick: () => !busy && onCreate(s) },
+          h(ItemIcon, { item: s, name: s.name, size: 26, src: s.icon, port: node }),
+          h('div', { style: { flex: 1, minWidth: 0 } },
+            h('div', { className: 'cx-store-titleline' },
+              h('span', { className: 'sn' }, s.name),
+              h('span', { className: `cx-status-r ${online ? 'on' : 'off'}` }, s.status_label || s.status)),
+            h('div', { className: 'ss' }, `${s.space} · ${s.command}`))),
+        h('div', { className: 'cx-store-actions' },
+          has('create') ? h('button', { className: 'cx-btn xs pri', disabled: busy, onClick: (e) => { e.stopPropagation(); onCreate(s); } }, busy ? '…' : label('create')) : null,
+          has('online') ? h('button', { className: 'cx-btn xs', disabled: busy, onClick: (e) => { e.stopPropagation(); onAction(s, 'online'); } }, label('online')) : null,
+          has('offline') ? h('button', { className: 'cx-btn xs danger', disabled: busy, onClick: (e) => { e.stopPropagation(); onAction(s, 'offline'); } }, label('offline')) : null,
+          (has('code') || has('conf') || has('more')) ? h(MenuButton, { disabled: busy, items: [
+            has('code') ? { label: label('code'), icon: 'dev', action: () => onCode(s) } : null,
+            has('conf') ? { label: label('conf'), icon: 'setting', action: () => onConfig(s) } : null,
+            has('more') ? { label: locale === 'zh' ? '更多' : 'More', icon: 'more', action: () => onAction(s, 'more') } : null,
+          ].filter(Boolean) }) : null));
+    }
+
+    function OfficialSpaces({ node, onDeploy, locale }) {
+      const [keys, setKeys] = useState(['community', 'enterprise']);
+      const items = OFFICIAL;
+      const toggle = (k) => { if (k === 'community' || k === 'enterprise') return; setKeys((xs) => xs.includes(k) ? xs.filter((x) => x !== k) : [...xs, k]); };
+      return h('div', { className: 'cx-official' },
+        h('div', { className: 'oh' }, locale === 'zh' ? '一键部署官方空间 / OFFICIAL SPACES' : 'OFFICIAL SPACES / One-click deploy'),
+        items.map(([k, label, en]) => {
+          const forced = k === 'community' || k === 'enterprise';
+          const on = forced || keys.includes(k);
+          return h('label', { key: k, className: `cx-official-row${forced ? ' forced' : ''}` },
+            h('input', { type: 'checkbox', checked: on, disabled: forced, onChange: () => toggle(k) }),
+            h('span', { className: 'cx-space-ico', dangerouslySetInnerHTML: spaceIconHtml(label, 14) }),
+            h('span', { className: 'cx-space-name' }, label),
+            h('em', { className: 'cx-space-en' }, en || ''),
+            forced ? h('i', null, T('默认')) : null);
+        }),
+        h('button', { className: 'cx-btn xs pri cx-deploy-btn', style: { marginTop: 8 }, disabled: !node || !keys.length, onClick: () => onDeploy(keys) }, locale === 'zh' ? `部署 (${keys.length})` : `DEPLOY (${keys.length})`));
+    }

package/src/client/parts/34-forms.js

@@ -0,0 +1,176 @@
+    function DeployModal({ onClose, onDone, onScan }) {
+      const [port, setPort] = useState('9188');
+      const [name, setName] = useState('');
+      const [mode, setMode] = useState('auto');
+      const [parent, setParent] = useState('');
+      const [repo, setRepo] = useState('');
+      const [sourceBin, setSourceBin] = useState('');
+      const [spaceKeys, setSpaceKeys] = useState(['community', 'enterprise']);
+      const [busy, setBusy] = useState(false);
+      const [err, setErr] = useState('');
+      const go = async () => {
+        setBusy(true); setErr('');
+        try { await api('deploy', { port: Number(port), name, mode, parent, repo, sourceBin }); await api('officialSpaces', { node: Number(port), keys: spaceKeys }); onDone(); }
+        catch (e) { setErr(String(e?.message || e)); } finally { setBusy(false); }
+      };
+      return h(Modal, { title: '部署服务节点 / DEPLOY NODE', desc: 'auto=先 clone 代码库，有 git+go 编译，否则复制或下载 ice.bin；默认选中云社区、云办公。', onClose },
+        h('div', { className: 'cx-form' },
+          h('label', { className: 'cx-field' }, '部署方式 / MODE', h('select', { className: 'cx-select', value: mode, onChange: (e) => setMode(e.target.value) },
+            h('option', { value: 'auto' }, 'auto / 克隆后编译/复制/下载'), h('option', { value: 'copy' }, 'copy / 本机复制'), h('option', { value: 'download' }, 'download / 下载'), h('option', { value: 'source' }, 'source / 源码构建'))),
+          h('label', { className: 'cx-field' }, '端口 / PORT', h('input', { className: 'cx-input', value: port, onChange: (e) => setPort(e.target.value) })),
+          h('label', { className: 'cx-field' }, '名称 / NAME', h('input', { className: 'cx-input', value: name, placeholder: 'ContextOS-prod', onChange: (e) => setName(e.target.value) })),
+          (mode === 'download' || mode === 'source') ? h('label', { className: 'cx-field' }, '父节点 / PARENT', h('input', { className: 'cx-input', value: parent, placeholder: 'https://shylinux.com', onChange: (e) => setParent(e.target.value) })) : null,
+          mode === 'source' ? h('label', { className: 'cx-field full' }, '代码仓库 / REPO', h('input', { className: 'cx-input', value: repo, placeholder: 'https://shylinux.com/x/ContextOS', onChange: (e) => setRepo(e.target.value) })) : null,
+          mode === 'copy' ? h('label', { className: 'cx-field full' }, '节点镜像 / SOURCE BIN', h('input', { className: 'cx-input', value: sourceBin, placeholder: '留空用 usr/publish，或 /path/bin/ice.bin', onChange: (e) => setSourceBin(e.target.value) })) : null,
+          h('label', { className: 'cx-field full' }, '标准空间 / SPACES', h(StandardSpaces, { value: spaceKeys, onChange: setSpaceKeys }))),
+        err ? h(ErrorBox, { text: err }) : null,
+        h('div', { className: 'cx-foot' },
+          onScan ? h('button', { className: 'cx-btn', style: { marginRight: 'auto' }, onClick: onScan, title: '扫描远程主机 / WiFi / 蓝牙' }, '扫描设备') : null,
+          h('button', { className: 'cx-btn', onClick: onClose }, T('取消')),
+          h('button', { className: 'cx-btn pri', disabled: busy, onClick: go }, busy ? '部署中…' : '部署')));
+    }
+
+    function SpaceModal({ node, onClose, onDone }) {
+      const [name, setName] = useState('project');
+      const [busy, setBusy] = useState(false);
+      const [err, setErr] = useState('');
+      const go = async () => {
+        setBusy(true); setErr('');
+        try {
+          const created = await api('createSpace', { node: Number(node), name });
+          await api('initSpace', { node: Number(node), space: created.name });
+          onDone(created.name);
+        } catch (e) { setErr(String(e?.message || e)); } finally { setBusy(false); }
+      };
+      return h(Modal, { title: '创建项目空间 / CREATE WORKSPACE', desc: '不指定 repos：dream create 建空空间 → web.code.git.status init 生成 .git / src/main.go / go.mod 骨架。', onClose },
+        h('div', { className: 'cx-form' }, h('label', { className: 'cx-field full' }, '空间名称 / SPACE NAME', h('input', { className: 'cx-input', value: name, placeholder: 'project', onChange: (e) => setName(e.target.value) }))),
+        h('div', { className: 'desc' }, '空间名只用字母、数字、下划线；服务端自动加 YYYYMMDD- 前缀。'),
+        err ? h(ErrorBox, { text: err }) : null,
+        h('div', { className: 'cx-foot' }, h('button', { className: 'cx-btn', onClick: onClose }, T('取消')), h('button', { className: 'cx-btn pri', disabled: busy, onClick: go }, busy ? '创建中…' : '创建并初始化')));
+    }
+
+    function AppModal({ node, space, onClose, onDone }) {
+      const [name, setName] = useState('yuangong');
+      const [help, setHelp] = useState('员工管理');
+      const [place, setPlace] = useState('employee');
+      const [value, setValue] = useState('profile,position,skill,experience,education,record');
+      const [trans, setTrans] = useState('员工信息，工作岗位，专业技能，工作经验，教育经历，事件记录');
+      const [busy, setBusy] = useState(false);
+      const [err, setErr] = useState('');
+      const go = async () => {
+        setBusy(true); setErr('');
+        try {
+          const r = await api('autogenApp', { node: Number(node), space, name, help, place, value, trans });
+          onDone(r);
+        } catch (e) { setErr(String(e?.message || e)); } finally { setBusy(false); }
+      };
+      return h(Modal, { title: '生成应用 / GENERATE APP', desc: '云社区 service/autogen 按应用平台风格生成：portal.json + 五角色 + 列表/创建 + 看板；随后 compile。', onClose },
+        h('div', { className: 'cx-form' },
+          h('label', { className: 'cx-field' }, '应用名称 / APP NAME', h('input', { className: 'cx-input', value: name, onChange: (e) => setName(e.target.value) })),
+          h('label', { className: 'cx-field' }, '标题 / TITLE', h('input', { className: 'cx-input', value: help, onChange: (e) => setHelp(e.target.value) })),
+          h('label', { className: 'cx-field' }, '场景 / PLACE', h('input', { className: 'cx-input', value: place, onChange: (e) => setPlace(e.target.value) })),
+          h('label', { className: 'cx-field' }, '字段 / VALUE (逗号分隔)', h('input', { className: 'cx-input', value: value, onChange: (e) => setValue(e.target.value) })),
+          h('label', { className: 'cx-field full' }, '翻译 / TRANS（中文）', h('input', { className: 'cx-input', value: trans, onChange: (e) => setTrans(e.target.value) }))),
+        err ? h(ErrorBox, { text: err }) : null,
+        h('div', { className: 'cx-foot' }, h('button', { className: 'cx-btn', onClick: onClose }, T('取消')), h('button', { className: 'cx-btn pri', disabled: busy, onClick: go }, busy ? '生成中…' : '生成并编译')));
+    }
+
+    function CodeModal({ node, space, app, onClose }) {
+      const [files, setFiles] = useState([]);
+      const [showMore, setShowMore] = useState(false);
+      const [pm, setPm] = useState(null);
+      const [targetId, setTargetId] = useState('');
+      const [planId, setPlanId] = useState('');
+      const [taskId, setTaskId] = useState('');
+      const [reportId, setReportId] = useState('');
+      const [feedbackId, setFeedbackId] = useState('');
+      const bootCal = cxRead('cal', {});
+      const [calStart, setCalStart] = useState(bootCal.start || '');
+      const [calEnd, setCalEnd] = useState(bootCal.end || '');
+      useEffect(() => cxWrite('cal', { ...cxRead('cal', {}), start: calStart, end: calEnd }), [calStart, calEnd]);
+      const [planStatusFilter, setPlanStatusFilter] = useState([]);
+      const [taskStatusFilter, setTaskStatusFilter] = useState([]);
+      const [reportTypeFilter, setReportTypeFilter] = useState([]);
+      const [feedbackStatusFilter, setFeedbackStatusFilter] = useState([]);
+      const [pmForm, setPmForm] = useState(null);
+      const sessionStateRef = useRef({ key: '', ready: false, msgs: [] });
+      const seedingRef = useRef(false);
+      const [file, setFile] = useState('portal.go');
+      const [content, setContent] = useState('');
+      const [msg, setMsg] = useState('');
+      const [busy, setBusy] = useState(false);
+      const [err, setErr] = useState('');
+      useEffect(() => {
+        let alive = true;
+        api('listDir', { node, space, path: `src/${app.name}` }).then((d) => {
+          if (!alive) return;
+          const list = (d.entries || []).filter((e) => e.type === 'file' && /\.(go|json|js|css|md)$/.test(e.name));
+          setFiles(list);
+          const pick = list.find((e) => e.name === 'portal.go') || list[0];
+          if (pick) setFile(pick.name);
+        }).catch((e) => setErr(String(e?.message || e)));
+        return () => { alive = false; };
+      }, [node, space, app.name]);
+      useEffect(() => {
+        if (!file) return;
+        let alive = true;
+        api('readFile', { node, space, path: `src/${app.name}/${file}` }).then((d) => { if (alive) setContent(d.content || ''); }).catch((e) => { if (alive) setErr(String(e?.message || e)); });
+        return () => { alive = false; };
+      }, [node, space, app.name, file]);
+      const save = async (build) => {
+        setBusy(true); setErr(''); setMsg('');
+        try {
+          await api('writeFile', { node, space, path: `src/${app.name}/${file}`, content });
+          setMsg('saved');
+          if (build) { await api('buildSpace', { node, space }); setMsg('saved + built'); }
+        } catch (e) { setErr(String(e?.message || e)); } finally { setBusy(false); }
+      };
+      return h(Modal, { title: `CODE / ${app.title || app.name}`, desc: `编辑 ${space}/src/${app.name}；保存后可编译。`, onClose },
+        h('div', { className: 'cx-form' },
+          h('label', { className: 'cx-field full' }, 'FILE', h('select', { className: 'cx-select', value: file, onChange: (e) => setFile(e.target.value) }, files.map((f) => h('option', { key: f.name, value: f.name }, f.name)))),
+          h('label', { className: 'cx-field full' }, 'CONTENT', h('textarea', { className: 'cx-area', style: { minHeight: 300 }, value: content, spellCheck: false, onChange: (e) => setContent(e.target.value) }))),
+        msg ? h('div', { className: 'desc' }, msg) : null,
+        err ? h(ErrorBox, { text: err }) : null,
+        h('div', { className: 'cx-foot' }, h('button', { className: 'cx-btn', onClick: onClose }, T('关闭')), h('button', { className: 'cx-btn', disabled: busy, onClick: () => save(false) }, busy ? '…' : T('保存')), h('button', { className: 'cx-btn pri', disabled: busy, onClick: () => save(true) }, T('保存并编译'))));
+    }
+
+    function InstanceModal({ node, space, app, avatar, onClose, onDone }) {
+      const [name, setName] = useState(app.title || '我的应用');
+      const [city, setCity] = useState(avatar?.city || '深圳市');
+      const [company, setCompany] = useState(avatar?.company || '云轩领航');
+      const [busy, setBusy] = useState(false);
+      const [err, setErr] = useState('');
+      const go = async () => {
+        setBusy(true); setErr('');
+        try { const r = await api('createInstance', { node, space, command: app.command, place: app.place || '', name, city, company, uid: cxActorUid(avatar) }); onDone(r); }
+        catch (e) { setErr(String(e?.message || e)); } finally { setBusy(false); }
+      };
+      return h(Modal, { title: `创建应用实例 / ${app.title || app.name}`, desc: `在 ${space} 用 ${app.command} 建实例；实例行会出现在该用户的 recent 列表。`, onClose },
+        h('div', { className: 'cx-form' },
+          h('label', { className: 'cx-field full' }, '实例名称 / INSTANCE NAME', h('input', { className: 'cx-input', value: name, onChange: (e) => setName(e.target.value) })),
+          h('label', { className: 'cx-field' }, '城市 / CITY', h('input', { className: 'cx-input', value: city, onChange: (e) => setCity(e.target.value) })),
+          h('label', { className: 'cx-field' }, '公司 / COMPANY', h('input', { className: 'cx-input', value: company, onChange: (e) => setCompany(e.target.value) }))),
+        err ? h(ErrorBox, { text: err }) : null,
+        h('div', { className: 'cx-foot' }, h('button', { className: 'cx-btn', onClick: onClose }, T('取消')), h('button', { className: 'cx-btn pri', disabled: busy, onClick: go }, busy ? '创建中…' : '创建应用实例')));
+    }
+
+    function StoreInstanceModal({ node, service, avatar, onClose, onDone }) {
+      const [city, setCity] = useState(avatar?.city || '深圳市');
+      const [company, setCompany] = useState(avatar?.company || '云轩领航');
+      const [name, setName] = useState(String(service.name || '').split(/\s+/)[0] || '我的应用');
+      const [busy, setBusy] = useState(false);
+      const [err, setErr] = useState('');
+      const go = async () => {
+        setBusy(true); setErr('');
+        try { const r = await api('createStoreInstance', { node, service, city, company, name, uid: avatar?.uid || '' }); onDone(r); }
+        catch (e) { setErr(String(e?.message || e)); } finally { setBusy(false); }
+      };
+      return h(Modal, { title: `创建应用实例 / ${service.name}`, desc: '从应用商店模板创建实例：城市 + 公司 + 应用名称三个参数。', onClose },
+        h('div', { className: 'cx-form' },
+          h('label', { className: 'cx-field full' }, '城市名称 / CITY', h('input', { className: 'cx-input', value: city, onChange: (e) => setCity(e.target.value) })),
+          h('label', { className: 'cx-field full' }, '公司名称 / COMPANY', h('input', { className: 'cx-input', value: company, onChange: (e) => setCompany(e.target.value) })),
+          h('label', { className: 'cx-field full' }, '应用名称 / APP NAME', h('input', { className: 'cx-input', value: name, onChange: (e) => setName(e.target.value) }))),
+        h('div', { className: 'desc' }, `space: ${service.space} · command: ${service.command}`),
+        err ? h(ErrorBox, { text: err }) : null,
+        h('div', { className: 'cx-foot' }, h('button', { className: 'cx-btn', onClick: onClose }, T('取消')), h('button', { className: 'cx-btn pri', disabled: busy, onClick: go }, busy ? '创建中…' : '创建应用实例')));
+    }