From 15b6e5fba161a194fe5427d7d29b0c4286423260 Mon Sep 17 00:00:00 2001
From: soryu <soryu@soryu.co>
Date: Tue, 10 Feb 2026 14:50:07 +0000
Subject: Add auto-PR creation for remote repos in directives

---
 .../src/components/directives/DirectiveDetail.tsx  | 34 ++++++++++++++++++++++
 makima/frontend/src/lib/api.ts                     |  5 ++++
 2 files changed, 39 insertions(+)

(limited to 'makima/frontend/src')

diff --git a/makima/frontend/src/components/directives/DirectiveDetail.tsx b/makima/frontend/src/components/directives/DirectiveDetail.tsx
index 1340482..616c5d2 100644
--- a/makima/frontend/src/components/directives/DirectiveDetail.tsx
+++ b/makima/frontend/src/components/directives/DirectiveDetail.tsx
@@ -114,6 +114,40 @@ export function DirectiveDetail({
           </div>
         )}
 
+        {/* PR link */}
+        {directive.prUrl && (
+          <div className="flex items-center gap-2 mb-2 px-2 py-1.5 bg-[#0a1a10] border border-emerald-900 rounded">
+            <span className="inline-block w-2 h-2 rounded-full bg-emerald-400" />
+            <span className="text-[10px] font-mono text-emerald-400">
+              PR created
+            </span>
+            <a
+              href={directive.prUrl}
+              target="_blank"
+              rel="noopener noreferrer"
+              className="text-[10px] font-mono text-emerald-400 hover:text-emerald-300 underline ml-auto truncate max-w-[200px]"
+            >
+              {directive.prUrl}
+            </a>
+          </div>
+        )}
+
+        {/* Completion task indicator */}
+        {directive.completionTaskId && !directive.prUrl && (
+          <div className="flex items-center gap-2 mb-2 px-2 py-1.5 bg-[#1a1a10] border border-yellow-900 rounded">
+            <span className="inline-block w-2 h-2 rounded-full bg-yellow-400 animate-pulse" />
+            <span className="text-[10px] font-mono text-yellow-400">
+              Creating PR...
+            </span>
+            <a
+              href={`/mesh/${directive.completionTaskId}`}
+              className="text-[9px] font-mono text-[#556677] hover:text-yellow-400 underline ml-auto"
+            >
+              View task
+            </a>
+          </div>
+        )}
+
         {/* Controls */}
         <div className="flex flex-wrap gap-2">
           {(directive.status === "draft" || directive.status === "paused") && (
diff --git a/makima/frontend/src/lib/api.ts b/makima/frontend/src/lib/api.ts
index b1422df..40e160e 100644
--- a/makima/frontend/src/lib/api.ts
+++ b/makima/frontend/src/lib/api.ts
@@ -3020,6 +3020,9 @@ export interface Directive {
   localPath: string | null;
   baseBranch: string | null;
   orchestratorTaskId: string | null;
+  prUrl: string | null;
+  prBranch: string | null;
+  completionTaskId: string | null;
   goalUpdatedAt: string;
   startedAt: string | null;
   version: number;
@@ -3055,6 +3058,8 @@ export interface DirectiveSummary {
   status: DirectiveStatus;
   repositoryUrl: string | null;
   orchestratorTaskId: string | null;
+  prUrl: string | null;
+  completionTaskId: string | null;
   version: number;
   createdAt: string;
   updatedAt: string;
-- 
cgit v1.2.3