dsh-plugin-dynamic-competition-four-images 1.0.2 → 1.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 RootAndSource
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,85 @@
+# 动态竞争-四象模型 Skill (dsh-plugin-dynamic-competition-four-images)
+
+基于动态竞争理论构建的 DSH（DeepSeek Harness）插件，经过以「四象模型」为框架的改进，提供六维动态竞争评分能力。
+
+**自 1.2.0 起：插件全局安装，插件内的技能由用户按工作区选择性添加**（设置 → 插件 → 四象模型），技能只写入被选择的工作区，不会成为全局技能。
+
+## ✨ 核心能力
+
+- 六维动态竞争评分（主 / 环 / 位 / 行 / 才 / 心）。
+- AMC 张力分析、多点克制逻辑与十三项自检机制。
+- 技能正文：包内 `skills/dynamic-competition-analysis-four-images-model/SKILL.md`。
+
+## 🚀 安装
+
+### 方式一：通过包名安装（推荐）
+
+1. 在 DSH 插件页面点击 **「+ 添加插件」**，输入包名 `dsh-plugin-dynamic-competition-four-images`，安装并启用。
+2. 退出并重启 DSH（宿主半边的技能桥在启动时注册）。
+3. 安装插件**不会**把技能放进任何工作区，需要按下一节手动添加。
+
+### 方式二：通过自定义插件市场安装
+
+1. 开启「自定义插件市场」，添加索引源 URL：
+   `https://rootandsource.github.io/dsh-plugin-dynamic-competition-four-images/plugin-index/index.json`
+2. 搜索「动态竞争」或「四象」，点击卡片安装并启用，然后重启 DSH。
+
+## 🧩 把技能添加到工作区（UI）
+
+打开 **设置 → 插件 → 四象模型** 页签：
+
+1. 在「目标工作区」里选择一个已有工作区，或点「选择其他目录…」挑一个目录；
+   - 状态徽标会显示：未安装 / 有更新可用 / 已是最新。
+2. 点 **「添加到工作区」**。
+3. 成功后会提示写入的文件数，以及安装位置：
+   `<工作区>/.dsh/skills/dynamic-competition-analysis-four-images-model/`。
+
+写入后由 DSH 原生 filesystem provider 以 source `project-dsh` 发现，即成为该工作区的工作区技能；其它工作区与全局技能列表都不受影响。
+
+- **更新**：插件升级后再次点击「添加到工作区」，只会覆盖有变化的文件（内容一致的会跳过）。
+- **移除**：删除该工作区里的 `.dsh/skills/dynamic-competition-analysis-four-images-model/` 目录即可。
+
+## 🔁 从旧版（全局技能）迁移
+
+1.1.x 及更早版本把技能复制到 `~/.dsh/skills/`，或按工作区路径自动提供技能。升级到 1.2.0 后：
+
+- 删除旧全局副本（如果还在）：
+  ```powershell
+  Remove-Item -Recurse -Force "$env:USERPROFILE\.dsh\skills\dynamic-competition-analysis-four-images-model"
+  ```
+- 旧版 `workspaces` 配置项已废弃，`cordis.patch.yml` 里针对本插件的 `config.workspaces` 可以删掉。
+- 需要在某个工作区使用技能时，用上面的 UI 重新添加。
+
+## 🧪 校验与开发
+
+```powershell
+node test/skill-installer.test.mjs   # 受限沙箱下请直接运行单文件（node --test test/ 会因 spawn EPERM 失败）
+npm pack --dry-run                   # 确认 index.js / client.js / skills / locale / icon 随包发布
+```
+
+测试覆盖：frontmatter 解析、技能发现（目录名与 name 一致）、工作区路径校验、文件复制/状态判定（缺失、过期、最新、保留工作区额外文件）、桥路由的 loopback 与只读校验、错误码。
+
+## 📁 目录结构
+
+```
+dsh-plugin-dynamic-competition-four-images/
+├── index.js                  # 宿主：技能发现 + loopback 桥（describe / install）
+├── client.js                 # 客户端：设置 → 插件 → 四象模型 页签
+├── cordis.patch.yml          # bundle 行
+├── locale/{zh,en}.json       # 插件显示名与描述
+├── icon.svg                  # 插件图标
+├── package.json              # dsh.bundle.patch + dsh.client
+├── test/skill-installer.test.mjs
+├── release/                  # 打包产物（当前 + 历史版本 tarball）
+├── plugin-index/             # 自定义插件市场索引
+├── skills/dynamic-competition-analysis-four-images-model/
+    ├── SKILL.md
+    ├── reference/four-images-model-governance.md
+    ├── references/full-spec.md
+    ├── scripts/dynamic_competition_skill.py
+    └── examples/example_a.json, example_b.json
+```
+
+## 许可
+
+MIT，详见 [LICENSE](LICENSE)。

package/client.js

@@ -0,0 +1,441 @@
+/**
+ * dsh-plugin-dynamic-competition-four-images — Client 半边
+ *
+ * 在「设置 → 插件」里增加一个页签：列出插件内的技能，允许用户把它们
+ * 添加到指定工作区（写入 <workspace>/.dsh/skills/<name>/）。数据层走宿主
+ * 的 loopback 桥（见 index.js），不依赖任何 @Remote 命名空间。
+ *
+ * 本文件由 dsh.client 加载，注册工厂 id 必须等于包名。
+ */
+
+window.__ModuleLoader__.load({
+  id: 'dsh-plugin-dynamic-competition-four-images',
+  factory(require) {
+    const React = require('react')
+    const h = React.createElement
+
+    const NS = 'dsh-plugin-dynamic-competition-four-images'
+    const BRIDGE = '/api/dsh-plugin-dynamic-competition-four-images'
+    const SLOT = 'settings.plugins.tab'
+
+    const ZH = {
+      'tab.label': '四象模型',
+      title: '四象模型分析技能',
+      lead: '把插件内携带的技能安装到指定工作区。安装后技能写入该工作区的 .dsh/skills/，只在该工作区生效，不会成为全局技能。',
+      'workspace.label': '目标工作区',
+      'workspace.placeholder': '选择工作区…',
+      'workspace.pick': '选择其他目录…',
+      'workspace.picking': '选择中…',
+      'workspace.none': '还没有选择工作区',
+      'workspace.custom': '自定义目录',
+      install: '添加到工作区',
+      installing: '正在添加…',
+      'skills.empty': '插件内没有找到可用技能。',
+      'status.unselected': '未选择工作区',
+      'status.missing': '未安装',
+      'status.outdated': '有更新可用',
+      'status.up-to-date': '已是最新',
+      'result.installed': '已添加到工作区',
+      'result.updated': '已更新',
+      'result.unchanged': '内容一致，无需更新',
+      'result.written': '写入 {written} 个文件，共 {total} 个',
+      'result.target': '安装位置：{path}',
+      'error.prefix': '操作失败：',
+      'error.describe': '无法读取插件技能列表',
+      'error.noWorkspace': '请先选择一个工作区',
+      'error.bridge': '宿主桥不可用，请重启 DSH 后重试',
+      version: '版本 {version}',
+      note: '重复添加只会覆盖有变化的文件；删除工作区里的该目录即可移除技能。',
+    }
+
+    const EN = {
+      'tab.label': 'Four Images',
+      title: 'Four Images analysis skill',
+      lead: 'Install the skill shipped with this plugin into a workspace. It is written to that workspace’s .dsh/skills/ and stays scoped to that workspace; it never becomes a global skill.',
+      'workspace.label': 'Target workspace',
+      'workspace.placeholder': 'Choose a workspace…',
+      'workspace.pick': 'Choose another folder…',
+      'workspace.picking': 'Choosing…',
+      'workspace.none': 'No workspace selected yet',
+      'workspace.custom': 'Custom folder',
+      install: 'Add to workspace',
+      installing: 'Adding…',
+      'skills.empty': 'No skill found inside this plugin.',
+      'status.unselected': 'No workspace selected',
+      'status.missing': 'Not installed',
+      'status.outdated': 'Update available',
+      'status.up-to-date': 'Up to date',
+      'result.installed': 'Added to the workspace',
+      'result.updated': 'Updated',
+      'result.unchanged': 'Already up to date',
+      'result.written': '{written} of {total} files written',
+      'result.target': 'Installed at {path}',
+      'error.prefix': 'Failed: ',
+      'error.describe': 'Could not read the skill list',
+      'error.noWorkspace': 'Choose a workspace first',
+      'error.bridge': 'Host bridge unavailable; restart DSH and retry',
+      version: 'Version {version}',
+      note: 'Re-adding only overwrites files that changed; delete that folder in the workspace to remove the skill.',
+    }
+
+    const STATUS_TONE = {
+      missing: 'var(--dsw-alias-state-warn-primary)',
+      outdated: 'var(--dsw-alias-state-warn-primary)',
+      'up-to-date': 'var(--dsw-alias-state-success-primary)',
+      unselected: 'var(--dsw-alias-state-idle-primary)',
+    }
+
+    function format(template, params) {
+      return template.replace(/\{(\w+)\}/g, (whole, key) => (params && key in params ? String(params[key]) : whole))
+    }
+
+    /** 调宿主桥；返回 value，失败抛错。 */
+    async function call(op, body) {
+      const response = await fetch(`${BRIDGE}/${op}`, {
+        method: 'POST',
+        headers: { 'content-type': 'application/json' },
+        body: JSON.stringify(body ?? {}),
+      })
+      let payload
+      try {
+        payload = await response.json()
+      } catch {
+        throw new Error(`HTTP ${response.status}`)
+      }
+      if (payload === null || typeof payload !== 'object') throw new Error(`HTTP ${response.status}`)
+      if (payload.ok !== true) throw new Error(payload.message || payload.code || `HTTP ${response.status}`)
+      return payload.value
+    }
+
+    function workspaceList(snapshot) {
+      const raw = snapshot && (snapshot.workspaces ?? snapshot.items ?? snapshot)
+      const list = []
+      if (!Array.isArray(raw)) return list
+      for (const item of raw) {
+        if (item === null || typeof item !== 'object') continue
+        const path = typeof item.path === 'string' ? item.path : undefined
+        if (path === undefined || path === '') continue
+        const title = typeof item.title === 'string' && item.title !== '' ? item.title : path
+        list.push({ id: String(item.workspaceId ?? item.id ?? path), title, path })
+      }
+      return list
+    }
+
+    const cardStyle = {
+      border: '1px solid var(--dsw-alias-border-l1)',
+      borderRadius: 12,
+      background: 'var(--dsw-alias-bg-layer-1)',
+      padding: '16px 18px',
+      display: 'grid',
+      gap: 14,
+    }
+
+    const labelStyle = {
+      display: 'block',
+      fontSize: 12,
+      fontWeight: 600,
+      letterSpacing: '0.02em',
+      color: 'var(--dsw-alias-label-secondary)',
+      marginBottom: 6,
+    }
+
+    const boxStyle = {
+      width: '100%',
+      boxSizing: 'border-box',
+      minHeight: 34,
+      padding: '6px 10px',
+      borderRadius: 8,
+      border: '1px solid var(--dsw-alias-border-l2)',
+      background: 'var(--dsw-alias-bg-base)',
+      color: 'var(--dsw-alias-label-primary)',
+      font: 'inherit',
+      fontSize: 13,
+    }
+
+    function buttonStyle(primary, disabled) {
+      return {
+        minHeight: 34,
+        padding: '6px 14px',
+        borderRadius: 8,
+        border: primary ? '1px solid transparent' : '1px solid var(--dsw-alias-border-l2)',
+        background: primary ? 'var(--dsw-alias-brand-primary)' : 'var(--dsw-alias-bg-base)',
+        color: primary ? 'var(--dsw-alias-bg-base)' : 'var(--dsw-alias-label-primary)',
+        font: 'inherit',
+        fontSize: 13,
+        fontWeight: 600,
+        cursor: disabled ? 'default' : 'pointer',
+        opacity: disabled ? 0.55 : 1,
+      }
+    }
+
+    function badgeStyle(tone) {
+      return {
+        display: 'inline-flex',
+        alignItems: 'center',
+        gap: 6,
+        padding: '2px 8px',
+        borderRadius: 999,
+        border: `1px solid ${tone}`,
+        color: tone,
+        fontSize: 12,
+        fontWeight: 600,
+      }
+    }
+
+    return {
+      name: NS,
+      inject: ['slots'],
+      apply(ctx) {
+        const getLocale = () => {
+          try {
+            return typeof ctx.get === 'function' ? ctx.get('locale') : undefined
+          } catch {
+            return undefined
+          }
+        }
+        const localeFace = () => {
+          const live = getLocale()
+          return live !== null && live !== undefined && typeof live.bind === 'function' ? live : null
+        }
+
+        // locale 服务是异步 install 的：apply 时可能还没就绪，所以每次用时再取，
+        // 词典只注册一次（HMR 重复注册会被运行时拒绝，这里静默忽略）。
+        let dictsRegistered = false
+        const ensureDicts = () => {
+          if (dictsRegistered) return
+          const live = localeFace()
+          if (live === null) return
+          dictsRegistered = true
+          try {
+            ctx.effect(() => live.register(NS, { zh: ZH, en: EN }))
+          } catch {
+            // 已有词典（例如插件热更新）时保持现状
+          }
+        }
+
+        const translate = (key, params) => {
+          const live = localeFace()
+          if (live !== null) {
+            try {
+              return format(live.bind(NS)(key, params), params)
+            } catch {
+              // 绑定失败时退回内置中文
+            }
+          }
+          return format(ZH[key] ?? key, params)
+        }
+
+        const uiWorkspace = () => {
+          try {
+            return typeof ctx.get === 'function' ? ctx.get('uiWorkspace') : undefined
+          } catch {
+            return undefined
+          }
+        }
+
+        ensureDicts()
+
+        function Installer(props) {
+          const t = typeof props?.t === 'function' ? (key, params) => format(props.t(key, params), params) : translate
+          const snapshot =
+            props !== null && typeof props?.useWorkspaces === 'function' ? props.useWorkspaces((value) => value) : undefined
+          const workspaces = workspaceList(snapshot)
+
+          const [path, setPath] = React.useState('')
+          const [skills, setSkills] = React.useState([])
+          const [version, setVersion] = React.useState('')
+          const [error, setError] = React.useState(null)
+          const [busy, setBusy] = React.useState(false)
+          const [picking, setPicking] = React.useState(false)
+          const [notice, setNotice] = React.useState(null)
+
+          const refresh = React.useCallback(async (workspacePath) => {
+            try {
+              const value = await call('describe', workspacePath === '' ? {} : { workspacePath })
+              setSkills(Array.isArray(value.skills) ? value.skills : [])
+              setVersion(typeof value.version === 'string' ? value.version : '')
+              setError(null)
+            } catch (failure) {
+              setSkills([])
+              setError(`${t('error.describe')}：${failure instanceof Error ? failure.message : String(failure)}`)
+            }
+          }, [t])
+
+          React.useEffect(() => {
+            let cancelled = false
+            refresh(path).catch(() => {
+              if (!cancelled) setError(t('error.bridge'))
+            })
+            return () => {
+              cancelled = true
+            }
+          }, [path, refresh, t])
+
+          const pickDirectory = async () => {
+            const service = uiWorkspace()
+            if (service === undefined || typeof service.pickDirectory !== 'function') return
+            setPicking(true)
+            try {
+              const picked = await service.pickDirectory()
+              if (typeof picked === 'string' && picked !== '') {
+                setPath(picked)
+                setNotice(null)
+              }
+            } catch (failure) {
+              setNotice({ kind: 'error', text: `${t('error.prefix')}${failure instanceof Error ? failure.message : String(failure)}` })
+            } finally {
+              setPicking(false)
+            }
+          }
+
+          const install = async () => {
+            if (path === '') {
+              setNotice({ kind: 'error', text: t('error.noWorkspace') })
+              return
+            }
+            setBusy(true)
+            setNotice(null)
+            try {
+              const value = await call('install', { workspacePath: path })
+              const tone = value.status === 'unchanged' ? 'warn' : 'ok'
+              const head = t(`result.${value.status}`)
+              const detail = format(t('result.written'), { written: value.written, total: value.total })
+              setNotice({ kind: tone, text: `${head} · ${detail}`, target: format(t('result.target'), { path: value.targetPath }) })
+              await refresh(path)
+            } catch (failure) {
+              setNotice({ kind: 'error', text: `${t('error.prefix')}${failure instanceof Error ? failure.message : String(failure)}` })
+            } finally {
+              setBusy(false)
+            }
+          }
+
+          const options = workspaces.map((workspace) => ({ value: workspace.path, label: `${workspace.title} — ${workspace.path}` }))
+          if (path !== '' && !options.some((option) => option.value === path)) {
+            options.push({ value: path, label: `${t('workspace.custom')} — ${path}` })
+          }
+
+          const noticeTone =
+            notice === null
+              ? 'var(--dsw-alias-label-secondary)'
+              : notice.kind === 'error'
+                ? 'var(--dsw-alias-state-error-primary)'
+                : notice.kind === 'warn'
+                  ? 'var(--dsw-alias-state-warn-primary)'
+                  : 'var(--dsw-alias-state-success-primary)'
+
+          return h('div', { style: { display: 'grid', gap: 16, padding: '8px 0', maxWidth: 760, color: 'var(--dsw-alias-label-primary)' } }, [
+            h('div', { key: 'head' }, [
+              h('div', { key: 'title', style: { fontSize: 16, fontWeight: 600 } }, t('title')),
+              h(
+                'p',
+                { key: 'lead', style: { margin: '6px 0 0', fontSize: 13, lineHeight: 1.6, color: 'var(--dsw-alias-label-secondary)' } },
+                t('lead'),
+              ),
+              version === ''
+                ? null
+                : h(
+                    'p',
+                    { key: 'version', style: { margin: '4px 0 0', fontSize: 12, color: 'var(--dsw-alias-state-idle-primary)' } },
+                    format(t('version'), { version }),
+                  ),
+            ]),
+
+            h('div', { key: 'card', style: cardStyle }, [
+              h('div', { key: 'skills', style: { display: 'grid', gap: 8 } }, [
+                skills.length === 0
+                  ? h('div', { key: 'empty', style: { fontSize: 13, color: 'var(--dsw-alias-label-secondary)' } }, error ?? t('skills.empty'))
+                  : null,
+                ...skills.map((skill) =>
+                  h('div', { key: skill.name, style: { display: 'grid', gap: 4 } }, [
+                    h('div', { key: 'line', style: { display: 'flex', alignItems: 'center', gap: 10, flexWrap: 'wrap' } }, [
+                      h('code', { key: 'name', style: { fontSize: 13, fontWeight: 600 } }, skill.name),
+                      h('span', { key: 'badge', style: badgeStyle(STATUS_TONE[skill.status] ?? STATUS_TONE.unselected) }, t(`status.${skill.status}`)),
+                    ]),
+                    h(
+                      'div',
+                      { key: 'desc', style: { fontSize: 12, lineHeight: 1.6, color: 'var(--dsw-alias-label-secondary)' } },
+                      skill.description,
+                    ),
+                  ]),
+                ),
+              ]),
+
+              h('div', { key: 'picker', style: { display: 'grid', gap: 8 } }, [
+                h('label', { key: 'label', style: labelStyle, htmlFor: `${NS}-workspace` }, t('workspace.label')),
+                h('div', { key: 'row', style: { display: 'flex', gap: 8, flexWrap: 'wrap' } }, [
+                  h(
+                    'select',
+                    {
+                      key: 'select',
+                      id: `${NS}-workspace`,
+                      value: path,
+                      style: { ...boxStyle, flex: '1 1 260px' },
+                      onChange: (event) => {
+                        setPath(event.target.value)
+                        setNotice(null)
+                      },
+                    },
+                    [
+                      h('option', { key: 'placeholder', value: '' }, t('workspace.placeholder')),
+                      ...options.map((option) => h('option', { key: option.value, value: option.value }, option.label)),
+                    ],
+                  ),
+                  h(
+                    'button',
+                    { key: 'pick', type: 'button', style: buttonStyle(false, picking), disabled: picking, onClick: pickDirectory },
+                    picking ? t('workspace.picking') : t('workspace.pick'),
+                  ),
+                ]),
+                path === ''
+                  ? h('div', { key: 'none', style: { fontSize: 12, color: 'var(--dsw-alias-label-secondary)' } }, t('workspace.none'))
+                  : h('div', { key: 'path', style: { fontSize: 12, color: 'var(--dsw-alias-label-secondary)', wordBreak: 'break-all' } }, path),
+              ]),
+
+              h('div', { key: 'actions', style: { display: 'flex', alignItems: 'center', gap: 12, flexWrap: 'wrap' } }, [
+                h(
+                  'button',
+                  {
+                    key: 'install',
+                    type: 'button',
+                    style: buttonStyle(true, busy || path === '' || skills.length === 0),
+                    disabled: busy || path === '' || skills.length === 0,
+                    onClick: install,
+                  },
+                  busy ? t('installing') : t('install'),
+                ),
+                notice === null
+                  ? null
+                  : h(
+                      'div',
+                      { key: 'notice', style: { fontSize: 12, lineHeight: 1.6, color: noticeTone, display: 'grid', gap: 2 } }, [
+                        h('div', { key: 'text' }, notice.text),
+                        notice.target === undefined ? null : h('div', { key: 'target', style: { color: 'var(--dsw-alias-label-secondary)', wordBreak: 'break-all' } }, notice.target),
+                      ],
+                    ),
+              ]),
+
+              h(
+                'p',
+                { key: 'note', style: { margin: 0, fontSize: 12, lineHeight: 1.6, color: 'var(--dsw-alias-label-secondary)' } },
+                t('note'),
+              ),
+            ]),
+          ])
+        }
+
+        ctx.slots.inject(SLOT, () => {
+          // 设置面板打开时 locale 一定已就绪：补充注册词典，并按现状决定 locale 席位
+          ensureDicts()
+          const registration = {
+            name: SLOT,
+            id: 'dynamic-competition-four-images',
+            order: 40,
+            label: () => translate('tab.label'),
+            ...(localeFace() === null ? {} : { locale: NS }),
+          }
+          return ctx.slots.register(registration, Installer)
+        })
+      },
+    }
+  },
+})

package/cordis.patch.yml

@@ -1,3 +1,8 @@
-- insert:
-    - id: dynamic-competition-four-images
-      name: dsh-plugin-dynamic-competition-four-images
+# dsh-plugin-dynamic-competition-four-images bundle patch.
+#
+# 插件本身全局安装；技能不会自动出现在任何工作区。
+# 用户在「设置 → 插件 → 四象模型」页签里选择目标工作区，点击“添加到工作区”，
+# 宿主才把技能写入 <workspace>/.dsh/skills/<name>/。
+- insert:
+    - id: dynamic-competition-four-images
+      name: dsh-plugin-dynamic-competition-four-images

package/icon.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" role="img" aria-label="Four Images">
+  <rect width="64" height="64" rx="14" fill="#0f172a"/>
+  <g fill="none" stroke="#e6edf7" stroke-width="2" opacity="0.85">
+    <rect x="14" y="14" width="16" height="16" rx="4"/>
+    <rect x="34" y="14" width="16" height="16" rx="4"/>
+    <rect x="14" y="34" width="16" height="16" rx="4"/>
+    <rect x="34" y="34" width="16" height="16" rx="4"/>
+  </g>
+  <path d="M22 22h.01" stroke="#7dd3fc" stroke-width="8" stroke-linecap="round"/>
+  <path d="M42 22h.01" stroke="#fbbf24" stroke-width="8" stroke-linecap="round"/>
+  <path d="M22 42h.01" stroke="#f87171" stroke-width="8" stroke-linecap="round"/>
+  <path d="M42 42h.01" stroke="#34d399" stroke-width="8" stroke-linecap="round"/>
+</svg>