feat: Enhance spec management with new hooks and settings features

- Updated test cycle execution steps to streamline agent execution.
- Improved HookDialog component with enhanced validation messages and localization.
- Introduced SpecDialog component for better spec management.
- Added new hooks for fetching and updating specs list and frontmatter.
- Implemented API functions for specs list retrieval and index rebuilding.
- Added localization support for new specs settings and hooks.
- Enhanced SpecsSettingsPage to manage project and personal specs effectively.
- Updated CLI commands to support keyword-based spec loading.
- Improved spec index builder to categorize specs by workflow stages.

ccw/frontend/src/locales/en/index.ts

@@ -42,6 +42,7 @@ import team from './team.json';
 import terminalDashboard from './terminal-dashboard.json';
 import skillHub from './skill-hub.json';
 import nativeSession from './native-session.json';
+import specs from './specs.json';
 
 /**
  * Flattens nested JSON object to dot-separated keys
@@ -107,4 +108,5 @@ export default {
   ...flattenMessages(terminalDashboard, 'terminalDashboard'),
   ...flattenMessages(skillHub, 'skillHub'),
   ...flattenMessages(nativeSession, 'nativeSession'),
+  ...flattenMessages(specs, 'specs'),
 } as Record<string, string>;

ccw/frontend/src/locales/en/specs.json

@@ -0,0 +1,93 @@
+{
+  "pageTitle": "Spec Settings",
+  "pageDescription": "Manage specification injection, hooks, and system settings",
+  "tabProjectSpecs": "Project Specs",
+  "tabPersonalSpecs": "Personal",
+  "tabHooks": "Hooks",
+  "tabInjection": "Injection",
+  "tabSettings": "Settings",
+  "searchPlaceholder": "Search specs...",
+  "rebuildIndex": "Rebuild Index",
+  "loading": "Loading...",
+  "noSpecs": "No specs found. Create specs in .workflow/ directory.",
+
+  "recommendedHooks": "Recommended Hooks",
+  "recommendedHooksDesc": "One-click install system-preset spec injection hooks",
+  "installAll": "Install All Recommended Hooks",
+  "installedHooks": "Installed Hooks",
+  "installedHooksDesc": "Manage your installed hooks configuration",
+  "searchHooks": "Search hooks...",
+  "noHooks": "No hooks installed. Install recommended hooks above.",
+
+  "spec": {
+    "edit": "Edit",
+    "toggle": "Toggle",
+    "delete": "Delete",
+    "required": "Required",
+    "optional": "Optional",
+    "priority": {
+      "critical": "Critical",
+      "high": "High",
+      "medium": "Medium",
+      "low": "Low"
+    }
+  },
+
+  "hook": {
+    "install": "Install",
+    "edit": "Edit",
+    "toggle": "Toggle",
+    "delete": "Delete",
+    "enabled": "Enabled",
+    "disabled": "Disabled",
+    "scope": {
+      "global": "Global",
+      "project": "Project"
+    },
+    "event": {
+      "SessionStart": "Session Start",
+      "UserPromptSubmit": "Prompt Submit",
+      "SessionEnd": "Session End"
+    }
+  },
+
+  "injection": {
+    "title": "Injection Control",
+    "description": "Monitor and manage spec injection length",
+    "currentLength": "Current Length",
+    "maxLength": "Max Length",
+    "warnThreshold": "Warn Threshold",
+    "percentage": "Usage",
+    "truncateOnExceed": "Truncate on Exceed",
+    "truncateDescription": "Automatically truncate when injection exceeds max length",
+    "overLimit": "Over Limit",
+    "warning": "Warning",
+    "normal": "Normal"
+  },
+
+  "settings": {
+    "title": "Global Settings",
+    "description": "Configure personal spec defaults and system settings",
+    "personalSpecDefaults": "Personal Spec Defaults",
+    "defaultReadMode": "Default Read Mode",
+    "autoEnable": "Auto Enable",
+    "autoEnableDescription": "Automatically enable newly created personal specs"
+  },
+
+  "dialog": {
+    "cancel": "Cancel",
+    "save": "Save",
+    "editSpec": "Edit Spec",
+    "editHook": "Edit Hook",
+    "specTitle": "Spec Title",
+    "keywords": "Keywords",
+    "readMode": "Read Mode",
+    "priority": "Priority",
+    "hookName": "Hook Name",
+    "hookEvent": "Event",
+    "hookCommand": "Command",
+    "hookScope": "Scope",
+    "hookTimeout": "Timeout (ms)",
+    "hookFailMode": "Fail Mode"
+  }
+}