@aion0/forge 0.3.3 → 0.3.4

package/components/ProjectManager.tsx

@@ -77,7 +77,15 @@ export default function ProjectManager() {
   const [diffFile, setDiffFile] = useState<string | null>(null);
   const [projectSkills, setProjectSkills] = useState<{ name: string; displayName: string; type: string; scope: string; version: string; installedVersion: string; hasUpdate: boolean; source: 'registry' | 'local' }[]>([]);
   const [showSkillsDetail, setShowSkillsDetail] = useState(false);
-  const [projectTab, setProjectTab] = useState<'code' | 'skills' | 'claudemd'>('code');
+  const [projectTab, setProjectTab] = useState<'code' | 'skills' | 'claudemd' | 'issues'>('code');
+  // Issue autofix state
+  const [issueConfig, setIssueConfig] = useState<{ enabled: boolean; interval: number; labels: string[]; baseBranch: string } | null>(null);
+  const [issueProcessed, setIssueProcessed] = useState<{ issueNumber: number; pipelineId: string; prNumber: number | null; status: string; createdAt: string }[]>([]);
+  const [issueScanning, setIssueScanning] = useState(false);
+  const [issueManualId, setIssueManualId] = useState('');
+  const [issueNextScan, setIssueNextScan] = useState<string | null>(null);
+  const [issueLastScan, setIssueLastScan] = useState<string | null>(null);
+  const [retryModal, setRetryModal] = useState<{ issueNumber: number; context: string } | null>(null);
   const [claudeMdContent, setClaudeMdContent] = useState('');
   const [claudeMdExists, setClaudeMdExists] = useState(false);
   const [claudeTemplates, setClaudeTemplates] = useState<{ id: string; name: string; description: string; tags: string[]; builtin: boolean; content: string }[]>([]);
@@ -223,6 +231,59 @@ export default function ProjectManager() {
     if (selectedProject) fetchProjectSkills(selectedProject.path);
   };
 
+  const fetchIssueConfig = useCallback(async (projectPath: string) => {
+    try {
+      const res = await fetch(`/api/issue-scanner?project=${encodeURIComponent(projectPath)}`);
+      const data = await res.json();
+      setIssueConfig(data.config || { enabled: false, interval: 30, labels: [], baseBranch: '' });
+      setIssueProcessed(data.processed || []);
+      setIssueLastScan(data.lastScan || null);
+      setIssueNextScan(data.nextScan || null);
+    } catch {}
+  }, []);
+
+  const saveIssueConfig = async (projectPath: string, config: any) => {
+    await fetch('/api/issue-scanner', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ action: 'save-config', projectPath, projectName: selectedProject?.name, ...config }),
+    });
+    fetchIssueConfig(projectPath);
+  };
+
+  const scanNow = async (projectPath: string) => {
+    setIssueScanning(true);
+    try {
+      const res = await fetch('/api/issue-scanner', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ action: 'scan', projectPath }),
+      });
+      const data = await res.json();
+      if (data.error) {
+        alert(data.error);
+      } else if (data.triggered > 0) {
+        alert(`Triggered ${data.triggered} issue fix(es): #${data.issues.join(', #')}`);
+      } else {
+        alert(`Scanned ${data.total} open issues — no new issues to process`);
+      }
+      await fetchIssueConfig(projectPath);
+    } catch (e) {
+      alert('Scan failed');
+    }
+    setIssueScanning(false);
+  };
+
+  const triggerIssue = async (projectPath: string, issueId: string) => {
+    await fetch('/api/issue-scanner', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ action: 'trigger', projectPath, issueId, projectName: selectedProject?.name }),
+    });
+    setIssueManualId('');
+    fetchIssueConfig(projectPath);
+  };
+
   const fetchClaudeMd = useCallback(async (projectPath: string) => {
     try {
       const [contentRes, statusRes, listRes] = await Promise.all([
@@ -338,10 +399,14 @@ export default function ProjectManager() {
     setFileContent(null);
     setGitResult(null);
     setCommitMsg('');
+    setIssueConfig(null);
+    setIssueProcessed([]);
     fetchGitInfo(p);
     fetchTree(p);
     fetchProjectSkills(p.path);
-  }, [fetchGitInfo, fetchTree, fetchProjectSkills]);
+    if (projectTab === 'issues') fetchIssueConfig(p.path);
+    if (projectTab === 'claudemd') fetchClaudeMd(p.path);
+  }, [fetchGitInfo, fetchTree, fetchProjectSkills, fetchIssueConfig, fetchClaudeMd, projectTab]);
 
   const openFile = useCallback(async (path: string) => {
     if (!selectedProject) return;
@@ -543,6 +608,15 @@ export default function ProjectManager() {
                     CLAUDE.md
                     {claudeMdExists && <span className="ml-1 text-[8px] text-[var(--green)]">•</span>}
                   </button>
+                  <button
+                    onClick={() => { setProjectTab('issues'); if (selectedProject) fetchIssueConfig(selectedProject.path); }}
+                    className={`text-[9px] px-2 py-0.5 rounded transition-colors ${
+                      projectTab === 'issues' ? 'bg-[var(--bg-secondary)] text-[var(--text-primary)] shadow-sm' : 'text-[var(--text-secondary)] hover:text-[var(--text-primary)]'
+                    }`}
+                  >
+                    Issues
+                    {issueConfig?.enabled && <span className="ml-1 text-[8px] text-[var(--green)]">•</span>}
+                  </button>
                 </div>
               </div>
               {projectTab === 'code' && gitInfo?.lastCommit && (
@@ -851,6 +925,157 @@ export default function ProjectManager() {
               </div>
             )}
 
+            {/* Issues tab — auto-fix config + history */}
+            {projectTab === 'issues' && selectedProject && issueConfig && (
+              <div className="flex-1 overflow-auto p-4 space-y-4">
+                {/* Config */}
+                <div className="space-y-3">
+                  <div className="flex items-center gap-3">
+                    <label className="flex items-center gap-2 cursor-pointer">
+                      <input
+                        type="checkbox"
+                        checked={issueConfig.enabled}
+                        onChange={e => setIssueConfig({ ...issueConfig, enabled: e.target.checked })}
+                        className="accent-[var(--accent)]"
+                      />
+                      <span className="text-[11px] text-[var(--text-primary)] font-semibold">Enable Issue Auto-fix</span>
+                    </label>
+                    {issueConfig.enabled && (<>
+                      <button
+                        onClick={() => scanNow(selectedProject.path)}
+                        disabled={issueScanning}
+                        className="text-[9px] px-2 py-0.5 border border-[var(--accent)] text-[var(--accent)] rounded hover:bg-[var(--accent)] hover:text-white disabled:opacity-50"
+                      >
+                        {issueScanning ? 'Scanning...' : 'Scan Now'}
+                      </button>
+                      {issueLastScan && (
+                        <span className="text-[8px] text-[var(--text-secondary)]">
+                          Last: {new Date(issueLastScan).toLocaleTimeString()}
+                        </span>
+                      )}
+                      {issueNextScan && (
+                        <span className="text-[8px] text-[var(--text-secondary)]">
+                          Next: {new Date(issueNextScan).toLocaleTimeString()}
+                        </span>
+                      )}
+                    </> )}
+                  </div>
+
+                  {issueConfig.enabled && (
+                    <div className="grid grid-cols-2 gap-3">
+                      <div>
+                        <label className="text-[9px] text-[var(--text-secondary)] block mb-1">Scan Interval (minutes, 0=manual)</label>
+                        <input
+                          type="number"
+                          value={issueConfig.interval}
+                          onChange={e => setIssueConfig({ ...issueConfig, interval: parseInt(e.target.value) || 0 })}
+                          className="w-full px-2 py-1 bg-[var(--bg-tertiary)] border border-[var(--border)] rounded text-[10px] text-[var(--text-primary)]"
+                        />
+                      </div>
+                      <div>
+                        <label className="text-[9px] text-[var(--text-secondary)] block mb-1">Base Branch (empty=auto)</label>
+                        <input
+                          type="text"
+                          value={issueConfig.baseBranch}
+                          onChange={e => setIssueConfig({ ...issueConfig, baseBranch: e.target.value })}
+                          placeholder="main"
+                          className="w-full px-2 py-1 bg-[var(--bg-tertiary)] border border-[var(--border)] rounded text-[10px] text-[var(--text-primary)]"
+                        />
+                      </div>
+                      <div className="col-span-2">
+                        <label className="text-[9px] text-[var(--text-secondary)] block mb-1">Labels Filter (comma-separated, empty=all)</label>
+                        <input
+                          type="text"
+                          value={issueConfig.labels.join(', ')}
+                          onChange={e => setIssueConfig({ ...issueConfig, labels: e.target.value.split(',').map(s => s.trim()).filter(Boolean) })}
+                          placeholder="bug, fix"
+                          className="w-full px-2 py-1 bg-[var(--bg-tertiary)] border border-[var(--border)] rounded text-[10px] text-[var(--text-primary)]"
+                        />
+                      </div>
+                    </div>
+                  )}
+                  <div className="mt-3">
+                    <button
+                      onClick={() => saveIssueConfig(selectedProject.path, issueConfig)}
+                      className="text-[10px] px-4 py-1.5 bg-[var(--accent)] text-white rounded hover:opacity-90"
+                    >Save Configuration</button>
+                  </div>
+                </div>
+
+                {/* Manual trigger */}
+                <div className="border-t border-[var(--border)] pt-3">
+                  <div className="text-[9px] text-[var(--text-secondary)] uppercase mb-2">Manual Trigger</div>
+                  <div className="flex gap-2">
+                    <input
+                      type="text"
+                      value={issueManualId}
+                      onChange={e => setIssueManualId(e.target.value)}
+                      placeholder="Issue #"
+                      className="w-24 px-2 py-1 bg-[var(--bg-tertiary)] border border-[var(--border)] rounded text-[10px] text-[var(--text-primary)]"
+                    />
+                    <button
+                      onClick={() => issueManualId && triggerIssue(selectedProject.path, issueManualId)}
+                      disabled={!issueManualId}
+                      className="text-[9px] px-3 py-1 bg-[var(--accent)] text-white rounded hover:opacity-90 disabled:opacity-50"
+                    >Fix Issue</button>
+                  </div>
+                </div>
+
+                {/* History */}
+                {issueProcessed.length > 0 && (
+                  <div className="border-t border-[var(--border)] pt-3">
+                    <div className="text-[9px] text-[var(--text-secondary)] uppercase mb-2">Processed Issues</div>
+                    <div className="border border-[var(--border)] rounded overflow-hidden">
+                      {issueProcessed.map(p => (
+                        <div key={p.issueNumber} className="border-b border-[var(--border)]/30 last:border-b-0">
+                          <div className="flex items-center gap-2 px-3 py-1.5 text-[10px]">
+                            <span className="text-[var(--text-primary)] font-mono">#{p.issueNumber}</span>
+                            <span className={`text-[8px] px-1 rounded ${
+                              p.status === 'done' ? 'bg-green-500/10 text-green-400' :
+                              p.status === 'failed' ? 'bg-red-500/10 text-red-400' :
+                              'bg-yellow-500/10 text-yellow-400'
+                            }`}>{p.status}</span>
+                            {p.prNumber && <span className="text-[var(--accent)]">PR #{p.prNumber}</span>}
+                            {p.pipelineId && (
+                              <button
+                                onClick={() => {
+                                  const event = new CustomEvent('forge:view-pipeline', { detail: { pipelineId: p.pipelineId } });
+                                  window.dispatchEvent(event);
+                                }}
+                                className="text-[8px] text-[var(--text-secondary)] hover:text-[var(--accent)] font-mono"
+                                title="View pipeline"
+                              >{p.pipelineId.slice(0, 8)}</button>
+                            )}
+                            <span className="text-[var(--text-secondary)] text-[8px]">{p.createdAt}</span>
+                            <div className="ml-auto flex gap-1">
+                              {(p.status === 'failed' || p.status === 'done' || p.status === 'processing') && (
+                                <button
+                                  onClick={() => setRetryModal({ issueNumber: p.issueNumber, context: '' })}
+                                  className="text-[8px] text-[var(--accent)] hover:underline"
+                                >Retry</button>
+                              )}
+                              <button
+                                onClick={async () => {
+                                  if (!confirm(`Delete record for issue #${p.issueNumber}?`)) return;
+                                  await fetch('/api/issue-scanner', {
+                                    method: 'POST',
+                                    headers: { 'Content-Type': 'application/json' },
+                                    body: JSON.stringify({ action: 'reset', projectPath: selectedProject!.path, issueId: p.issueNumber }),
+                                  });
+                                  fetchIssueConfig(selectedProject!.path);
+                                }}
+                                className="text-[8px] text-[var(--text-secondary)] hover:text-[var(--red)]"
+                              >Delete</button>
+                            </div>
+                          </div>
+                        </div>
+                      ))}
+                    </div>
+                  </div>
+                )}
+              </div>
+            )}
+
             {/* Git panel — bottom (code tab only) */}
             {projectTab === 'code' && gitInfo && (
               <div className="border-t border-[var(--border)] shrink-0">
@@ -938,6 +1163,52 @@ export default function ProjectManager() {
           </div>
         )}
       </div>
+
+      {/* Retry modal */}
+      {retryModal && (
+        <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/50" onClick={() => setRetryModal(null)}>
+          <div className="bg-[var(--bg-secondary)] border border-[var(--border)] rounded-lg shadow-xl w-[420px] max-h-[80vh] flex flex-col" onClick={e => e.stopPropagation()}>
+            <div className="px-4 py-3 border-b border-[var(--border)]">
+              <h3 className="text-sm font-semibold text-[var(--text-primary)]">Retry Issue #{retryModal.issueNumber}</h3>
+              <p className="text-[10px] text-[var(--text-secondary)] mt-0.5">Add context to help the AI fix the issue better this time.</p>
+            </div>
+            <div className="p-4">
+              <textarea
+                value={retryModal.context}
+                onChange={e => setRetryModal({ ...retryModal, context: e.target.value })}
+                placeholder="e.g. The previous fix caused a merge conflict. Rebase from main first, then fix only the validation logic in src/utils.ts..."
+                className="w-full h-32 px-3 py-2 bg-[var(--bg-tertiary)] border border-[var(--border)] rounded text-[11px] text-[var(--text-primary)] placeholder:text-[var(--text-secondary)]/50 resize-none focus:outline-none focus:border-[var(--accent)]"
+                autoFocus
+              />
+            </div>
+            <div className="px-4 py-3 border-t border-[var(--border)] flex justify-end gap-2">
+              <button
+                onClick={() => setRetryModal(null)}
+                className="text-[11px] px-3 py-1.5 text-[var(--text-secondary)] hover:text-[var(--text-primary)]"
+              >Cancel</button>
+              <button
+                onClick={async () => {
+                  if (!selectedProject) return;
+                  await fetch('/api/issue-scanner', {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({
+                      action: 'retry',
+                      projectPath: selectedProject.path,
+                      projectName: selectedProject.name,
+                      issueId: retryModal.issueNumber,
+                      context: retryModal.context,
+                    }),
+                  });
+                  setRetryModal(null);
+                  fetchIssueConfig(selectedProject.path);
+                }}
+                className="text-[11px] px-4 py-1.5 bg-[var(--accent)] text-white rounded hover:opacity-90"
+              >Retry</button>
+            </div>
+          </div>
+        </div>
+      )}
     </div>
   );
 }

package/components/SkillsPanel.tsx

@@ -19,6 +19,7 @@ interface Skill {
   installedVersion: string;
   hasUpdate: boolean;
   installedProjects: string[];
+  deletedRemotely: boolean;
 }
 
 interface ProjectInfo {
@@ -315,8 +316,9 @@ export default function SkillsPanel({ projectFilter }: { projectFilter?: string
                     {skill.tags.slice(0, 2).map(t => (
                       <span key={t} className="text-[7px] px-1 rounded bg-[var(--bg-tertiary)] text-[var(--text-secondary)]">{t}</span>
                     ))}
-                    {skill.hasUpdate && <span className="text-[8px] text-[var(--yellow)] ml-auto">update</span>}
-                    {isInstalled && !skill.hasUpdate && <span className="text-[8px] text-[var(--green)] ml-auto">installed</span>}
+                    {skill.deletedRemotely && <span className="text-[8px] text-[var(--red)] ml-auto">deleted remotely</span>}
+                    {!skill.deletedRemotely && skill.hasUpdate && <span className="text-[8px] text-[var(--yellow)] ml-auto">update</span>}
+                    {!skill.deletedRemotely && isInstalled && !skill.hasUpdate && <span className="text-[8px] text-[var(--green)] ml-auto">installed</span>}
                   </div>
                 </div>
               );
@@ -421,7 +423,8 @@ export default function SkillsPanel({ projectFilter }: { projectFilter?: string
                         (skill?.type || localItem?.type) === 'skill' ? 'bg-purple-500/20 text-purple-400' : 'bg-blue-500/20 text-blue-400'
                       }`}>{(skill?.type || localItem?.type) === 'skill' ? 'Skill' : 'Command'}</span>
                       {isLocal && <span className="text-[7px] px-1 rounded bg-green-500/10 text-green-400">local</span>}
-                      {skill && <span className="text-[9px] text-[var(--text-secondary)] font-mono">v{skill.version}</span>}
+                      {skill?.deletedRemotely && <span className="text-[7px] px-1.5 py-0.5 rounded bg-red-500/20 text-red-400 font-medium">Deleted remotely</span>}
+                      {skill && !skill.deletedRemotely && <span className="text-[9px] text-[var(--text-secondary)] font-mono">v{skill.version}</span>}
                       {skill?.installedVersion && skill.installedVersion !== skill.version && (
                         <span className="text-[9px] text-[var(--yellow)] font-mono">installed: v{skill.installedVersion}</span>
                       )}
@@ -433,7 +436,7 @@ export default function SkillsPanel({ projectFilter }: { projectFilter?: string
                       {skill && skill.score > 0 && <span className="text-[9px] text-[var(--text-secondary)]">{skill.score}pt</span>}
 
                       {/* Update button */}
-                      {skill?.hasUpdate && (
+                      {skill?.hasUpdate && !skill.deletedRemotely && (
                         <button
                           onClick={async () => {
                             if (skill.installedGlobal) await install(skill.name, 'global');
@@ -445,6 +448,25 @@ export default function SkillsPanel({ projectFilter }: { projectFilter?: string
                         </button>
                       )}
 
+                      {/* Delete button for skills removed from remote registry */}
+                      {skill?.deletedRemotely && (
+                        <button
+                          onClick={async () => {
+                            if (!confirm(`"${skill.name}" was deleted from the remote repository.\n\nDelete the local installation as well?`)) return;
+                            await fetch('/api/skills', {
+                              method: 'POST',
+                              headers: { 'Content-Type': 'application/json' },
+                              body: JSON.stringify({ action: 'purge-deleted', name: skill.name }),
+                            });
+                            setExpandedSkill(null);
+                            fetchSkills();
+                          }}
+                          className="text-[9px] px-2 py-1 bg-red-500/20 text-red-400 border border-red-500/40 rounded hover:bg-red-500/30 transition-colors ml-auto"
+                        >
+                          Delete local
+                        </button>
+                      )}
+
                       {/* Local item actions: install to other projects, delete */}
                       {isLocal && localItem && (
                         <>
@@ -505,8 +527,8 @@ export default function SkillsPanel({ projectFilter }: { projectFilter?: string
                         </>
                       )}
 
-                      {/* Install dropdown — registry items only */}
-                      {skill && <div className="relative ml-auto">
+                      {/* Install dropdown — registry items only (not deleted remotely) */}
+                      {skill && !skill.deletedRemotely && <div className="relative ml-auto">
                         <button
                           onClick={() => setInstallTarget(prev =>
                             prev.skill === skill.name && prev.show ? { skill: '', show: false } : { skill: skill.name, show: true }

package/components/WebTerminal.tsx

@@ -42,15 +42,16 @@ interface TabState {
 // ─── Layout persistence ──────────────────────────────────────
 
 function getWsUrl() {
-  if (typeof window === 'undefined') return 'ws://localhost:3001';
+  if (typeof window === 'undefined') return `ws://localhost:${parseInt(process.env.TERMINAL_PORT || '3001')}`;
   const wsProtocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
   const wsHost = window.location.hostname;
   // When accessed via tunnel or non-localhost, use the Next.js proxy path
-  // so the WS goes through the same origin (no need to expose port 3001)
   if (wsHost !== 'localhost' && wsHost !== '127.0.0.1') {
     return `${wsProtocol}//${window.location.host}/terminal-ws`;
   }
-  return `${wsProtocol}//${wsHost}:3001`;
+  // Terminal port = web port + 1
+  const webPort = parseInt(window.location.port) || 3000;
+  return `${wsProtocol}//${wsHost}:${webPort + 1}`;
 }
 
 /** Load shared terminal state via API (always available, doesn't depend on terminal WebSocket server) */

package/lib/cloudflared.ts

@@ -129,7 +129,7 @@ function pushLog(line: string) {
   if (state.log.length > MAX_LOG_LINES) state.log.shift();
 }
 
-export async function startTunnel(localPort: number = 3000): Promise<{ url?: string; error?: string }> {
+export async function startTunnel(localPort: number = parseInt(process.env.PORT || '3000')): Promise<{ url?: string; error?: string }> {
   // Check if this worker already has a process
   if (state.process) {
     return state.url ? { url: state.url } : { error: 'Tunnel is starting...' };

package/lib/init.ts

@@ -92,6 +92,12 @@ export function ensureInitialized() {
   // Session watcher is safe (file-based, idempotent)
   startWatcherLoop();
 
+  // Issue scanner — auto-scan GitHub issues for configured projects
+  try {
+    const { startScanner } = require('./issue-scanner');
+    startScanner();
+  } catch {}
+
   // If services are managed externally (forge-server), skip
   if (process.env.FORGE_EXTERNAL_SERVICES === '1') {
     // Password display