dsh-skill-hub 0.2.1 → 0.2.2

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

@@ -132,6 +132,7 @@ export declare const zh: {
     readonly 'row.disable': "禁用";
     readonly 'row.enable': "启用";
     readonly 'row.delete': "移入回收站";
+    readonly 'row.open': "查看 {name} 详情（回车）";
     readonly 'delete.confirmTitle': "移入回收站？";
     readonly 'delete.confirmText': "确定把「{name}」移入回收站吗？可随时恢复。";
     readonly 'delete.confirm': "移入回收站";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-skill-hub",
-  "version": "0.2.1",
+  "version": "0.2.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": {

package/src/client/locales.ts

@@ -133,6 +133,7 @@ export const zh = {
   'row.disable': '禁用',
   'row.enable': '启用',
   'row.delete': '移入回收站',
+  'row.open': '查看 {name} 详情（回车）',
   'delete.confirmTitle': '移入回收站？',
   'delete.confirmText': '确定把「{name}」移入回收站吗？可随时恢复。',
   'delete.confirm': '移入回收站',
@@ -341,6 +342,7 @@ export const en: Record<HubKey, string> = {
   'row.disable': 'Disable',
   'row.enable': 'Enable',
   'row.delete': 'Move to trash',
+  'row.open': 'View {name} details (Enter)',
   'delete.confirmTitle': 'Move to trash?',
   'delete.confirmText': 'Move "{name}" to trash? It can be restored anytime.',
   'delete.confirm': 'Move to trash',

package/src/client/panel/SkillRow.tsx

@@ -3,7 +3,7 @@
  * disable actions. Shared by the flat list and both grouped views.
  */
 
-import type { JSX } from 'react'
+import type { JSX, KeyboardEvent } from 'react'
 import type { CatalogSkill } from '../../protocol.ts'
 import { IconTrashOutline16 } from '@deepseek-ai/dsh-client-ui-primitives'
 import { tt } from '../helpers.ts'
@@ -16,8 +16,23 @@ export function SkillRow(props: { skill: CatalogSkill; hub: SkillHubState }): JS
   const stat = hub.uses.get(skill.name)
   const count = stat?.count ?? 0
   const lastUsed = stat?.lastUsed
+  /** 键盘打开详情：Enter 或空格。仅当焦点在行本身（而非行内按钮）时生效。 */
+  const onKeyDown = (event: KeyboardEvent<HTMLDivElement>): void => {
+    if (event.target !== event.currentTarget) return
+    if (event.key === 'Enter' || event.key === ' ') {
+      event.preventDefault()
+      void hub.openDetail(skill.name)
+    }
+  }
   return (
-    <div className={css.row} onClick={() => { void hub.openDetail(skill.name) }}>
+    <div
+      className={css.row}
+      role='button'
+      tabIndex={0}
+      aria-label={tt('row.open', { name: skill.name })}
+      onClick={() => { void hub.openDetail(skill.name) }}
+      onKeyDown={onKeyDown}
+    >
       <div className={css.rowMain}>
         <div className={css.rowName}>
           <span className={css.rowNameText}>{skill.name}</span>

package/src/client/panel/SourcesView.tsx

@@ -52,7 +52,7 @@ function ProjectTree(props: { hub: SkillHubState }): JSX.Element | null {
         const projCollapsed = collapsedGroups.has(projKey)
         const subdivided = subdividedProjects.has(key)
         return (
-          <div key={projKey} className={css.section + ' ' + css.projectNest}>
+          <div key={projKey} className={css.projectNest}>
             <div className={css.groupHead}>
               <button type='button' className={css.disclosure} aria-expanded={!projCollapsed} onClick={() => { toggleGroupCollapse(projKey) }}>
                 <span className={css.chevron + (projCollapsed ? ' ' + css.chevronCollapsed : '')} />
@@ -76,7 +76,7 @@ function ProjectTree(props: { hub: SkillHubState }): JSX.Element | null {
                     const srcKey = projKey + ':' + source
                     const srcCollapsed = collapsedGroups.has(srcKey)
                     return (
-                      <div key={srcKey} className={css.section + ' ' + css.projectNest}>
+                      <div key={srcKey} className={css.projectNest}>
                         <div className={css.groupHead}>
                           <button type='button' className={css.disclosure} aria-expanded={!srcCollapsed} onClick={() => { toggleGroupCollapse(srcKey) }}>
                             <span className={css.chevron + (srcCollapsed ? ' ' + css.chevronCollapsed : '')} />

package/src/client/panel/panel.module.css

@@ -34,6 +34,8 @@
 /* Rows: hairline separators inside a card, no outer borders. */
 .row { display: flex; align-items: center; gap: 12px; padding: 10px 14px; background: transparent; cursor: pointer; transition: background .12s ease; }
 .row:hover { background: rgba(128,128,128,.08); }
+/* Keyboard focus ring for the div-as-button skill row (theme-agnostic). */
+.row:focus-visible { outline: 2px solid var(--hub-model); outline-offset: -2px; }
 .rowStatic { cursor: default; }
 .rowStatic:hover { background: transparent; }
 .row + .row { border-top: 0.5px solid rgba(128,128,128,.13); }
@@ -220,5 +222,6 @@
 /* Workspace (project path) picker in the subbar. */
 .workspaceBox { display: inline-flex; align-items: center; gap: 6px; }
 .workspaceInput { width: 200px; padding: 6px 10px; font-size: 12px; }
-/* Project-level three-tier tree: nested sections indent one level. */
-.projectNest { margin-left: 14px; }
+/* Project-level three-tier tree: outer card (the .section), inner levels are
+   flat — indent + a hairline guide only, no nested card surfaces. */
+.projectNest { display: flex; flex-direction: column; margin: 2px 0 0 14px; border-left: 1px solid rgba(128,128,128,.14); }