@hellolynk-ai/codex-plugin 0.0.0-stage → 0.2.100

package/plugins/hellolynk-codex/runtime/workbench/ui/connection-form.mjs

@@ -0,0 +1,155 @@
+const ID_PATTERN = /^hellolynk:(intl|cn):[a-z0-9][a-z0-9._-]{2,179}$/;
+const CONFIRMATION_URL = /^https:\/\/hellolynk\.com\/account\?deviceRequest=devreq_[a-f0-9]{48}$/;
+function acceptedInstanceName(value) {
+  // Keep exact saved-intent names available for continuation. Only the enrollment
+  // coordinator knows whether to apply the stricter new-name rule.
+  if ([...value].length > 80
+    || /[\u0000-\u001f\u007f-\u009f\u061c\u200e\u200f\u2028-\u202e\u2066-\u2069]/u.test(value)) return null;
+  return value;
+}
+
+export function createWorkbenchConnectionForm(options) {
+  const t = options.translate ?? ((key) => key);
+  let connectionForm = null;
+  const startConnection = function startConnection() {
+    if (connectionForm) { connectionForm.querySelector("input")?.focus(); return; }
+    const returnFocus = document.getElementById("connection-start") || document.activeElement;
+    const form = document.createElement("div");
+    form.className = "connection-fields";
+    form.setAttribute("role", "form");
+    form.innerHTML = `<a data-account href="https://hellolynk.com/account" target="_blank" rel="noopener noreferrer"></a>
+      <label class="form-field"><span data-id-label class="form-label"></span><input data-id class="form-input" type="text" autocomplete="off" spellcheck="false" placeholder="hellolynk:intl:your-id" maxlength="195"></label>
+      <label class="form-field"><span data-name-label class="form-label"></span><input data-name class="form-input" type="text" autocomplete="off" maxlength="80"><small data-name-help></small></label>
+      <strong data-confirm-title class="connection-confirmation-title" hidden></strong>
+      <p data-status class="connection-help" role="status" aria-live="polite"></p>
+      <a data-confirm class="primary-button connection-confirm-button" target="_blank" rel="noopener noreferrer" hidden></a>
+      <p data-confirm-help class="connection-help" hidden></p>
+      <button data-submit type="button" class="primary-button"></button>
+      <button data-cancel type="button" class="secondary-button"></button>`;
+    const field = (name) => form.querySelector(`[data-${name}]`);
+    const id = field("id"), name = field("name"), status = field("status"), submit = field("submit"), confirmation = field("confirm");
+    let running = false;
+    let waiting = false;
+    let confirmInput = null;
+    let statusKey = null;
+    let statusCode = null;
+    let idValidationKey = null;
+    let nameValidationKey = null;
+    const message = (key) => key ? t(`connectionForm.message.${key}`) : "";
+    function render() {
+      field("id-label").textContent = t("connectionForm.idLabel");
+      field("account").textContent = t("connectionForm.account");
+      field("name-label").textContent = t("connectionForm.nameLabel");
+      field("name-help").textContent = t("connectionForm.nameHelp");
+      name.placeholder = t("connectionForm.namePlaceholder");
+      field("confirm-title").hidden = !waiting;
+      field("confirm-title").textContent = t("connectionForm.confirmTitle");
+      field("confirm-help").hidden = !waiting;
+      field("confirm-help").textContent = t("connectionForm.confirmHelp");
+      confirmation.textContent = t("connectionForm.step1");
+      submit.className = waiting ? "secondary-button" : "primary-button";
+      submit.textContent = running ? t("connectionForm.connectingButton") : waiting ? t("connectionForm.step2") : t("connectionForm.connect");
+      field("cancel").textContent = t("action.cancel");
+      status.textContent = message(statusKey)
+        + (statusCode ? `\n${t("connectionForm.errorCode")}${statusCode}` : "");
+      // A failed attempt must look like one; "connecting" and "confirm first" stay neutral.
+      status.className = statusCode ? "connection-help is-error" : "connection-help";
+      id.setCustomValidity(message(idValidationKey));
+      name.setCustomValidity(message(nameValidationKey));
+    }
+    const observer = new MutationObserver(render);
+    observer.observe(document.documentElement, { attributes: true, attributeFilter: ["lang"] });
+    function close() {
+      observer.disconnect();
+      form.remove();
+      if (connectionForm === form) connectionForm = null;
+    }
+    startConnection.close = close;
+    function invalidateConfirmation() {
+      idValidationKey = null; nameValidationKey = null;
+      id.setCustomValidity("");
+      name.setCustomValidity("");
+      if (waiting) {
+        waiting = false; confirmInput = null; confirmation.hidden = true; confirmation.removeAttribute("href"); statusKey = null; statusCode = null; render();
+      }
+    }
+    async function connect() {
+      if (running) return;
+      const instanceName = acceptedInstanceName(name.value);
+      const input = { hellolynkId: id.value.trim(), instanceName: instanceName ?? name.value };
+      idValidationKey = ID_PATTERN.test(input.hellolynkId) ? null : "idRequired";
+      nameValidationKey = instanceName !== null ? null : "nameInvalid";
+      render();
+      if (!id.reportValidity()) return;
+      if (!name.reportValidity()) return;
+      if (confirmInput && JSON.stringify(confirmInput) !== JSON.stringify(input)) invalidateConfirmation();
+      running = true; id.disabled = true; name.disabled = true; submit.disabled = true; field("cancel").disabled = true;
+      statusKey = "connecting"; statusCode = null;
+      render();
+      try {
+        const result = await options.connect(input);
+        if (result.status === "confirmation_required" && CONFIRMATION_URL.test(result.verificationUrl)) {
+          waiting = true; confirmInput = input;
+          confirmation.href = result.verificationUrl; confirmation.hidden = false;
+          statusKey = "confirmationRequired"; statusCode = null;
+        } else if (result.status === "registered") {
+          close();
+          await options.onConnected(result);
+        } else throw new Error("workbench_connect_result_invalid");
+      } catch (error) {
+        const value = String(error?.code || error?.message || "workbench_connect_failed");
+        const safe = /^[a-z][a-z0-9_]{1,127}$/.test(value) ? value : "workbench_connect_failed";
+        statusKey = safe === "network_certificate_untrusted" ? "networkCertificate"
+          : ["network_name_resolution_failed", "network_connection_refused"].includes(safe) ? "networkAddress"
+          : ["network_proxy_runtime_unsupported", "network_proxy_configuration_invalid", "network_system_proxy_unavailable"].includes(safe) ? "networkProxy"
+          : ["device_enrollment_name_invalid", "agent_instance_name_invalid"].includes(safe) ? "enrollmentNameInvalid"
+          : safe === "agent_instance_name_conflict" ? "nameTaken"
+          : safe === "workbench_connect_name_invalid" ? "nameInvalid"
+            : ["workbench_connect_id_invalid", "device_enrollment_hellolynk_id_invalid"].includes(safe) ? "idInvalid"
+              : ["workbench_connect_busy", "device_enrollment_busy"].includes(safe) ? "busy"
+                // powershell7_missing is certain. credential_helper_unavailable is thrown for any helper start failure
+                // (most likely no PowerShell 7), so it gets a "may not be installed" message. Retrying cannot help either,
+                // so neither may fall into the generic "unavailable" bucket below.
+                : safe === "powershell7_missing" ? "powershell7Missing"
+                  : safe === "credential_helper_unavailable" ? "credentialHelperUnavailable"
+                    : safe === "device_enrollment_existing_profile_requires_setup" ? "existingSetup"
+                      : safe === "device_enrollment_intent_conflict" ? "savedConnectionConflict"
+                        : safe === "device_enrollment_authorization_expired" ? "authorizationExpired"
+                          : /timeout|request_failed|unavailable/.test(safe) ? "resultPending"
+                            : /conflict|existing_profile|owner_mismatch/.test(safe) ? "existingConnection"
+                              : "failed";
+        statusCode = safe;
+        if (["device_enrollment_name_invalid", "workbench_connect_name_invalid", "agent_instance_name_invalid", "agent_instance_name_conflict"].includes(safe)) nameValidationKey = statusKey;
+      } finally {
+        running = false; id.disabled = false; name.disabled = false; submit.disabled = false; field("cancel").disabled = false; render();
+      }
+    }
+    submit.addEventListener("click", () => { void connect(); });
+    field("cancel").addEventListener("click", () => {
+      close();
+      if (returnFocus?.isConnected && !returnFocus.hidden && !returnFocus.disabled
+        && !returnFocus.closest('[hidden], [inert], [aria-hidden="true"]')) {
+        returnFocus.focus({ preventScroll: true });
+      }
+    });
+    for (const input of [id, name]) {
+      input.addEventListener("input", invalidateConfirmation);
+      input.addEventListener("keydown", (event) => {
+        if (event.key === "Enter" && !event.isComposing) { event.preventDefault(); void connect(); }
+      });
+    }
+    for (const link of [field("account"), confirmation]) {
+      if (typeof options.openLink === "function") link.addEventListener("click", (event) => {
+        event.preventDefault();
+        void Promise.resolve().then(() => options.openLink(link.href)).catch(() => {
+          statusKey = "websiteOpenFailed"; statusCode = null; render();
+        });
+      });
+    }
+    render();
+    document.getElementById("connection-guide").append(form);
+    connectionForm = form;
+    id.focus();
+  };
+  return startConnection;
+}

package/plugins/hellolynk-codex/runtime/workbench/ui/http-transport.mjs

@@ -0,0 +1,247 @@
+export function createWorkbenchHttpTransport(options = {}) {
+  const requestTimeoutMs = positiveTimeout(options.requestTimeoutMs, 10_000);
+  // Contact-request admission performs three bounded Host stages: an
+  // authoritative metadata preflight, reserve, and (when admitted) relay.
+  // Keep explicit test/embedding overrides inherited from requestTimeoutMs.
+  const contactRequestTimeoutMs = positiveTimeout(
+    options.contactRequestTimeoutMs ?? options.requestTimeoutMs,
+    30_000,
+  );
+  // Page remounts can queue behind an earlier Host read, so snapshots have a
+  // separate longer deadline. Ordinary commands keep the base request budget;
+  // contact-request admission uses the bounded exception above.
+  const snapshotTimeoutMs = positiveTimeout(options.snapshotTimeoutMs ?? options.requestTimeoutMs, 30_000);
+  // A first Windows Host launch may take up to 75 seconds before discovery.
+  // Once data has loaded, keep the shorter ordinary read deadline.
+  const initialSnapshotTimeoutMs = positiveTimeout(options.initialSnapshotTimeoutMs
+    ?? options.snapshotTimeoutMs ?? options.requestTimeoutMs, 90_000);
+  const initialSourceMode = options?.initialSourceMode == null
+    ? null
+    : String(options.initialSourceMode);
+  if (initialSourceMode !== null && initialSourceMode !== "synthetic-preview") {
+    throw new Error("workbench_http_transport_initial_source_mode_invalid");
+  }
+  let csrf = null;
+  let accountRevision = null;
+  let snapshotLoaded = false;
+
+  async function request(path, options = {}, { knownFailureOnHttpError = false, timeoutMs = requestTimeoutMs } = {}) {
+    const controller = new AbortController();
+    const timeout = setTimeout(() => controller.abort(), timeoutMs);
+    try {
+      const response = await fetch(path, {
+        credentials: "same-origin",
+        ...options,
+        headers: { ...(options.headers || {}), ...(accountRevision ? { "x-hellolynk-account-revision": accountRevision } : {}) },
+        signal: controller.signal,
+      });
+      let body;
+      try {
+        body = await response.json();
+      } catch (error) {
+        if (controller.signal.aborted) throw error;
+        if (response.ok) throw codeError("workbench_loopback_response_invalid");
+        body = {};
+      }
+      if (!response.ok) {
+        const error = codeError(publicCode(body?.error, "workbench_loopback_failed"));
+        if (knownFailureOnHttpError || knownPreMutationError(error.code)) error.outcome = "known-failed";
+        throw error;
+      }
+      if (!body || typeof body !== "object" || Array.isArray(body)) throw codeError("workbench_loopback_response_invalid");
+      return body;
+    } catch (error) {
+      if (controller.signal.aborted) {
+        const timeoutError = new Error("workbench_loopback_timeout");
+        timeoutError.code = "workbench_loopback_timeout";
+        if (knownFailureOnHttpError) timeoutError.outcome = "known-failed";
+        throw timeoutError;
+      }
+      if (error instanceof TypeError && !error.code) throw codeError("workbench_loopback_unreachable");
+      throw error;
+    } finally {
+      clearTimeout(timeout);
+    }
+  }
+  return Object.freeze({
+    mode: "loopback-http",
+    ...(initialSourceMode ? { initialSourceMode } : {}),
+    actionGrantMode: "host-single-use-v1",
+    async readAccountState() {
+      const value = await request("/api/v1/account");
+      if (accountRevision !== value.revision) snapshotLoaded = false;
+      accountRevision = value.revision;
+      return value;
+    },
+    async disconnectAccount(input) {
+      csrf = (await request("/api/v1/csrf")).csrf;
+      const value = await request("/api/v1/disconnect", { method: "POST",
+        headers: { "content-type": "application/json", "x-hellolynk-csrf": csrf }, body: JSON.stringify(input),
+      }, { timeoutMs: 60_000 });
+      accountRevision = value.revision;
+      snapshotLoaded = false;
+      return value;
+    },
+    async readSnapshot(input = {}) {
+      const query = new URLSearchParams();
+      for (const key of ["threadId", "threadCursor", "messageCursor", "contactRequestCursor", "query", "filter", "historyBefore"]) {
+        if (!Object.hasOwn(input, key) || input[key] === "") continue;
+        if (input[key] === null) {
+          if (key === "contactRequestCursor" || key === "historyBefore") query.set(key, "");
+          continue;
+        }
+        query.set(key, input[key]);
+      }
+      const suffix = query.size ? `?${query}` : "";
+      const revision = accountRevision;
+      const body = await request(`/api/v1/snapshot${suffix}`, {}, {
+        timeoutMs: snapshotLoaded ? snapshotTimeoutMs : initialSnapshotTimeoutMs,
+      });
+      if (!body.snapshot || typeof body.snapshot !== "object" || Array.isArray(body.snapshot)) {
+        throw codeError("workbench_loopback_response_invalid");
+      }
+      if (revision === accountRevision) snapshotLoaded = true;
+      return body.snapshot;
+    },
+    async connectAccount(input) {
+      csrf = (await request("/api/v1/csrf")).csrf;
+      return request("/api/v1/connect", { method: "POST",
+        headers: { "content-type": "application/json", "x-hellolynk-csrf": csrf },
+        body: JSON.stringify(input),
+      }, { timeoutMs: 160_000 });
+    },
+    async openAccount(url) {
+      csrf = (await request("/api/v1/csrf")).csrf;
+      return request("/api/v1/open-account", { method: "POST",
+        headers: { "content-type": "application/json", "x-hellolynk-csrf": csrf },
+        body: JSON.stringify({ url }),
+      }, { timeoutMs: 15_000 });
+    },
+    async executeCommand(command) {
+      let prepared = false;
+      try {
+        if (!csrf) csrf = (await request("/api/v1/csrf", {}, { knownFailureOnHttpError: true })).csrf;
+        const headers = {
+          "content-type": "application/json",
+          "x-hellolynk-csrf": csrf,
+        };
+        let actionGrant;
+        if (command.command !== "message.send-status") {
+          const grantResponse = await request("/api/v1/action-grants", {
+            method: "POST",
+            headers,
+            body: JSON.stringify({ command }),
+          }, { knownFailureOnHttpError: true });
+          actionGrant = privateActionGrant(grantResponse.actionGrant);
+        }
+        prepared = true;
+        return (await request("/api/v1/command", {
+          method: "POST",
+          headers,
+          body: JSON.stringify({ command, ...(actionGrant ? { actionGrant } : {}) }),
+        }, {
+          timeoutMs: command.command === "contact-request.send"
+            ? contactRequestTimeoutMs
+            : requestTimeoutMs,
+        })).result;
+      } catch (error) {
+        if (!prepared && error && typeof error === "object" && error.outcome == null) error.outcome = "known-failed";
+        throw error;
+      }
+    },
+    subscribe(onChange, onError, onReconnect) {
+      const events = new EventSource("/api/v1/events");
+      let stopped = false;
+      let reconnecting = false;
+      let sourceFailed = false;
+      let sourceReady = false;
+      let keepAliveTimer;
+      const recovered = () => {
+        if (stopped || sourceFailed || !reconnecting) return;
+        reconnecting = false;
+        onReconnect?.();
+      };
+      const failed = (error) => {
+        if (stopped) return;
+        reconnecting = true;
+        onError?.(error);
+      };
+      const keepSessionAlive = async () => {
+        try {
+          await request("/api/v1/session", {}, { knownFailureOnHttpError: true });
+          if (events.readyState === EventSource.OPEN) recovered();
+        } catch (error) {
+          failed(error);
+          if (error?.code === "workbench_surface_session_invalid") {
+            stopped = true;
+            events.close();
+          }
+        } finally {
+          if (!stopped) keepAliveTimer = setTimeout(keepSessionAlive, 60_000);
+        }
+      };
+      events.addEventListener("changed", (event) => {
+        if (stopped) return;
+        try { onChange(JSON.parse(event.data)); }
+        catch { failed(codeError("workbench_change_response_invalid")); }
+      });
+      events.addEventListener("source-error", (event) => {
+        if (stopped) return;
+        sourceFailed = true;
+        let code;
+        try { code = JSON.parse(event.data)?.code; } catch { /* Keep a fixed public fallback. */ }
+        failed(codeError(publicCode(code, "workbench_change_source_failed")));
+      });
+      events.addEventListener("source-ready", () => {
+        const firstReady = !sourceReady;
+        sourceReady = true;
+        sourceFailed = false;
+        // Initial Host readiness can arrive after the first snapshot timed out,
+        // without any preceding SSE error. Deliver that recovery exactly once.
+        if (firstReady && !reconnecting && !stopped) onReconnect?.();
+        else recovered();
+      });
+      events.addEventListener("open", recovered);
+      events.addEventListener("error", () => failed(codeError("workbench_change_stream_failed")));
+      keepAliveTimer = setTimeout(keepSessionAlive, 60_000);
+      return () => {
+        stopped = true;
+        clearTimeout(keepAliveTimer);
+        events.close();
+      };
+    },
+  });
+}
+
+function publicCode(value, fallback) {
+  return typeof value === "string" && (/^(?:workbench|host|neutral_[a-z_]+|hellolynk_[a-z_]+)_[a-z0-9_]{1,120}$/.test(value)
+    || ["powershell7_missing", "credential_helper_unavailable", "agent_instance_name_invalid", "agent_instance_name_conflict",
+      "device_enrollment_name_invalid", "device_enrollment_hellolynk_id_invalid", "device_enrollment_existing_profile_requires_setup",
+      "device_enrollment_intent_conflict", "device_enrollment_authorization_expired", "device_enrollment_owner_conflict",
+      "device_enrollment_busy", "device_enrollment_request_timeout", "device_enrollment_request_failed"].includes(value)) ? value : fallback;
+}
+
+function codeError(code) {
+  return Object.assign(new Error(code), { code });
+}
+
+function privateActionGrant(value) {
+  if (typeof value !== "string" || !/^[A-Za-z0-9][A-Za-z0-9._:-]{31,511}$/.test(value)) {
+    const error = new Error("workbench_surface_action_grant_invalid");
+    error.code = "workbench_surface_action_grant_invalid";
+    error.outcome = "known-failed";
+    throw error;
+  }
+  return value;
+}
+
+function knownPreMutationError(code) {
+  return /^(?:workbench_surface_(?:action_grant_(?:required|invalid|expired)|command_invalid|commands_not_enabled|csrf_invalid|origin_not_allowed|session_invalid)|host_app_action_grant_(?:required|invalid|expired|mismatch|revoked))$/.test(String(code || ""));
+}
+
+function positiveTimeout(value, fallback) {
+  if (value == null) return fallback;
+  const timeout = Number(value);
+  if (!Number.isFinite(timeout) || timeout <= 0) throw new Error("workbench_http_transport_timeout_invalid");
+  return timeout;
+}

package/plugins/hellolynk-codex/runtime/workbench/ui/icons/arrow-left.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="#315fbc" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round">
+  <path d="m14.5 5.5-6.5 6.5 6.5 6.5M8.5 12H20"/>
+</svg>

package/plugins/hellolynk-codex/runtime/workbench/ui/icons/close.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="#54605a" stroke-width="1.8" stroke-linecap="round">
+  <path d="m7 7 10 10M17 7 7 17"/>
+</svg>

package/plugins/hellolynk-codex/runtime/workbench/ui/icons/contacts.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="#54605a" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M8.2 11a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm7.6-.6a2.8 2.8 0 1 0 0-5.6m-13 14.3v-1.2a5.4 5.4 0 0 1 10.8 0v1.2m1.2-6a4.5 4.5 0 0 1 6.4 4.1v1.9"/>
+</svg>

package/plugins/hellolynk-codex/runtime/workbench/ui/icons/inbox.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="#54605a" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M5 5.8h14a2 2 0 0 1 2 2v7.4a2 2 0 0 1-2 2H10l-4.8 3v-3H5a2 2 0 0 1-2-2V7.8a2 2 0 0 1 2-2Z"/>
+</svg>

package/plugins/hellolynk-codex/runtime/workbench/ui/icons/refresh.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="#54605a" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M19 8.5A7.5 7.5 0 1 0 19.2 15M19 4.8v3.7h-3.7"/>
+</svg>

package/plugins/hellolynk-codex/runtime/workbench/ui/icons/search.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="#54605a" stroke-width="1.8" stroke-linecap="round">
+  <circle cx="10.8" cy="10.8" r="6.5"/><path d="m15.7 15.7 4.2 4.2"/>
+</svg>

package/plugins/hellolynk-codex/runtime/workbench/ui/icons/security.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="#54605a" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M12 3.2 19 6v5.2c0 4.5-2.8 7.6-7 9.6-4.2-2-7-5.1-7-9.6V6l7-2.8Zm-2.4 8.6 1.6 1.6 3.7-4"/>
+</svg>

package/plugins/hellolynk-codex/runtime/workbench/ui/icons/settings.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="#54605a" stroke-width="1.65" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M12 8.2a3.8 3.8 0 1 0 0 7.6 3.8 3.8 0 0 0 0-7.6Zm7.5 3.8 1.4 1-.9 2.2-1.7-.2a7.8 7.8 0 0 1-1.4 1.4l.2 1.7-2.2.9-1-1.4a8 8 0 0 1-2 0l-1 1.4-2.2-.9.2-1.7A7.8 7.8 0 0 1 7.5 15l-1.7.2-.9-2.2 1.4-1a8 8 0 0 1 0-2l-1.4-1 .9-2.2 1.7.2a7.8 7.8 0 0 1 1.4-1.4l-.2-1.7L11 3l1 1.4a8 8 0 0 1 2 0L15 3l2.2.9-.2 1.7A7.8 7.8 0 0 1 18.4 7l1.7-.2.9 2.2-1.4 1a8 8 0 0 1 0 2Z"/>
+</svg>

package/plugins/hellolynk-codex/runtime/workbench/ui/index.html

@@ -0,0 +1,139 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="color-scheme" content="light dark">
+  <title>HelloLynk</title>
+  <link rel="stylesheet" href="/assets/styles.css">
+</head>
+<body>
+  <div id="synthetic-banner" class="synthetic-banner" hidden role="status"></div>
+  <main id="workbench" class="workbench" aria-busy="true">
+    <nav id="app-rail" class="product-bar" aria-label="HelloLynk">
+      <a class="brand" href="#/messages" aria-label="HelloLynk">
+        <img class="brand-mark" src="/assets/hellolynk-mark.png" alt="" aria-hidden="true">
+        <span>HelloLynk</span>
+      </a>
+      <div class="primary-navigation" aria-label="主要功能">
+        <a class="rail-link is-active" href="#/messages" data-section="inbox">消息</a>
+        <a class="rail-link" href="#/contacts" data-section="contacts"><span id="contacts-nav-label">联系人</span><span id="contacts-nav-badge" class="nav-badge" hidden aria-hidden="true"></span></a>
+      </div>
+      <div class="portal-navigation" aria-label="官网入口">
+        <button id="account-link-devices" class="portal-link" type="button" data-portal-target="devices">设备与撤销</button>
+        <button id="account-disconnect" class="portal-link" type="button" hidden>解除连接</button>
+        <button id="locale-toggle" class="portal-link" type="button">EN</button>
+      </div>
+      <div class="product-actions">
+        <div class="refresh-control">
+          <span id="refresh-hint" class="refresh-hint">没看到新消息？点刷新</span>
+          <button id="global-refresh" class="icon-button refresh-button" type="button" aria-label="刷新消息" title="刷新消息">
+            <img src="/assets/icons/refresh.svg" alt="" aria-hidden="true">
+            <span id="refresh-label" class="sr-only">刷新消息</span>
+          </button>
+        </div>
+        <div class="connection-status" role="status" aria-live="polite">
+          <span class="host-dot" aria-hidden="true"></span>
+          <span id="host-status">正在打开</span>
+        </div>
+      </div>
+    </nav>
+
+    <aside id="list-pane" class="list-pane">
+      <header id="list-header" class="list-header" hidden>
+        <div id="list-heading">
+          <span id="space-label" class="eyebrow">个人空间</span>
+          <h1 id="section-title">会话</h1>
+        </div>
+        <a id="contact-request-link" class="contact-request-link" href="#/contacts/requests" aria-label="联系申请" hidden>
+          <span id="contact-request-label">联系申请</span>
+          <span id="contact-request-badge" class="nav-badge" hidden aria-hidden="true"></span>
+        </a>
+        <button id="list-primary-action" class="compact-action" type="button" hidden></button>
+      </header>
+      <div id="thread-filters" class="thread-filters" role="group" aria-label="会话筛选">
+        <button class="filter-button is-active" type="button" data-filter="all" aria-pressed="true"><span id="filter-all-label">全部</span></button>
+        <button class="filter-button" type="button" data-filter="unread" aria-pressed="false"><span id="filter-unread-label">未读</span><b id="unread-count">0</b></button>
+        <button id="history-manage" class="filter-button" type="button" aria-expanded="false" aria-controls="history-management" hidden>管理</button>
+      </div>
+      <div id="search-region" class="search-region">
+        <label for="search-input" id="search-label" class="sr-only">搜索会话和消息</label>
+        <img src="/assets/icons/search.svg" alt="" aria-hidden="true">
+        <input id="search-input" type="search" maxlength="120" autocomplete="off" placeholder="搜索聊天或消息">
+      </div>
+      <div id="history-management" class="history-management" hidden></div>
+      <div id="inbox-read-actions" class="inbox-read-actions" hidden></div>
+      <div id="list-content" class="list-content" aria-live="polite"></div>
+    </aside>
+
+    <section id="content-pane" class="content-pane" tabindex="-1">
+      <p id="connection-result-note" class="connection-result-note" role="status" hidden></p>
+      <div id="state-layer" class="state-layer" role="status">
+        <div class="state-content">
+        <div id="connection-welcome" class="connection-welcome" hidden>
+          <img src="/assets/hellolynk-mark.png" alt="" aria-hidden="true">
+          <span id="connection-eyebrow"></span>
+        </div>
+        <span class="spinner" aria-hidden="true"></span>
+        <h2 id="state-title">正在打开 HelloLynk</h2>
+        <p id="state-message">正在读取这台电脑上的消息。</p>
+        <button id="state-retry" class="primary-button" type="button" hidden>重试</button>
+        <div id="connection-guide" class="connection-guide" hidden>
+          <p id="connection-hint"></p>
+          <button id="connection-start" class="primary-button" type="button" hidden></button>
+          <p id="connection-help" class="connection-help"></p>
+          <button id="connection-key-link" class="portal-link" type="button" data-portal-target="keys" hidden></button>
+        </div>
+        </div>
+      </div>
+      <div id="content-view" class="content-view" hidden></div>
+    </section>
+  </main>
+  <div id="account-disconnect-layer" class="global-compose-layer" hidden>
+    <section class="global-compose-dialog" role="dialog" aria-modal="true" aria-labelledby="account-disconnect-title">
+      <h2 id="account-disconnect-title">解除当前客户端的账号连接？</h2>
+      <p id="account-disconnect-copy">旧账号的历史记录保留，解除后可以重新连接账号。</p>
+      <p id="account-disconnect-status" role="status"></p>
+      <div class="form-actions">
+        <button id="account-disconnect-cancel" class="secondary-button" type="button">取消</button>
+        <button id="account-disconnect-confirm" class="primary-button" type="button">解除连接</button>
+      </div>
+    </section>
+  </div>
+  <div id="global-compose-layer" class="global-compose-layer" hidden>
+    <section class="global-compose-dialog" role="dialog" aria-modal="true" aria-labelledby="global-compose-title">
+      <h2 id="global-compose-title">新消息</h2>
+      <label for="global-contact-select" id="global-contact-label">联系人</label>
+      <select id="global-contact-select"></select>
+      <p id="global-local-ai"></p>
+      <label for="global-instance-select" id="global-instance-label">对方 AI</label>
+      <select id="global-instance-select"></select>
+      <label for="global-message-draft" id="global-message-label">消息</label>
+      <textarea id="global-message-draft" maxlength="20480" rows="5"></textarea>
+      <div id="global-message-preview" hidden></div>
+      <p id="global-compose-status" class="composer-status" role="status" aria-live="polite"></p>
+      <div class="global-compose-actions">
+        <button id="global-compose-cancel" class="secondary-button" type="button">取消</button>
+        <button id="global-compose-submit" class="primary-button" type="button">发送</button>
+      </div>
+    </section>
+  </div>
+  <div id="local-history-layer" class="global-compose-layer" hidden>
+    <section class="global-compose-dialog" role="alertdialog" aria-modal="true" aria-labelledby="local-history-title" aria-describedby="local-history-copy">
+      <h2 id="local-history-title"></h2>
+      <p id="local-history-copy"></p>
+      <label id="local-history-range-label" for="local-history-range" hidden></label>
+      <select id="local-history-range" hidden></select>
+      <label id="local-history-date-label" for="local-history-date" hidden></label>
+      <input id="local-history-date" type="date" hidden>
+      <p id="local-history-estimate" aria-live="polite"></p>
+      <div id="local-history-status" role="status" aria-live="polite"></div>
+      <div class="form-actions">
+        <button id="local-history-cancel" class="secondary-button" type="button">取消</button>
+        <button id="local-history-confirm" class="secondary-button danger-button" type="button">清空本机记录</button>
+      </div>
+    </section>
+  </div>
+  <script type="module" src="/assets/loopback-entry.mjs"></script>
+</body>
+</html>

package/plugins/hellolynk-codex/runtime/workbench/ui/loopback-entry.mjs

@@ -0,0 +1,26 @@
+import { mountWorkbench, publicError } from "/assets/app.mjs";
+import { createWorkbenchHttpTransport } from "/assets/http-transport.mjs";
+
+const PORTAL_URLS = Object.freeze({
+  keys: "https://hellolynk.com/account#keys",
+  devices: "https://hellolynk.com/account#devices",
+});
+const transport = createWorkbenchHttpTransport();
+const nativeAccountLinks = document.body.dataset.nativeAccountLinks === "true";
+
+function openPortal(target) {
+  const url = PORTAL_URLS[target];
+  if (!url) throw new Error("workbench_portal_target_invalid");
+  if (nativeAccountLinks) return transport.openAccount(url);
+  window.open(url, "_blank", "noopener,noreferrer");
+}
+
+try {
+  mountWorkbench({ transport, openPortal,
+    ...(nativeAccountLinks ? { openConnectionLink: (url) => transport.openAccount(url) } : {}),
+  });
+} catch (error) {
+  document.getElementById("state-title").textContent = "HelloLynk 暂时打不开 / HelloLynk couldn’t open";
+  document.getElementById("state-message").textContent = `页面没能启动。请回到客户端，重新打开 HelloLynk 通讯；一直不行，请把下面的错误码告诉你的 AI。 / The page didn’t start. Go back to your client and reopen HelloLynk Messaging; if it keeps failing, tell your AI the error code below.\n${publicError(error)}`;
+  document.querySelector(".spinner")?.setAttribute("hidden", "");
+}