@restregular/dsh-visual-browser 0.0.0-stage → 0.1.1

package/cordis.patch.yml

@@ -0,0 +1,17 @@
+# dsh-visual-browser bundle patch.
+#
+# One Host row: it owns the Chrome process, the five browser tools, and the
+# same-origin `/visual-browser/api` route that feeds the panel (live frame,
+# operation timeline, click-through). The Client half ships in the same
+# package and is loaded by the Web module graph from `dsh.client`.
+#
+# `name` must be byte-for-byte the package.json name: the client module graph
+# locates the package by the Loader row name.
+- insert:
+    - id: dsh-visual-browser
+      name: '@restregular/dsh-visual-browser'
+      config:
+        headless: true
+        viewport:
+          width: 1280
+          height: 800

package/icon.svg

@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="256" height="256" role="img" aria-label="Visual Browser">
+  <defs>
+    <linearGradient id="dvb-bg" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0" stop-color="#4C6EF5"/>
+      <stop offset="1" stop-color="#7048E8"/>
+    </linearGradient>
+    <linearGradient id="dvb-glass" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0" stop-color="#FFFFFF" stop-opacity="0.98"/>
+      <stop offset="1" stop-color="#E9EDFF" stop-opacity="0.9"/>
+    </linearGradient>
+  </defs>
+  <rect width="256" height="256" rx="56" fill="url(#dvb-bg)"/>
+  <rect x="40" y="52" width="176" height="152" rx="18" fill="url(#dvb-glass)"/>
+  <path d="M40 86h176" stroke="#4C6EF5" stroke-opacity="0.22" stroke-width="2"/>
+  <circle cx="58" cy="69" r="4.5" fill="#4C6EF5"/>
+  <circle cx="74" cy="69" r="4.5" fill="#4C6EF5" fill-opacity="0.62"/>
+  <circle cx="90" cy="69" r="4.5" fill="#4C6EF5" fill-opacity="0.34"/>
+  <path d="M128 103c-24 0-41 15-47 26 6 11 23 26 47 26s41-15 47-26c-6-11-23-26-47-26Z" fill="#4C6EF5" fill-opacity="0.14" stroke="#4C6EF5" stroke-width="6" stroke-linejoin="round"/>
+  <circle cx="128" cy="129" r="14" fill="#4C6EF5"/>
+  <path d="M173 150l36 15-16 6-7 17-13-38Z" fill="#1B2559" stroke="#FFFFFF" stroke-width="5" stroke-linejoin="round"/>
+</svg>

package/index.js

@@ -0,0 +1,43 @@
+/**
+ * dsh-visual-browser — Host half.
+ *
+ * Owns one Chrome process, the five browser tools the Agent drives, and the
+ * same-origin API the panel reads. The panel itself is `client.js`.
+ */
+
+import { BrowserManager } from './lib/browser.js';
+import { mountRoutes } from './lib/routes.js';
+import { browserTools } from './lib/tools.js';
+
+export const name = 'dsh-visual-browser';
+
+export function apply(ctx, config = {}) {
+  const logger = ctx.logger;
+  const manager = new BrowserManager({ config, logger });
+
+  // Chrome must never outlive the plugin: unload kills the process tree.
+  ctx.effect(
+    () => () => {
+      manager.dispose();
+    },
+    'dsh-visual-browser: browser lifecycle',
+  );
+
+  const tools = browserTools(manager);
+  try {
+    ctx.inject(['tools'], (scoped) => {
+      for (const definition of tools) {
+        try {
+          scoped.effect(() => scoped.tools.register(definition), `dsh-visual-browser: ${definition.name}`);
+        } catch (error) {
+          logger?.warn?.(`[visual-browser] could not register ${definition.name}: ${error?.message ?? error}`);
+        }
+      }
+      logger?.info?.('[visual-browser] browser tools registered');
+    });
+  } catch (error) {
+    logger?.warn?.(`[visual-browser] tool registration failed: ${error?.message ?? error}`);
+  }
+
+  mountRoutes(ctx, manager);
+}