agentic-orchestrator 0.1.25 → 0.1.26

package/packages/web-dashboard/src/app/api/flaky/route.ts

@@ -0,0 +1,20 @@
+import { okEnvelope } from '@/lib/api-envelope.js';
+import { readDashboardStatus, resolveProjectRoot } from '@/lib/aop-client.js';
+
+export const dynamic = 'force-dynamic';
+
+export async function GET(req: Request): Promise<Response> {
+  const project = new URL(req.url).searchParams.get('project');
+  const repoRoot = await resolveProjectRoot(project);
+  const payload = await readDashboardStatus(repoRoot);
+  const suspects = Array.isArray(payload.flaky_suspects) ? payload.flaky_suspects : [];
+  return Response.json(
+    okEnvelope(
+      {
+        suspects,
+        available: suspects.length > 0,
+      },
+      { source: 'derived' },
+    ),
+  );
+}

package/packages/web-dashboard/src/app/api/policy/budget/route.ts

@@ -0,0 +1,31 @@
+import { errorEnvelope, okEnvelope } from '@/lib/api-envelope.js';
+import { resolveProjectRoot } from '@/lib/aop-client.js';
+import { readPolicyYaml } from '@/lib/policy-reader.js';
+
+export const dynamic = 'force-dynamic';
+
+export async function GET(req: Request): Promise<Response> {
+  const project = new URL(req.url).searchParams.get('project');
+  const repoRoot = await resolveProjectRoot(project);
+  const policy = await readPolicyYaml(repoRoot);
+  const budget =
+    policy && typeof policy.budget === 'object' ? (policy.budget as Record<string, unknown>) : null;
+
+  if (!budget) {
+    return Response.json(
+      errorEnvelope('policy_not_configured', 'Budget policy is not configured for this project'),
+      { status: 404 },
+    );
+  }
+
+  return Response.json(
+    okEnvelope(
+      {
+        per_feature_limit_usd:
+          typeof budget.per_feature_limit_usd === 'number' ? budget.per_feature_limit_usd : null,
+        alert_threshold: typeof budget.alert_threshold === 'number' ? budget.alert_threshold : 0.8,
+      },
+      { source: 'artifact' },
+    ),
+  );
+}

package/packages/web-dashboard/src/app/api/run/route.ts

@@ -0,0 +1,162 @@
+import { authorizeDashboardAction } from '@/lib/authz-adapter.js';
+import { errorEnvelope, okEnvelope } from '@/lib/api-envelope.js';
+import { resolveProjectRoot } from '@/lib/aop-client.js';
+import { callOrchestratorTool } from '@/lib/orchestrator-tools.js';
+import { readPolicyYaml } from '@/lib/policy-reader.js';
+
+export const dynamic = 'force-dynamic';
+
+interface RunRequestBody {
+  feature_id?: string;
+  goal?: string;
+  confirm_launch?: boolean;
+}
+
+interface QuickLaunchAvailability {
+  available: boolean;
+  enabled: boolean;
+  authorized: boolean;
+  reason: string | null;
+}
+
+const FEATURE_ID_PATTERN = /^[a-z0-9](?:[a-z0-9_-]{1,126}[a-z0-9])?$/;
+
+function quickLaunchEnabled(policy: Record<string, unknown> | null): boolean {
+  if (process.env.AOP_DASHBOARD_QUICK_LAUNCH === 'true') {
+    return true;
+  }
+  const dashboard =
+    policy && typeof policy.dashboard === 'object'
+      ? (policy.dashboard as Record<string, unknown>)
+      : null;
+  return dashboard?.quick_launch === true;
+}
+
+async function getAvailability(
+  req: Request,
+  project: string | null,
+  policy: Record<string, unknown> | null,
+): Promise<QuickLaunchAvailability> {
+  const enabled = quickLaunchEnabled(policy);
+  if (!enabled) {
+    return {
+      available: false,
+      enabled: false,
+      authorized: false,
+      reason:
+        'Quick launch is disabled by policy. Enable dashboard.quick_launch or AOP_DASHBOARD_QUICK_LAUNCH=true.',
+    };
+  }
+
+  const auth = await authorizeDashboardAction({
+    action: 'dashboard.quick_launch',
+    project,
+    request: req,
+  });
+
+  if (!auth.allowed) {
+    return {
+      available: false,
+      enabled: true,
+      authorized: false,
+      reason: auth.message ?? 'Action not authorized',
+    };
+  }
+
+  return {
+    available: true,
+    enabled: true,
+    authorized: true,
+    reason: null,
+  };
+}
+
+export async function GET(req: Request): Promise<Response> {
+  const url = new URL(req.url);
+  const project = url.searchParams.get('project');
+  const repoRoot = await resolveProjectRoot(project);
+  const policy = await readPolicyYaml(repoRoot);
+  const availability = await getAvailability(req, project, policy);
+  return Response.json(okEnvelope(availability, { source: 'artifact' }));
+}
+
+export async function POST(req: Request): Promise<Response> {
+  const url = new URL(req.url);
+  const project = url.searchParams.get('project');
+  const repoRoot = await resolveProjectRoot(project);
+  const policy = await readPolicyYaml(repoRoot);
+  const availability = await getAvailability(req, project, policy);
+  if (!availability.available) {
+    return Response.json(
+      errorEnvelope('unauthorized_action', availability.reason ?? 'Action not authorized'),
+      { status: 403 },
+    );
+  }
+
+  const body = (await req.json()) as RunRequestBody;
+  const featureId = typeof body.feature_id === 'string' ? body.feature_id.trim() : '';
+  const goal = typeof body.goal === 'string' ? body.goal.trim() : '';
+  const confirmed = body.confirm_launch === true;
+
+  if (!confirmed) {
+    return Response.json(
+      errorEnvelope(
+        'invalid_input',
+        'confirm_launch=true is required to prevent accidental feature launches.',
+      ),
+      { status: 400 },
+    );
+  }
+
+  if (!FEATURE_ID_PATTERN.test(featureId)) {
+    return Response.json(
+      errorEnvelope(
+        'invalid_input',
+        'feature_id must match /^[a-z0-9](?:[a-z0-9_-]{1,126}[a-z0-9])?$/',
+      ),
+      { status: 400 },
+    );
+  }
+
+  if (goal.length === 0) {
+    return Response.json(errorEnvelope('invalid_input', 'goal is required'), {
+      status: 400,
+    });
+  }
+
+  const result = await callOrchestratorTool(
+    'feature.init',
+    {
+      feature_id: featureId,
+      goal,
+    },
+    {
+      mutating: true,
+      featureId,
+      repoRoot,
+    },
+  );
+
+  if (!result.ok) {
+    return Response.json(
+      errorEnvelope(
+        result.error?.code ?? 'tool_unavailable',
+        result.error?.message ?? 'Unable to launch feature',
+        { retryable: result.error?.code === 'tool_timeout' },
+      ),
+      { status: 409 },
+    );
+  }
+
+  return Response.json(
+    okEnvelope(
+      {
+        feature_id: featureId,
+        goal,
+        status: 'initialized',
+      },
+      { source: 'tool' },
+    ),
+    { status: 201 },
+  );
+}

package/packages/web-dashboard/src/app/api/status/route.ts

@@ -1,4 +1,5 @@
 import { readDashboardStatus, resolveProjectRoot } from '@/lib/aop-client.js';
+import { okEnvelope } from '@/lib/api-envelope.js';
 
 export const dynamic = 'force-dynamic';
 
@@ -7,9 +8,5 @@ export async function GET(req: Request): Promise<Response> {
   const project = url.searchParams.get('project');
   const repoRoot = await resolveProjectRoot(project);
   const payload = await readDashboardStatus(repoRoot);
-  return Response.json({
-    ok: true,
-    data: payload,
-    timestamp: new Date().toISOString(),
-  });
+  return Response.json(okEnvelope(payload, { source: 'derived' }));
 }

package/packages/web-dashboard/src/app/feature/[id]/page.tsx

@@ -0,0 +1,112 @@
+'use client';
+
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import Link from 'next/link';
+import { DetailPanel } from '@/components/detail-panel';
+import { ToastStack, useToast } from '@/components/toast';
+import type { DashboardStatusPayload, FeatureDetail } from '@/lib/types.js';
+import styles from '@/styles/dashboard.module.css';
+
+function emptyPayload(): DashboardStatusPayload {
+  return {
+    index: { active: [], blocked: [], merged: [], blocked_queue: [] },
+    features: [],
+  };
+}
+
+async function jsonFetch<T>(input: string, init?: RequestInit): Promise<T> {
+  const response = await fetch(input, init);
+  return (await response.json()) as T;
+}
+
+export default function FeatureFocusPage({ params }: { params: Promise<{ id: string }> }) {
+  const [featureId, setFeatureId] = useState<string>('');
+  const [project, setProject] = useState<string>('');
+  const [detail, setDetail] = useState<FeatureDetail | null>(null);
+  const [payload, setPayload] = useState<DashboardStatusPayload>(emptyPayload());
+  const { notifications, addToast, dismissToast } = useToast();
+
+  useEffect(() => {
+    void (async () => {
+      const resolved = await params;
+      setFeatureId(resolved.id);
+    })();
+  }, [params]);
+
+  useEffect(() => {
+    const current = new URL(window.location.href).searchParams.get('project');
+    setProject(current ?? '');
+  }, []);
+
+  const query = useMemo(() => {
+    return project.length > 0 ? `?project=${encodeURIComponent(project)}` : '';
+  }, [project]);
+
+  const refreshStatus = useCallback(async () => {
+    const response = await jsonFetch<{ ok: boolean; data?: DashboardStatusPayload }>(
+      `/api/status${query}`,
+    );
+    if (response.ok && response.data) {
+      setPayload(response.data);
+    }
+  }, [query]);
+
+  const refreshDetail = useCallback(
+    async (targetFeatureId: string) => {
+      const response = await jsonFetch<{ ok: boolean; data?: FeatureDetail }>(
+        `/api/features/${targetFeatureId}${query}`,
+      );
+      if (response.ok && response.data) {
+        setDetail(response.data);
+      } else {
+        setDetail(null);
+      }
+    },
+    [query],
+  );
+
+  useEffect(() => {
+    if (featureId.length === 0) {
+      return;
+    }
+    void refreshDetail(featureId);
+    void refreshStatus();
+  }, [featureId, refreshDetail, refreshStatus]);
+
+  const statusLabel =
+    payload.features.find((feature) => feature.feature_id === featureId)?.status ??
+    detail?.feature.status ??
+    'unknown';
+
+  return (
+    <div className={styles.dashboardRoot}>
+      <header className={styles.focusHeader}>
+        <div className={styles.titleBlock}>
+          <h1 className={styles.pageTitle}>{featureId}</h1>
+          <p className={styles.pageSubtitle}>Focus review view • Status: {statusLabel}</p>
+        </div>
+        <div className={styles.inlineActions}>
+          <Link href={`/${query.length > 0 ? query : ''}`} className={styles.linkButton}>
+            Back To Board
+          </Link>
+        </div>
+      </header>
+
+      <div className={styles.focusLayout}>
+        <DetailPanel
+          detail={detail}
+          project={project}
+          isFocusView
+          onClose={() => {
+            window.location.href = `/${query.length > 0 ? query : ''}`;
+          }}
+          refreshDetail={refreshDetail}
+          refreshStatus={refreshStatus}
+          addToast={addToast}
+        />
+      </div>
+
+      <ToastStack notifications={notifications} onDismiss={dismissToast} />
+    </div>
+  );
+}