hale-commenting-system 3.7.2 → 3.8.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hale-commenting-system",
-  "version": "3.7.2",
+  "version": "3.8.0",
   "description": "A commenting system for PatternFly React applications that allows designers and developers to add comments directly on design pages, sync with GitHub Issues, and link Jira tickets.",
   "homepage": "https://www.npmjs.com/package/hale-commenting-system",
   "license": "MIT",

package/scripts/integrate.js

@@ -369,12 +369,34 @@ function generateFiles(config) {
 
 `;
 
-  if (config.github && config.github.clientId) {
+  // Provider configuration (GitHub or GitLab)
+  if (config.provider && config.provider.type === 'gitlab') {
+    envContent += `# Provider Type
+VITE_PROVIDER_TYPE=gitlab
+
+# GitLab OAuth (client-side; safe to expose)
+VITE_GITLAB_CLIENT_ID=${config.provider.clientId}
+VITE_GITLAB_BASE_URL=${config.provider.baseUrl}
+
+# Target project for Issues/Comments
+VITE_GITLAB_PROJECT_PATH=${config.provider.projectPath}
+
+`;
+  } else if (config.provider && config.provider.type === 'github') {
+    envContent += `# Provider Type
+VITE_PROVIDER_TYPE=github
+
+# GitHub OAuth (client-side; safe to expose)
+VITE_GITHUB_CLIENT_ID=${config.provider.clientId}
+
+# Target repo for Issues/Comments
+VITE_GITHUB_OWNER=${config.provider.owner || config.owner}
+VITE_GITHUB_REPO=${config.provider.repo || config.repo}
+
+`;
+  } else if (config.github && config.github.clientId) {
+    // Backward compatibility: old GitHub-only config
     envContent += `# GitHub OAuth (client-side; safe to expose)
-# Get your Client ID from: https://github.com/settings/developers
-# 1. Click "New OAuth App"
-# 2. Fill in the form (Homepage: http://localhost:9000, Callback: http://localhost:9000/api/github-oauth-callback)
-# 3. Copy the Client ID
 VITE_GITHUB_CLIENT_ID=${config.github.clientId}
 
 # Target repo for Issues/Comments
@@ -385,14 +407,11 @@ VITE_GITHUB_REPO=${config.github.repo || config.repo}
   } else {
     envContent += `# GitHub OAuth (client-side; safe to expose)
 # Get your Client ID from: https://github.com/settings/developers
-# 1. Click "New OAuth App"
-# 2. Fill in the form (Homepage: http://localhost:9000, Callback: http://localhost:9000/api/github-oauth-callback)
-# 3. Copy the Client ID
 VITE_GITHUB_CLIENT_ID=
 
 # Target repo for Issues/Comments
-VITE_GITHUB_OWNER=${config.owner}
-VITE_GITHUB_REPO=${config.repo}
+VITE_GITHUB_OWNER=${config.owner || ''}
+VITE_GITHUB_REPO=${config.repo || ''}
 
 `;
   }
@@ -457,7 +476,19 @@ VITE_JIRA_BASE_URL=
 
 `;
 
-  if (config.github && config.github.clientSecret) {
+  // Provider secrets (GitHub or GitLab)
+  if (config.provider && config.provider.type === 'gitlab' && config.provider.clientSecret) {
+    envServerContent += `# GitLab OAuth Application Secret (server-only)
+GITLAB_CLIENT_SECRET=${config.provider.clientSecret}
+
+`;
+  } else if (config.provider && config.provider.type === 'github' && config.provider.clientSecret) {
+    envServerContent += `# GitHub OAuth Client Secret (server-only)
+GITHUB_CLIENT_SECRET=${config.provider.clientSecret}
+
+`;
+  } else if (config.github && config.github.clientSecret) {
+    // Backward compatibility: old GitHub-only config
     envServerContent += `# GitHub OAuth Client Secret (server-only)
 # Get this from your GitHub OAuth App settings: https://github.com/settings/developers
 # Click on your OAuth App, then "Generate a new client secret"
@@ -1355,24 +1386,35 @@ async function main() {
     }
   }
 
-  // Step 2: GitHub OAuth Setup (Optional)
-  console.log('\n📦 Step 2: GitHub Integration (Optional)\n');
-  console.log('GitHub integration allows comments to sync with GitHub Issues.');
-  console.log('You can set this up now or add it later.\n');
-  
-  const setupGitHub = await prompt([
+  // Step 2: Issue Tracking Integration
+  console.log('\n📦 Step 2: Issue Tracking Integration\n');
+  console.log('Comments can sync with GitHub or GitLab Issues.');
+  console.log('This allows comments to persist and be managed like regular issues.\n');
+  console.log('Options:');
+  console.log('  • GitHub - Sync with GitHub Issues');
+  console.log('  • GitLab - Sync with GitLab Issues (supports self-hosted)');
+  console.log('  • Skip - Set up later (you can still use local comments)\n');
+
+  const platformChoice = await prompt([
     {
-      type: 'confirm',
-      name: 'setup',
-      message: 'Do you want to set up GitHub integration now?',
-      default: true
+      type: 'list',
+      name: 'platform',
+      message: 'Select your issue tracking platform:',
+      choices: [
+        { name: 'GitHub', value: 'github' },
+        { name: 'GitLab', value: 'gitlab' },
+        { name: 'Skip (set up later)', value: 'skip' }
+      ],
+      default: 'github'
     }
   ]);
 
-  let githubConfig = null;
-  let githubValid = false;
+  const selectedPlatform = platformChoice.platform; // 'github', 'gitlab', or 'skip'
 
-  if (setupGitHub.setup) {
+  let providerConfig = null;
+  let providerValid = false;
+
+  if (selectedPlatform === 'github') {
     console.log('\nTo sync comments with GitHub Issues, we need to authenticate with GitHub.');
     console.log('This requires creating a GitHub OAuth App.\n');
     console.log('Instructions:');
@@ -1610,14 +1652,112 @@ async function main() {
     }
     console.log('✅ GitHub credentials validated!\n');
 
-    githubConfig = {
+    providerConfig = {
+      type: 'github',
       clientId: githubAnswers.clientId,
       clientSecret: githubAnswers.clientSecret,
       owner: targetOwner,
       repo: targetRepo
     };
-  } else {
-    console.log('\n⏭️  Skipping GitHub setup. You can add it later by editing .env and .env.server files.\n');
+    providerValid = githubValid;
+  } else if (selectedPlatform === 'gitlab') {
+    // GitLab setup flow
+    console.log('\nTo sync comments with GitLab Issues, we need to authenticate with GitLab.');
+    console.log('This requires creating a GitLab OAuth Application.\n');
+
+    // Prompt for GitLab instance URL
+    console.log('💡 This supports both gitlab.com and self-hosted GitLab instances.');
+    console.log('   Examples:');
+    console.log('   • https://gitlab.com (public GitLab)');
+    console.log('   • https://gitlab.cee.redhat.com (Red Hat internal)\n');
+
+    const gitlabInstanceAnswer = await prompt([
+      {
+        type: 'input',
+        name: 'baseUrl',
+        message: 'GitLab instance URL:',
+        default: 'https://gitlab.com',
+        validate: (input) => {
+          if (!input.trim()) return 'Base URL is required';
+          try {
+            new URL(input);
+            return true;
+          } catch {
+            return 'Invalid URL format (must start with https://)';
+          }
+        }
+      }
+    ]);
+
+    const baseUrl = gitlabInstanceAnswer.baseUrl.replace(/\/+$/, '');
+    const isSelfHosted = !baseUrl.includes('gitlab.com');
+
+    console.log('\nInstructions:');
+    console.log(`1. Visit: ${baseUrl}/-/user_settings/applications`);
+    console.log('2. Click "Add new application"');
+    console.log('3. Fill in the form:');
+    console.log('   - Name: Your app name (e.g., "My Design Comments")');
+    console.log('   - Redirect URI: http://localhost:9000/api/gitlab-oauth-callback');
+    console.log('   - Confidential: ✓ (checked)');
+    console.log('   - Scopes: ✓ api (full API access)');
+    console.log('4. Click "Save application"');
+    console.log('5. Copy the Application ID and Secret\n');
+
+    const gitlabAnswers = await prompt([
+      {
+        type: 'input',
+        name: 'clientId',
+        message: 'GitLab Application ID:',
+        validate: (input) => {
+          if (!input.trim()) return 'Application ID is required';
+          return true;
+        }
+      },
+      {
+        type: 'password',
+        name: 'clientSecret',
+        message: 'GitLab Application Secret:',
+        mask: '*',
+        validate: (input) => {
+          if (!input.trim()) return 'Application Secret is required';
+          return true;
+        }
+      }
+    ]);
+
+    // Prompt for project path
+    console.log('\nWhere do you want to store comments as GitLab Issues?');
+    console.log('This should be a project you have maintainer/owner access to.');
+    console.log('Format: group/project or namespace/group/project\n');
+
+    const projectPathAnswer = await prompt([
+      {
+        type: 'input',
+        name: 'projectPath',
+        message: 'GitLab project path (e.g., mygroup/myproject):',
+        validate: (input) => {
+          if (!input.trim()) return 'Project path is required';
+          if (!input.includes('/')) return 'Project path must include at least one slash (e.g., group/project)';
+          return true;
+        }
+      }
+    ]);
+
+    // Note: GitLab credential validation would require more complex setup
+    console.log('\n⚠️  Note: GitLab credentials will not be validated automatically.');
+    console.log('Please ensure you have maintainer/owner access to the project and the OAuth app is configured correctly.\n');
+
+    providerConfig = {
+      type: 'gitlab',
+      clientId: gitlabAnswers.clientId,
+      clientSecret: gitlabAnswers.clientSecret,
+      baseUrl: baseUrl,
+      projectPath: projectPathAnswer.projectPath
+    };
+    providerValid = true; // Assume valid since we can't validate GitLab easily
+  } else if (selectedPlatform === 'skip') {
+    console.log('\n⏭️  Skipping issue tracking setup. Comments will work locally only.');
+    console.log('You can add GitHub or GitLab integration later by editing .env and .env.server files.\n');
   }
 
   // Step 3: Jira Setup (Optional)
@@ -1702,10 +1842,11 @@ async function main() {
   // Step 4: Generate files
   console.log('📝 Step 4: Generating configuration files...\n');
   generateFiles({
-    github: githubConfig,
+    provider: providerConfig,
+    github: providerConfig && providerConfig.type === 'github' ? providerConfig : null, // For backward compat
     jira: jiraConfig,
-    owner: githubConfig ? githubConfig.owner : owner,
-    repo: githubConfig ? githubConfig.repo : repo
+    owner: providerConfig && providerConfig.type === 'github' ? providerConfig.owner : owner,
+    repo: providerConfig && providerConfig.type === 'github' ? providerConfig.repo : repo
   });
 
   // Step 5: Integrate into project
@@ -1785,10 +1926,10 @@ async function main() {
     console.log('   4. Restart your dev server\n');
   }
 
-  if (!githubConfig || !jiraConfig) {
+  if (!providerConfig || !jiraConfig) {
     console.log('📝 To add integrations later:');
-    if (!githubConfig) {
-      console.log('   • GitHub: Edit .env and .env.server files (see comments in files for instructions)');
+    if (!providerConfig) {
+      console.log('   • GitHub/GitLab: Edit .env and .env.server files (see comments in files for instructions)');
     }
     if (!jiraConfig) {
       console.log('   • Jira: Edit .env and .env.server files (see comments in files for instructions)');

package/src/app/commenting-system/components/CommentPanel.tsx

@@ -17,8 +17,9 @@ import {
   TextArea,
   Title,
 } from '@patternfly/react-core';
-import { ExternalLinkAltIcon, GithubIcon, InfoCircleIcon, TrashIcon } from '@patternfly/react-icons';
+import { ExternalLinkAltIcon, GithubIcon, GitlabIcon, InfoCircleIcon, TrashIcon } from '@patternfly/react-icons';
 import { useComments } from '../contexts/CommentContext';
+import { useProviderAuth } from '../contexts/ProviderAuthContext';
 import { DetailsTab } from './DetailsTab';
 import { JiraTab } from './JiraTab';
 import { FloatingWidget } from './FloatingWidget';
@@ -41,6 +42,8 @@ export const CommentPanel: React.FunctionComponent<CommentPanelProps> = ({ child
     removePin,
     retrySync,
   } = useComments();
+  const { providerType } = useProviderAuth();
+  const ProviderIcon = providerType === 'gitlab' ? GitlabIcon : GithubIcon;
   const location = useLocation();
   const detectedVersion = getVersionFromPathOrQuery(location.pathname, location.search);
   const [newCommentText, setNewCommentText] = React.useState('');
@@ -170,7 +173,7 @@ export const CommentPanel: React.FunctionComponent<CommentPanelProps> = ({ child
     switch (status) {
       case 'synced':
         return (
-          <Label color="green" icon={<GithubIcon />}>
+          <Label color="green" icon={<ProviderIcon />}>
             Synced
           </Label>
         );
@@ -293,13 +296,13 @@ export const CommentPanel: React.FunctionComponent<CommentPanelProps> = ({ child
                               rel="noopener noreferrer"
                               style={{ display: 'inline-flex', alignItems: 'center', gap: '0.25rem' }}
                             >
-                              <GithubIcon />
+                              <ProviderIcon />
                               Issue #{selectedThread.issueNumber}
                               <ExternalLinkAltIcon style={{ fontSize: '0.75rem' }} />
                             </a>
                           ) : (
                             <span style={{ display: 'inline-flex', alignItems: 'center', gap: '0.25rem', color: 'var(--pf-t--global--text--color--subtle)' }}>
-                              <GithubIcon />
+                              <ProviderIcon />
                               Issue pending…
                             </span>
                           )}

package/src/app/commenting-system/components/FloatingWidget.tsx

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { createPortal } from 'react-dom';
-import { Button, Switch, Title } from '@patternfly/react-core';
-import { GripVerticalIcon, WindowMinimizeIcon, GithubIcon, ArrowsAltVIcon } from '@patternfly/react-icons';
+import { Button, Dropdown, DropdownItem, DropdownList, MenuToggle, Switch, Title } from '@patternfly/react-core';
+import { GripVerticalIcon, WindowMinimizeIcon, GithubIcon, GitlabIcon, ArrowsAltVIcon } from '@patternfly/react-icons';
 import { useComments } from '../contexts/CommentContext';
-import { useGitHubAuth } from '../contexts/GitHubAuthContext';
+import { useProviderAuth } from '../contexts/ProviderAuthContext';
 
 interface FloatingWidgetProps {
   children: React.ReactNode;
@@ -23,7 +23,10 @@ export const FloatingWidget: React.FunctionComponent<FloatingWidgetProps> = ({ c
   const resizeHandleRef = React.useRef<HTMLDivElement>(null);
 
   const { commentsEnabled, setCommentsEnabled, showPinsEnabled, setShowPinsEnabled } = useComments();
-  const { isAuthenticated, user, login, logout } = useGitHubAuth();
+  const { isAuthenticated, user, login, logout, providerType, providerDisplayName, availableProviders } = useProviderAuth();
+  const ProviderIcon = providerType === 'gitlab' ? GitlabIcon : GithubIcon;
+  const [isSignInOpen, setIsSignInOpen] = React.useState(false);
+  const showProviderMenu = availableProviders.length > 1;
 
   const handleMouseDown = (e: React.MouseEvent) => {
     if (!widgetRef.current) return;
@@ -211,16 +214,58 @@ export const FloatingWidget: React.FunctionComponent<FloatingWidgetProps> = ({ c
             {isAuthenticated ? (
               <>
                 <span style={{ display: 'inline-flex', alignItems: 'center', gap: '0.25rem', fontSize: 'var(--pf-t--global--font--size--sm)' }}>
-                  <GithubIcon />
+                  <ProviderIcon />
                   {user?.login ? `@${user.login}` : 'Signed in'}
                 </span>
                 <Button variant="link" isInline onClick={logout} style={{ fontSize: 'var(--pf-t--global--font--size--sm)' }}>
                   Sign out
                 </Button>
               </>
+            ) : showProviderMenu ? (
+              <Dropdown
+                isOpen={isSignInOpen}
+                onSelect={() => setIsSignInOpen(false)}
+                toggle={(toggleRef) => (
+                  <MenuToggle
+                    ref={toggleRef}
+                    variant="plain"
+                    isExpanded={isSignInOpen}
+                    onClick={() => setIsSignInOpen((prev) => !prev)}
+                    style={{ fontSize: 'var(--pf-t--global--font--size--sm)' }}
+                    aria-label="Sign in menu"
+                  >
+                    Sign in
+                  </MenuToggle>
+                )}
+              >
+                <DropdownList>
+                  {availableProviders.includes('github') && (
+                    <DropdownItem
+                      onClick={() => {
+                        setIsSignInOpen(false);
+                        login('github');
+                      }}
+                      icon={<GithubIcon />}
+                    >
+                      Sign in with GitHub
+                    </DropdownItem>
+                  )}
+                  {availableProviders.includes('gitlab') && (
+                    <DropdownItem
+                      onClick={() => {
+                        setIsSignInOpen(false);
+                        login('gitlab');
+                      }}
+                      icon={<GitlabIcon />}
+                    >
+                      Sign in with GitLab
+                    </DropdownItem>
+                  )}
+                </DropdownList>
+              </Dropdown>
             ) : (
-              <Button variant="link" isInline icon={<GithubIcon />} onClick={login} style={{ fontSize: 'var(--pf-t--global--font--size--sm)' }}>
-                Sign in with GitHub
+              <Button variant="link" isInline icon={<ProviderIcon />} onClick={() => login()} style={{ fontSize: 'var(--pf-t--global--font--size--sm)' }}>
+                Sign in with {providerDisplayName}
               </Button>
             )}
           </div>

package/src/app/commenting-system/contexts/CommentContext.tsx

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { Comment, Thread, ComponentMetadata } from '../types';
-import { getStoredUser, githubAdapter, isGitHubConfigured } from '../services/githubAdapter';
+import { getProviderAdapter } from '../services/providerFactory';
+import { getStoredUser } from '../services/githubAdapter';
 
 interface CommentContextType {
   threads: Thread[];
@@ -31,6 +32,8 @@ interface CommentContextType {
 const CommentContext = React.createContext<CommentContextType | undefined>(undefined);
 
 export const CommentProvider: React.FunctionComponent<{ children: React.ReactNode }> = ({ children }) => {
+  const adapter = getProviderAdapter();
+
   const stripHaleReplyMarkers = (body: string): string => {
     // Remove hidden markers we embed for threading reconstruction
     return body
@@ -164,10 +167,10 @@ export const CommentProvider: React.FunctionComponent<{ children: React.ReactNod
       }
       // If not set, default to enabled when GitHub is not configured (standalone mode)
       // This allows the commenting system to work without GitHub/Jira integration
-      return !isGitHubConfigured();
+      return !adapter.isConfigured();
     } catch {
       // On error, default to enabled if GitHub is not configured
-      return !isGitHubConfigured();
+      return !adapter.isConfigured();
     }
   });
   const [selectedThreadId, setSelectedThreadId] = React.useState<string | null>(null);
@@ -180,10 +183,10 @@ export const CommentProvider: React.FunctionComponent<{ children: React.ReactNod
       }
       // If not set, default to open when GitHub is not configured (standalone mode)
       // This makes the commenting system visible immediately
-      return !isGitHubConfigured();
+      return !adapter.isConfigured();
     } catch {
       // On error, default to open if GitHub is not configured
-      return !isGitHubConfigured();
+      return !adapter.isConfigured();
     }
   });
   const [floatingWidgetMode, setFloatingWidgetMode] = React.useState<boolean>(() => {
@@ -257,7 +260,7 @@ export const CommentProvider: React.FunctionComponent<{ children: React.ReactNod
 
   const addThread = (cssSelector: string, elementDescription: string, componentMetadata: ComponentMetadata | null, xPercent: number, yPercent: number, route: string, version?: string): string => {
     const threadId = `thread-${Date.now()}`;
-    const isConfigured = isGitHubConfigured();
+    const isConfigured = adapter.isConfigured();
 
     console.log('📌 addThread called:', {
       threadId,
@@ -295,7 +298,7 @@ export const CommentProvider: React.FunctionComponent<{ children: React.ReactNod
     if (isConfigured) {
       console.log(`🔵 Creating GitHub issue for thread ${threadId}...`);
 
-      githubAdapter
+      adapter
         .createIssue({
           title: `Feedback: ${route}`,
           body: `Thread created from pin at (${xPercent.toFixed(1)}%, ${yPercent.toFixed(1)}%).`,
@@ -318,7 +321,7 @@ export const CommentProvider: React.FunctionComponent<{ children: React.ReactNod
             const num = result.data.number;
             hiddenIssueNumbersRef.current.add(num);
             writeNumberSet(HIDDEN_ISSUES_KEY, hiddenIssueNumbersRef.current);
-            githubAdapter.closeIssue(num).catch(() => undefined);
+            adapter.closeIssue(num).catch(() => undefined);
             removedThreadIdsRef.current.delete(threadId);
           }
 
@@ -394,7 +397,7 @@ export const CommentProvider: React.FunctionComponent<{ children: React.ReactNod
   };
 
   const syncFromGitHub = async (route: string, version?: string) => {
-    if (!isGitHubConfigured()) return;
+    if (!adapter.isConfigured()) return;
 
     const key = `${route}::${version ?? ''}`;
     const existing = syncInFlightByKey.current.get(key);
@@ -417,7 +420,7 @@ export const CommentProvider: React.FunctionComponent<{ children: React.ReactNod
     const run = (async () => {
       setSyncInFlightCount((c) => c + 1);
       try {
-        const issuesResult = await githubAdapter.fetchIssuesForRouteAndVersion(route, version);
+        const issuesResult = await adapter.fetchIssuesForRouteAndVersion(route, version);
         if (!issuesResult.success || !issuesResult.data) return;
 
         const hidden = hiddenIssueNumbersRef.current;
@@ -436,7 +439,7 @@ export const CommentProvider: React.FunctionComponent<{ children: React.ReactNod
 
           const metadata = parseMetadataFromIssueBody(issue?.body || '');
 
-          const commentsResult = await githubAdapter.fetchIssueComments(issueNumber);
+          const commentsResult = await adapter.fetchIssueComments(issueNumber);
           const ghComments = commentsResult.success && commentsResult.data ? commentsResult.data : [];
 
           const mappedComments: Comment[] = (Array.isArray(ghComments) ? ghComments : []).map((c: any) => {
@@ -578,7 +581,7 @@ export const CommentProvider: React.FunctionComponent<{ children: React.ReactNod
     const thread = threadsRef.current.find((t) => t.id === threadId);
     const issueNumber = thread?.issueNumber;
 
-    if (!isGitHubConfigured() || !thread) return;
+    if (!adapter.isConfigured() || !thread) return;
 
     // If the thread hasn't finished creating its issue yet, create it now, then backfill any local-only comments.
     const ensureIssueAndBackfill = async () => {
@@ -591,7 +594,7 @@ export const CommentProvider: React.FunctionComponent<{ children: React.ReactNod
         let ensuredIssueUrl = thread.issueUrl;
 
         if (!ensuredIssueNumber) {
-          const created = await githubAdapter.createIssue({
+          const created = await adapter.createIssue({
             title: `Feedback: ${thread.route}`,
             body: `Thread created from pin${thread.elementDescription ? ` on ${thread.elementDescription}` : ''}.`,
             route: thread.route,
@@ -672,7 +675,7 @@ export const CommentProvider: React.FunctionComponent<{ children: React.ReactNod
           }
 
           const body = buildGitHubReplyBody(c.text, resolvedParentGitHubId ? { ...parentForBody, githubCommentId: resolvedParentGitHubId } : parentForBody);
-          const res = await githubAdapter.createComment(ensuredIssueNumber!, body);
+          const res = await adapter.createComment(ensuredIssueNumber!, body);
           if (!res.success || !res.data?.id) {
             throw new Error(res.error || 'Failed to create GitHub comment');
           }
@@ -711,7 +714,7 @@ export const CommentProvider: React.FunctionComponent<{ children: React.ReactNod
       }
 
       const body = buildGitHubReplyBody(text, parent);
-      githubAdapter
+      adapter
         .createComment(issueNumber, body)
         .then((result) => {
           if (!result.success) throw new Error(result.error || 'Failed to create GitHub comment');
@@ -758,8 +761,8 @@ export const CommentProvider: React.FunctionComponent<{ children: React.ReactNod
       }),
     );
 
-    if (isGitHubConfigured() && issueNumber && githubCommentId) {
-      githubAdapter.updateComment(githubCommentId, text).then((result) => {
+    if (adapter.isConfigured() && issueNumber && githubCommentId) {
+      adapter.updateComment(githubCommentId, text).then((result) => {
         if (result.success) {
           setThreads((prev) =>
             prev.map((t) => (t.id === threadId ? { ...t, syncStatus: 'synced', syncError: undefined } : t)),
@@ -787,7 +790,7 @@ export const CommentProvider: React.FunctionComponent<{ children: React.ReactNod
       issueNumber,
       githubCommentId,
       hasExistingComment: !!existingComment,
-      isGitHubConfigured: isGitHubConfigured(),
+      isGitHubConfigured: adapter.isConfigured(),
     });
 
     // Remove from local state immediately (optimistic delete)
@@ -804,10 +807,10 @@ export const CommentProvider: React.FunctionComponent<{ children: React.ReactNod
     );
 
     // Attempt GitHub deletion if applicable
-    if (isGitHubConfigured() && issueNumber && githubCommentId) {
+    if (adapter.isConfigured() && issueNumber && githubCommentId) {
       console.log(`🔵 Attempting to delete GitHub comment #${githubCommentId} on issue #${issueNumber}`);
 
-      githubAdapter.deleteComment(githubCommentId).then((result) => {
+      adapter.deleteComment(githubCommentId).then((result) => {
         if (result.success) {
           console.log(`✅ Successfully deleted GitHub comment #${githubCommentId}`);
           setThreads((prev) =>
@@ -853,7 +856,7 @@ export const CommentProvider: React.FunctionComponent<{ children: React.ReactNod
       });
     } else {
       console.log(`ℹ️ GitHub deletion skipped:`, {
-        reason: !isGitHubConfigured()
+        reason: !adapter.isConfigured()
           ? 'GitHub not configured'
           : !issueNumber
           ? 'No issue number'
@@ -878,10 +881,10 @@ export const CommentProvider: React.FunctionComponent<{ children: React.ReactNod
     // Keep the thread selected so the UI can switch to a "Reopen" state (GitHub-like)
 
     // Sync close to GitHub
-    if (isGitHubConfigured() && issueNumber) {
+    if (adapter.isConfigured() && issueNumber) {
       console.log(`🔵 Closing GitHub issue #${issueNumber}...`);
 
-      githubAdapter.closeIssue(issueNumber).then((result) => {
+      adapter.closeIssue(issueNumber).then((result) => {
         if (result.success) {
           console.log(`✅ Successfully closed GitHub issue #${issueNumber}`);
           setThreads((prev) =>
@@ -913,10 +916,10 @@ export const CommentProvider: React.FunctionComponent<{ children: React.ReactNod
     );
 
     // Sync reopen to GitHub
-    if (isGitHubConfigured() && issueNumber) {
+    if (adapter.isConfigured() && issueNumber) {
       console.log(`🔵 Reopening GitHub issue #${issueNumber}...`);
 
-      githubAdapter.reopenIssue(issueNumber).then((result) => {
+      adapter.reopenIssue(issueNumber).then((result) => {
         if (result.success) {
           console.log(`✅ Successfully reopened GitHub issue #${issueNumber}`);
           setThreads((prev) =>
@@ -944,7 +947,7 @@ export const CommentProvider: React.FunctionComponent<{ children: React.ReactNod
     setThreads((prev) => prev.filter((t) => t.id !== threadId));
     if (selectedThreadId === threadId) setSelectedThreadId(null);
 
-    if (!isGitHubConfigured()) return;
+    if (!adapter.isConfigured()) return;
 
     if (!issueNumber) {
       // Issue may still be creating; mark so we can close it once we get the number.
@@ -959,7 +962,7 @@ export const CommentProvider: React.FunctionComponent<{ children: React.ReactNod
     pendingCloseIssueNumbersRef.current.add(issueNumber);
     writeNumberSet(PENDING_CLOSE_ISSUES_KEY, pendingCloseIssueNumbersRef.current);
 
-    githubAdapter.closeIssue(issueNumber).then((result) => {
+    adapter.closeIssue(issueNumber).then((result) => {
       if (result.success) {
         pendingCloseIssueNumbersRef.current.delete(issueNumber);
         writeNumberSet(PENDING_CLOSE_ISSUES_KEY, pendingCloseIssueNumbersRef.current);
@@ -974,7 +977,7 @@ export const CommentProvider: React.FunctionComponent<{ children: React.ReactNod
   };
 
   const retrySync = async () => {
-    if (!isGitHubConfigured()) return;
+    if (!adapter.isConfigured()) return;
     setSyncInFlightCount((c) => c + 1);
     try {
       const current = threadsRef.current;
@@ -985,7 +988,7 @@ export const CommentProvider: React.FunctionComponent<{ children: React.ReactNod
         if (t.syncStatus !== 'error' && t.syncStatus !== 'pending' && t.syncStatus !== 'syncing' && t.syncStatus !== 'local') continue;
 
         setThreads((prev) => prev.map((x) => (x.id === t.id ? { ...x, syncStatus: 'syncing', syncError: undefined } : x)));
-        const created = await githubAdapter.createIssue({
+        const created = await adapter.createIssue({
           title: `Feedback: ${t.route}`,
           body: `Thread created from pin${t.elementDescription ? ` on ${t.elementDescription}` : ''}.`,
           route: t.route,
@@ -1021,7 +1024,7 @@ export const CommentProvider: React.FunctionComponent<{ children: React.ReactNod
         setThreads((prev) => prev.map((x) => (x.id === t.id ? { ...x, syncStatus: 'syncing', syncError: undefined } : x)));
 
         for (const c of localOnly) {
-          const res = await githubAdapter.createComment(t.issueNumber, c.text);
+          const res = await adapter.createComment(t.issueNumber, c.text);
           if (res.success && res.data?.id) {
             const newId = res.data.id as number;
             setThreads((prev) =>