@mndrk/agx 2.3.3 → 2.4.1

package/cloud-runtime/standalone/apps/local/components/{linear/LinearWorkerConfig.tsx → tracker/TrackerWorkerConfig.tsx}

@@ -5,9 +5,9 @@ import dynamic from "next/dynamic";
 import { ChevronDown, ChevronRight, Play, RefreshCw } from "lucide-react";
 import { ScheduleConditionPicker, SimpleDropdown } from "@/components/scheduling/ScheduleConditionPicker";
 import {
-  LINEAR_WORKER_DEFAULT_PROMPT,
-  LINEAR_WORKER_DEFAULT_SCRIPT_PROMPT,
-} from "@/src/prompt-scheduler/linear-worker-constants";
+  TASK_WORKER_DEFAULT_PROMPT,
+  TASK_WORKER_DEFAULT_SCRIPT_PROMPT,
+} from "@/src/prompt-scheduler/task-worker-constants";
 import type { PromptJob } from "@/src/prompt-scheduler/types";
 
 const RichTextEditor = dynamic(() => import("@/components/RichTextEditor"), {
@@ -19,7 +19,7 @@ interface TeamOption {
   name: string;
 }
 
-interface LinearWorkerConfigProps {
+interface TrackerWorkerConfigProps {
   projectId?: string;
   onJobLoaded?: (jobId: string | null) => void;
 }
@@ -86,18 +86,18 @@ function CollapsibleSection({
   );
 }
 
-export default function LinearWorkerConfig({
+export default function TrackerWorkerConfig({
   projectId,
   onJobLoaded,
-}: LinearWorkerConfigProps) {
+}: TrackerWorkerConfigProps) {
   const [job, setJob] = useState<PromptJob | null>(null);
   const [teams, setTeams] = useState<TeamOption[]>([]);
   const [loading, setLoading] = useState(true);
   const [saving, setSaving] = useState(false);
 
   // Form state
-  const [prompt, setPrompt] = useState(LINEAR_WORKER_DEFAULT_PROMPT);
-  const [scriptPrompt, setScriptPrompt] = useState(LINEAR_WORKER_DEFAULT_SCRIPT_PROMPT);
+  const [prompt, setPrompt] = useState(TASK_WORKER_DEFAULT_PROMPT);
+  const [scriptPrompt, setScriptPrompt] = useState(TASK_WORKER_DEFAULT_SCRIPT_PROMPT);
   const [cadence, setCadence] = useState("*/30 * * * *");
   const [condition, setCondition] = useState("");
   const [teamId, setTeamId] = useState("");
@@ -117,8 +117,8 @@ export default function LinearWorkerConfig({
       const data = await res.json();
       if (data.job) {
         setJob(data.job);
-        setPrompt(data.job.prompt || LINEAR_WORKER_DEFAULT_PROMPT);
-        setScriptPrompt(data.job.scriptPrompt || LINEAR_WORKER_DEFAULT_SCRIPT_PROMPT);
+        setPrompt(data.job.prompt || TASK_WORKER_DEFAULT_PROMPT);
+        setScriptPrompt(data.job.scriptPrompt || TASK_WORKER_DEFAULT_SCRIPT_PROMPT);
         setCadence(data.job.cronExpr || data.job.cadence || "*/30 * * * *");
         setCondition(data.job.condition || "");
         setTeamId(data.job.teamId || "");
@@ -245,7 +245,7 @@ export default function LinearWorkerConfig({
     return (
       <div className="flex items-center gap-2 py-12 justify-center text-sm text-[var(--muted-foreground)]">
         <RefreshCw size={14} className="animate-spin" />
-        Loading Linear Worker...
+        Loading Worker...
       </div>
     );
   }
@@ -368,7 +368,7 @@ export default function LinearWorkerConfig({
                 ariaLabel="Select team"
               />
               <p className="mt-1.5 text-[10px] text-[var(--muted-foreground)]">
-                Agents in this team become default participants of the linear chat.
+                Agents in this team become default participants of the tracker chat.
               </p>
             </div>
           )}

package/cloud-runtime/standalone/apps/local/components/{linear/LinearWorkerRunLog.tsx → tracker/TrackerWorkerRunLog.tsx}

@@ -4,7 +4,7 @@ import { useCallback, useEffect, useRef, useState } from "react";
 import { RefreshCw, CheckCircle2, XCircle, Clock, Loader2, Ban } from "lucide-react";
 import type { PromptRun } from "@/src/prompt-scheduler/types";
 
-interface LinearWorkerRunLogProps {
+interface TrackerWorkerRunLogProps {
   jobId: string | null;
 }
 
@@ -47,7 +47,7 @@ function statusColor(status: PromptRun["status"]): string {
 }
 
 function formatDuration(ms: number | null): string {
-  if (ms === null) return "—";
+  if (ms === null) return "\u2014";
   if (ms < 1000) return `${ms}ms`;
   if (ms < 60_000) return `${(ms / 1000).toFixed(1)}s`;
   if (ms < 3_600_000) return `${Math.round(ms / 60_000)}m ${Math.round((ms % 60_000) / 1000)}s`;
@@ -55,7 +55,7 @@ function formatDuration(ms: number | null): string {
 }
 
 function formatTime(iso: string | null): string {
-  if (!iso) return "—";
+  if (!iso) return "\u2014";
   const d = new Date(iso);
   return d.toLocaleString(undefined, {
     month: "short",
@@ -66,7 +66,7 @@ function formatTime(iso: string | null): string {
   });
 }
 
-export default function LinearWorkerRunLog({ jobId }: LinearWorkerRunLogProps) {
+export default function TrackerWorkerRunLog({ jobId }: TrackerWorkerRunLogProps) {
   const [runs, setRuns] = useState<PromptRun[]>([]);
   const [loading, setLoading] = useState(true);
   const [expandedId, setExpandedId] = useState<string | null>(null);

package/cloud-runtime/standalone/apps/local/components/tracking/TaskTrackingNav.tsx

@@ -0,0 +1,125 @@
+"use client";
+
+import Link from "next/link";
+import { Plus, AlertTriangle } from "lucide-react";
+import { TrackerIcon } from "./TrackerIcon";
+
+interface TrackerEntry {
+  type: string;
+  connected: boolean;
+  connectedAt: string;
+}
+
+interface TaskTrackingNavProps {
+  projectSlug: string;
+  trackerConnections: TrackerEntry[];
+  activeTrackerType?: string | null;
+  /** Currently active project view — used for highlight state */
+  isTrackingActive: boolean;
+  onLinkClick?: () => void;
+}
+
+/** Display name mapping for known tracker types */
+const TRACKER_LABELS: Record<string, string> = {
+  linear: "Linear",
+  jira: "Jira",
+  intercom: "Intercom",
+  freshdesk: "Freshdesk",
+  github: "GitHub Issues",
+};
+
+function getTrackerLabel(type: string): string {
+  return TRACKER_LABELS[type] ?? type.charAt(0).toUpperCase() + type.slice(1);
+}
+
+/**
+ * Expandable "Task Tracking" sidebar nav section.
+ *
+ * States:
+ * - No trackers connected: shows only "+ Connect"
+ * - One tracker connected: shows just that tracker (no "+ Connect" — keep it clean)
+ * - Multiple trackers: shows each tracker + "+ Connect"
+ * - Auth expired: shows warning badge on the affected tracker
+ */
+export function TaskTrackingNav({
+  projectSlug,
+  trackerConnections,
+  activeTrackerType,
+  isTrackingActive,
+  onLinkClick,
+}: TaskTrackingNavProps) {
+  // Sort by connectedAt (oldest first) for stable ordering
+  const sorted = [...trackerConnections].sort(
+    (a, b) => new Date(a.connectedAt).getTime() - new Date(b.connectedAt).getTime()
+  );
+  const connectedTrackers = sorted.filter((t) => t.connected);
+  const disconnectedTrackers = sorted.filter((t) => !t.connected);
+  const showConnectLink = true;
+
+  return (
+    <>
+      {/* No trackers connected — just show + Connect */}
+      {connectedTrackers.length === 0 && disconnectedTrackers.length === 0 && (
+        <div className="workspace-sidebar__workspace-item">
+          <Link
+            href={`/projects/${projectSlug}/tracking/connect`}
+            onClick={onLinkClick}
+            className={`workspace-sidebar__nav-item ${isTrackingActive ? "workspace-sidebar__nav-item--active" : ""}`}
+          >
+            <Plus size={14} className="flex-shrink-0 text-[var(--muted-foreground)]" />
+            <span className="workspace-sidebar__workspace-title text-sm text-[var(--muted-foreground)]">Connect Tracker</span>
+          </Link>
+        </div>
+      )}
+
+      {/* Connected trackers — one entry per tracker */}
+      {connectedTrackers.map((tracker) => {
+        const isActive = isTrackingActive && activeTrackerType === tracker.type;
+        return (
+          <div key={tracker.type} className="workspace-sidebar__workspace-item">
+            <Link
+              href={`/projects/${projectSlug}/tracking/${tracker.type}`}
+              onClick={onLinkClick}
+              className={`workspace-sidebar__nav-item ${isActive ? "workspace-sidebar__nav-item--active" : ""}`}
+              aria-current={isActive ? "page" : undefined}
+            >
+              <TrackerIcon trackerType={tracker.type} className="flex-shrink-0 h-3.5 w-3.5 text-[var(--muted-foreground)]" />
+              <span className="workspace-sidebar__workspace-title text-sm">{getTrackerLabel(tracker.type)}</span>
+            </Link>
+          </div>
+        );
+      })}
+
+      {/* Disconnected trackers (auth expired) — show with warning */}
+      {disconnectedTrackers.map((tracker) => (
+        <div key={tracker.type} className="workspace-sidebar__workspace-item">
+          <Link
+            href={`/projects/${projectSlug}/tracking/${tracker.type}`}
+            onClick={onLinkClick}
+            className="workspace-sidebar__nav-item"
+          >
+            <TrackerIcon trackerType={tracker.type} className="flex-shrink-0 h-3.5 w-3.5 text-[var(--muted-foreground)]" />
+            <span className="workspace-sidebar__workspace-title text-sm">{getTrackerLabel(tracker.type)}</span>
+            <span className="ml-auto shrink-0" title="Connection issue — click to reconnect">
+              <AlertTriangle size={12} className="text-yellow-500" />
+            </span>
+          </Link>
+        </div>
+      ))}
+
+      {/* + Connect — shown when 0 or 2+ trackers connected */}
+      {showConnectLink && (connectedTrackers.length > 0 || disconnectedTrackers.length > 0) && (
+        <div className="workspace-sidebar__workspace-item">
+          <Link
+            href={`/projects/${projectSlug}/tracking/connect`}
+            onClick={onLinkClick}
+            className="workspace-sidebar__nav-item"
+          >
+            <Plus size={14} className="flex-shrink-0 text-[var(--muted-foreground)]" />
+            <span className="workspace-sidebar__workspace-title text-sm text-[var(--muted-foreground)]">Connect</span>
+          </Link>
+        </div>
+      )}
+    </>
+  );
+}

package/cloud-runtime/standalone/apps/local/components/tracking/TrackerIcon.tsx

@@ -0,0 +1,58 @@
+"use client";
+
+import type { ComponentType } from "react";
+import { LinearIcon } from "@/lib/tracker/adapters/linear/linear-icon";
+import { JiraIcon } from "@/lib/tracker/adapters/jira/jira-icon";
+
+/** Client-side icon map — the adapter registry is server-only. */
+const TRACKER_ICONS: Record<string, ComponentType<{ className?: string }>> = {
+  linear: LinearIcon,
+  jira: JiraIcon,
+};
+
+interface TrackerIconProps {
+  trackerType: string;
+  className?: string;
+}
+
+/**
+ * Renders the icon for a given tracker type.
+ * Falls back to a generic clipboard icon for unknown types.
+ */
+export function TrackerIcon({ trackerType, className }: TrackerIconProps) {
+  const Icon = TRACKER_ICONS[trackerType];
+  if (Icon) {
+    return <Icon className={className} />;
+  }
+  return <GenericTrackerIcon className={className} />;
+}
+
+/**
+ * Fallback icon for unknown tracker types.
+ */
+function GenericTrackerIcon({ className }: { className?: string }) {
+  return (
+    <svg
+      className={className}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    >
+      <path d="M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2" />
+      <rect x="9" y="3" width="6" height="4" rx="2" />
+      <path d="M9 12h6" />
+      <path d="M9 16h6" />
+    </svg>
+  );
+}
+
+/**
+ * Get the icon component for a tracker type.
+ * Returns the Linear icon as fallback.
+ */
+export function getTrackerIconComponent(trackerType: string): ComponentType<{ className?: string }> {
+  return TRACKER_ICONS[trackerType] ?? LinearIcon;
+}

package/cloud-runtime/standalone/apps/local/components/tracking/TrackerSetup.tsx

@@ -0,0 +1,264 @@
+"use client";
+
+import React from "react";
+import { CheckCircle2, Key, Globe, Loader2, AlertCircle, Terminal, LogOut } from "lucide-react";
+import { TrackerIcon } from "./TrackerIcon";
+
+interface TrackerSetupProps {
+  trackerType: string;
+  projectId: string;
+  connected: boolean;
+  onConnect: () => void;
+  onConnectWithKey: (apiKey: string) => Promise<{ ok: boolean; error?: string }>;
+  onDisconnect?: () => void;
+  loading?: boolean;
+  clis?: { claude: boolean; codex: boolean; gemini: boolean };
+  mcpConfigured?: Record<string, boolean>;
+  onConfigureMcp?: (cli: string) => Promise<{ ok: boolean; error?: string }>;
+}
+
+const CLI_LABELS: Record<string, { name: string; configPath: string }> = {
+  claude: { name: "Claude Code", configPath: "~/.claude/settings.json" },
+  codex: { name: "Codex CLI", configPath: "~/.codex/config.toml" },
+  gemini: { name: "Gemini CLI", configPath: "~/.gemini/settings.json" },
+};
+
+/**
+ * Tracker-agnostic setup/connect component.
+ * Shows connection status and provides connect/disconnect actions.
+ */
+export default function TrackerSetup({
+  trackerType,
+  projectId,
+  connected,
+  onConnect,
+  onConnectWithKey,
+  onDisconnect,
+  loading = false,
+  clis,
+  mcpConfigured,
+  onConfigureMcp,
+}: TrackerSetupProps) {
+  const [apiKey, setApiKey] = React.useState("");
+  const [keyError, setKeyError] = React.useState<string | null>(null);
+  const [showKeyInput, setShowKeyInput] = React.useState(false);
+  const [saving, setSaving] = React.useState(false);
+  const [installingCli, setInstallingCli] = React.useState<string | null>(null);
+  const [mcpErrors, setMcpErrors] = React.useState<Record<string, string>>({});
+
+  const installMcp = async (cli: string) => {
+    if (!onConfigureMcp) return;
+    setInstallingCli(cli);
+    setMcpErrors((prev) => ({ ...prev, [cli]: "" }));
+    const result = await onConfigureMcp(cli);
+    if (!result.ok) {
+      setMcpErrors((prev) => ({ ...prev, [cli]: result.error ?? "Failed to install MCP" }));
+    }
+    setInstallingCli(null);
+  };
+
+  const activeClis = clis
+    ? (["claude", "codex", "gemini"] as const).filter((cli) => clis[cli])
+    : (["claude"] as const);
+
+  if (loading) {
+    return (
+      <div className="flex items-center justify-center p-12">
+        <Loader2 className="animate-spin h-8 w-8 text-muted-foreground" />
+      </div>
+    );
+  }
+
+  if (connected) {
+    return (
+      <div className="p-8 flex flex-col items-center gap-6">
+        <div className="w-full max-w-md p-8 border border-green-500/20 bg-green-500/5 rounded-2xl flex flex-col items-center gap-4 text-center">
+          <div className="h-16 w-16 rounded-full bg-green-500/10 flex items-center justify-center text-green-600 shadow-inner">
+            <CheckCircle2 className="h-8 w-8" />
+          </div>
+          <div className="space-y-2">
+            <h3 className="text-xl font-bold text-foreground capitalize">{trackerType} Connected</h3>
+            <p className="text-sm text-muted-foreground leading-relaxed">
+              Your {trackerType} workspace is successfully connected. The agent can now sync issues and manage your backlog.
+            </p>
+          </div>
+          <div className="mt-2 px-4 py-1.5 rounded-full bg-background border text-xs font-medium text-muted-foreground flex items-center gap-2">
+            <div className="h-1.5 w-1.5 rounded-full bg-green-500 animate-pulse" />
+            Active Connection
+          </div>
+          {onDisconnect && (
+            <button
+              onClick={onDisconnect}
+              className="flex items-center gap-1.5 text-xs text-muted-foreground hover:text-destructive transition-colors mt-1"
+            >
+              <LogOut className="h-3.5 w-3.5" />
+              Disconnect
+            </button>
+          )}
+        </div>
+
+        {activeClis.length > 0 && (
+          <div className="w-full max-w-md">
+            <div className="border rounded-xl p-5 flex flex-col gap-4">
+              <div className="flex items-center gap-2">
+                <Terminal className="h-4 w-4 text-muted-foreground" />
+                <span className="text-sm font-medium">MCP Server</span>
+              </div>
+              <p className="text-xs text-muted-foreground leading-relaxed -mt-2">
+                Install the {trackerType} MCP server so agents can access {trackerType} directly.
+              </p>
+              {activeClis.map((cli) => {
+                const label = CLI_LABELS[cli];
+                const configured = mcpConfigured?.[cli] ?? false;
+                const installing = installingCli === cli;
+                const err = mcpErrors[cli];
+                return (
+                  <div key={cli} className="flex flex-col gap-1.5">
+                    <div className="flex items-center justify-between gap-3">
+                      <span className="text-xs font-medium text-foreground">{label.name}</span>
+                      {configured ? (
+                        <span className="text-xs font-medium text-green-600 flex items-center gap-1">
+                          <CheckCircle2 className="h-3.5 w-3.5" />
+                          Installed
+                        </span>
+                      ) : (
+                        <button
+                          onClick={() => installMcp(cli)}
+                          disabled={installing || !onConfigureMcp}
+                          className="flex items-center gap-1.5 px-3 py-1 bg-secondary text-secondary-foreground rounded-md text-xs font-semibold hover:bg-secondary/90 disabled:opacity-50 transition-all active:scale-[0.98]"
+                        >
+                          {installing ? (
+                            <><Loader2 className="h-3 w-3 animate-spin" />Installing…</>
+                          ) : (
+                            <>Install</>
+                          )}
+                        </button>
+                      )}
+                    </div>
+                    {configured && (
+                      <p className="text-[10px] text-muted-foreground">
+                        Configured in <code className="font-mono">{label.configPath}</code>
+                      </p>
+                    )}
+                    {err && (
+                      <div className="flex items-center gap-1.5 text-xs text-destructive bg-destructive/10 p-2 rounded-md">
+                        <AlertCircle className="h-3.5 w-3.5 shrink-0" />
+                        {err}
+                      </div>
+                    )}
+                  </div>
+                );
+              })}
+            </div>
+          </div>
+        )}
+      </div>
+    );
+  }
+
+  const handleKeyConnect = async () => {
+    if (!apiKey.trim()) return;
+    setSaving(true);
+    setKeyError(null);
+    try {
+      const result = await onConnectWithKey(apiKey.trim());
+      if (!result.ok) {
+        setKeyError(result.error ?? "Failed to connect");
+      } else {
+        setApiKey("");
+        setShowKeyInput(false);
+      }
+    } catch (e) {
+      setKeyError("An unexpected error occurred");
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  return (
+    <div className="flex flex-col items-center gap-6 p-8">
+      <div className="relative">
+        <TrackerIcon trackerType={trackerType} className="h-16 w-16" />
+        <div className="absolute -bottom-1 -right-1 h-6 w-6 rounded-full bg-background border flex items-center justify-center shadow-sm">
+          <Globe className="h-3 w-3 text-muted-foreground" />
+        </div>
+      </div>
+
+      <div className="text-center space-y-2">
+        <h3 className="text-lg font-semibold capitalize">Connect to {trackerType}</h3>
+        <p className="text-sm text-muted-foreground text-center max-w-sm leading-relaxed">
+          Link your {trackerType} account to import issues, track progress, and automate your workflow.
+        </p>
+      </div>
+
+      <div className="flex flex-col gap-3 w-full max-w-xs pt-2">
+        <button
+          onClick={onConnect}
+          className="flex items-center justify-center gap-2 w-full px-4 py-2.5 bg-primary text-primary-foreground rounded-lg text-sm font-semibold hover:bg-primary/90 transition-all active:scale-[0.98] shadow-sm"
+        >
+          <Globe className="h-4 w-4" />
+          Connect with OAuth
+        </button>
+
+        <button
+          onClick={() => {
+            setShowKeyInput(!showKeyInput);
+            setKeyError(null);
+          }}
+          className="flex items-center justify-center gap-2 w-full px-4 py-2 text-sm text-muted-foreground hover:text-foreground transition-colors font-medium"
+        >
+          <Key className="h-3.5 w-3.5" />
+          {showKeyInput ? "Use OAuth instead" : "Connect with API key"}
+        </button>
+
+        {/* Animated API Key Section */}
+        <div className={`grid transition-all duration-300 ease-in-out ${showKeyInput ? 'grid-rows-[1fr] opacity-100' : 'grid-rows-[0fr] opacity-0 pointer-events-none'}`}>
+          <div className="overflow-hidden">
+            <div className="flex flex-col gap-3 pt-2">
+              <div className="relative">
+                <input
+                  type="password"
+                  value={apiKey}
+                  onChange={(e) => {
+                    setApiKey(e.target.value);
+                    if (keyError) setKeyError(null);
+                  }}
+                  placeholder="Paste your API key here"
+                  className={`w-full px-3 py-2 border rounded-lg text-sm bg-background transition-colors focus:outline-none focus:ring-2 focus:ring-primary/20 ${keyError ? 'border-destructive' : 'focus:border-primary'}`}
+                  onKeyDown={(e) => e.key === "Enter" && handleKeyConnect()}
+                />
+                <Key className="absolute right-3 top-2.5 h-4 w-4 text-muted-foreground/50" />
+              </div>
+
+              {keyError && (
+                <div className="flex items-center gap-2 text-xs text-destructive bg-destructive/10 p-2 rounded-md">
+                  <AlertCircle className="h-3.5 w-3.5 shrink-0" />
+                  <p>{keyError}</p>
+                </div>
+              )}
+
+              <button
+                onClick={handleKeyConnect}
+                disabled={saving || !apiKey.trim()}
+                className="flex items-center justify-center gap-2 w-full px-4 py-2 bg-secondary text-secondary-foreground rounded-lg text-sm font-semibold hover:bg-secondary/90 disabled:opacity-50 transition-all active:scale-[0.98]"
+              >
+                {saving ? (
+                  <>
+                    <Loader2 className="h-4 w-4 animate-spin" />
+                    Connecting...
+                  </>
+                ) : (
+                  "Verify & Connect"
+                )}
+              </button>
+
+              <p className="text-[10px] text-muted-foreground text-center px-2">
+                Your API key is stored securely and only used for {trackerType} integration.
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}

package/cloud-runtime/standalone/apps/local/hooks/useGroupChat.ts

@@ -22,6 +22,7 @@ function buildLogsQuery(workspaceId: string): string {
 export interface StreamingEntry {
   content: string;
   rootMessageId: string | null;
+  thoughts?: string[];
 }
 
 export interface ChatRunInfo {