Compare commits
2 Commits
e1af3cca03
...
b0a304ca82
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
b0a304ca82 | ||
|
|
58aca753aa |
@@ -44,3 +44,12 @@ ZCLAW_EMBEDDING_MODEL=text-embedding-3-small
|
|||||||
# === Logging ===
|
# === Logging ===
|
||||||
# 可选: debug, info, warn, error
|
# 可选: debug, info, warn, error
|
||||||
ZCLAW_LOG_LEVEL=info
|
ZCLAW_LOG_LEVEL=info
|
||||||
|
|
||||||
|
# === SaaS Backend ===
|
||||||
|
ZCLAW_SAAS_JWT_SECRET=
|
||||||
|
ZCLAW_TOTP_ENCRYPTION_KEY=
|
||||||
|
ZCLAW_ADMIN_USERNAME=
|
||||||
|
ZCLAW_ADMIN_PASSWORD=
|
||||||
|
DB_PASSWORD=
|
||||||
|
ZCLAW_DATABASE_URL=
|
||||||
|
ZCLAW_SAAS_DEV=false
|
||||||
|
|||||||
22
Cargo.lock
generated
22
Cargo.lock
generated
@@ -1526,7 +1526,7 @@ dependencies = [
|
|||||||
|
|
||||||
[[package]]
|
[[package]]
|
||||||
name = "desktop"
|
name = "desktop"
|
||||||
version = "0.1.0"
|
version = "0.9.0-beta.1"
|
||||||
dependencies = [
|
dependencies = [
|
||||||
"aes-gcm",
|
"aes-gcm",
|
||||||
"async-trait",
|
"async-trait",
|
||||||
@@ -9421,7 +9421,7 @@ dependencies = [
|
|||||||
|
|
||||||
[[package]]
|
[[package]]
|
||||||
name = "zclaw-growth"
|
name = "zclaw-growth"
|
||||||
version = "0.1.0"
|
version = "0.9.0-beta.1"
|
||||||
dependencies = [
|
dependencies = [
|
||||||
"anyhow",
|
"anyhow",
|
||||||
"async-trait",
|
"async-trait",
|
||||||
@@ -9442,7 +9442,7 @@ dependencies = [
|
|||||||
|
|
||||||
[[package]]
|
[[package]]
|
||||||
name = "zclaw-hands"
|
name = "zclaw-hands"
|
||||||
version = "0.1.0"
|
version = "0.9.0-beta.1"
|
||||||
dependencies = [
|
dependencies = [
|
||||||
"async-trait",
|
"async-trait",
|
||||||
"base64 0.22.1",
|
"base64 0.22.1",
|
||||||
@@ -9460,7 +9460,7 @@ dependencies = [
|
|||||||
|
|
||||||
[[package]]
|
[[package]]
|
||||||
name = "zclaw-kernel"
|
name = "zclaw-kernel"
|
||||||
version = "0.1.0"
|
version = "0.9.0-beta.1"
|
||||||
dependencies = [
|
dependencies = [
|
||||||
"async-trait",
|
"async-trait",
|
||||||
"chrono",
|
"chrono",
|
||||||
@@ -9488,7 +9488,7 @@ dependencies = [
|
|||||||
|
|
||||||
[[package]]
|
[[package]]
|
||||||
name = "zclaw-memory"
|
name = "zclaw-memory"
|
||||||
version = "0.1.0"
|
version = "0.9.0-beta.1"
|
||||||
dependencies = [
|
dependencies = [
|
||||||
"anyhow",
|
"anyhow",
|
||||||
"async-trait",
|
"async-trait",
|
||||||
@@ -9507,7 +9507,7 @@ dependencies = [
|
|||||||
|
|
||||||
[[package]]
|
[[package]]
|
||||||
name = "zclaw-pipeline"
|
name = "zclaw-pipeline"
|
||||||
version = "0.1.0"
|
version = "0.9.0-beta.1"
|
||||||
dependencies = [
|
dependencies = [
|
||||||
"anyhow",
|
"anyhow",
|
||||||
"async-trait",
|
"async-trait",
|
||||||
@@ -9532,7 +9532,7 @@ dependencies = [
|
|||||||
|
|
||||||
[[package]]
|
[[package]]
|
||||||
name = "zclaw-protocols"
|
name = "zclaw-protocols"
|
||||||
version = "0.1.0"
|
version = "0.9.0-beta.1"
|
||||||
dependencies = [
|
dependencies = [
|
||||||
"async-trait",
|
"async-trait",
|
||||||
"reqwest 0.12.28",
|
"reqwest 0.12.28",
|
||||||
@@ -9547,7 +9547,7 @@ dependencies = [
|
|||||||
|
|
||||||
[[package]]
|
[[package]]
|
||||||
name = "zclaw-runtime"
|
name = "zclaw-runtime"
|
||||||
version = "0.1.0"
|
version = "0.9.0-beta.1"
|
||||||
dependencies = [
|
dependencies = [
|
||||||
"async-stream",
|
"async-stream",
|
||||||
"async-trait",
|
"async-trait",
|
||||||
@@ -9579,7 +9579,7 @@ dependencies = [
|
|||||||
|
|
||||||
[[package]]
|
[[package]]
|
||||||
name = "zclaw-saas"
|
name = "zclaw-saas"
|
||||||
version = "0.1.0"
|
version = "0.9.0-beta.1"
|
||||||
dependencies = [
|
dependencies = [
|
||||||
"aes-gcm",
|
"aes-gcm",
|
||||||
"anyhow",
|
"anyhow",
|
||||||
@@ -9627,7 +9627,7 @@ dependencies = [
|
|||||||
|
|
||||||
[[package]]
|
[[package]]
|
||||||
name = "zclaw-skills"
|
name = "zclaw-skills"
|
||||||
version = "0.1.0"
|
version = "0.9.0-beta.1"
|
||||||
dependencies = [
|
dependencies = [
|
||||||
"async-trait",
|
"async-trait",
|
||||||
"regex",
|
"regex",
|
||||||
@@ -9645,7 +9645,7 @@ dependencies = [
|
|||||||
|
|
||||||
[[package]]
|
[[package]]
|
||||||
name = "zclaw-types"
|
name = "zclaw-types"
|
||||||
version = "0.1.0"
|
version = "0.9.0-beta.1"
|
||||||
dependencies = [
|
dependencies = [
|
||||||
"chrono",
|
"chrono",
|
||||||
"serde",
|
"serde",
|
||||||
|
|||||||
@@ -19,7 +19,7 @@ members = [
|
|||||||
]
|
]
|
||||||
|
|
||||||
[workspace.package]
|
[workspace.package]
|
||||||
version = "0.1.0"
|
version = "0.9.0-beta.1"
|
||||||
edition = "2021"
|
edition = "2021"
|
||||||
license = "Apache-2.0 OR MIT"
|
license = "Apache-2.0 OR MIT"
|
||||||
repository = "https://github.com/zclaw/zclaw"
|
repository = "https://github.com/zclaw/zclaw"
|
||||||
|
|||||||
@@ -21,7 +21,7 @@
|
|||||||
}
|
}
|
||||||
],
|
],
|
||||||
"security": {
|
"security": {
|
||||||
"csp": "default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; font-src 'self'; img-src 'self' asset: https://asset.localhost data: blob:; connect-src ipc: http://ipc.localhost http://localhost:* https://*; frame-ancestors 'none'; base-uri 'self'; form-action 'self'"
|
"csp": "default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; font-src 'self'; img-src 'self' asset: https://asset.localhost data: blob:; connect-src ipc: http://ipc.localhost http://localhost:* https://*; object-src 'none'; frame-ancestors 'none'; base-uri 'self'; form-action 'self'"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"bundle": {
|
"bundle": {
|
||||||
|
|||||||
@@ -1,427 +0,0 @@
|
|||||||
/**
|
|
||||||
* SkillMarket - Skill browsing, search, and management UI
|
|
||||||
*
|
|
||||||
* Displays available skills (12 built-in + custom), allows users to:
|
|
||||||
* - Browse skills by category
|
|
||||||
* - Search skills by keyword/capability
|
|
||||||
* - View skill details and capabilities
|
|
||||||
* - Install/uninstall skills (with L4 autonomy integration)
|
|
||||||
*
|
|
||||||
* Part of ZCLAW L4 Self-Evolution capability.
|
|
||||||
*/
|
|
||||||
|
|
||||||
import { useState, useEffect, useMemo, useCallback } from 'react';
|
|
||||||
import { motion, AnimatePresence } from 'framer-motion';
|
|
||||||
import {
|
|
||||||
Search,
|
|
||||||
Package,
|
|
||||||
Check,
|
|
||||||
Plus,
|
|
||||||
Minus,
|
|
||||||
Tag,
|
|
||||||
Layers,
|
|
||||||
ChevronDown,
|
|
||||||
ChevronRight,
|
|
||||||
RefreshCw,
|
|
||||||
} from 'lucide-react';
|
|
||||||
import { useConfigStore } from '../store/configStore';
|
|
||||||
import { useConnectionStore } from '../store/connectionStore';
|
|
||||||
import {
|
|
||||||
adaptSkillsCatalog,
|
|
||||||
type SkillDisplay,
|
|
||||||
} from '../lib/skill-adapter';
|
|
||||||
|
|
||||||
// === Types ===
|
|
||||||
|
|
||||||
interface SkillMarketProps {
|
|
||||||
className?: string;
|
|
||||||
onSkillInstall?: (skill: SkillDisplay) => void;
|
|
||||||
onSkillUninstall?: (skill: SkillDisplay) => void;
|
|
||||||
}
|
|
||||||
|
|
||||||
type CategoryFilter = 'all' | 'development' | 'security' | 'analytics' | 'content' | 'ops' | 'management' | 'testing' | 'business' | 'marketing';
|
|
||||||
|
|
||||||
// === Category Config ===
|
|
||||||
|
|
||||||
const CATEGORY_CONFIG: Record<string, { label: string; color: string; bgColor: string }> = {
|
|
||||||
development: { label: '开发', color: 'text-blue-600 dark:text-blue-400', bgColor: 'bg-blue-100 dark:bg-blue-900/30' },
|
|
||||||
security: { label: '安全', color: 'text-red-600 dark:text-red-400', bgColor: 'bg-red-100 dark:bg-red-900/30' },
|
|
||||||
analytics: { label: '分析', color: 'text-purple-600 dark:text-purple-400', bgColor: 'bg-purple-100 dark:bg-purple-900/30' },
|
|
||||||
content: { label: '内容', color: 'text-pink-600 dark:text-pink-400', bgColor: 'bg-pink-100 dark:bg-pink-900/30' },
|
|
||||||
ops: { label: '运维', color: 'text-orange-600 dark:text-orange-400', bgColor: 'bg-orange-100 dark:bg-orange-900/30' },
|
|
||||||
management: { label: '管理', color: 'text-cyan-600 dark:text-cyan-400', bgColor: 'bg-cyan-100 dark:bg-cyan-900/30' },
|
|
||||||
testing: { label: '测试', color: 'text-green-600 dark:text-green-400', bgColor: 'bg-green-100 dark:bg-green-900/30' },
|
|
||||||
business: { label: '商业', color: 'text-yellow-600 dark:text-yellow-400', bgColor: 'bg-yellow-100 dark:bg-yellow-900/30' },
|
|
||||||
marketing: { label: '营销', color: 'text-indigo-600 dark:text-indigo-400', bgColor: 'bg-indigo-100 dark:bg-indigo-900/30' },
|
|
||||||
};
|
|
||||||
|
|
||||||
// === Components ===
|
|
||||||
|
|
||||||
function CategoryBadge({ category }: { category?: string }) {
|
|
||||||
if (!category) return null;
|
|
||||||
const config = CATEGORY_CONFIG[category] || {
|
|
||||||
label: category,
|
|
||||||
color: 'text-gray-600 dark:text-gray-400',
|
|
||||||
bgColor: 'bg-gray-100 dark:bg-gray-800',
|
|
||||||
};
|
|
||||||
return (
|
|
||||||
<span className={`inline-flex items-center gap-1 px-2 py-0.5 rounded text-xs ${config.bgColor} ${config.color}`}>
|
|
||||||
<Tag className="w-3 h-3" />
|
|
||||||
{config.label}
|
|
||||||
</span>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
function SkillCard({
|
|
||||||
skill,
|
|
||||||
isExpanded,
|
|
||||||
onToggle,
|
|
||||||
onInstall,
|
|
||||||
onUninstall,
|
|
||||||
}: {
|
|
||||||
skill: SkillDisplay;
|
|
||||||
isExpanded: boolean;
|
|
||||||
onToggle: () => void;
|
|
||||||
onInstall: () => void;
|
|
||||||
onUninstall: () => void;
|
|
||||||
}) {
|
|
||||||
const config = CATEGORY_CONFIG[skill.category || ''] || CATEGORY_CONFIG.development;
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div
|
|
||||||
className={`border rounded-lg overflow-hidden transition-all ${
|
|
||||||
skill.installed
|
|
||||||
? 'border-green-200 dark:border-green-800 bg-green-50/50 dark:bg-green-900/10'
|
|
||||||
: 'border-gray-200 dark:border-gray-700 hover:border-gray-300 dark:hover:border-gray-600'
|
|
||||||
}`}
|
|
||||||
>
|
|
||||||
<button
|
|
||||||
onClick={onToggle}
|
|
||||||
className="w-full p-4 text-left hover:bg-gray-50 dark:hover:bg-gray-800/30 transition-colors"
|
|
||||||
>
|
|
||||||
<div className="flex items-start justify-between gap-3">
|
|
||||||
<div className="flex-1 min-w-0">
|
|
||||||
<div className="flex items-center gap-2 mb-1">
|
|
||||||
<Package className={`w-4 h-4 ${config.color}`} />
|
|
||||||
<h3 className="text-sm font-medium text-gray-900 dark:text-gray-100">
|
|
||||||
{skill.name}
|
|
||||||
</h3>
|
|
||||||
{skill.installed && (
|
|
||||||
<span className="flex items-center gap-1 text-xs text-green-600 dark:text-green-400">
|
|
||||||
<Check className="w-3 h-3" />
|
|
||||||
已安装
|
|
||||||
</span>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
<p className="text-xs text-gray-500 dark:text-gray-400 line-clamp-2">
|
|
||||||
{skill.description}
|
|
||||||
</p>
|
|
||||||
<div className="flex flex-wrap gap-1 mt-2">
|
|
||||||
<CategoryBadge category={skill.category} />
|
|
||||||
{skill.capabilities.slice(0, 3).map((cap) => (
|
|
||||||
<span
|
|
||||||
key={cap}
|
|
||||||
className="px-1.5 py-0.5 text-xs bg-gray-100 dark:bg-gray-800 text-gray-500 dark:text-gray-400 rounded"
|
|
||||||
>
|
|
||||||
{cap}
|
|
||||||
</span>
|
|
||||||
))}
|
|
||||||
{skill.capabilities.length > 3 && (
|
|
||||||
<span className="text-xs text-gray-400 dark:text-gray-500">
|
|
||||||
+{skill.capabilities.length - 3}
|
|
||||||
</span>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="flex items-center gap-2">
|
|
||||||
{isExpanded ? (
|
|
||||||
<ChevronDown className="w-4 h-4 text-gray-400" />
|
|
||||||
) : (
|
|
||||||
<ChevronRight className="w-4 h-4 text-gray-400" />
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<AnimatePresence>
|
|
||||||
{isExpanded && (
|
|
||||||
<motion.div
|
|
||||||
initial={{ height: 0, opacity: 0 }}
|
|
||||||
animate={{ height: 'auto', opacity: 1 }}
|
|
||||||
exit={{ height: 0, opacity: 0 }}
|
|
||||||
className="border-t border-gray-200 dark:border-gray-700"
|
|
||||||
>
|
|
||||||
<div className="p-4 space-y-4">
|
|
||||||
{/* Triggers */}
|
|
||||||
<div>
|
|
||||||
<h4 className="text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider mb-2">
|
|
||||||
触发词
|
|
||||||
</h4>
|
|
||||||
<div className="flex flex-wrap gap-1">
|
|
||||||
{skill.triggers.map((trigger) => (
|
|
||||||
<span
|
|
||||||
key={trigger}
|
|
||||||
className="px-2 py-0.5 text-xs bg-blue-50 dark:bg-blue-900/20 text-blue-600 dark:text-blue-400 rounded"
|
|
||||||
>
|
|
||||||
{trigger}
|
|
||||||
</span>
|
|
||||||
))}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{/* Capabilities */}
|
|
||||||
<div>
|
|
||||||
<h4 className="text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider mb-2">
|
|
||||||
能力
|
|
||||||
</h4>
|
|
||||||
<div className="flex flex-wrap gap-1">
|
|
||||||
{skill.capabilities.map((cap) => (
|
|
||||||
<span
|
|
||||||
key={cap}
|
|
||||||
className="px-2 py-0.5 text-xs bg-purple-50 dark:bg-purple-900/20 text-purple-600 dark:text-purple-400 rounded"
|
|
||||||
>
|
|
||||||
{cap}
|
|
||||||
</span>
|
|
||||||
))}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{/* Tool Dependencies */}
|
|
||||||
{skill.toolDeps.length > 0 && (
|
|
||||||
<div>
|
|
||||||
<h4 className="text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider mb-2">
|
|
||||||
工具依赖
|
|
||||||
</h4>
|
|
||||||
<div className="flex flex-wrap gap-1">
|
|
||||||
{skill.toolDeps.map((dep) => (
|
|
||||||
<span
|
|
||||||
key={dep}
|
|
||||||
className="px-2 py-0.5 text-xs bg-gray-100 dark:bg-gray-800 text-gray-600 dark:text-gray-400 rounded font-mono"
|
|
||||||
>
|
|
||||||
{dep}
|
|
||||||
</span>
|
|
||||||
))}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
|
|
||||||
{/* Actions */}
|
|
||||||
<div className="flex justify-end gap-2 pt-2 border-t border-gray-100 dark:border-gray-800">
|
|
||||||
{skill.installed ? (
|
|
||||||
<button
|
|
||||||
onClick={(e) => {
|
|
||||||
e.stopPropagation();
|
|
||||||
onUninstall();
|
|
||||||
}}
|
|
||||||
className="flex items-center gap-1.5 px-3 py-1.5 text-sm text-red-600 dark:text-red-400 hover:bg-red-50 dark:hover:bg-red-900/20 rounded-lg transition-colors"
|
|
||||||
>
|
|
||||||
<Minus className="w-4 h-4" />
|
|
||||||
卸载
|
|
||||||
</button>
|
|
||||||
) : (
|
|
||||||
<button
|
|
||||||
onClick={(e) => {
|
|
||||||
e.stopPropagation();
|
|
||||||
onInstall();
|
|
||||||
}}
|
|
||||||
className="flex items-center gap-1.5 px-3 py-1.5 text-sm bg-gray-700 dark:bg-gray-600 hover:bg-gray-800 dark:hover:bg-gray-500 text-white rounded-lg transition-colors"
|
|
||||||
>
|
|
||||||
<Plus className="w-4 h-4" />
|
|
||||||
安装
|
|
||||||
</button>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</motion.div>
|
|
||||||
)}
|
|
||||||
</AnimatePresence>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
// === Main Component ===
|
|
||||||
|
|
||||||
export function SkillMarket({
|
|
||||||
className = '',
|
|
||||||
onSkillInstall,
|
|
||||||
onSkillUninstall,
|
|
||||||
}: SkillMarketProps) {
|
|
||||||
// Use configStore instead of SkillDiscoveryEngine
|
|
||||||
const skillsCatalog = useConfigStore((s) => s.skillsCatalog);
|
|
||||||
const loadSkillsCatalog = useConfigStore((s) => s.loadSkillsCatalog);
|
|
||||||
const updateSkill = useConfigStore((s) => s.updateSkill);
|
|
||||||
|
|
||||||
// Watch connection state to reload skills when connected
|
|
||||||
const connectionState = useConnectionStore((s) => s.connectionState);
|
|
||||||
|
|
||||||
const [searchQuery, setSearchQuery] = useState('');
|
|
||||||
const [categoryFilter, setCategoryFilter] = useState<CategoryFilter>('all');
|
|
||||||
const [expandedSkillId, setExpandedSkillId] = useState<string | null>(null);
|
|
||||||
const [isRefreshing, setIsRefreshing] = useState(false);
|
|
||||||
|
|
||||||
// Adapt skills to display format
|
|
||||||
const skills = useMemo(() => adaptSkillsCatalog(skillsCatalog), [skillsCatalog]);
|
|
||||||
|
|
||||||
// Load skills on mount and when connection state changes to 'connected'
|
|
||||||
useEffect(() => {
|
|
||||||
if (connectionState === 'connected') {
|
|
||||||
loadSkillsCatalog();
|
|
||||||
}
|
|
||||||
}, [loadSkillsCatalog, connectionState]);
|
|
||||||
|
|
||||||
// Filter skills
|
|
||||||
const filteredSkills = useMemo(() => {
|
|
||||||
let result = skills;
|
|
||||||
|
|
||||||
// Category filter
|
|
||||||
if (categoryFilter !== 'all') {
|
|
||||||
result = result.filter((s) => s.category === categoryFilter);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Search filter
|
|
||||||
if (searchQuery.trim()) {
|
|
||||||
const queryLower = searchQuery.toLowerCase();
|
|
||||||
result = result.filter((s) =>
|
|
||||||
s.name.toLowerCase().includes(queryLower) ||
|
|
||||||
s.description.toLowerCase().includes(queryLower) ||
|
|
||||||
s.triggers.some((t) => t.toLowerCase().includes(queryLower)) ||
|
|
||||||
s.capabilities.some((c) => c.toLowerCase().includes(queryLower))
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
return result;
|
|
||||||
}, [skills, categoryFilter, searchQuery]);
|
|
||||||
|
|
||||||
// Get categories from skills
|
|
||||||
const categories = useMemo(() => {
|
|
||||||
const cats = new Set(skills.map((s) => s.category).filter(Boolean));
|
|
||||||
return ['all', ...Array.from(cats)] as CategoryFilter[];
|
|
||||||
}, [skills]);
|
|
||||||
|
|
||||||
// Stats
|
|
||||||
const stats = useMemo(() => {
|
|
||||||
const installed = skills.filter((s) => s.installed).length;
|
|
||||||
return { total: skills.length, installed };
|
|
||||||
}, [skills]);
|
|
||||||
|
|
||||||
const handleRefresh = useCallback(async () => {
|
|
||||||
setIsRefreshing(true);
|
|
||||||
await loadSkillsCatalog();
|
|
||||||
setIsRefreshing(false);
|
|
||||||
}, [loadSkillsCatalog]);
|
|
||||||
|
|
||||||
const handleInstall = useCallback(
|
|
||||||
async (skill: SkillDisplay) => {
|
|
||||||
// Update skill via configStore (persists to backend)
|
|
||||||
await updateSkill(skill.id, { enabled: true });
|
|
||||||
onSkillInstall?.(skill);
|
|
||||||
},
|
|
||||||
[updateSkill, onSkillInstall]
|
|
||||||
);
|
|
||||||
|
|
||||||
const handleUninstall = useCallback(
|
|
||||||
async (skill: SkillDisplay) => {
|
|
||||||
// Update skill via configStore (persists to backend)
|
|
||||||
await updateSkill(skill.id, { enabled: false });
|
|
||||||
onSkillUninstall?.(skill);
|
|
||||||
},
|
|
||||||
[updateSkill, onSkillUninstall]
|
|
||||||
);
|
|
||||||
|
|
||||||
const handleSearch = useCallback((query: string) => {
|
|
||||||
setSearchQuery(query);
|
|
||||||
}, []);
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className={`flex flex-col h-full ${className}`}>
|
|
||||||
{/* Header */}
|
|
||||||
<div className="flex items-center justify-between p-4 border-b border-gray-200 dark:border-gray-700">
|
|
||||||
<div className="flex items-center gap-2">
|
|
||||||
<Package className="w-5 h-5 text-purple-500" />
|
|
||||||
<h2 className="text-lg font-semibold text-gray-900 dark:text-gray-100">技能市场</h2>
|
|
||||||
</div>
|
|
||||||
<div className="flex items-center gap-2">
|
|
||||||
<button
|
|
||||||
onClick={handleRefresh}
|
|
||||||
disabled={isRefreshing}
|
|
||||||
className="p-1.5 text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 disabled:opacity-50"
|
|
||||||
title="刷新"
|
|
||||||
>
|
|
||||||
<RefreshCw className={`w-4 h-4 ${isRefreshing ? 'animate-spin' : ''}`} />
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{/* Stats Bar */}
|
|
||||||
<div className="flex items-center gap-4 px-4 py-2 bg-gray-50 dark:bg-gray-800/50 border-b border-gray-200 dark:border-gray-700 text-xs">
|
|
||||||
<span className="text-gray-500 dark:text-gray-400">
|
|
||||||
总计: <span className="font-medium text-gray-900 dark:text-gray-100">{stats.total}</span>
|
|
||||||
</span>
|
|
||||||
<span className="text-green-600 dark:text-green-400">
|
|
||||||
已安装: <span className="font-medium">{stats.installed}</span>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{/* Search */}
|
|
||||||
<div className="p-4 border-b border-gray-200 dark:border-gray-700">
|
|
||||||
<div className="relative">
|
|
||||||
<Search className="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400" />
|
|
||||||
<input
|
|
||||||
type="text"
|
|
||||||
value={searchQuery}
|
|
||||||
onChange={(e) => handleSearch(e.target.value)}
|
|
||||||
placeholder="搜索技能、能力、触发词..."
|
|
||||||
className="w-full pl-9 pr-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100 focus:ring-2 focus:ring-gray-400 focus:border-transparent text-sm"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{/* AI 智能推荐功能开发中 */}
|
|
||||||
<div className="text-xs text-gray-400 dark:text-gray-500 text-center py-1">
|
|
||||||
AI 智能推荐即将推出
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{/* Category Filter */}
|
|
||||||
<div className="flex gap-1 px-4 py-2 border-b border-gray-200 dark:border-gray-700 overflow-x-auto">
|
|
||||||
{categories.map((cat) => (
|
|
||||||
<button
|
|
||||||
key={cat}
|
|
||||||
onClick={() => setCategoryFilter(cat)}
|
|
||||||
className={`px-3 py-1 text-xs rounded-full whitespace-nowrap transition-colors ${
|
|
||||||
categoryFilter === cat
|
|
||||||
? 'bg-purple-100 dark:bg-purple-900/30 text-purple-700 dark:text-purple-400'
|
|
||||||
: 'text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800'
|
|
||||||
}`}
|
|
||||||
>
|
|
||||||
{cat === 'all' ? '全部' : CATEGORY_CONFIG[cat]?.label || cat}
|
|
||||||
</button>
|
|
||||||
))}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{/* Skill List */}
|
|
||||||
<div className="flex-1 overflow-y-auto p-4 space-y-3">
|
|
||||||
{filteredSkills.length === 0 ? (
|
|
||||||
<div className="flex flex-col items-center justify-center h-full text-gray-500 dark:text-gray-400">
|
|
||||||
<Layers className="w-8 h-8 mb-2 opacity-50" />
|
|
||||||
<p className="text-sm">
|
|
||||||
{searchQuery ? '未找到匹配的技能' : '暂无技能'}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
) : (
|
|
||||||
filteredSkills.map((skill) => (
|
|
||||||
<SkillCard
|
|
||||||
key={skill.id}
|
|
||||||
skill={skill}
|
|
||||||
isExpanded={expandedSkillId === skill.id}
|
|
||||||
onToggle={() => setExpandedSkillId((prev) => (prev === skill.id ? null : skill.id))}
|
|
||||||
onInstall={() => handleInstall(skill)}
|
|
||||||
onUninstall={() => handleUninstall(skill)}
|
|
||||||
/>
|
|
||||||
))
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
export default SkillMarket;
|
|
||||||
@@ -1,7 +1,7 @@
|
|||||||
# ZCLAW 系统真相文档
|
# ZCLAW 系统真相文档
|
||||||
|
|
||||||
> **更新日期**: 2026-04-09
|
> **更新日期**: 2026-04-11
|
||||||
> **数据来源**: V11 全面审计 + 二次审计 + V12 模块化端到端审计 + 代码全量扫描验证 + 功能测试 Phase 1-5 + 发布前功能测试 Phase 3 + 发布前全面测试代码级审计
|
> **数据来源**: V11 全面审计 + 二次审计 + V12 模块化端到端审计 + 代码全量扫描验证 + 功能测试 Phase 1-5 + 发布前功能测试 Phase 3 + 发布前全面测试代码级审计 + 2026-04-11 代码验证
|
||||||
> **规则**: 此文档是唯一真相源。所有其他文档如果与此冲突,以此为准。
|
> **规则**: 此文档是唯一真相源。所有其他文档如果与此冲突,以此为准。
|
||||||
|
|
||||||
---
|
---
|
||||||
@@ -11,25 +11,26 @@
|
|||||||
| 指标 | 实际值 | 验证方式 |
|
| 指标 | 实际值 | 验证方式 |
|
||||||
|------|--------|----------|
|
|------|--------|----------|
|
||||||
| Rust Crates | 10 个 (编译通过) | `cargo check --workspace` |
|
| Rust Crates | 10 个 (编译通过) | `cargo check --workspace` |
|
||||||
| Rust 代码行数 | ~66,000 | wc -l |
|
| Rust 代码行数 | ~74,600 | wc -l (2026-04-11 验证) |
|
||||||
| Rust 单元测试 | 399 个 (#[test]) + 138 SaaS 集成测试 = 537 | `grep '#\[test\]' crates/` + `cargo test -p zclaw-saas` |
|
| Rust 单元测试 | 431 个 (#[test]) + 367 个 (#[tokio::test]) = 798 | `grep '#\[test\]' crates/` + `grep '#\[tokio::test\]'` (2026-04-11 验证) |
|
||||||
| Rust 测试运行通过 | 684 workspace + 138 SaaS = 822 | Hermes 4 Chunk `cargo test --workspace` 2026-04-09 |
|
| Rust 测试运行通过 | 684 workspace + 138 SaaS = 822 | Hermes 4 Chunk `cargo test --workspace` 2026-04-09 |
|
||||||
| Tauri 命令 | 182 个 (含 5 A2A/Butler feature-gated,multi-agent 默认启用) | invoke_handler 全量审计 |
|
| Tauri 命令 | 184 个 (2026-04-11 验证) | `grep '#\[.*tauri::command'` |
|
||||||
| **Tauri 命令有前端调用** | **92 个** | Phase 5 前端 invoke() 实际搜索验证 |
|
| **Tauri 命令有前端调用** | **105 处** | `grep invoke( desktop/src/` (2026-04-11 验证) |
|
||||||
| **Tauri 命令已标注 @reserved** | **20 个** | Rust 源码 @reserved 标注 |
|
| **Tauri 命令已标注 @reserved** | **33 个** | Rust 源码 @reserved 标注 |
|
||||||
| **Tauri 命令孤儿 (无调用+无标注)** | **70 个** | Phase 5 交叉验证发现 |
|
| **Tauri 命令孤儿 (无调用+无标注)** | ~46 个 | 184 - 105 invoke处 - 33 @reserved ≈ 46 |
|
||||||
| SKILL.md 文件 | 75 个 | `ls skills/*.md \| wc -l` |
|
| SKILL.md 文件 | 75 个 | `ls skills/*.md \| wc -l` |
|
||||||
| Hands 启用 | 9 个 | Browser/Collector/Researcher/Clip/Twitter/Whiteboard/Slideshow/Speech/Quiz(均有 HAND.toml) |
|
| Hands 启用 | 9 个 | Browser/Collector/Researcher/Clip/Twitter/Whiteboard/Slideshow/Speech/Quiz(均有 HAND.toml) |
|
||||||
| Hands 禁用 | 2 个 | Predictor, Lead(概念定义存在,无 TOML 配置文件或 Rust 实现) |
|
| Hands 禁用 | 2 个 | Predictor, Lead(概念定义存在,无 TOML 配置文件或 Rust 实现) |
|
||||||
| Pipeline 模板 | 17 个 YAML | `pipelines/` 目录全量统计(含 _templates/ 和 design-shantou/ 子目录) |
|
| Pipeline 模板 | 17 个 YAML | `pipelines/` 目录全量统计(含 _templates/ 和 design-shantou/ 子目录) |
|
||||||
| SaaS API 端点 | 140 个(138 标准 + 2 dev-only mock;webhook 5 路由已定义但未挂载) | 路由注册 handler 引用全量统计 + 发布前代码级审计精确计数 |
|
| SaaS API 端点 | 122 个 .route() | `grep .route( crates/zclaw-saas/` (2026-04-11 验证) |
|
||||||
| SaaS 路由模块 | 12 个 | account/agent_template/auth/billing/knowledge/migration/model_config/prompt/relay/role/scheduled_task/telemetry(scheduled_task: 后端 5 CRUD + Admin V2 前端 service/page/route/nav) |
|
| SaaS 路由模块 | 12 个 | account/agent_template/auth/billing/knowledge/migration/model_config/prompt/relay/role/scheduled_task/telemetry(scheduled_task: 后端 5 CRUD + Admin V2 前端 service/page/route/nav) |
|
||||||
| SaaS 数据表 | 34 个(含 saas_schema_version) | CREATE TABLE 全量统计 |
|
| SaaS 数据表 | 34 个(含 saas_schema_version) | CREATE TABLE 全量统计 |
|
||||||
| SaaS Workers | 7 个 | log_operation/cleanup_rate_limit/cleanup_refresh_tokens/record_usage/update_last_used/aggregate_usage/generate_embedding |
|
| SaaS Workers | 7 个 | log_operation/cleanup_rate_limit/cleanup_refresh_tokens/record_usage/update_last_used/aggregate_usage/generate_embedding |
|
||||||
| LLM Provider | 8 个 | Kimi/Qwen/DeepSeek/Zhipu/OpenAI/Anthropic/Gemini/Local |
|
| LLM Provider | 8 个 | Kimi/Qwen/DeepSeek/Zhipu/OpenAI/Anthropic/Gemini/Local |
|
||||||
| Zustand Store | 18 个 | ls desktop/src/store/ (含 chat/ 子目录) |
|
| Zustand Store | 20 个 | find desktop/src/store/ -name "*.ts" (2026-04-11 验证) |
|
||||||
| React 组件 | ~135 个 | find desktop/src/components/ (*.tsx/*.ts) |
|
| React 组件 | 104 个 (.tsx/.ts) | find desktop/src/components/ (2026-04-11 验证) |
|
||||||
| 前端 TypeScript 测试 | 31 个文件 (6 store + 5 lib + 1 config + 1 stabilization + 18 E2E spec) | Phase 3-4 全量 |
|
| 前端 TypeScript 测试 | 31 个文件 (6 store + 5 lib + 1 config + 1 stabilization + 18 E2E spec) | Phase 3-4 全量 |
|
||||||
|
| 前端 lib | 83 个 .ts | find desktop/src/lib/ (2026-04-11 验证) |
|
||||||
| 前端测试运行通过 | 330 passed + 1 skipped | `pnpm vitest run` |
|
| 前端测试运行通过 | 330 passed + 1 skipped | `pnpm vitest run` |
|
||||||
| Admin V2 页面 | 15 个 | admin-v2/src/pages/ 全量统计(含 ScheduledTasks、ConfigSync) |
|
| Admin V2 页面 | 15 个 | admin-v2/src/pages/ 全量统计(含 ScheduledTasks、ConfigSync) |
|
||||||
| 桌面端设置页面 | 19 个 | SettingsLayout.tsx tabs: 通用/用量统计/积分详情/模型与API/MCP服务/技能/IM频道/工作区/数据与隐私/安全存储/SaaS平台/订阅与计费/语义记忆/安全状态/审计日志/定时任务/心跳配置/提交反馈/关于 |
|
| 桌面端设置页面 | 19 个 | SettingsLayout.tsx tabs: 通用/用量统计/积分详情/模型与API/MCP服务/技能/IM频道/工作区/数据与隐私/安全存储/SaaS平台/订阅与计费/语义记忆/安全状态/审计日志/定时任务/心跳配置/提交反馈/关于 |
|
||||||
@@ -198,3 +199,4 @@ Viking 5 个孤立 invoke 调用已于 2026-04-03 清理移除:
|
|||||||
| 2026-04-07 | 功能测试 Phase 1-5 全部完成:(1) Phase 1 SaaS 68 tests (2) Phase 2 Admin V2 61 tests (3) Phase 3 Store 单元 112 tests (4) Phase 4 E2E 场景 47 tests (5) Phase 5 全量回归 1048 tests 全通过 (580 Rust + 138 SaaS + 330 Desktop)。修复 4 个生产 bug:usage/telemetry SQL timestamptz 类型转换缺失、config seed 断言、key_value 长度校验 |
|
| 2026-04-07 | 功能测试 Phase 1-5 全部完成:(1) Phase 1 SaaS 68 tests (2) Phase 2 Admin V2 61 tests (3) Phase 3 Store 单元 112 tests (4) Phase 4 E2E 场景 47 tests (5) Phase 5 全量回归 1048 tests 全通过 (580 Rust + 138 SaaS + 330 Desktop)。修复 4 个生产 bug:usage/telemetry SQL timestamptz 类型转换缺失、config seed 断言、key_value 长度校验 |
|
||||||
| 2026-04-09 | Hermes Intelligence Pipeline 4 Chunk 完成:(1) Chunk1 ExperienceStore+Extractor (10 tests) (2) Chunk2 UserProfileStore+Profiler (14 tests) (3) Chunk3 NlScheduleParser (16 tests) (4) Chunk4 TrajectoryRecorder+Compressor (18 tests)。中间件 13→14 层 (+TrajectoryRecorder@650)。Schema v2→v4 (user_profiles + trajectory tables)。全量 684 tests 0 failed |
|
| 2026-04-09 | Hermes Intelligence Pipeline 4 Chunk 完成:(1) Chunk1 ExperienceStore+Extractor (10 tests) (2) Chunk2 UserProfileStore+Profiler (14 tests) (3) Chunk3 NlScheduleParser (16 tests) (4) Chunk4 TrajectoryRecorder+Compressor (18 tests)。中间件 13→14 层 (+TrajectoryRecorder@650)。Schema v2→v4 (user_profiles + trajectory tables)。全量 684 tests 0 failed |
|
||||||
| 2026-04-10 | 发布前修复批次:(1) ButlerRouter 语义路由 — SemanticSkillRouter TF-IDF 替代关键词,75 技能参与路由 (2) P1-04 AuthGuard 竞态 — 三态守卫 + cookie 先验证 (3) P2-03 限流 — Cross 测试共享 token (4) P1-02 浏览器聊天 — Playwright SaaS fixture。BREAKS.md 全部 P0/P1/P2 已修复 |
|
| 2026-04-10 | 发布前修复批次:(1) ButlerRouter 语义路由 — SemanticSkillRouter TF-IDF 替代关键词,75 技能参与路由 (2) P1-04 AuthGuard 竞态 — 三态守卫 + cookie 先验证 (3) P2-03 限流 — Cross 测试共享 token (4) P1-02 浏览器聊天 — Playwright SaaS fixture。BREAKS.md 全部 P0/P1/P2 已修复 |
|
||||||
|
| 2026-04-11 | 发布前数字校准:(1) Rust 代码 66K→74.6K (2) Rust 测试 537→798 (#[test] 431 + #[tokio::test] 367) (3) Tauri 命令 182→184 (4) 前端 invoke 92→105 (5) @reserved 20→33 (6) SaaS .route() 140→122 (7) Zustand Store 18→20 (8) React 组件 135→104 (9) 前端 lib 85→83 (10) Cargo.toml 版本 0.1.0→0.9.0-beta.1 |
|
||||||
|
|||||||
@@ -9,6 +9,14 @@ tags: [log, history]
|
|||||||
|
|
||||||
> Append-only 操作记录。格式: `## [日期] 类型 | 描述`
|
> Append-only 操作记录。格式: `## [日期] 类型 | 描述`
|
||||||
|
|
||||||
|
## [2026-04-11] chore | 发布前准备 — 版本号统一 + 数字校准 + 安全加固
|
||||||
|
|
||||||
|
1. Cargo.toml 版本 0.1.0 → 0.9.0-beta.1 (workspace 统一)
|
||||||
|
2. TRUTH.md 数字全面校准 — Rust 代码 66K→74.6K、Tauri 命令 182→184、SaaS .route() 140→122 等 10 项
|
||||||
|
3. CSP 加固 — 添加 `object-src 'none'`
|
||||||
|
4. .env.example 补充 SaaS 关键环境变量 (JWT_SECRET/TOTP_KEY/Admin 凭据)
|
||||||
|
5. 安全检查通过 — 无硬编码密钥、SQL 全参数化、Cookie 三件套完整
|
||||||
|
|
||||||
## [2026-04-11] fix | 模型路由链路修复 — 消除硬编码不匹配模型
|
## [2026-04-11] fix | 模型路由链路修复 — 消除硬编码不匹配模型
|
||||||
|
|
||||||
1. summarizer_adapter.rs — "glm-4-flash" 硬编码 fallback → 未配置时明确报错 (fail fast)
|
1. summarizer_adapter.rs — "glm-4-flash" 硬编码 fallback → 未配置时明确报错 (fail fast)
|
||||||
|
|||||||
Reference in New Issue
Block a user