吸收数字员工运营预览台

qimingclaw/crates/agent-electron-client/embedded/sgrobot-digital/src/pages/digital/SkillLibrary.tsx

@@ -3,7 +3,7 @@ import GlassCard from '@/components/digital/GlassCard';
 import CardTitleBar from '@/components/digital/CardTitleBar';
 import { adaptSkillSummaries, type SkillSummary } from '@/lib/consoleDataAdapter';
 import { getSkills, pullSkillPolicies, setSkillEnabled } from '@/lib/api';
-import { domSafeId } from './navigation';
+import { domSafeId, type DigitalNavigationTarget } from './navigation';
 
 type TaskCadence = 'daily' | 'weekly' | 'monthly' | 'adhoc';
 type SkillSection = {
@@ -107,6 +107,7 @@ function SkillCard({
   updating = false,
   onSelect,
   onToggle,
+  onAudit,
 }: {
   skill: SkillSummary;
   recommended?: boolean;
@@ -115,6 +116,7 @@ function SkillCard({
   updating?: boolean;
   onSelect?: (skill: SkillSummary) => void;
   onToggle?: (skill: SkillSummary) => void;
+  onAudit?: (skill: SkillSummary) => void;
 }) {
   const cadence = getCadence(skill);
   const status = learningStatus(skill, recommended, advanced);
@@ -163,12 +165,22 @@ function SkillCard({
         >
           {updating ? '处理中...' : skill.enabled ? '暂不使用' : '恢复使用'}
         </button>
+        <button
+          className="de-skill-btn"
+          title="查看该技能的调用审计。"
+          onClick={(event) => {
+            event.stopPropagation();
+            onAudit?.(skill);
+          }}
+        >
+          技能审计
+        </button>
       </div>
     </div>
   );
 }
 
-export default function SkillLibrary({ focusSkillId }: { focusSkillId?: string | null }) {
+export default function SkillLibrary({ focusSkillId, onNavigate }: { focusSkillId?: string | null; onNavigate?: (target: DigitalNavigationTarget) => void }) {
   const [skills, setSkills] = useState<SkillSummary[]>([]);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState(false);
@@ -332,6 +344,7 @@ export default function SkillLibrary({ focusSkillId }: { focusSkillId?: string |
               updating={updatingSkillId === s.id}
               onSelect={(skill) => setSelectedSkillId(skill.id)}
               onToggle={toggleSkill}
+              onAudit={(skill) => onNavigate?.({ tab: 'skill-audit', auditSkillId: skill.id })}
             />
           ))}
         </div>