feat: complete rebranding, implement smart polling and webhook instructions UI

Author: TarunyaProgrammer

backend/src/modules/sync/sync.processor.ts

@@ -24,7 +24,6 @@ export class SyncProcessor {
 
   @Process('sync-repo')
   async handleSyncJob(job: Job<SyncJobPayload>): Promise<void> {
-    const { repoName: jobRepoName, repoFullName, eventType } = job.data;
     const org = this.configService.get<string>('GITHUB_ORG', 'c2siorg');
 
     // Parse owner and repoName from fullName
@@ -40,7 +39,9 @@ export class SyncProcessor {
       // 1. Fetch repo metadata via GraphQL
       const repoData = await this.github.fetchSingleRepo(name, owner);
       if (!repoData) {
-        this.logger.warn(`Repo "${owner}/${name}" not found on GitHub — skipping`);
+        this.logger.warn(
+          `Repo "${owner}/${name}" not found on GitHub — skipping`,
+        );
         return;
       }
 

frontend/src/app/features/repository-list/repository-list.component.css

@@ -120,6 +120,7 @@ mat-card-content {
   margin-bottom: 16px;
   display: -webkit-box;
   -webkit-line-clamp: 2;
+  line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
 }
@@ -214,6 +215,93 @@ mat-card-content {
   flex: 1;
 }
 
+.analyze-actions {
+  display: flex;
+  align-items: center;
+  margin-bottom: 24px;
+  margin-top: -12px;
+}
+
+.webhook-toggle {
+  font-size: 0.85rem;
+  color: #1976d2;
+}
+
+/* Webhook Panel Styles */
+.webhook-panel {
+  background: white;
+  border-radius: 8px;
+  margin-bottom: 24px;
+  border-left: 4px solid #1976d2;
+  overflow: hidden;
+}
+
+.panel-header {
+  display: flex;
+  align-items: center;
+  padding: 12px 16px;
+  background-color: #f8f9fa;
+  border-bottom: 1px solid #eee;
+}
+
+.panel-header mat-icon {
+  margin-right: 8px;
+  color: #1976d2;
+}
+
+.panel-header h3 {
+  margin: 0;
+  font-size: 1rem;
+  font-weight: 500;
+}
+
+.panel-body {
+  padding: 16px;
+}
+
+.panel-body p {
+  margin: 0 0 12px;
+  font-size: 0.9rem;
+  color: #666;
+}
+
+.panel-body ol {
+  margin: 0;
+  padding-left: 24px;
+  font-size: 0.9rem;
+}
+
+.panel-body li {
+  margin-bottom: 8px;
+}
+
+.panel-body code {
+  background: #f1f1f1;
+  padding: 2px 6px;
+  border-radius: 4px;
+  font-family: monospace;
+  font-size: 0.85rem;
+  color: #d81b60;
+}
+
+.info-note {
+  display: flex;
+  align-items: center;
+  margin-top: 16px;
+  padding: 8px 12px;
+  background-color: #e3f2fd;
+  border-radius: 4px;
+  font-size: 0.85rem;
+  color: #1565c0;
+}
+
+.info-note mat-icon {
+  font-size: 18px;
+  width: 18px;
+  height: 18px;
+  margin-right: 8px;
+}
+
 .analyze-btn {
   height: 56px;
   margin-top: -1.25em; /* Align with material input */