@tomflow/proflow-execution-browser-extension 0.1.37 → 0.1.39

package/extension/content.ts

@@ -1,22 +1,37 @@
+import type { PermissionSemanticAction } from "../src/carrier-permission.js";
+import {
+	observeChatGptPage,
+	performChatGptPermissionAction,
+	submitChatGptComposer,
+	writeChatGptInput,
+} from "../src/chatgpt-runtime-adapter.js";
 import { containsSubmittedFingerprint } from "../src/submitted-message.js";
 
-type PageState = "IDLE" | "BUSY" | "BLOCKED" | "UNKNOWN";
 type ContentCommand = {
 	type: "PROFLOW_PAGE_COMMAND";
 	contentInstanceId: string;
 	expectedUrl: string;
-	operation: "observe" | "input" | "click" | "submit" | "verify";
+	operation:
+		| "observe"
+		| "input"
+		| "click"
+		| "submit"
+		| "verify"
+		| "permissionAction";
 	selector?: string;
 	value?: string;
 	fingerprint?: string;
+	permissionFingerprint?: string;
+	permissionAction?: PermissionSemanticAction;
 };
+type ContentSnapshotRequest = { type: "PROFLOW_PAGE_SNAPSHOT_REQUEST" };
 type ChromeContent = {
 	runtime: {
 		sendMessage(message: unknown): Promise<unknown>;
 		onMessage: {
 			addListener(
 				listener: (
-					message: ContentCommand,
+					message: ContentCommand | ContentSnapshotRequest,
 					sender: unknown,
 					sendResponse: (value: unknown) => void,
 				) => boolean | undefined,
@@ -28,22 +43,8 @@ declare const chrome: ChromeContent;
 
 const contentInstanceId = `content:${crypto.randomUUID()}`;
 
-function pageState(): { pageState: PageState; activityKind: string | null } {
-	if (document.querySelector('[role="dialog"]'))
-		return { pageState: "BLOCKED", activityKind: "ACTION_PERMISSION" };
-	if (
-		document.querySelector(
-			'[data-testid="stop-button"], button[aria-label*="Stop"]',
-		)
-	)
-		return { pageState: "BUSY", activityKind: "GENERATING" };
-	if (
-		document.querySelector(
-			'#prompt-textarea, textarea, [contenteditable="true"]',
-		)
-	)
-		return { pageState: "IDLE", activityKind: null };
-	return { pageState: "UNKNOWN", activityKind: null };
+function pageState(): ReturnType<typeof observeChatGptPage> {
+	return observeChatGptPage(document);
 }
 
 function observation() {
@@ -76,6 +77,7 @@ function hasFingerprint(fingerprint: string | undefined): boolean {
 
 chrome.runtime.onMessage.addListener((command, _sender, sendResponse) => {
 	void (async () => {
+		if (command.type === "PROFLOW_PAGE_SNAPSHOT_REQUEST") return observation();
 		if (
 			command.type !== "PROFLOW_PAGE_COMMAND" ||
 			command.contentInstanceId !== contentInstanceId ||
@@ -88,33 +90,32 @@ chrome.runtime.onMessage.addListener((command, _sender, sendResponse) => {
 				...observation(),
 				verified: hasFingerprint(command.fingerprint),
 			};
-		if (pageState().pageState === "BLOCKED")
-			throw new Error("PAGE_PERMISSION_REQUIRES_HUMAN");
+		if (command.operation === "permissionAction") {
+			if (!command.permissionFingerprint || !command.permissionAction)
+				throw new Error("PERMISSION_ACTION_INVALID");
+			performChatGptPermissionAction(
+				document,
+				command.permissionFingerprint,
+				command.permissionAction,
+			);
+			return observation();
+		}
+		if (pageState().pageState === "BLOCKED") throw new Error("PAGE_BLOCKED");
 		if (command.operation === "click") {
 			safeElement(command.selector).click();
 			return observation();
 		}
-		const input = safeElement(command.selector ?? "#prompt-textarea");
 		if (command.value === undefined || command.value.length > 4_096)
 			throw new Error("INPUT_BUDGET_EXCEEDED");
-		input.focus();
-		if (
-			input instanceof HTMLTextAreaElement ||
-			input instanceof HTMLInputElement
-		)
-			input.value = command.value;
-		else input.textContent = command.value;
-		input.dispatchEvent(
-			new InputEvent("input", {
-				bubbles: true,
-				inputType: "insertText",
-				data: command.value,
-			}),
+		if (command.operation === "submit") {
+			await submitChatGptComposer(document, command.value);
+			return observation();
+		}
+		writeChatGptInput(
+			document,
+			command.selector ?? "#prompt-textarea",
+			command.value,
 		);
-		if (command.operation === "submit")
-			safeElement(
-				'button[data-testid="send-button"], button[aria-label*="Send"]',
-			).click();
 		return observation();
 	})().then(
 		(value) => sendResponse({ ok: true, value }),

package/extension/tasks.html

@@ -55,6 +55,12 @@
 			<div id="nodes"></div>
 		</section>
 
+		<section>
+			<h2>Carrier Attention</h2>
+			<p class="meta">Transient Browser reality requiring a human decision. This is not an Execution Approval fact; Allow uses one-time permission only.</p>
+			<div id="carrier-attentions" class="meta">No carrier attention.</div>
+		</section>
+
 		<section>
 			<h2>Execution Approval</h2>
 			<p class="meta">Approval is an Execution-owned durable fact. This page only sends authenticated human decisions to the Execution Owner.</p>

package/extension/tasks.ts

@@ -1,12 +1,11 @@
-export {};
+import { parseCarrierAttentionViews } from "../src/carrier-attention-view.js";
 
 type ChromePanel = {
 	runtime: { sendMessage(message: unknown): Promise<unknown> };
 };
 declare const chrome: ChromePanel;
 
-const extensionRuntime =
-	typeof chrome !== "undefined" && chrome.runtime ? chrome.runtime : null;
+const extensionRuntime = typeof chrome === "undefined" ? null : chrome.runtime;
 
 type TaskSummary = {
 	taskId: string;
@@ -65,6 +64,7 @@ const startButton = element<HTMLButtonElement>("#start-task");
 const ensureWorkersButton = element<HTMLButtonElement>("#ensure-workers");
 const newTaskForm = element<HTMLFormElement>("#new-task-form");
 const approvalsTarget = element<HTMLElement>("#approvals");
+const carrierAttentionsTarget = element<HTMLElement>("#carrier-attentions");
 const systemAssessmentTarget = element<HTMLElement>("#system-assessment");
 
 let selected: TaskView | null = null;
@@ -101,7 +101,8 @@ async function taskApplication(
 	operation: string,
 	input: Record<string, unknown>,
 ): Promise<unknown> {
-	if (!extensionRuntime) return webApplication("/tasks/api/task", operation, input);
+	if (!extensionRuntime)
+		return webApplication("/tasks/api/task", operation, input);
 	const raw = await extensionRuntime.sendMessage({
 		type: "PROFLOW_TASK_APPLICATION",
 		operation,
@@ -138,6 +139,90 @@ async function approvalApplication(
 	return response.value;
 }
 
+async function carrierAttentionAction(
+	attentionRef: string,
+	action: "allowOnce" | "deny",
+): Promise<void> {
+	if (!extensionRuntime) {
+		const response = await fetch("/tasks/api/carrier-attention", {
+			method: "POST",
+			headers: { "content-type": "application/json" },
+			body: JSON.stringify({ attentionRef, action }),
+		});
+		const body = record(await response.json());
+		if (!response.ok || body.ok !== true)
+			throw new Error(
+				typeof body.error === "string"
+					? body.error
+					: "CARRIER_ATTENTION_ACTION_FAILED",
+			);
+		return;
+	}
+	const raw = await extensionRuntime.sendMessage({
+		type: "PROFLOW_CARRIER_ATTENTION_ACTION",
+		input: { attentionRef, action },
+	});
+	const response = record(raw);
+	if (response.ok !== true)
+		throw new Error(
+			typeof response.error === "string"
+				? response.error
+				: "CARRIER_ATTENTION_ACTION_FAILED",
+		);
+}
+
+function renderCarrierAttentions(snapshot: Record<string, unknown>): void {
+	const attentions = parseCarrierAttentionViews(snapshot.carrierAttentions);
+	carrierAttentionsTarget.replaceChildren();
+	if (attentions.length === 0) {
+		carrierAttentionsTarget.textContent = "No carrier attention.";
+		return;
+	}
+	for (const attention of attentions) {
+		const row = document.createElement("div");
+		row.className = "task";
+		const label = document.createElement("div");
+		label.textContent = `${attention.operationId} · ${attention.targetHost ?? "unknown target"}`;
+		const detail = document.createElement("div");
+		detail.className = "meta";
+		detail.textContent = [
+			attention.reason,
+			attention.taskId ? `task ${attention.taskId}` : "task unknown",
+			attention.roleRef ? `role ${attention.roleRef}` : "role unknown",
+		].join(" · ");
+		row.append(label, detail);
+		if (attention.actions.includes("allowOnce")) {
+			const allow = document.createElement("button");
+			allow.type = "button";
+			allow.textContent = "Allow once";
+			allow.addEventListener(
+				"click",
+				() =>
+					void run(async () => {
+						await carrierAttentionAction(attention.attentionRef, "allowOnce");
+						await refreshBrowserStatus();
+					}),
+			);
+			row.append(allow);
+		}
+		if (attention.actions.includes("deny")) {
+			const deny = document.createElement("button");
+			deny.type = "button";
+			deny.textContent = "Deny";
+			deny.addEventListener(
+				"click",
+				() =>
+					void run(async () => {
+						await carrierAttentionAction(attention.attentionRef, "deny");
+						await refreshBrowserStatus();
+					}),
+			);
+			row.append(deny);
+		}
+		carrierAttentionsTarget.append(row);
+	}
+}
+
 async function refreshApprovals() {
 	const value = record(
 		await approvalApplication("approval.list", { status: "PENDING" }),
@@ -254,7 +339,9 @@ async function refreshTasks() {
 async function pageStatus(): Promise<Record<string, unknown>> {
 	if (extensionRuntime)
 		return record(
-			await extensionRuntime.sendMessage({ type: "PROFLOW_SIDE_PANEL_SNAPSHOT" }),
+			await extensionRuntime.sendMessage({
+				type: "PROFLOW_SIDE_PANEL_SNAPSHOT",
+			}),
 		);
 	const response = await fetch("/tasks/api/status", { cache: "no-store" });
 	const body = record(await response.json());
@@ -267,6 +354,7 @@ async function pageStatus(): Promise<Record<string, unknown>> {
 
 async function refreshBrowserStatus() {
 	const snapshot = await pageStatus();
+	renderCarrierAttentions(snapshot);
 	connection.textContent =
 		snapshot.taskApplicationConfigured === true &&
 		snapshot.approvalApplicationConfigured === true

package/manifest.json

@@ -1,7 +1,7 @@
 {
 	"manifest_version": 3,
 	"name": "ProFlow Execution Browser",
-	"version": "0.1.37",
+	"version": "0.1.39",
 	"permissions": [
 		"tabs",
 		"storage"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tomflow/proflow-execution-browser-extension",
-  "version": "0.1.37",
+  "version": "0.1.39",
   "description": "Execution-owned MV3 Browser executor, evidence provider and browser application surface.",
   "type": "module",
   "publishConfig": {
@@ -31,8 +31,8 @@
     "@tomflow/proflow-module-contract": "^0.1.13"
   },
   "devDependencies": {
-    "@tomflow/proflow-deployment-conformance": "^0.1.13",
-    "@tomflow/proflow-execution-runtime": "^0.1.16"
+    "@tomflow/proflow-execution-runtime": "^0.1.17",
+    "@tomflow/proflow-deployment-conformance": "^0.1.13"
   },
   "keywords": [
     "proflow",

package/proflow.module.json

@@ -3,7 +3,7 @@
 	"contractVersion": "1.0.0",
 	"moduleRef": "execution-browser-extension",
 	"packageName": "@tomflow/proflow-execution-browser-extension",
-	"moduleVersion": "0.1.37",
+	"moduleVersion": "0.1.39",
 	"kind": "browser-extension",
 	"templateVersion": "1.0.0",
 	"platformCompatibility": ">=1.0.0 <2.0.0",