@mndrk/agx 2.3.3 → 2.4.1

package/cloud-runtime/standalone/apps/local/app/api/projects/[id]/objectives/[objectiveId]/linear-issues/route.ts

@@ -1,197 +0,0 @@
-import { NextRequest, NextResponse } from "next/server";
-import { db } from "@/lib/db-instance";
-import { ensureLinearIssueCache } from "@/lib/linear-issues";
-import { getLinearClient } from "@/lib/linear-client";
-import {
-  listObjectiveLinearIssues,
-  matchesObjectiveLabel,
-} from "@/lib/objective-linear-issues";
-import {
-  loadProjectObjectiveContext,
-  readOptionalString,
-} from "../../_shared";
-
-export const runtime = "nodejs";
-export const dynamic = "force-dynamic";
-
-type RouteContext = { params: Promise<{ id: string; objectiveId: string }> };
-
-async function resolveParams(params: RouteContext["params"]) {
-  const resolved = await params;
-  const projectId = typeof resolved?.id === "string" ? resolved.id.trim() : "";
-  const objectiveId =
-    typeof resolved?.objectiveId === "string" ? resolved.objectiveId.trim() : "";
-
-  if (!projectId || !objectiveId) {
-    return null;
-  }
-
-  return { projectId, objectiveId };
-}
-
-export async function GET(_request: NextRequest, context: RouteContext) {
-  try {
-    const resolved = await resolveParams(context.params);
-    if (!resolved) {
-      return NextResponse.json({ error: "Objective not found" }, { status: 404 });
-    }
-
-    const objectiveContext = await loadProjectObjectiveContext(
-      resolved.projectId,
-      resolved.objectiveId
-    );
-    if (!objectiveContext) {
-      return NextResponse.json({ error: "Objective not found" }, { status: 404 });
-    }
-
-    const client = getLinearClient(resolved.projectId);
-    const { issues, refreshedAt } = await listObjectiveLinearIssues({
-      projectId: resolved.projectId,
-      objectiveKey: objectiveContext.objective.key,
-      projectSlug: objectiveContext.project.slug,
-      refresh: false,
-    });
-
-    return NextResponse.json({
-      connected: Boolean(client),
-      label: objectiveContext.objective.key,
-      issues,
-      refreshedAt,
-    });
-  } catch (error) {
-    console.error("Failed to load objective Linear issues:", error);
-    return NextResponse.json(
-      { error: "Failed to load objective Linear issues" },
-      { status: 500 }
-    );
-  }
-}
-
-export async function POST(request: NextRequest, context: RouteContext) {
-  try {
-    const resolved = await resolveParams(context.params);
-    if (!resolved) {
-      return NextResponse.json({ error: "Objective not found" }, { status: 404 });
-    }
-
-    const objectiveContext = await loadProjectObjectiveContext(
-      resolved.projectId,
-      resolved.objectiveId
-    );
-    if (!objectiveContext) {
-      return NextResponse.json({ error: "Objective not found" }, { status: 404 });
-    }
-
-    const client = getLinearClient(resolved.projectId);
-    if (!client) {
-      return NextResponse.json({ error: "Linear is not connected" }, { status: 401 });
-    }
-
-    const rawBody = await request.json().catch(() => null);
-    if (!rawBody || typeof rawBody !== "object" || Array.isArray(rawBody)) {
-      return NextResponse.json(
-        { error: "Invalid Linear issue payload" },
-        { status: 400 }
-      );
-    }
-
-    const body = rawBody as Record<string, unknown>;
-    const title = readOptionalString(body.title);
-    if (!title) {
-      return NextResponse.json(
-        { error: "Linear issue title is required" },
-        { status: 400 }
-      );
-    }
-
-    const linearTeams = await client.teams();
-    let linearTeamId = readOptionalString(body.teamId);
-    if (!linearTeamId) {
-      const objectiveTeam = objectiveContext.objective.teamId
-        ? await db.getTeam(objectiveContext.objective.teamId)
-        : null;
-      const matchedTeam =
-        objectiveTeam?.name
-          ? linearTeams.find(
-              (team) =>
-                team.name.trim().toLowerCase() ===
-                objectiveTeam.name.trim().toLowerCase()
-            ) ?? null
-          : null;
-
-      if (!matchedTeam) {
-        return NextResponse.json(
-          {
-            error:
-              "A matching Linear team could not be resolved for this objective. Pass a teamId explicitly.",
-            availableTeams: linearTeams,
-          },
-          { status: 400 }
-        );
-      }
-
-      linearTeamId = matchedTeam.id;
-    }
-
-    const labelName = objectiveContext.objective.key;
-    const labels = await client.issueLabels();
-    let objectiveLabel =
-      labels.find(
-        (label) =>
-          matchesObjectiveLabel(label.name, labelName) &&
-          (!label.teamId || label.teamId === linearTeamId)
-      ) ?? null;
-
-    if (!objectiveLabel) {
-      objectiveLabel = await client.createIssueLabel({
-        name: labelName,
-        description: `Tracks work for objective "${objectiveContext.objective.title}".`,
-        color: readOptionalString(body.labelColor) ?? "#2563eb",
-        teamId: linearTeamId,
-      });
-    }
-
-    const issue = await client.createIssue({
-      title,
-      description:
-        readOptionalString(body.description) ??
-        (objectiveContext.objective.summary.trim() || undefined),
-      teamId: linearTeamId,
-      assigneeId: readOptionalString(body.assigneeId),
-      cycleId: readOptionalString(body.cycleId),
-      projectId: readOptionalString(body.projectId),
-      stateId: readOptionalString(body.stateId),
-      priority:
-        typeof body.priority === "number" && Number.isFinite(body.priority)
-          ? Math.trunc(body.priority)
-          : undefined,
-      labelIds: [objectiveLabel.id],
-    });
-
-    await ensureLinearIssueCache({
-      projectId: resolved.projectId,
-      refresh: true,
-      projectSlug: objectiveContext.project.slug,
-    });
-
-    return NextResponse.json(
-      {
-        issue,
-        label: objectiveLabel.name,
-        teamId: linearTeamId,
-      },
-      { status: 201 }
-    );
-  } catch (error) {
-    console.error("Failed to create objective Linear issue:", error);
-    return NextResponse.json(
-      {
-        error:
-          error instanceof Error
-            ? error.message
-            : "Failed to create objective Linear issue",
-      },
-      { status: 500 }
-    );
-  }
-}

package/cloud-runtime/standalone/apps/local/components/LinearSetup.tsx

@@ -1,239 +0,0 @@
-"use client";
-
-import { useState } from "react";
-import { Check, ExternalLink, Loader2 } from "lucide-react";
-
-interface CliStatus {
-  claude: boolean;
-  codex: boolean;
-  gemini: boolean;
-}
-
-type McpStatus = Record<string, boolean>;
-
-interface LinearSetupProps {
-  connected: boolean;
-  user: { name: string; email: string } | null;
-  clis: CliStatus;
-  mcpConfigured: McpStatus;
-  onConnect: () => void;
-  onConnectWithKey: (apiKey: string) => Promise<{ ok: boolean; error?: string }>;
-  onDisconnect: () => Promise<void>;
-  onConfigureMcp: (cli: string) => Promise<{ ok: boolean; error?: string }>;
-  onContinue: () => void;
-}
-
-const CLI_PROVIDERS = [
-  { id: "claude" as const, label: "Claude Code", icon: "🟣" },
-  { id: "codex" as const, label: "Codex", icon: "⚫" },
-  { id: "gemini" as const, label: "Gemini CLI", icon: "🔵" },
-];
-
-export default function LinearSetup({
-  connected,
-  user,
-  clis,
-  mcpConfigured,
-  onConnect,
-  onConnectWithKey,
-  onDisconnect,
-  onConfigureMcp,
-  onContinue,
-}: LinearSetupProps) {
-  const [apiKey, setApiKey] = useState("");
-  const [keyError, setKeyError] = useState<string | null>(null);
-  const [saving, setSaving] = useState(false);
-  const [configuringCli, setConfiguringCli] = useState<string | null>(null);
-  const [mcpError, setMcpError] = useState<string | null>(null);
-
-  const handleKeySubmit = async () => {
-    if (!apiKey.trim()) return;
-    setSaving(true);
-    setKeyError(null);
-    const result = await onConnectWithKey(apiKey.trim());
-    setSaving(false);
-    if (!result.ok) {
-      setKeyError(result.error || "Failed to connect");
-    }
-  };
-
-  const handleConfigureMcp = async (cli: string) => {
-    setConfiguringCli(cli);
-    setMcpError(null);
-    const result = await onConfigureMcp(cli);
-    setConfiguringCli(null);
-    if (!result.ok) {
-      setMcpError(result.error || "Failed to configure");
-    }
-  };
-
-  const installedProviders = CLI_PROVIDERS.filter((p) => clis[p.id]);
-  const hasAnyMcpConfigured = installedProviders.some((p) => mcpConfigured[p.id]);
-
-  return (
-    <div className="flex h-full items-center justify-center">
-      <div className="w-full max-w-md space-y-6 px-6">
-        {/* Step 1: App Connection */}
-        <div>
-          <div className="flex items-center gap-2">
-            {connected && (
-              <div className="flex h-4 w-4 items-center justify-center rounded-full bg-green-500/20">
-                <Check size={10} className="text-green-500" />
-              </div>
-            )}
-            <h2 className="text-sm font-semibold text-[var(--foreground)]">
-              Connect to Linear
-            </h2>
-          </div>
-          <p className="mt-1 text-xs text-[var(--muted-foreground)]">
-            Connect your workspace to browse tickets and execute them with
-            agents.
-          </p>
-          <div className="mt-3 space-y-3">
-            {connected ? (
-              <div className="flex items-center justify-between rounded-md border border-[var(--card-border)] px-3 py-2">
-                <div className="text-xs text-[var(--foreground)]">
-                  Connected as{" "}
-                  <span className="font-medium">{user?.name}</span>
-                </div>
-                <button
-                  type="button"
-                  onClick={onDisconnect}
-                  className="text-[10px] text-[var(--muted-foreground)] hover:text-[var(--foreground)] transition-colors"
-                >
-                  Disconnect
-                </button>
-              </div>
-            ) : (
-              <>
-                <button
-                  type="button"
-                  onClick={onConnect}
-                  className="w-full rounded-md bg-[var(--foreground)] px-4 py-2 text-xs font-medium text-[var(--card-bg)] transition-opacity hover:opacity-90"
-                >
-                  Connect with Linear
-                </button>
-
-                <div className="flex items-center gap-2 text-[10px] text-[var(--muted-foreground)]">
-                  <div className="flex-1 border-t border-[var(--card-border)]" />
-                  or
-                  <div className="flex-1 border-t border-[var(--card-border)]" />
-                </div>
-
-                <div>
-                  <label className="text-[10px] text-[var(--muted-foreground)] block mb-1">
-                    Personal API key
-                  </label>
-                  <div className="flex gap-2">
-                    <input
-                      type="password"
-                      value={apiKey}
-                      onChange={(e) => { setApiKey(e.target.value); setKeyError(null); }}
-                      onKeyDown={(e) => { if (e.key === "Enter") handleKeySubmit(); }}
-                      placeholder="lin_api_..."
-                      className="flex-1 rounded-md border border-[var(--card-border)] bg-transparent px-3 py-1.5 text-xs text-[var(--foreground)] placeholder:text-[var(--muted-foreground)] focus:outline-none focus:ring-1 focus:ring-[var(--foreground)]"
-                    />
-                    <button
-                      type="button"
-                      onClick={handleKeySubmit}
-                      disabled={!apiKey.trim() || saving}
-                      className="rounded-md border border-[var(--card-border)] px-3 py-1.5 text-xs text-[var(--foreground)] transition-colors hover:bg-[var(--card-border)] disabled:opacity-40"
-                    >
-                      {saving ? "..." : "Save"}
-                    </button>
-                  </div>
-                  {keyError && (
-                    <p className="mt-1 text-[10px] text-red-400">{keyError}</p>
-                  )}
-                  <a
-                    href="https://linear.app/settings/api"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    className="mt-1 inline-flex items-center gap-1 text-[10px] text-[var(--muted-foreground)] hover:text-[var(--foreground)] transition-colors"
-                  >
-                    Generate at linear.app/settings/api
-                    <ExternalLink size={8} />
-                  </a>
-                </div>
-              </>
-            )}
-          </div>
-        </div>
-
-        {/* Step 2: MCP Setup — only show after connected */}
-        {connected && (
-          <div>
-            <h2 className="text-sm font-semibold text-[var(--foreground)]">
-              Configure MCP
-            </h2>
-            <p className="mt-1 text-xs text-[var(--muted-foreground)]">
-              Add the Linear MCP server to your AI tools so agents can read and
-              update tickets during execution.
-            </p>
-            <div className="mt-3 space-y-1">
-              {CLI_PROVIDERS.map((provider) => {
-                const installed = clis[provider.id];
-                const configured = mcpConfigured[provider.id];
-                const isConfiguring = configuringCli === provider.id;
-
-                return (
-                  <div
-                    key={provider.id}
-                    className={`flex items-center justify-between rounded-md border border-[var(--card-border)] px-3 py-2 ${
-                      !installed ? "opacity-40" : ""
-                    }`}
-                  >
-                    <div className="flex items-center gap-2 text-xs">
-                      <span>{provider.icon}</span>
-                      <span className="text-[var(--foreground)]">
-                        {provider.label}
-                      </span>
-                    </div>
-                    {!installed ? (
-                      <span className="text-[10px] text-[var(--muted-foreground)]">
-                        Not installed
-                      </span>
-                    ) : configured ? (
-                      <span className="flex items-center gap-1 text-[10px] text-green-500">
-                        <Check size={10} />
-                        Configured
-                      </span>
-                    ) : (
-                      <button
-                        type="button"
-                        onClick={() => handleConfigureMcp(provider.id)}
-                        disabled={isConfiguring}
-                        className="flex items-center gap-1 rounded px-2 py-0.5 text-[10px] text-[var(--foreground)] border border-[var(--card-border)] hover:bg-[var(--card-border)] transition-colors disabled:opacity-50"
-                      >
-                        {isConfiguring ? (
-                          <>
-                            <Loader2 size={10} className="animate-spin" />
-                            Configuring...
-                          </>
-                        ) : (
-                          "Configure"
-                        )}
-                      </button>
-                    )}
-                  </div>
-                );
-              })}
-              {mcpError && (
-                <p className="mt-1 text-[10px] text-red-400">{mcpError}</p>
-              )}
-            </div>
-
-            {/* Continue button */}
-            <button
-              type="button"
-              onClick={onContinue}
-              className="mt-4 w-full rounded-md bg-[var(--foreground)] px-4 py-2 text-xs font-medium text-[var(--card-bg)] transition-opacity hover:opacity-90"
-            >
-              {hasAnyMcpConfigured ? "Continue" : "Skip for now"}
-            </button>
-          </div>
-        )}
-      </div>
-    </div>
-  );
-}

package/cloud-runtime/standalone/apps/local/components/linear/LinearIcon.tsx

@@ -1,19 +0,0 @@
-import type { SVGProps } from "react";
-
-export function LinearIcon({
-  size = 16,
-  ...props
-}: { size?: number } & SVGProps<SVGSVGElement>) {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width={size}
-      height={size}
-      viewBox="0 0 100 100"
-      fill="currentColor"
-      {...props}
-    >
-      <path d="M1.22541 61.5228c-.2225-.9485.90748-1.5459 1.59638-.857L39.3342 97.1782c.6889.6889.0915 1.8189-.857 1.5964C20.0515 94.4522 5.54779 79.9485 1.22541 61.5228ZM.00189135 46.8891c-.01764375.2833.08887215.5599.28957165.7606L52.3503 99.7085c.2007.2007.4773.3075.7606.2896 2.3692-.1476 4.6938-.46 6.9624-.9259.7645-.157 1.0301-1.0963.4782-1.6481L2.57595 39.4485c-.55186-.5519-1.49117-.2863-1.648174.4782-.465915 2.2686-.77832 4.5932-.92588465 6.9624ZM4.21093 29.7054c-.16649.3738-.08169.8106.20765 1.1l64.77602 64.776c.2894.2894.7262.3742 1.1.2077 1.7861-.7956 3.5171-1.6927 5.1855-2.684.5521-.328.6373-1.0867.1832-1.5407L8.43566 24.3367c-.45409-.4541-1.21271-.3689-1.54074.1832-.99132 1.6684-1.88843 3.3994-2.68399 5.1855ZM12.6587 18.074c-.3701-.3701-.393-.9637-.0443-1.3541C21.7795 6.45931 35.1114 0 49.9519 0 77.5927 0 100 22.4073 100 50.0481c0 14.8405-6.4593 28.1724-16.7199 37.3375-.3903.3487-.984.3258-1.3542-.0443L12.6587 18.074Z" />
-    </svg>
-  );
-}

package/cloud-runtime/standalone/apps/local/components/linear/TicketRow.tsx

@@ -1,158 +0,0 @@
-"use client";
-
-import React, { useState, useCallback, useEffect, useRef } from "react";
-import { Check, ExternalLink, Link2, Pin } from "lucide-react";
-import type { LinearIssue } from "@/hooks/useLinearIssues";
-import type { Participant } from "@/lib/types";
-import { STATUS_LABELS } from "@/lib/linear-run-status";
-import { agentAvatarUrl, openLinearIssueTab } from "@/lib/linear-board-utils";
-
-export function TicketRow({
-  issue,
-  selected,
-  pinned,
-  onSelect,
-  onTogglePin,
-  activeAgents,
-  participants,
-}: {
-  issue: LinearIssue;
-  selected: boolean;
-  pinned?: boolean;
-  onSelect: () => void;
-  onTogglePin?: () => void;
-  activeAgents?: Array<{ agentId: string; agentName: string }>;
-  participants?: Participant[];
-}) {
-  const [copied, setCopied] = useState(false);
-  const copyResetTimeoutRef = useRef<number | null>(null);
-
-  useEffect(() => {
-    return () => {
-      if (copyResetTimeoutRef.current) {
-        window.clearTimeout(copyResetTimeoutRef.current);
-      }
-    };
-  }, []);
-
-  const handleCopyUrl = useCallback(async (event: React.MouseEvent<HTMLButtonElement>) => {
-    event.stopPropagation();
-    if (!issue.url) {
-      return;
-    }
-
-    try {
-      await navigator.clipboard.writeText(issue.url);
-      setCopied(true);
-      if (copyResetTimeoutRef.current) {
-        window.clearTimeout(copyResetTimeoutRef.current);
-      }
-      copyResetTimeoutRef.current = window.setTimeout(() => {
-        setCopied(false);
-      }, 1500) as unknown as number;
-    } catch (error) {
-      console.error("Failed to copy Linear issue URL:", error);
-      setCopied(false);
-    }
-  }, [issue.url]);
-
-  const handleOpenIssue = useCallback((event: React.MouseEvent<HTMLButtonElement>) => {
-    event.stopPropagation();
-    if (!issue.url) {
-      return;
-    }
-    openLinearIssueTab(issue.url);
-  }, [issue.url]);
-
-  const shortStatus = STATUS_LABELS[issue.status] ?? issue.status.slice(0, 6);
-  return (
-    <div
-      className={`group relative flex cursor-pointer items-center gap-3 px-4 py-2.5 text-sm transition-colors ${
-        selected
-          ? "bg-[var(--card-bg)]"
-          : "hover:bg-[var(--card-bg)]/50"
-      }`}
-      onClick={onSelect}
-      role="button"
-      tabIndex={0}
-      onKeyDown={(event) => {
-        if (event.key === "Enter" || event.key === " ") {
-          event.preventDefault();
-          onSelect();
-        }
-      }}
-    >
-      {selected && (
-        <div className="absolute left-0 top-0 bottom-0 w-[3px] rounded-r-full bg-blue-500" />
-      )}
-      <span className="w-24 shrink-0 whitespace-nowrap font-mono text-xs text-[var(--muted-foreground)]">
-        {issue.identifier}
-      </span>
-      <span className={`min-w-0 flex-1 truncate text-xs ${selected ? "font-medium text-[var(--foreground)]" : "text-[var(--muted-foreground)]"}`}>
-        {issue.title}
-      </span>
-      <span className="shrink-0 text-xs text-[var(--muted-foreground)]">
-        {shortStatus}
-      </span>
-      {activeAgents && activeAgents.length > 0 && (
-        <span className="inline-flex items-center -space-x-1 shrink-0">
-          {activeAgents.slice(0, 3).map((agent) => {
-            const participant = participants?.find((p) => p.id === agent.agentId);
-            return (
-              <span key={agent.agentId} className="relative inline-block" title={participant?.name ?? agent.agentName}>
-                <img src={agentAvatarUrl(agent.agentId, participant?.color, 16)} alt={participant?.name ?? agent.agentName} className="h-3 w-3 rounded-full ring-[1.5px] ring-[var(--app-shell-pane)]" />
-                <span className="absolute -bottom-px -right-px h-1.5 w-1.5 rounded-full bg-green-500 ring-[1px] ring-[var(--app-shell-pane)]" />
-              </span>
-            );
-          })}
-        </span>
-      )}
-      <div className="flex shrink-0 items-center gap-1">
-        {onTogglePin && (
-          <button
-            type="button"
-            className={`flex h-6 w-6 shrink-0 items-center justify-center rounded transition-all hover:bg-zinc-700 hover:text-[var(--foreground)] ${
-              pinned
-                ? "text-amber-400 opacity-100"
-                : `text-[var(--muted-foreground)] ${selected ? "opacity-100" : "opacity-0 group-hover:opacity-100"}`
-            }`}
-            onClick={(event) => {
-              event.stopPropagation();
-              onTogglePin();
-            }}
-            title={pinned ? "Unpin ticket" : "Pin to top"}
-            aria-label={pinned ? "Unpin ticket" : "Pin to top"}
-          >
-            <Pin size={10} className={pinned ? "fill-current" : ""} />
-          </button>
-        )}
-        <button
-          type="button"
-          className={`flex h-6 w-6 shrink-0 items-center justify-center rounded text-[var(--muted-foreground)] transition-all hover:bg-zinc-700 hover:text-[var(--foreground)] ${
-            selected ? "opacity-100" : "opacity-0 group-hover:opacity-100"
-          } ${issue.url ? "" : "cursor-not-allowed opacity-40 hover:bg-transparent hover:text-[var(--muted-foreground)]"}`}
-          onClick={(event) => {
-            void handleCopyUrl(event);
-          }}
-          title={copied ? "Copied ticket URL" : "Copy ticket URL"}
-          aria-label={copied ? "Copied ticket URL" : "Copy ticket URL"}
-          disabled={!issue.url}
-        >
-          {copied ? <Check size={10} className="text-emerald-400" /> : <Link2 size={10} />}
-        </button>
-        <button
-          type="button"
-          className={`flex h-6 w-6 shrink-0 items-center justify-center rounded text-[var(--muted-foreground)] transition-all hover:bg-zinc-700 hover:text-[var(--foreground)] ${
-            selected ? "opacity-100" : "opacity-0 group-hover:opacity-100"
-          } ${issue.url ? "" : "cursor-not-allowed opacity-40 hover:bg-transparent hover:text-[var(--muted-foreground)]"}`}
-          onClick={handleOpenIssue}
-          title={issue.url ? "Open this Linear ticket in a new tab" : "This ticket does not have a Linear URL"}
-          aria-label={issue.url ? "Open this Linear ticket in a new tab" : "This ticket does not have a Linear URL"}
-          disabled={!issue.url}
-        >
-          <ExternalLink size={10} />
-        </button>
-      </div>
-    </div>
-  );
-}