dsh-skill-hub 0.3.0 → 0.3.2

package/lib/index.js

@@ -1,5 +1,4 @@
 import { createRequire } from "node:module";
-import { settingsNamespace } from "@deepseek-ai/dsh-settings";
 import z from "schemastery";
 import { mkdir, mkdtemp, readFile, readdir, rename, rm, stat, writeFile } from "node:fs/promises";
 import { basename, dirname, isAbsolute, join, relative, resolve, sep } from "node:path";
@@ -3621,7 +3620,7 @@ const Config = z.object({
 * page edit this namespace through the official settings transport, and the
 * plugin consumes the same resolved value — one source of truth.
 */
-const CONFIG_NAMESPACE = settingsNamespace("dsh-skill-hub");
+const CONFIG_NAMESPACE = "dsh-skill-hub";
 /** Schema of the hub's settings namespace: the card's fields (booleans + optional dot colors). */
 const HubSettingsSchema = z.object({
 	enabled: z.boolean().default(HUB_CONFIG_DEFAULTS.enabled),
@@ -3654,7 +3653,7 @@ function apply(ctx, config) {
 	let providerControl;
 	let stats;
 	const saved = () => {
-		return ctx.settings.describe().find((entry) => entry.ns === CONFIG_NAMESPACE)?.user ?? {};
+		return ctx.settings.describe().find((entry) => entry.ns === "dsh-skill-hub")?.user ?? {};
 	};
 	const updateConfig = async (patch) => {
 		const user = { ...saved() };

package/lib/types/client/SkillHubSettingsCard.d.ts

@@ -6,7 +6,7 @@
  * namespace, so the plugin shows up in Settings → 插件 on dsh rc.7+.
  */
 import { type ReactElement } from 'react';
-import type { SnapshotStore } from '@deepseek-ai/dsh-client-runtime/client';
+import type { SnapshotStore } from '@deepseek-ai/dsh-client-store';
 import type { InjectFace, PropsLocale, PropsRuntime } from '@deepseek-ai/dsh-client-ui-slots';
 import { type CardShell, type FieldState, type FormScope } from './settings-form.ts';
 import { DEFAULT_DOT_MODEL_COLOR, DEFAULT_DOT_USER_COLOR } from './panel/format.ts';

package/lib/types/client/index.d.ts

@@ -21,7 +21,12 @@
  * what cordis loading needs plus types only — all value exports stay
  * internal.
  */
-import type { ClientContext } from '@deepseek-ai/dsh-client-runtime/client';
+import type { Context as ClientContext } from '@deepseek-ai/cordis';
+declare module '@deepseek-ai/cordis' {
+    interface Context {
+        slots: any;
+    }
+}
 import { type HubKey } from './locales.ts';
 declare module '@deepseek-ai/dsh-client-ui-slots' {
     interface LocaleNamespaceMap {

package/lib/types/client/settings-form.d.ts

@@ -72,7 +72,7 @@ export declare class CardForm {
     /** @param scope - the bound settings scope for this card's namespace. */
     constructor(scope: FormScope, specs: FieldSpec[]);
     /** Publish a projection of this form, rebuilt whenever the scope or a draft changes. */
-    bind<T>(project: () => T): import("@deepseek-ai/dsh-client-runtime/client").SnapshotStore<T>;
+    bind<T>(project: () => T): import("@deepseek-ai/dsh-client-store").SnapshotStore<T>;
     /** Read the card-level state: what the Host serves, and what a save would do. */
     shell(): CardShell;
     /** Read one field's state from the effective section and its staged draft. */

package/lib/types/client/slash-dots.d.ts

@@ -17,7 +17,8 @@
  * source registry, which the frozen contract exposes only as `registerSource`
  * / `sessionOf` — the lookup below is defensive: it never throws).
  */
-import type { ClientContext, SettingsScope } from '@deepseek-ai/dsh-client-runtime/client';
+import type { Context as ClientContext } from '@deepseek-ai/cordis';
+import type { SettingsScope } from '@deepseek-ai/dsh-client-ui-settings/client';
 import type { InputTriggerServiceContract, InputTriggerSource } from '@deepseek-ai/dsh-client-ui-input-trigger/client';
 import type { HubSettingsValue } from '../protocol.ts';
 import type { SkillHubApi } from './api.ts';
@@ -34,14 +35,6 @@ export declare function findSkillSource(service: InputTriggerServiceContract): I
  * catalog wins after reconnect; exported for deterministic unit tests.
  */
 export declare function resetModelCache(): void;
-/**
- * Wrap the core skill source so every menu row carries the invocation dot.
- * Exported for unit tests; production wiring goes through setupSkillSlashDots.
- * @param source - the registered `/skill` source.
- * @param api - hub browser API for the modelInvocable lookup.
- * @param scope - hub settings scope for the dot colors.
- * @returns a disposer restoring the original candidates.
- */
 export declare function wrapSkillSource(source: InputTriggerSource, api: SkillHubApi, scope: SettingsScope<HubSettingsValue>): () => void;
 /**
  * Mount the slash-menu dots on the registered `/skill` source. Idempotent and

package/lib/types/index.d.ts

@@ -7,6 +7,7 @@
  * source changes.
  */
 import type { Context } from '@deepseek-ai/cordis';
+import type { SettingsNamespace } from '@deepseek-ai/dsh-settings';
 import z from 'schemastery';
 import { type HubSettingsValue } from './protocol.ts';
 /** Stable cordis plugin name (matches cordis.patch.yml insert id). */
@@ -38,7 +39,7 @@ export declare const Config: z<Config>;
  * page edit this namespace through the official settings transport, and the
  * plugin consumes the same resolved value — one source of truth.
  */
-export declare const CONFIG_NAMESPACE: import("@deepseek-ai/dsh-settings").SettingsNamespace;
+export declare const CONFIG_NAMESPACE: SettingsNamespace;
 /** Schema of the hub's settings namespace: the card's fields (booleans + optional dot colors). */
 export declare const HubSettingsSchema: z<HubSettingsValue>;
 /** Model-facing announcement: plugin presence, capabilities, and limits. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-skill-hub",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "description": "In-GUI skill hub for DeepSeek Harness (dsh): browse the full local skill catalog from the official ctx.skills registry (every root + third-party providers), toggle skills on/off, inspect bodies, surface frontmatter diagnostics, and scaffold new skills — plus a codex-style skill market (built-in catalog, upstream update checks, one-click update-all) with tracked source sync. The full manager beyond the read-only dsh-skill-manager browser.",
   "type": "module",
   "engines": {
@@ -30,7 +30,6 @@
     },
     "client": {
       "inject": [
-        "@deepseek-ai/dsh-client-runtime",
         "@deepseek-ai/dsh-client-connection",
         "@deepseek-ai/dsh-client-ui-settings"
       ],
@@ -63,7 +62,8 @@
     "compatibility": {
       "dshVersions": [
         "0.1.0-rc.7",
-        "0.1.1-rc.2"
+        "0.1.1-rc.2",
+        "0.1.2-alpha.2"
       ]
     },
     "capability": {
@@ -84,37 +84,46 @@
     "schemastery": "^3.18.0"
   },
   "peerDependencies": {
-    "@deepseek-ai/cordis": "^4.0.1",
-    "@deepseek-ai/dsh-client-connection": ">=0.1.0-rc.7 <0.2.0-0 || >=0.1.1-rc.2 <0.2.0-0",
-    "@deepseek-ai/dsh-client-locale": ">=0.1.0-rc.7 <0.2.0-0 || >=0.1.1-rc.2 <0.2.0-0",
+    "@deepseek-ai/cordis": "^4.0.1 || ^4.0.2",
+    "@deepseek-ai/dsh-client-connection": ">=0.1.0-rc.7 <0.2.0-0 || >=0.1.1-rc.2 <0.2.0-0 || >=0.1.2-alpha.2 <0.2.0-0",
+    "@deepseek-ai/dsh-client-locale": ">=0.1.0-rc.7 <0.2.0-0 || >=0.1.1-rc.2 <0.2.0-0 || >=0.1.2-alpha.2 <0.2.0-0",
     "@deepseek-ai/dsh-client-runtime": ">=0.1.0-rc.7 <0.2.0-0 || >=0.1.1-rc.2 <0.2.0-0",
-    "@deepseek-ai/dsh-client-ui-input-trigger": ">=0.1.0-rc.7 <0.2.0-0 || >=0.1.1-rc.2 <0.2.0-0",
-    "@deepseek-ai/dsh-client-ui-settings": ">=0.1.0-rc.7 <0.2.0-0 || >=0.1.1-rc.2 <0.2.0-0",
-    "@deepseek-ai/dsh-client-ui-slots": ">=0.1.0-rc.7 <0.2.0-0 || >=0.1.1-rc.2 <0.2.0-0",
-    "@deepseek-ai/dsh-host-webserver": ">=0.1.0-rc.7 <0.2.0-0 || >=0.1.1-rc.2 <0.2.0-0",
-    "@deepseek-ai/dsh-session": ">=0.1.0-rc.7 <0.2.0-0 || >=0.1.1-rc.2 <0.2.0-0",
-    "@deepseek-ai/dsh-session-query": ">=0.1.0-rc.7 <0.2.0-0 || >=0.1.1-rc.2 <0.2.0-0",
-    "@deepseek-ai/dsh-settings": ">=0.1.0-rc.7 <0.2.0-0 || >=0.1.1-rc.2 <0.2.0-0",
-    "@deepseek-ai/dsh-skill": ">=0.1.0-rc.7 <0.2.0-0 || >=0.1.1-rc.2 <0.2.0-0",
-    "@deepseek-ai/dsh-system-prompt": ">=0.1.0-rc.7 <0.2.0-0 || >=0.1.1-rc.2 <0.2.0-0",
+    "@deepseek-ai/dsh-client-store": ">=0.1.2-alpha.2 <0.2.0-0",
+    "@deepseek-ai/dsh-client-ui-input-trigger": ">=0.1.0-rc.7 <0.2.0-0 || >=0.1.1-rc.2 <0.2.0-0 || >=0.1.2-alpha.2 <0.2.0-0",
+    "@deepseek-ai/dsh-client-ui-settings": ">=0.1.0-rc.7 <0.2.0-0 || >=0.1.1-rc.2 <0.2.0-0 || >=0.1.2-alpha.2 <0.2.0-0",
+    "@deepseek-ai/dsh-client-ui-slots": ">=0.1.0-rc.7 <0.2.0-0 || >=0.1.1-rc.2 <0.2.0-0 || >=0.1.2-alpha.2 <0.2.0-0",
+    "@deepseek-ai/dsh-host-webserver": ">=0.1.0-rc.7 <0.2.0-0 || >=0.1.1-rc.2 <0.2.0-0 || >=0.1.2-alpha.2 <0.2.0-0",
+    "@deepseek-ai/dsh-session": ">=0.1.0-rc.7 <0.2.0-0 || >=0.1.1-rc.2 <0.2.0-0 || >=0.1.2-alpha.2 <0.2.0-0",
+    "@deepseek-ai/dsh-session-query": ">=0.1.0-rc.7 <0.2.0-0 || >=0.1.1-rc.2 <0.2.0-0 || >=0.1.2-alpha.2 <0.2.0-0",
+    "@deepseek-ai/dsh-settings": ">=0.1.0-rc.7 <0.2.0-0 || >=0.1.1-rc.2 <0.2.0-0 || >=0.1.2-alpha.2 <0.2.0-0",
+    "@deepseek-ai/dsh-skill": ">=0.1.0-rc.7 <0.2.0-0 || >=0.1.1-rc.2 <0.2.0-0 || >=0.1.2-alpha.2 <0.2.0-0",
+    "@deepseek-ai/dsh-system-prompt": ">=0.1.0-rc.7 <0.2.0-0 || >=0.1.1-rc.2 <0.2.0-0 || >=0.1.2-alpha.2 <0.2.0-0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
+  "peerDependenciesMeta": {
+    "@deepseek-ai/dsh-client-runtime": {
+      "optional": true
+    },
+    "@deepseek-ai/dsh-client-store": {
+      "optional": true
+    }
+  },
   "devDependencies": {
-    "@deepseek-ai/cordis": "^4.0.1",
-    "@deepseek-ai/dsh-client-connection": ">=0.1.0-rc.7 <0.2.0-0 || >=0.1.1-rc.2 <0.2.0-0",
-    "@deepseek-ai/dsh-client-locale": ">=0.1.0-rc.7 <0.2.0-0 || >=0.1.1-rc.2 <0.2.0-0",
-    "@deepseek-ai/dsh-client-runtime": ">=0.1.0-rc.7 <0.2.0-0 || >=0.1.1-rc.2 <0.2.0-0",
-    "@deepseek-ai/dsh-client-ui-input-trigger": ">=0.1.0-rc.7 <0.2.0-0 || >=0.1.1-rc.2 <0.2.0-0",
-    "@deepseek-ai/dsh-client-ui-settings": ">=0.1.0-rc.7 <0.2.0-0 || >=0.1.1-rc.2 <0.2.0-0",
-    "@deepseek-ai/dsh-client-ui-settings-plugins": ">=0.1.0-rc.7 <0.2.0-0 || >=0.1.1-rc.2 <0.2.0-0",
-    "@deepseek-ai/dsh-client-ui-slots": ">=0.1.0-rc.7 <0.2.0-0 || >=0.1.1-rc.2 <0.2.0-0",
-    "@deepseek-ai/dsh-host-webserver": ">=0.1.0-rc.7 <0.2.0-0 || >=0.1.1-rc.2 <0.2.0-0",
-    "@deepseek-ai/dsh-session": ">=0.1.0-rc.7 <0.2.0-0 || >=0.1.1-rc.2 <0.2.0-0",
-    "@deepseek-ai/dsh-session-query": ">=0.1.0-rc.7 <0.2.0-0 || >=0.1.1-rc.2 <0.2.0-0",
-    "@deepseek-ai/dsh-settings": ">=0.1.0-rc.7 <0.2.0-0 || >=0.1.1-rc.2 <0.2.0-0",
-    "@deepseek-ai/dsh-skill": ">=0.1.0-rc.7 <0.2.0-0 || >=0.1.1-rc.2 <0.2.0-0",
-    "@deepseek-ai/dsh-system-prompt": ">=0.1.0-rc.7 <0.2.0-0 || >=0.1.1-rc.2 <0.2.0-0",
+    "@deepseek-ai/cordis": "^4.0.2",
+    "@deepseek-ai/dsh-client-connection": "^0.1.2-alpha.2",
+    "@deepseek-ai/dsh-client-locale": "^0.1.2-alpha.2",
+    "@deepseek-ai/dsh-client-store": "^0.1.2-alpha.2",
+    "@deepseek-ai/dsh-client-ui-input-trigger": "^0.1.2-alpha.2",
+    "@deepseek-ai/dsh-client-ui-settings": "^0.1.2-alpha.2",
+    "@deepseek-ai/dsh-client-ui-settings-plugins": "^0.1.2-alpha.2",
+    "@deepseek-ai/dsh-client-ui-slots": "^0.1.2-alpha.2",
+    "@deepseek-ai/dsh-host-webserver": "^0.1.2-alpha.2",
+    "@deepseek-ai/dsh-session": "^0.1.2-alpha.2",
+    "@deepseek-ai/dsh-session-query": "^0.1.2-alpha.2",
+    "@deepseek-ai/dsh-settings": "^0.1.2-alpha.2",
+    "@deepseek-ai/dsh-skill": "^0.1.2-alpha.2",
+    "@deepseek-ai/dsh-system-prompt": "^0.1.2-alpha.2",
     "@types/js-yaml": "^4.0.9",
     "@types/node": "^22.20.0",
     "@types/react": "~18.3.1",

package/src/client/SkillHubSettingsCard.tsx

@@ -7,7 +7,7 @@
  */
 
 import { useEffect, useState, type ReactElement } from 'react'
-import type { SnapshotStore } from '@deepseek-ai/dsh-client-runtime/client'
+import type { SnapshotStore } from '@deepseek-ai/dsh-client-store'
 import type { InjectFace, PropsLocale, PropsRuntime } from '@deepseek-ai/dsh-client-ui-slots'
 import { SkillHubApi } from './api.ts'
 import { ColorField, NumberField, PluginSettingsCard, SwitchField } from './settings-card.tsx'

package/src/client/index.tsx

@@ -22,7 +22,7 @@
  * internal.
  */
 
-import type { ClientContext } from '@deepseek-ai/dsh-client-runtime/client'
+import type { Context as ClientContext } from '@deepseek-ai/cordis'
 // Type-only: pulls the locale plugin's Context merge (ctx.locale).
 import type {} from '@deepseek-ai/dsh-client-locale/client'
 // Type-only: pulls the settings-scope service merge and the settings.section slot.
@@ -33,6 +33,15 @@ import type {} from '@deepseek-ai/dsh-client-ui-slots'
 import type {} from '@deepseek-ai/dsh-client-ui-settings-plugins/client'
 // Type-only: pulls the Context merge for ctx.inputTriggers (slash-dots wiring).
 import type {} from '@deepseek-ai/dsh-client-ui-input-trigger/client'
+// Type-only: pulls the connection/reset event.
+import type {} from '@deepseek-ai/dsh-client-connection/client'
+
+// 0.1.2-alpha.2: slots service moved to ui-renderer; provide local augmentation for build.
+declare module '@deepseek-ai/cordis' {
+  interface Context {
+    slots: any
+  }
+}
 import type { HubSettingsValue } from '../protocol.ts'
 import { SkillHubApi } from './api.ts'
 import { en, zh, type HubKey } from './locales.ts'

package/src/client/settings-form.ts

@@ -9,7 +9,8 @@
  * land keeps its drafts, so the user can correct them instead of retyping.
  */
 
-import { createSnapshotStore, type SettingsScope } from '@deepseek-ai/dsh-client-runtime/client'
+import { createSnapshotStore } from '@deepseek-ai/dsh-client-store'
+import type { SettingsScope } from '@deepseek-ai/dsh-client-ui-settings/client'
 
 /** One staged field: its draft text plus the clear/reset marker. */
 interface StagedEdit {

package/src/client/slash-dots.test.ts

@@ -6,7 +6,7 @@
  */
 
 import { beforeEach, describe, expect, it } from 'vitest'
-import type { SettingsScope } from '@deepseek-ai/dsh-client-runtime/client'
+import type { SettingsScope } from '@deepseek-ai/dsh-client-ui-settings/client'
 import type { InputTriggerCandidate, InputTriggerServiceContract, InputTriggerSource } from '@deepseek-ai/dsh-client-ui-input-trigger/client'
 import type { HubSettingsValue } from '../protocol.ts'
 import type { SkillHubApi } from './api.ts'
@@ -39,7 +39,8 @@ function scopeWith(value: HubSettingsValue): SettingsScope<HubSettingsValue> {
     subscribe: () => () => {},
     set: async () => {},
     unset: async () => {},
-  } as SettingsScope<HubSettingsValue>
+    mutate: async () => {},
+  } as unknown as SettingsScope<HubSettingsValue>
 }
 
 /** Fake hub api whose catalog lists the given skills. */
@@ -84,7 +85,7 @@ describe('findSkillSource', () => {
 })
 
 describe('wrapSkillSource', () => {
-  it('adds a model-colored dot to model-callable skills and a user-colored dot to user-only ones', async () => {
+  it('adds a model-colored dot to model-callable skills and a user-colored dot to user-only ones (old host, no drilled)', async () => {
     const source = skillSource(async () => [
       { name: 'code-review', description: 'review code' },
       { name: 'personal-note', description: 'only me' },
@@ -98,7 +99,8 @@ describe('wrapSkillSource', () => {
 
     const restore = wrapSkillSource(source, api, scope)
     try {
-      const rows = await source.candidates({ sessionId: 's1' as never }, { query: '', position: 'leading', signal: new AbortController().signal })
+      // Old host: CandidateRequest 无 drilled 字段，注入彩色点
+      const rows = await source.candidates({ sessionId: 's1' as never }, { query: '', position: 'leading', signal: new AbortController().signal } as unknown as import('@deepseek-ai/dsh-client-ui-input-trigger/client').CandidateRequest)
 
       expect(rows).toHaveLength(3)
       // Model-callable → model color.
@@ -115,14 +117,14 @@ describe('wrapSkillSource', () => {
     }
   })
 
-  it('falls back to the default colors when settings omit them and catalog fails', async () => {
+  it('falls back to the default colors when settings omit them and catalog fails (old host)', async () => {
     const source = skillSource(async () => [{ name: 'lonely', description: '' }])
     const api = { catalog: async () => { throw new Error('route down') } } as unknown as SkillHubApi
     const scope = scopeWith({ enabled: true, announceToAgent: true, showUseCount: true, showUseTime: true, showGroupSummary: true })
 
     const restore = wrapSkillSource(source, api, scope)
     try {
-      const rows = await source.candidates({ sessionId: 's1' as never }, { query: '', position: 'leading', signal: new AbortController().signal })
+      const rows = await source.candidates({ sessionId: 's1' as never }, { query: '', position: 'leading', signal: new AbortController().signal } as unknown as import('@deepseek-ai/dsh-client-ui-input-trigger/client').CandidateRequest)
       // Catalog failed → unknown name → model default dot still renders.
       expect(rows[0].icon).toBeDefined()
       expect((rows[0].icon as unknown as { props: { style: { background: string } } }).props.style.background).toBe('#2f81f7')
@@ -131,6 +133,22 @@ describe('wrapSkillSource', () => {
     }
   })
 
+  it('skips dot injection on new host (alpha.2, drilled present) for ReferenceIcon compat', async () => {
+    const source = skillSource(async () => [{ name: 'code-review', description: 'review code' }])
+    const api = apiWith([{ name: 'code-review', modelInvocable: true }])
+    const scope = scopeWith({ enabled: true, announceToAgent: true, showUseCount: true, showUseTime: true, showGroupSummary: true, dotModelColor: '#112233', dotUserColor: '#445566' })
+
+    const restore = wrapSkillSource(source, api, scope)
+    try {
+      const rows = await source.candidates({ sessionId: 's1' as never }, { query: '', position: 'leading', drilled: false, signal: new AbortController().signal })
+      expect(rows).toHaveLength(1)
+      expect(rows[0].icon).toBeUndefined()
+      expect(rows[0].name).toBe('code-review')
+    } finally {
+      restore()
+    }
+  })
+
   it('restores the original candidates on dispose', async () => {
     const originalCandidates = async (): Promise<InputTriggerCandidate[]> => [{ name: 'plain', description: '' }]
     const source = skillSource(originalCandidates)

package/src/client/slash-dots.tsx

@@ -18,9 +18,12 @@
  * / `sessionOf` — the lookup below is defensive: it never throws).
  */
 
-import type { ClientContext, SettingsScope } from '@deepseek-ai/dsh-client-runtime/client'
+import type { Context as ClientContext } from '@deepseek-ai/cordis'
+import type { SettingsScope } from '@deepseek-ai/dsh-client-ui-settings/client'
 // Type-only: pulls the Context merge for ctx.inputTriggers.
 import type {} from '@deepseek-ai/dsh-client-ui-input-trigger/client'
+// Type-only: pulls the connection/reset event.
+import type {} from '@deepseek-ai/dsh-client-connection/client'
 import type { InputTriggerCandidate, InputTriggerServiceContract, InputTriggerSource } from '@deepseek-ai/dsh-client-ui-input-trigger/client'
 import { createElement } from 'react'
 import type { HubSettingsValue } from '../protocol.ts'
@@ -116,16 +119,67 @@ function dotIcon(color: string): InputTriggerCandidate['icon'] {
  * @param scope - hub settings scope for the dot colors.
  * @returns a disposer restoring the original candidates.
  */
+/**
+ * DOM 兜底：在 alpha.2 新版 MenuView（icon 仅枚举）下通过直接操作
+ * 已渲染的 `[role="option"]` 列表注入彩色点，绕过 `icon` 限制。
+ * 旧版仍走 `icon` 注入，此处仅为新版。
+ */
+function injectDotsViaDOM(modelByName: Map<string, boolean>, modelColor: string, userColor: string): void {
+  if (typeof document === 'undefined' || typeof requestAnimationFrame === 'undefined') return
+  const run = (): void => {
+    const options = document.querySelectorAll('[role="option"]')
+    for (const opt of options) {
+      // 已注入则跳过（由 data 属性标记）
+      if (opt.querySelector('[data-skill-dot]') !== null) continue
+      // 技能名在 .itemName 中，取文本匹配 catalog
+      const nameEl = opt.querySelector('[class*="itemName"]') as HTMLElement | null
+      if (nameEl === null) continue
+      const name = (nameEl.textContent ?? '').trim()
+      if (name.length === 0) continue
+      if (!modelByName.has(name) && nameEl.textContent !== name) continue // 保守：仅处理已知名
+      const color = (modelByName.get(name) ?? true) ? modelColor : userColor
+      const dot = document.createElement('span')
+      dot.setAttribute('data-skill-dot', '')
+      dot.setAttribute('aria-hidden', 'true')
+      dot.style.display = 'inline-block'
+      dot.style.width = '6px'
+      dot.style.height = '6px'
+      dot.style.borderRadius = '3px'
+      dot.style.background = color
+      dot.style.flex = 'none'
+      // 插在名称前；若存在 icon 槽则插在其后，兼容旧版结构
+      const iconEl = opt.querySelector('[class*="itemIcon"]')
+      if (iconEl !== null && iconEl.nextSibling !== null) {
+        iconEl.parentElement?.insertBefore(dot, iconEl.nextSibling)
+      } else {
+        nameEl.parentElement?.insertBefore(dot, nameEl)
+      }
+    }
+  }
+  // 菜单由 React 异步渲染，需等下一帧
+  requestAnimationFrame(() => setTimeout(run, 0))
+}
+
 export function wrapSkillSource(source: InputTriggerSource, api: SkillHubApi, scope: SettingsScope<HubSettingsValue>): () => void {
   const original = source.candidates
   source.candidates = async (session, req) => {
     const items = await original(session, req)
     if (req.signal.aborted) return items
+    // Dual-compat: 0.1.2-alpha.2 的 MenuView 将 icon 收窄为 'file'|'folder'|'session'
+    // 并通过 ReferenceIcon 渲染，旧版的自定义 ReactElement 点已无法展示。
+    // 以 `drilled` 是否存在探测新版（alpha.2 必有，rc 无）。
+    const isNewHost = req !== null && typeof req === 'object' && 'drilled' in (req as unknown as Record<string, unknown>)
     const modelByName = await modelInvocableMap(api)
     if (req.signal.aborted) return items
     const snapshot = scope.getSnapshot()
     const modelColor = snapshot.value?.dotModelColor ?? DEFAULT_DOT_MODEL_COLOR
     const userColor = snapshot.value?.dotUserColor ?? DEFAULT_DOT_USER_COLOR
+    if (isNewHost) {
+      // 新版：不通过 icon（枚举限制），改为 DOM 注入
+      injectDotsViaDOM(modelByName, modelColor, userColor)
+      return items
+    }
+    // 旧版：保持原有 icon 注入
     return items.map((item) => ({
       ...item,
       icon: dotIcon((modelByName.get(item.name) ?? true) ? modelColor : userColor),

package/src/index.ts

@@ -9,7 +9,7 @@
 
 import type { Context } from '@deepseek-ai/cordis'
 import type { SkillProviderControl } from '@deepseek-ai/dsh-skill'
-import { settingsNamespace } from '@deepseek-ai/dsh-settings'
+import type { SettingsNamespace } from '@deepseek-ai/dsh-settings'
 import z from 'schemastery'
 import type {} from '@deepseek-ai/dsh-host-webserver'
 import type {} from '@deepseek-ai/dsh-skill'
@@ -67,7 +67,7 @@ export const Config: z<Config> = z.object({
  * page edit this namespace through the official settings transport, and the
  * plugin consumes the same resolved value — one source of truth.
  */
-export const CONFIG_NAMESPACE = settingsNamespace('dsh-skill-hub')
+export const CONFIG_NAMESPACE = 'dsh-skill-hub' as SettingsNamespace
 
 /** Schema of the hub's settings namespace: the card's fields (booleans + optional dot colors). */
 export const HubSettingsSchema: z<HubSettingsValue> = z.object({