+ {/* Top Header - Unified with other sections */}
+
+
+
Pattern Registry
+
+
+ {workspaceRoot}
+
+
+
+
+
+
+
+
+ {/* Sidebar for Config Selection */}
+
+
+
Configurations
+
+
+
+ {configs.map(config => (
+
+ ))}
+ {configs.length === 0 && (
+
+ )}
+
+
+
+ {/* Main Content Area */}
+
+ {!selectedConfig ? (
+
+
+
Pattern Registry
+
Select or create an ast-grep configuration in the sidebar to start managing patterns.
+
+ ) : (
+ <>
+ {/* Active Config Header */}
+
+
+
+
+ {selectedConfig.id}
+
{selectedConfig.language}
+
+
+
+ {selectedConfig.path}
+
+
+
+
+
+ {/* Content Split */}
+
+ {/* Community Rules (Main) */}
+
+
+
+
+
Community Patterns
+
+
+ {/* Live Search Bar */}
+
+ {selectedTag && (
+
+ )}
+
+
setSearchQuery(e.target.value)}
+ />
+
+ {loading && (
+
+
+
+ )}
+
+
+
+
+
+ {rules.map(rule => (
+
+
+
+
{rule.id}
+ {isRuleInstalled(rule.id) && (
+
+
+ Installed
+
+ )}
+
+
{rule.description}
+
+ {rule.tags?.map(tag => (
+
+ ))}
+
+
+
+
+ {!isRuleInstalled(rule.id) && (
+
+ )}
+
+
+
+
+ ))}
+ {rules.length === 0 && !loading && (
+
+
+
No patterns matched
+
+ )}
+
+
+
+ {/* Local Rules (Side) */}
+
+
+
+
+
+
Local Patterns
+
{localRules.length}
+
+
+ {localRules.map(rule => (
+
+
+ {rule.name.replace(/\.ya?ml$/, '')}
+ {rule.dir.replace(workspaceRoot, '').replace(/^[\\/]/, '') || './'}
+
+
+
+
+
+
+ ))}
+ {localRules.length === 0 && (
+
+ )}
+
+
+
+
+ )}
+
+
+
+ {/* Rule Details Modal */}
+ {selectedRule && (
+
+
+
+
+
{selectedRule.language}
+
+
{selectedRule.id}
+
+
+ {selectedRule.author}
+
+
+
+
+
+
+
+
Overview
+
+ {selectedRule.description}
+
+
+
+
Tags
+
+ {selectedRule.tags?.map(tag => (
+
+ ))}
+ {(!selectedRule.tags || selectedRule.tags.length === 0) && (
+ No tags available
+ )}
+
+
+
+
+
Pattern Source
+ {ruleDetails?.content && (
+
+ )}
+
+ {detailsLoading ? (
+
+
+
+ ) : (
+
+
+ {ruleDetails?.content}
+
+
+ )}
+
+
+
+
+ {!isRuleInstalled(selectedRule.id) && (
+
+ )}
+
+
+
setSelectedRule(null)}>
+
+ )}
+
+ {/* Initialization Modal */}
+ {isInitModalOpen && (
+
+
+
+
+
+
+
+
Initialize ast-grep
+
Setup pattern management
+
+
+
+
+
+
+
+
+
+ setInitPath(e.target.value)}
+ placeholder="Full path to directory..."
+ />
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
!isInitializing && setIsInitModalOpen(false)}>
+
+ )}
+ {/* Local Rule Details Modal */}
+ {localRuleDetails && (
+
+
+
+
+
{localRuleDetails.language || 'generic'}
+
+
{localRuleDetails.id || 'Unnamed Rule'}
+
+
+ Severity: {localRuleDetails.severity || 'n/a'}
+
+
+
+
+
+
+ {localRuleDetails.message && (
+
+
Message
+
+ {localRuleDetails.message}
+
+
+ )}
+
+
+
Full YAML
+
+
+
+
+ {localRuleDetails.content}
+
+
+
+
+
+
+
+
+
setLocalRuleDetails(null)}>
+
+ )}
+
+ {/* Inspect Loading State */}
+ {isLocalDetailsLoading && (
+
+
+
+
Loading rule details...
+
+
+ )}
+
+ {/* Delete Confirmation Modal */}
+ {ruleToDelete && (
+
+
+
+
+
+
+
Delete Rule?
+
+ Are you sure you want to remove {ruleToDelete.name.replace(/\.ya?ml$/, '')}?
+ This action cannot be undone.
+
+
+
+
+
+
+
+
setRuleToDelete(null)}>
+
+ )}
+