@sakki_chin/dsh-codex-orchestrate 1.0.0

package/client/styles.js

@@ -0,0 +1,296 @@
+export const tokens = {
+  '--co-bg': 'var(--dsw-alias-bg-base, transparent)',
+  '--co-raised': 'var(--dsw-alias-fill-quaternary, var(--dsw-alias-interactive-bg-hover, rgba(127, 127, 127, .08)))',
+  '--co-sunken': 'var(--dsw-alias-fill-tertiary, var(--dsw-alias-fill-secondary, rgba(127, 127, 127, .12)))',
+  '--co-user': 'var(--dsw-alias-fill-secondary, rgba(127, 127, 127, .12))',
+  '--co-code': 'var(--dsw-alias-fill-quaternary, rgba(127, 127, 127, .08))',
+  '--co-border': 'var(--dsw-alias-stroke-secondary, color-mix(in srgb, currentColor 14%, transparent))',
+  '--co-border-strong': 'var(--dsw-alias-stroke-primary, color-mix(in srgb, currentColor 24%, transparent))',
+  '--co-ink': 'var(--dsw-alias-label-primary, currentColor)',
+  '--co-ink-secondary': 'var(--dsw-alias-label-secondary, color-mix(in srgb, currentColor 76%, transparent))',
+  '--co-ink-muted': 'var(--dsw-alias-label-tertiary, color-mix(in srgb, currentColor 58%, transparent))',
+  '--co-ink-faint': 'var(--dsw-alias-label-quaternary, color-mix(in srgb, currentColor 42%, transparent))',
+  '--co-accent': 'var(--dsw-alias-brand-primary, var(--dsw-alias-label-primary, currentColor))',
+  '--co-accent-ink': 'var(--dsw-alias-label-on-color, Canvas)',
+  '--co-ok': 'var(--dsw-alias-status-success, #4f9a5c)',
+  '--co-error': 'var(--dsw-alias-status-danger, #d06056)',
+  '--co-running': 'var(--dsw-alias-status-info, #5689c2)',
+  '--co-focus': 'var(--dsw-alias-focus-ring, #5689c2)',
+  '--co-font-mono': 'var(--dsw-font-family-mono, ui-monospace, "SF Mono", Menlo, Consolas, monospace)',
+}
+
+export const styles = {
+  workbench: {
+    ...tokens,
+    boxSizing: 'border-box',
+    display: 'grid',
+    gridTemplateRows: 'auto minmax(0, 1fr) auto',
+    width: '100%',
+    height: '100%',
+    minWidth: 0,
+    minHeight: 0,
+    overflow: 'hidden',
+    background: 'var(--co-bg)',
+    color: 'var(--co-ink)',
+    fontFamily: 'inherit',
+    fontSize: 14,
+    lineHeight: 1.55,
+  },
+  buttonReset: {
+    boxSizing: 'border-box',
+    border: 0,
+    padding: 0,
+    background: 'transparent',
+    color: 'inherit',
+    font: 'inherit',
+    cursor: 'pointer',
+  },
+  rail: {
+    minWidth: 0,
+    padding: '12px 14px 13px',
+    borderBottom: '1px solid var(--co-border)',
+    background: 'var(--co-bg)',
+  },
+  railMeta: {
+    display: 'flex',
+    alignItems: 'baseline',
+    justifyContent: 'space-between',
+    flexWrap: 'wrap',
+    gap: '8px 12px',
+    minWidth: 0,
+    marginBottom: 10,
+  },
+  railTitleGroup: { minWidth: 0, flex: '1 1 180px' },
+  railTitle: {
+    margin: 0,
+    overflow: 'hidden',
+    fontSize: 14,
+    fontWeight: 650,
+    letterSpacing: '-.01em',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
+  },
+  railSub: {
+    display: 'block',
+    overflow: 'hidden',
+    marginTop: 1,
+    color: 'var(--co-ink-muted)',
+    fontSize: 11,
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
+  },
+  railControls: { display: 'flex', alignItems: 'center', gap: 10, minWidth: 0 },
+  picker: {
+    boxSizing: 'border-box',
+    minWidth: 0,
+    maxWidth: 190,
+    padding: '4px 7px',
+    border: '1px solid var(--co-border)',
+    borderRadius: 8,
+    background: 'var(--co-raised)',
+    color: 'var(--co-ink-secondary)',
+    font: '11px/1.5 inherit',
+    textOverflow: 'ellipsis',
+  },
+  stats: {
+    display: 'flex',
+    gap: 8,
+    flexShrink: 0,
+    color: 'var(--co-ink-muted)',
+    fontSize: 11,
+    whiteSpace: 'nowrap',
+  },
+  railLanes: {
+    width: '100%',
+    minWidth: 0,
+    maxHeight: 'min(36vh, 360px)',
+    overflow: 'auto',
+    padding: '3px 2px 7px',
+    overscrollBehavior: 'contain',
+    scrollbarWidth: 'thin',
+  },
+  /* isolation 把 z-index 关在本图内，连线不会跑到 rail 之外的元素上面 */
+  graph: { position: 'relative', minWidth: '100%', isolation: 'isolate' },
+  /* 连线显式压到最底层（zIndex 0），节点卡片 zIndex 1。
+     不再依赖 DOM 顺序——两条链路顺序一旦调整，线就会盖住卡片。 */
+  edges: { position: 'absolute', inset: 0, zIndex: 0, overflow: 'visible', pointerEvents: 'none' },
+  nodeCard: {
+    boxSizing: 'border-box',
+    position: 'absolute',
+    zIndex: 1,
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'center',
+    gap: 4,
+    width: 190,
+    height: 76,
+    padding: '9px 11px',
+    border: '1px solid var(--co-border)',
+    borderRadius: 12,
+    background: 'var(--co-raised)',
+    color: 'var(--co-ink)',
+    textAlign: 'left',
+    cursor: 'pointer',
+  },
+  nodeTitle: { overflow: 'hidden', fontSize: 12, fontWeight: 600, textOverflow: 'ellipsis', whiteSpace: 'nowrap' },
+  nodePrompt: {
+    display: '-webkit-box',
+    overflow: 'hidden',
+    color: 'var(--co-ink-muted)',
+    fontSize: 11,
+    lineHeight: 1.45,
+    WebkitBoxOrient: 'vertical',
+    WebkitLineClamp: 2,
+  },
+  empty: { padding: '28px 8px', color: 'var(--co-ink-faint)', fontSize: 12, textAlign: 'center' },
+  alert: {
+    margin: '0 14px',
+    padding: '7px 9px',
+    borderLeft: '2px solid var(--co-error)',
+    color: 'var(--co-error)',
+    fontSize: 12,
+  },
+  conversation: { minWidth: 0, minHeight: 0, overflowX: 'hidden', overflowY: 'auto', scrollbarWidth: 'thin' },
+  thread: {
+    boxSizing: 'border-box',
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 24,
+    width: '100%',
+    maxWidth: 760,
+    minHeight: '100%',
+    margin: '0 auto',
+    padding: '22px 16px 18px',
+  },
+  turn: { display: 'flex', flexDirection: 'column', gap: 9 },
+  user: {
+    alignSelf: 'flex-end',
+    maxWidth: '88%',
+    padding: '7px 12px',
+    borderRadius: 16,
+    background: 'var(--co-user)',
+    fontSize: 13,
+    lineHeight: 1.55,
+    overflowWrap: 'anywhere',
+    whiteSpace: 'pre-wrap',
+  },
+  assistant: { alignSelf: 'stretch', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 },
+  stream: { display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 },
+  activitySummary: {
+    display: 'flex',
+    alignItems: 'center',
+    gap: 6,
+    width: '100%',
+    minHeight: 27,
+    color: 'var(--co-ink-secondary)',
+    fontSize: 12,
+    textAlign: 'left',
+  },
+  activityBody: { margin: '2px 0 5px 6px', padding: '2px 0 2px 11px', borderLeft: '1px solid var(--co-border)' },
+  activityRow: { display: 'flex', alignItems: 'center', gap: 6, minHeight: 27, color: 'var(--co-ink-muted)', fontSize: 12 },
+  activityMeta: {
+    minWidth: 0,
+    flex: 1,
+    overflow: 'hidden',
+    color: 'var(--co-ink-muted)',
+    fontFamily: 'var(--co-font-mono)',
+    fontSize: 10.5,
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
+  },
+  prose: { maxHeight: 240, overflowY: 'auto', color: 'var(--co-ink-muted)', fontSize: 12, lineHeight: 1.62, overflowWrap: 'anywhere', whiteSpace: 'pre-wrap' },
+  code: {
+    boxSizing: 'border-box',
+    maxHeight: 280,
+    overflow: 'auto',
+    margin: 0,
+    padding: '9px 10px',
+    border: '1px solid var(--co-border)',
+    borderRadius: 8,
+    background: 'var(--co-code)',
+    color: 'var(--co-ink-secondary)',
+    fontFamily: 'var(--co-font-mono)',
+    fontSize: 11,
+    lineHeight: 1.55,
+    overflowWrap: 'anywhere',
+    whiteSpace: 'pre-wrap',
+  },
+  agentMessage: { padding: '3px 5px 7px', fontSize: 13, lineHeight: 1.75, overflowWrap: 'anywhere' },
+  agentError: { margin: '2px 5px', padding: '3px 8px', borderLeft: '2px solid var(--co-error)', color: 'var(--co-error)', fontSize: 12 },
+  turnState: { padding: '0 1px', color: 'var(--co-ink-faint)', fontSize: 12 },
+  actions: { display: 'flex', alignItems: 'center', flexWrap: 'wrap', gap: '5px 12px', minHeight: 28, color: 'var(--co-ink-muted)', fontSize: 11 },
+  action: { display: 'inline-flex', alignItems: 'center', gap: 4, minHeight: 26, color: 'var(--co-ink-secondary)', whiteSpace: 'nowrap' },
+  composerWrap: { overflow: 'hidden', padding: '10px 12px 12px', background: 'var(--co-bg)' },
+  changeSummary: {
+    width: 'max-content',
+    maxWidth: '90%',
+    margin: '0 auto 8px',
+    padding: '4px 10px',
+    border: '1px solid var(--co-border-strong)',
+    borderRadius: 999,
+    background: 'var(--co-raised)',
+    color: 'var(--co-ink-secondary)',
+    fontSize: 11,
+  },
+  composer: {
+    boxSizing: 'border-box',
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'space-between',
+    gap: 8,
+    width: '100%',
+    maxWidth: 760,
+    minHeight: 86,
+    margin: '0 auto',
+    padding: 9,
+    border: '1px solid var(--co-border)',
+    borderRadius: 15,
+    background: 'var(--co-raised)',
+  },
+  textarea: {
+    boxSizing: 'border-box',
+    width: '100%',
+    minHeight: 27,
+    maxHeight: 180,
+    resize: 'none',
+    padding: '0 2px',
+    border: 0,
+    outline: 0,
+    background: 'transparent',
+    color: 'var(--co-ink)',
+    font: '13px/1.5 inherit',
+  },
+  composerBar: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, minWidth: 0 },
+  tools: { display: 'flex', alignItems: 'center', gap: 4, minWidth: 0 },
+  toolButton: { display: 'inline-flex', alignItems: 'center', justifyContent: 'center', gap: 5, height: 28, padding: '0 6px', borderRadius: 8, color: 'var(--co-ink-muted)', fontSize: 11 },
+  send: { display: 'inline-flex', alignItems: 'center', justifyContent: 'center', flexShrink: 0, width: 28, height: 28, borderRadius: '50%', background: 'var(--co-accent)', color: 'var(--co-accent-ink)' },
+  runtime: {
+    display: 'flex',
+    alignItems: 'center',
+    gap: 10,
+    width: '100%',
+    maxWidth: 760,
+    minWidth: 0,
+    margin: '6px auto 0',
+    overflow: 'hidden',
+    color: 'var(--co-ink-faint)',
+    fontFamily: 'var(--co-font-mono)',
+    fontSize: 9,
+    whiteSpace: 'nowrap',
+  },
+  toast: {
+    position: 'absolute',
+    zIndex: 10,
+    bottom: 94,
+    left: '50%',
+    maxWidth: '86%',
+    transform: 'translateX(-50%)',
+    padding: '7px 13px',
+    borderRadius: 8,
+    background: 'var(--co-accent)',
+    color: 'var(--co-accent-ink)',
+    boxShadow: '0 14px 42px rgba(0, 0, 0, .18)',
+    fontSize: 12,
+  },
+  menuButton: { display: 'block', width: '100%', padding: '7px 10px', border: 0, background: 'transparent', color: 'inherit', textAlign: 'left', cursor: 'pointer' },
+}

package/cordis.patch.yml

@@ -0,0 +1,11 @@
+# dsh bundle patch：把本插件插入 profile 的 layer stack。
+#
+# 关键点：`name` 用**包名**，不是绝对路径。
+# 宿主 `dsh plugin add` 在 pnpm 装完之后会 reconcile `dsh.profile.bundles`：
+# 一个声明了 `dsh.bundle` 的依赖会自动入栈（按依赖顺序追加），
+# 因此换机器不需要任何人手改 ~/.dsh 下的配置。
+#
+# 对照范本：dshmarket / dsh-better-sidebar 都是一样的形态。
+- insert:
+    - id: codex-orchestrate
+      name: '@sakki_chin/dsh-codex-orchestrate'

package/esbuild.client.mjs

@@ -0,0 +1,43 @@
+import { build } from 'esbuild'
+
+/* 必须与 package.json 的 name 完全一致。
+ * 宿主 client-modules 用「包名」作为启动图 row 的 id（/plugins/??<id>/client.js），
+ * 浏览器侧 __ModuleLoader__.load({ id }) 也要用同一个 id 才能被认领；
+ * 两者不一致的表现是「插件静默不加载」，没有报错。 */
+const packageName = '@sakki_chin/dsh-codex-orchestrate'
+
+// DSH Desktop 在浏览器外壳中冻结提供的精确模块键。即使本入口目前只
+// import React，也保留完整表，避免后续误把第二份宿主运行时打进 bundle。
+const platformModules = [
+  'react',
+  'react/jsx-runtime',
+  'react-dom',
+  'react-dom/client',
+  '@deepseek-ai/cordis',
+  '@deepseek-ai/dsh-client-store',
+  '@deepseek-ai/dsh-client-ui-slots',
+  '@deepseek-ai/dsh-client-ui-primitives',
+  '@deepseek-ai/dsh-client-ui-dockkit',
+]
+
+await build({
+  entryPoints: ['client/index.jsx'],
+  outfile: 'lib/client.js',
+  bundle: true,
+  format: 'cjs',
+  platform: 'browser',
+  target: ['es2022'],
+  /* 不产出 sourcemap：宿主对 .map 是可选读（ENOENT 即跳过，不报错），
+     而 .map 比 bundle 本身还大（约 666KB），去掉可让包体减半。 */
+  sourcemap: false,
+  external: platformModules,
+  // XMarkdown 自带的全局样式不进入宿主；工作台使用作用域内联样式和
+  // --dsw-alias-* 主题变量，避免额外的 client.css 或 <style> 注入。
+  loader: { '.css': 'empty' },
+  banner: {
+    js: `window.__ModuleLoader__.load({ id: ${JSON.stringify(packageName)}, factory: (require) => { var module = { exports: {} }; var exports = module.exports;`,
+  },
+  footer: {
+    js: 'return module.exports; } });',
+  },
+})