feat: add semantic graph design for static code analysis

- Introduced a comprehensive design document for a Code Semantic Graph aimed at enhancing static analysis capabilities.
- Defined the architecture, core components, and implementation steps for analyzing function calls, data flow, and dependencies.
- Included detailed specifications for nodes and edges in the graph, along with database schema for storage.
- Outlined phases for implementation, technical challenges, success metrics, and application scenarios.

ccw/src/templates/dashboard-js/views/rules-manager.js

@@ -588,9 +588,21 @@ function closeRuleCreateModal(event) {
 
 function selectRuleLocation(location) {
   ruleCreateState.location = location;
-  // Re-render modal
-  closeRuleCreateModal();
-  openRuleCreateModal();
+
+  // Update button styles without re-rendering modal
+  const buttons = document.querySelectorAll('.location-btn');
+  buttons.forEach(btn => {
+    const isProject = btn.querySelector('.font-medium')?.textContent?.includes(t('rules.projectRules'));
+    const isUser = btn.querySelector('.font-medium')?.textContent?.includes(t('rules.userRules'));
+
+    if ((isProject && location === 'project') || (isUser && location === 'user')) {
+      btn.classList.remove('border-border', 'hover:border-primary/50');
+      btn.classList.add('border-primary', 'bg-primary/10');
+    } else {
+      btn.classList.remove('border-primary', 'bg-primary/10');
+      btn.classList.add('border-border', 'hover:border-primary/50');
+    }
+  });
 }
 
 function toggleRuleConditional() {