conductor-oss 0.2.15 → 0.2.16

package/web/.next/standalone/packages/web/src/app/sessions/[id]/page.tsx

@@ -0,0 +1,120 @@
+"use client";
+
+import { useEffect, useMemo, useState } from "react";
+import { useParams, useRouter } from "next/navigation";
+import { AppShell } from "@/components/layout/AppShell";
+import { WorkspaceSidebarPanel } from "@/components/layout/WorkspaceSidebarPanel";
+import { SessionDetail } from "@/components/sessions/SessionDetail";
+import { useConfig } from "@/hooks/useConfig";
+import { useSessions } from "@/hooks/useSessions";
+import type { DashboardSession } from "@/lib/types";
+
+export default function SessionPage() {
+  const params = useParams<{ id: string }>();
+  const router = useRouter();
+  const { projects } = useConfig();
+  const { sessions, refresh } = useSessions();
+  const dashboardSessions = sessions as unknown as DashboardSession[];
+  const [sidebarOpen, setSidebarOpen] = useState(true);
+  const [selectedProjectId, setSelectedProjectId] = useState<string | null>(null);
+
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    if (window.innerWidth < 1024) {
+      setSidebarOpen(false);
+    }
+  }, []);
+
+  const selectedSession = useMemo(
+    () => dashboardSessions.find((session) => session.id === params.id) ?? null,
+    [dashboardSessions, params.id],
+  );
+
+  useEffect(() => {
+    if (selectedSession?.projectId) {
+      setSelectedProjectId(selectedSession.projectId);
+      return;
+    }
+    if (!selectedProjectId && projects.length > 0) {
+      setSelectedProjectId(projects[0]?.id ?? null);
+    }
+  }, [projects, selectedProjectId, selectedSession?.projectId]);
+
+  const toggleSidebar = () => setSidebarOpen((prev) => !prev);
+
+  const closeSidebarOnMobile = () => {
+    if (typeof window !== "undefined" && window.innerWidth < 1024) {
+      setSidebarOpen(false);
+    }
+  };
+
+  async function handleArchiveSession(sessionId: string) {
+    let res = await fetch(`/api/sessions/${encodeURIComponent(sessionId)}/archive`, {
+      method: "POST",
+    });
+    let data = (await res.json().catch(() => null)) as
+      | { ok?: boolean; error?: string }
+      | null;
+
+    if (res.status === 404) {
+      res = await fetch(`/api/sessions/${encodeURIComponent(sessionId)}/actions`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ action: "archive" }),
+      });
+      data = (await res.json().catch(() => null)) as
+        | { ok?: boolean; error?: string }
+        | null;
+    }
+
+    if (!res.ok) {
+      throw new Error(data?.error ?? `Failed to archive session: ${res.status}`);
+    }
+
+    if (sessionId === params.id) {
+      router.push("/");
+      return;
+    }
+
+    await refresh();
+  }
+
+  if (!params.id) {
+    return (
+      <div className="flex h-dvh min-h-[100dvh] items-center justify-center">
+        <span className="text-[13px] text-[var(--text-muted)]">No session ID provided</span>
+      </div>
+    );
+  }
+
+  return (
+    <AppShell
+      sidebarOpen={sidebarOpen}
+      onToggleSidebar={toggleSidebar}
+      sidebar={
+        <WorkspaceSidebarPanel
+          orgLabel="conductor-oss"
+          projects={projects}
+          selectedProjectId={selectedProjectId}
+          onSelectProject={(projectId) => {
+            setSelectedProjectId(projectId);
+          }}
+          sessions={dashboardSessions}
+          selectedSessionId={params.id}
+          onSelectSession={(sessionId) => {
+            router.push(`/sessions/${encodeURIComponent(sessionId)}?tab=chat`);
+            closeSidebarOnMobile();
+          }}
+          onArchiveSession={handleArchiveSession}
+          onCreateWorkspace={() => {
+            router.push("/");
+          }}
+        />
+      }
+    >
+      <div className="min-h-0 flex-1 overflow-hidden">
+        <SessionDetail sessionId={params.id} />
+      </div>
+    </AppShell>
+  );
+}

package/web/.next/standalone/packages/web/src/app/sign-in/[[...sign-in]]/page.tsx

@@ -0,0 +1,11 @@
+import { SignIn } from "@clerk/nextjs";
+
+export default function SignInPage() {
+  return (
+    <main className="flex min-h-screen items-center justify-center p-4">
+      <div className="surface-card rounded-[var(--radius-lg)] border p-3 shadow-[var(--shadow-card)]">
+        <SignIn routing="path" path="/sign-in" />
+      </div>
+    </main>
+  );
+}

package/web/.next/standalone/packages/web/src/app/unlock/UnlockForm.tsx

@@ -0,0 +1,77 @@
+"use client";
+
+import { type FormEvent, useState } from "react";
+import { useRouter } from "next/navigation";
+
+type UnlockFormProps = {
+  initialError: string | null;
+  nextPath: string;
+};
+
+export function UnlockForm({ initialError, nextPath }: UnlockFormProps) {
+  const router = useRouter();
+  const [token, setToken] = useState("");
+  const [submitting, setSubmitting] = useState(false);
+  const [error, setError] = useState<string | null>(initialError);
+
+  async function handleSubmit(event: FormEvent<HTMLFormElement>): Promise<void> {
+    event.preventDefault();
+    setSubmitting(true);
+    setError(null);
+
+    try {
+      const response = await fetch("/api/auth/session", {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+        },
+        body: JSON.stringify({ token }),
+      });
+
+      if (!response.ok) {
+        const payload = await response.json().catch(() => null) as { error?: string } | null;
+        setError(payload?.error ?? "Unable to unlock this Conductor session.");
+        return;
+      }
+
+      router.replace(nextPath);
+      router.refresh();
+    } finally {
+      setSubmitting(false);
+    }
+  }
+
+  return (
+    <form className="mt-6 space-y-4" onSubmit={(event) => void handleSubmit(event)}>
+      <label className="block space-y-2">
+        <span className="text-sm font-medium text-[var(--text-strong)]">Access token</span>
+        <input
+          autoCapitalize="none"
+          autoComplete="one-time-code"
+          autoCorrect="off"
+          className="w-full rounded-[var(--radius-md)] border bg-[var(--bg-elevated)] px-3 py-2 text-sm text-[var(--text-strong)] outline-none transition focus:border-[var(--accent-primary)]"
+          inputMode="text"
+          onChange={(event) => setToken(event.target.value)}
+          placeholder="Paste the Conductor access token"
+          spellCheck={false}
+          type="password"
+          value={token}
+        />
+      </label>
+
+      {error ? (
+        <p className="rounded-[var(--radius-md)] border border-red-500/40 bg-red-500/10 px-3 py-2 text-sm text-red-200">
+          {error}
+        </p>
+      ) : null}
+
+      <button
+        className="inline-flex w-full items-center justify-center rounded-[var(--radius-md)] bg-[var(--accent-primary)] px-4 py-2 text-sm font-medium text-[var(--accent-contrast)] transition hover:opacity-95 disabled:cursor-not-allowed disabled:opacity-60"
+        disabled={submitting || token.trim().length === 0}
+        type="submit"
+      >
+        {submitting ? "Unlocking..." : "Unlock"}
+      </button>
+    </form>
+  );
+}

package/web/.next/standalone/packages/web/src/app/unlock/page.tsx

@@ -0,0 +1,41 @@
+import { sanitizeRedirectTarget } from "@/lib/remoteAuth";
+import { UnlockForm } from "./UnlockForm";
+
+function getErrorMessage(code: string | null | undefined): string | null {
+  if (code === "invalid") return "That access link or token is invalid.";
+  if (code === "unavailable") return "Remote sign-in is not available for this session.";
+  return null;
+}
+
+type UnlockPageProps = {
+  searchParams?: Promise<Record<string, string | string[] | undefined>>;
+};
+
+export default async function UnlockPage({ searchParams }: UnlockPageProps) {
+  const resolved = searchParams ? await searchParams : {};
+  const rawNext = resolved.next;
+  const nextValue = Array.isArray(rawNext) ? rawNext[0] : rawNext;
+  const rawError = resolved.error;
+  const errorValue = Array.isArray(rawError) ? rawError[0] : rawError;
+
+  return (
+    <main className="flex min-h-screen items-center justify-center px-4 py-10">
+      <section className="surface-card w-full max-w-md rounded-[var(--radius-lg)] border p-6 shadow-[var(--shadow-card)]">
+        <div className="space-y-2">
+          <p className="text-xs font-semibold uppercase tracking-[0.28em] text-[var(--text-muted)]">
+            Secure Remote Access
+          </p>
+          <h1 className="text-2xl font-semibold text-[var(--text-strong)]">Unlock Conductor</h1>
+          <p className="text-sm leading-6 text-[var(--text-muted)]">
+            Use the secure unlock link from the terminal that started this session, or paste the access token below.
+          </p>
+        </div>
+
+        <UnlockForm
+          initialError={getErrorMessage(errorValue)}
+          nextPath={sanitizeRedirectTarget(nextValue)}
+        />
+      </section>
+    </main>
+  );
+}

package/web/.next/standalone/packages/web/src/components/ActivityDot.tsx

@@ -0,0 +1,93 @@
+"use client";
+
+import type { ActivityState } from "@/lib/types";
+
+interface ActivityConfig {
+  label: string;
+  dot: string;
+  bg: string;
+  text: string;
+}
+
+const activityConfig: Record<ActivityState, ActivityConfig> = {
+  active: {
+    label: "active",
+    dot: "var(--status-working)",
+    bg: "color-mix(in srgb, var(--status-working) 18%, transparent)",
+    text: "var(--status-working)",
+  },
+  ready: {
+    label: "ready",
+    dot: "var(--status-ready)",
+    bg: "color-mix(in srgb, var(--status-ready) 18%, transparent)",
+    text: "var(--status-ready)",
+  },
+  idle: {
+    label: "idle",
+    dot: "var(--status-idle)",
+    bg: "color-mix(in srgb, var(--status-idle) 20%, transparent)",
+    text: "var(--text-muted)",
+  },
+  waiting_input: {
+    label: "waiting",
+    dot: "var(--status-attention)",
+    bg: "color-mix(in srgb, var(--status-attention) 16%, transparent)",
+    text: "var(--status-attention)",
+  },
+  blocked: {
+    label: "blocked",
+    dot: "var(--status-error)",
+    bg: "color-mix(in srgb, var(--status-error) 16%, transparent)",
+    text: "var(--status-error)",
+  },
+  exited: {
+    label: "exited",
+    dot: "var(--status-idle)",
+    bg: "color-mix(in srgb, var(--status-idle) 18%, transparent)",
+    text: "var(--text-faint)",
+  },
+};
+
+const fallbackConfig: ActivityConfig = {
+  label: "unknown",
+  dot: "var(--text-faint)",
+  bg: "color-mix(in srgb, var(--text-faint) 16%, transparent)",
+  text: "var(--text-faint)",
+};
+
+interface ActivityDotProps {
+  activity: ActivityState | null;
+  dotOnly?: boolean;
+  size?: number;
+}
+
+export function ActivityDot({ activity, dotOnly = false, size = 6 }: ActivityDotProps) {
+  const c = activity !== null && activity in activityConfig
+    ? activityConfig[activity]
+    : { ...fallbackConfig, label: activity ?? "unknown" };
+  const isPulsing = activity === "active";
+
+  if (dotOnly) {
+    return (
+      <div
+        className={`shrink-0 rounded-full ${isPulsing ? "attention-glow" : ""}`}
+        style={{ width: size, height: size, background: c.dot }}
+      />
+    );
+  }
+
+  return (
+    <span
+      className="inline-flex shrink-0 items-center gap-1 rounded-full px-1.5 py-0.5"
+      style={{ background: c.bg }}
+    >
+      <span
+        className={`h-1.5 w-1.5 shrink-0 rounded-full ${isPulsing ? "attention-glow" : ""}`}
+        style={{ background: c.dot }}
+      />
+      <span className="text-[10px] font-medium" style={{ color: c.text }}>
+        {c.label}
+      </span>
+    </span>
+  );
+}

package/web/.next/standalone/packages/web/src/components/AgentTileIcon.tsx

@@ -0,0 +1,193 @@
+"use client";
+
+import { useEffect, useMemo, useState } from "react";
+
+export type AgentTileIconSeed = {
+  label: string;
+  iconUrl?: string | null;
+  homepage?: string | null;
+};
+
+type AgentIconKey =
+  | "amp"
+  | "claude"
+  | "codex"
+  | "copilot"
+  | "cursor"
+  | "droid"
+  | "gemini"
+  | "opencode"
+  | "qwen";
+
+const AGENT_ICON_ALIASES: Record<AgentIconKey, string[]> = {
+  amp: ["amp", "amp-code", "amp-cli", "ampcode", "agent-amp"],
+  claude: [
+    "claude",
+    "claude-code",
+    "claude-cli",
+    "claudecode",
+    "ccr",
+    "claude-code-router",
+    "claude-mcp",
+    "claude-mcp-cli",
+    "claude-mcp-agent",
+    "agent-claude-code",
+  ],
+  codex: ["codex", "openai-codex", "codex-cli", "codexcli", "openai", "agent-codex"],
+  copilot: ["copilot", "github-copilot", "githubcopilot", "copilot-cli", "agent-github-copilot"],
+  cursor: ["cursor", "cursor-cli", "cursor-agent", "cursoragent", "agent-cursor-cli"],
+  droid: ["droid", "factory-droid", "factory_droid", "agent-droid"],
+  gemini: ["gemini", "gemini-cli", "google-gemini", "googlegemini", "agent-gemini"],
+  opencode: ["opencode", "open-code", "open_code", "open-code-cli", "agent-opencode"],
+  qwen: ["qwen", "qwen-code", "qwen_code", "qwen-code-cli", "agent-qwen-code"],
+};
+
+const ALIAS_TO_ICON = new Map<string, AgentIconKey>();
+for (const [iconKey, aliases] of Object.entries(AGENT_ICON_ALIASES)) {
+  for (const alias of aliases) {
+    ALIAS_TO_ICON.set(normalize(alias), iconKey as AgentIconKey);
+  }
+}
+
+function normalize(value: string): string {
+  return value
+    .trim()
+    .toLowerCase()
+    .replace(/[^a-z0-9_-]+/g, "-")
+    .replace(/_+/g, "-")
+    .replace(/-+/g, "-")
+    .replace(/^-+|-+$/g, "");
+}
+
+function resolveAlias(value: string): AgentIconKey | null {
+  const normalized = normalize(value);
+  if (!normalized) return null;
+
+  const direct = ALIAS_TO_ICON.get(normalized);
+  if (direct) return direct;
+
+  for (const token of normalized.split("-")) {
+    const byToken = ALIAS_TO_ICON.get(token);
+    if (byToken) return byToken;
+  }
+
+  for (const [alias, iconKey] of ALIAS_TO_ICON.entries()) {
+    if (
+      normalized === alias ||
+      normalized.startsWith(`${alias}-`) ||
+      normalized.endsWith(`-${alias}`) ||
+      normalized.includes(`-${alias}-`)
+    ) {
+      return iconKey;
+    }
+  }
+
+  return null;
+}
+
+function resolveFromUrl(value: string): AgentIconKey | null {
+  try {
+    const parsed = new URL(value);
+    const hostKey = resolveAlias(parsed.hostname.replace(/^www\./, "").replace(/\./g, "-"));
+    if (hostKey) return hostKey;
+    return resolveAlias(parsed.pathname.replace(/\//g, "-"));
+  } catch {
+    return resolveAlias(value);
+  }
+}
+
+function resolveAgentIconKey(seed: AgentTileIconSeed): AgentIconKey | null {
+  return resolveAlias(seed.label) ??
+    (seed.homepage ? resolveFromUrl(seed.homepage) : null) ??
+    (seed.iconUrl ? resolveFromUrl(seed.iconUrl) : null);
+}
+
+function getFallbackColor(seed: string): string {
+  const palette = [
+    "#14b8a6",
+    "#06b6d4",
+    "#0ea5e9",
+    "#8b5cf6",
+    "#ec4899",
+    "#f97316",
+    "#f59e0b",
+    "#ef4444",
+    "#22c55e",
+    "#84cc16",
+  ];
+  let hash = 0;
+  for (let i = 0; i < seed.length; i += 1) {
+    hash = (hash * 31 + seed.charCodeAt(i)) % palette.length;
+  }
+  return palette[Math.abs(hash) % palette.length] ?? "#6b7280";
+}
+
+function DefaultAgentIcon({ label, className }: { label: string; className: string }) {
+  const initials = label
+    .split(/[^a-z0-9]/iu)
+    .filter(Boolean)
+    .slice(0, 2)
+    .map((segment) => segment[0]?.toUpperCase())
+    .join("");
+
+  return (
+    <span
+      aria-hidden="true"
+      className={`inline-flex shrink-0 items-center justify-center rounded-[0.2rem] text-[9px] font-semibold text-white ${className}`}
+      style={{ backgroundColor: getFallbackColor(`${label}:${label.length}`) }}
+    >
+      {initials || "AI"}
+    </span>
+  );
+}
+
+export function AgentTileIcon({
+  seed,
+  className = "h-6 w-6",
+}: {
+  seed: AgentTileIconSeed | null | undefined;
+  className?: string;
+}) {
+  const [sourceIndex, setSourceIndex] = useState(0);
+  const label = seed?.label?.trim() ?? "";
+
+  const sources = useMemo(() => {
+    if (!label) return [] as string[];
+    const key = resolveAgentIconKey({ label, iconUrl: seed?.iconUrl, homepage: seed?.homepage });
+    const externalSrc = typeof seed?.iconUrl === "string" && seed.iconUrl.trim().length > 0
+      ? seed.iconUrl.trim()
+      : null;
+
+    const list: string[] = [];
+    if (key) {
+      // The app uses a dark surface; prefer high-contrast dark variants first.
+      list.push(`/agents/${key}-dark.svg`);
+      list.push(`/agents/${key}-light.svg`);
+    }
+    if (externalSrc) list.push(externalSrc);
+    return list;
+  }, [label, seed?.homepage, seed?.iconUrl]);
+
+  useEffect(() => {
+    setSourceIndex(0);
+  }, [label, sources]);
+
+  if (!label) {
+    return <DefaultAgentIcon label="AI" className={className} />;
+  }
+
+  const src = sources[sourceIndex] ?? null;
+  if (!src) {
+    return <DefaultAgentIcon label={label} className={className} />;
+  }
+
+  return (
+    <img
+      src={src}
+      alt={`${label} icon`}
+      loading="lazy"
+      className={`${className} shrink-0 rounded-[0.2rem] object-contain scale-125`}
+      onError={() => setSourceIndex((current) => current + 1)}
+    />
+  );
+}