@jamiexiongr/panda-hub 0.1.19 → 0.1.21

package/dist/chunk-YKNCRHVV.mjs

@@ -0,0 +1,489 @@
+import {
+  configureTailscaleServe,
+  ensurePandaHubApiKey,
+  printTerminalQr,
+  resolveTailscalePublicationMode,
+  resolveTailscaleServePort,
+  startPandaSessionService
+} from "./chunk-SPTBBMUL.mjs";
+
+// release/panda-hub/src/index.ts
+import fs from "fs";
+import path2 from "path";
+import { fileURLToPath as fileURLToPath2 } from "url";
+
+// release/panda-hub/package.json
+var package_default = {
+  name: "@jamiexiongr/panda-hub",
+  version: "0.1.21",
+  type: "module",
+  private: false,
+  description: "Panda hub runtime",
+  dependencies: {
+    "@fastify/compress": "^8.3.1",
+    "@fastify/cors": "^10.0.2",
+    "@fastify/websocket": "^11.0.2",
+    fastify: "^5.2.1",
+    "node-windows": "^1.0.0-beta.8",
+    "web-push": "^3.6.7"
+  },
+  bin: {
+    "panda-hub": "./bin/panda-hub.cjs"
+  },
+  exports: {
+    ".": "./dist/index.mjs"
+  },
+  files: [
+    "bin",
+    "dist"
+  ],
+  publishConfig: {
+    access: "public",
+    registry: "https://registry.npmjs.org/"
+  },
+  engines: {
+    node: ">=20.19.0"
+  }
+};
+
+// release/panda-hub/src/service.ts
+import path from "path";
+import { fileURLToPath } from "url";
+
+// release/shared/src/windows-service.ts
+import { spawnSync } from "child_process";
+import { createRequire } from "module";
+var require2 = createRequire(import.meta.url);
+var cachedServiceConstructor = null;
+var WINDOWS_SERVICE_TIMEOUT_MS = 2e4;
+var ensureWindows = () => {
+  if (process.platform !== "win32") {
+    throw new Error("Windows \u670D\u52A1\u7BA1\u7406\u5F53\u524D\u53EA\u652F\u6301 Windows\u3002");
+  }
+};
+var trimToNull = (value) => {
+  const normalized = value?.trim() ?? "";
+  return normalized || null;
+};
+var escapePowerShellString = (value) => value.replace(/'/g, "''");
+var quoteForSc = (value) => value.trim();
+var sanitizeNodeWindowsServiceId = (value) => `${value.replace(/[^\w]/g, "").toLowerCase()}.exe`;
+var resolveWindowsServiceReference = (input) => {
+  const displayName = typeof input === "string" ? input : input.name;
+  const controllerName = typeof input === "string" ? sanitizeNodeWindowsServiceId(displayName) : trimToNull(input.id) ?? sanitizeNodeWindowsServiceId(displayName);
+  return {
+    displayName,
+    controllerName
+  };
+};
+var describeCommandFailure = (output, fallback) => {
+  const normalized = trimToNull(output);
+  return normalized ?? fallback;
+};
+var runPowerShell = (script) => spawnSync("powershell.exe", ["-NoProfile", "-Command", script], {
+  encoding: "utf8",
+  windowsHide: true
+});
+var runSc = (args) => {
+  ensureWindows();
+  const command = ["sc.exe", ...args.map((value) => /[\s"]/u.test(value) ? `"${value.replace(/"/g, '\\"')}"` : value)].join(" ");
+  return spawnSync(process.env.ComSpec ?? "cmd.exe", ["/d", "/s", "/c", command], {
+    encoding: "utf8",
+    windowsHide: true
+  });
+};
+var parseWindowsServiceState = (output) => {
+  const normalized = output.trim().toLowerCase();
+  if (normalized === "__missing__") {
+    return "missing";
+  }
+  if (normalized === "running") {
+    return "running";
+  }
+  if (normalized === "stopped") {
+    return "stopped";
+  }
+  return "unknown";
+};
+var queryWindowsServiceStatus = (input) => {
+  ensureWindows();
+  const reference = resolveWindowsServiceReference(input);
+  const result = runPowerShell(
+    [
+      `$service = Get-Service -Name '${escapePowerShellString(reference.controllerName)}' -ErrorAction SilentlyContinue`,
+      `if ($null -eq $service) { $service = Get-Service -DisplayName '${escapePowerShellString(reference.displayName)}' -ErrorAction SilentlyContinue }`,
+      `if ($null -eq $service) { '__MISSING__' } else { @{ Name = $service.Name; DisplayName = $service.DisplayName; Status = $service.Status.ToString() } | ConvertTo-Json -Compress }`
+    ].join("; ")
+  );
+  const rawOutput = `${result.stdout ?? ""}
+${result.stderr ?? ""}`.trim();
+  let controllerName = reference.controllerName;
+  let displayName = reference.displayName;
+  let state = parseWindowsServiceState(rawOutput);
+  if (state !== "missing") {
+    try {
+      const parsed = JSON.parse(rawOutput);
+      controllerName = trimToNull(parsed.Name) ?? controllerName;
+      displayName = trimToNull(parsed.DisplayName) ?? displayName;
+      state = parseWindowsServiceState(trimToNull(parsed.Status) ?? rawOutput);
+    } catch {
+    }
+  }
+  return {
+    name: displayName,
+    displayName,
+    controllerName,
+    exists: state !== "missing",
+    state,
+    rawOutput
+  };
+};
+var wait = (ms) => new Promise((resolve) => {
+  setTimeout(resolve, ms);
+});
+var waitForWindowsServiceState = async (input, desiredState, timeoutMs = WINDOWS_SERVICE_TIMEOUT_MS) => {
+  const startedAt = Date.now();
+  let latest = queryWindowsServiceStatus(input);
+  while (latest.state !== desiredState && Date.now() - startedAt < timeoutMs) {
+    await wait(750);
+    latest = queryWindowsServiceStatus(input);
+  }
+  return latest;
+};
+var startWindowsService = async (input) => {
+  ensureWindows();
+  const current = queryWindowsServiceStatus(input);
+  if (!current.exists) {
+    throw new Error(`Windows \u670D\u52A1 ${current.displayName} \u4E0D\u5B58\u5728\u3002`);
+  }
+  if (current.state === "running") {
+    return current;
+  }
+  const result = runPowerShell(
+    `Start-Service -Name '${escapePowerShellString(current.controllerName)}' -ErrorAction Stop`
+  );
+  const output = `${result.stdout ?? ""}
+${result.stderr ?? ""}`.trim();
+  const latest = await waitForWindowsServiceState(input, "running");
+  if (latest.state !== "running") {
+    throw new Error(
+      describeCommandFailure(output || latest.rawOutput, `\u542F\u52A8\u670D\u52A1 ${current.displayName} \u5931\u8D25\u3002`)
+    );
+  }
+  return latest;
+};
+var stopWindowsService = async (input) => {
+  ensureWindows();
+  const current = queryWindowsServiceStatus(input);
+  if (!current.exists || current.state === "stopped") {
+    return current;
+  }
+  const result = runPowerShell(
+    `Stop-Service -Name '${escapePowerShellString(current.controllerName)}' -Force -ErrorAction Stop`
+  );
+  const output = `${result.stdout ?? ""}
+${result.stderr ?? ""}`.trim();
+  const latest = await waitForWindowsServiceState(input, "stopped");
+  if (latest.state !== "stopped") {
+    throw new Error(
+      describeCommandFailure(output || latest.rawOutput, `\u505C\u6B62\u670D\u52A1 ${current.displayName} \u5931\u8D25\u3002`)
+    );
+  }
+  return latest;
+};
+var restartWindowsService = async (input) => {
+  await stopWindowsService(input);
+  return await startWindowsService(input);
+};
+var collectServiceEnvironment = (env) => Object.entries(env ?? process.env).filter(([key, value]) => key.startsWith("PANDA_") && typeof value === "string" && value.trim()).map(([name, value]) => ({
+  name,
+  value: value.trim()
+}));
+var getNodeWindowsServiceConstructor = () => {
+  if (cachedServiceConstructor) {
+    return cachedServiceConstructor;
+  }
+  const mod = require2("node-windows");
+  if (!mod.Service) {
+    throw new Error("\u7F3A\u5C11 node-windows \u4F9D\u8D56\uFF0C\u65E0\u6CD5\u6CE8\u518C Windows \u670D\u52A1\u3002");
+  }
+  cachedServiceConstructor = mod.Service;
+  return cachedServiceConstructor;
+};
+var createNodeWindowsService = (definition) => {
+  ensureWindows();
+  const Service = getNodeWindowsServiceConstructor();
+  return new Service({
+    id: resolveWindowsServiceReference(definition).controllerName,
+    name: definition.name,
+    description: definition.description,
+    script: definition.scriptPath,
+    scriptOptions: trimToNull(definition.scriptOptions) ?? void 0,
+    workingDirectory: trimToNull(definition.workingDirectory) ?? void 0,
+    execPath: trimToNull(definition.execPath) ?? process.execPath,
+    env: collectServiceEnvironment(definition.env)
+  });
+};
+var waitForNodeWindowsAction = async (service, action) => await new Promise((resolve, reject) => {
+  let settled = false;
+  const finish = (error) => {
+    if (settled) {
+      return;
+    }
+    settled = true;
+    if (error) {
+      reject(error);
+      return;
+    }
+    resolve();
+  };
+  const fail = (error) => {
+    finish(error instanceof Error ? error : new Error(String(error)));
+  };
+  service.once(action, () => finish());
+  service.once(action === "install" ? "alreadyinstalled" : "alreadyuninstalled", () => finish());
+  service.once(
+    "invalidinstallation",
+    () => fail(new Error(`Windows \u670D\u52A1 ${service.exists ? "\u5B89\u88C5" : "\u5378\u8F7D"}\u72B6\u6001\u65E0\u6548\u3002`))
+  );
+  service.once("error", fail);
+  try {
+    service[action]();
+  } catch (error) {
+    fail(error);
+  }
+});
+var uninstallWindowsService = async (definition) => {
+  ensureWindows();
+  const current = queryWindowsServiceStatus(definition);
+  if (!current.exists) {
+    return current;
+  }
+  if (current.state === "running") {
+    await stopWindowsService(definition);
+  }
+  const service = createNodeWindowsService(definition);
+  await waitForNodeWindowsAction(service, "uninstall");
+  return queryWindowsServiceStatus(definition);
+};
+var installOrUpdateWindowsService = async (definition, options) => {
+  ensureWindows();
+  const reference = resolveWindowsServiceReference(definition);
+  const existing = queryWindowsServiceStatus(definition);
+  if (existing.exists) {
+    await uninstallWindowsService(definition);
+  }
+  const service = createNodeWindowsService(definition);
+  await waitForNodeWindowsAction(service, "install");
+  runSc(["config", quoteForSc(reference.controllerName), "start=", "auto"]);
+  let started = false;
+  let startError = null;
+  if (options?.start !== false) {
+    try {
+      const startedStatus = await startWindowsService(definition);
+      started = startedStatus.state === "running";
+    } catch (error) {
+      startError = error instanceof Error ? error.message : String(error);
+    }
+  }
+  return {
+    status: queryWindowsServiceStatus(definition),
+    started,
+    startError
+  };
+};
+
+// release/panda-hub/src/service.ts
+var currentDirectory = path.dirname(fileURLToPath(import.meta.url));
+var packageRoot = path.resolve(currentDirectory, "..");
+var defaultServiceName = "PandaHub";
+var trimToNull2 = (value) => {
+  const normalized = value?.trim() ?? "";
+  return normalized || null;
+};
+var normalizeServiceName = (value) => trimToNull2(value) ?? defaultServiceName;
+var joinScriptOptions = (argv) => argv.map((value) => value.trim()).filter(Boolean).join(" ");
+var buildHubServiceDefinition = (options) => ({
+  name: normalizeServiceName(options?.name),
+  description: "Panda Hub Windows service",
+  scriptPath: path.join(packageRoot, "bin", "panda-hub.cjs"),
+  scriptOptions: trimToNull2(options?.scriptOptions),
+  workingDirectory: packageRoot,
+  env: options?.env ?? process.env
+});
+var parseHubServiceCommand = (argv) => {
+  let action = null;
+  let name = null;
+  let shouldStart = true;
+  const runtimeArgs = [];
+  for (let index = 0; index < argv.length; index += 1) {
+    const candidate = argv[index]?.trim() ?? "";
+    if (!candidate) {
+      continue;
+    }
+    if (!action) {
+      action = candidate.toLowerCase();
+      continue;
+    }
+    const normalized = candidate.toLowerCase();
+    if (normalized === "--name" || normalized === "name" || normalized === "--service-name" || normalized === "service-name") {
+      name = trimToNull2(argv[index + 1]);
+      index += 1;
+      continue;
+    }
+    if (normalized.startsWith("--name=") || normalized.startsWith("name=") || normalized.startsWith("--service-name=") || normalized.startsWith("service-name=")) {
+      name = trimToNull2(candidate.slice(candidate.indexOf("=") + 1));
+      continue;
+    }
+    if (normalized === "--no-start") {
+      shouldStart = false;
+      continue;
+    }
+    runtimeArgs.push(candidate);
+  }
+  return {
+    action: action ?? "status",
+    name,
+    shouldStart,
+    runtimeArgs
+  };
+};
+var manageJamiexiongrHubService = async (options) => {
+  const logger = options?.logger ?? console;
+  const parsed = parseHubServiceCommand(options?.argv ?? []);
+  const action = parsed.action;
+  const definition = buildHubServiceDefinition({
+    name: parsed.name,
+    scriptOptions: joinScriptOptions(parsed.runtimeArgs),
+    env: options?.env
+  });
+  if (action === "install" || action === "update" || action === "upsert" || action === "sync") {
+    const result = await installOrUpdateWindowsService(definition, {
+      start: parsed.shouldStart
+    });
+    if (result.startError) {
+      logger.warn(
+        `Windows \u670D\u52A1 ${definition.name} \u5DF2\u6CE8\u518C\uFF0C\u4F46\u542F\u52A8\u5931\u8D25\uFF1A${result.startError}`
+      );
+      return result;
+    }
+    logger.info(
+      result.started ? `Windows \u670D\u52A1 ${definition.name} \u5DF2\u6CE8\u518C\u5E76\u542F\u52A8\u3002` : `Windows \u670D\u52A1 ${definition.name} \u5DF2\u6CE8\u518C\u3002`
+    );
+    return result;
+  }
+  if (action === "uninstall" || action === "remove" || action === "delete") {
+    const status = await uninstallWindowsService(definition);
+    logger.info(
+      status.exists ? `Windows \u670D\u52A1 ${definition.name} \u5378\u8F7D\u540E\u4ECD\u5B58\u5728\uFF0C\u8BF7\u68C0\u67E5\u7CFB\u7EDF\u670D\u52A1\u7BA1\u7406\u5668\u3002` : `Windows \u670D\u52A1 ${definition.name} \u5DF2\u5378\u8F7D\u3002`
+    );
+    return {
+      status,
+      started: false,
+      startError: null
+    };
+  }
+  if (action === "start") {
+    const status = await startWindowsService(definition.name);
+    logger.info(`Windows \u670D\u52A1 ${definition.name} \u5F53\u524D\u72B6\u6001\uFF1A${status.state}`);
+    return {
+      status,
+      started: status.state === "running",
+      startError: null
+    };
+  }
+  if (action === "stop") {
+    const status = await stopWindowsService(definition.name);
+    logger.info(`Windows \u670D\u52A1 ${definition.name} \u5F53\u524D\u72B6\u6001\uFF1A${status.state}`);
+    return {
+      status,
+      started: false,
+      startError: null
+    };
+  }
+  if (action === "restart") {
+    const status = await restartWindowsService(definition.name);
+    logger.info(`Windows \u670D\u52A1 ${definition.name} \u5F53\u524D\u72B6\u6001\uFF1A${status.state}`);
+    return {
+      status,
+      started: status.state === "running",
+      startError: null
+    };
+  }
+  if (action === "status") {
+    const status = queryWindowsServiceStatus(definition.name);
+    logger.info(
+      status.exists ? `Windows \u670D\u52A1 ${definition.name} \u5F53\u524D\u72B6\u6001\uFF1A${status.state}` : `Windows \u670D\u52A1 ${definition.name} \u5C1A\u672A\u6CE8\u518C\u3002`
+    );
+    return {
+      status,
+      started: status.state === "running",
+      startError: null
+    };
+  }
+  throw new Error(`Unknown hub service action: ${action}`);
+};
+
+// release/panda-hub/src/index.ts
+var currentDirectory2 = path2.dirname(fileURLToPath2(import.meta.url));
+var resolveBundledWebUiDir = () => {
+  const candidates = [
+    path2.resolve(currentDirectory2, "web"),
+    path2.resolve(currentDirectory2, "../dist/web"),
+    path2.resolve(currentDirectory2, "../web")
+  ];
+  return candidates.find((candidate) => fs.existsSync(candidate)) ?? candidates[0];
+};
+var startJamiexiongrHub = async (options) => {
+  const publishMode = options?.tailscalePublicationMode ?? resolveTailscalePublicationMode({
+    envPrefix: "PANDA_HUB"
+  });
+  const port = Number(process.env.PANDA_HUB_PORT ?? 4343);
+  const tailscaleServe = configureTailscaleServe({
+    enabled: publishMode !== "disabled",
+    mode: publishMode === "disabled" ? void 0 : publishMode,
+    serviceName: "panda-hub",
+    localPort: port,
+    servePort: resolveTailscaleServePort({
+      envPrefix: "PANDA_HUB",
+      defaultPort: 443
+    }),
+    logger: console
+  });
+  const hubApiKey = await ensurePandaHubApiKey({
+    configuredApiKey: process.env.PANDA_HUB_API_KEY ?? null,
+    codexHome: process.env.PANDA_CODEX_HOME ?? null,
+    logger: console
+  });
+  if (hubApiKey.apiKey) {
+    process.env.PANDA_HUB_API_KEY = hubApiKey.apiKey;
+  }
+  const webUiDir = resolveBundledWebUiDir();
+  const app = await startPandaSessionService({
+    serviceName: "panda-hub",
+    mode: "hub",
+    port,
+    transport: "hub-routed",
+    version: package_default.version,
+    webUiDir
+  });
+  if (tailscaleServe.active && tailscaleServe.baseUrl) {
+    if (tailscaleServe.mode === "funnel") {
+      console.info(`Panda hub Public HTTPS URL: ${tailscaleServe.baseUrl}`);
+      console.info(`Public PWA install URL: ${tailscaleServe.baseUrl}`);
+    } else {
+      console.info(`Panda hub Tailscale HTTPS URL: ${tailscaleServe.baseUrl}`);
+      console.info(`Agent hub URL env: PANDA_HUB_URL=${tailscaleServe.baseUrl}`);
+    }
+    printTerminalQr(tailscaleServe.baseUrl, {
+      logger: console,
+      label: tailscaleServe.mode === "funnel" ? "Scan this QR code to open the public Panda hub on your phone:" : "Scan this QR code to open Panda hub on your phone:"
+    });
+  }
+  return app;
+};
+
+export {
+  manageJamiexiongrHubService,
+  startJamiexiongrHub
+};

package/dist/cli.mjs

@@ -1,15 +1,24 @@
 import {
+  manageJamiexiongrHubService,
   startJamiexiongrHub
-} from "./chunk-SKHIQ4LT.mjs";
+} from "./chunk-YKNCRHVV.mjs";
 import {
   resolveTailscalePublicationMode
-} from "./chunk-N5CXOFMD.mjs";
+} from "./chunk-SPTBBMUL.mjs";
 import "./chunk-AEQMWH7D.mjs";
 
 // release/panda-hub/src/cli.ts
-void startJamiexiongrHub({
-  tailscalePublicationMode: resolveTailscalePublicationMode({
-    argv: process.argv.slice(2),
-    envPrefix: "PANDA_HUB"
-  })
-});
+var argv = process.argv.slice(2);
+var command = argv[0]?.trim().toLowerCase() ?? "";
+if (command === "service") {
+  void manageJamiexiongrHubService({
+    argv: argv.slice(1)
+  });
+} else {
+  void startJamiexiongrHub({
+    tailscalePublicationMode: resolveTailscalePublicationMode({
+      argv,
+      envPrefix: "PANDA_HUB"
+    })
+  });
+}

package/dist/index.mjs

@@ -1,8 +1,10 @@
 import {
+  manageJamiexiongrHubService,
   startJamiexiongrHub
-} from "./chunk-SKHIQ4LT.mjs";
-import "./chunk-N5CXOFMD.mjs";
+} from "./chunk-YKNCRHVV.mjs";
+import "./chunk-SPTBBMUL.mjs";
 import "./chunk-AEQMWH7D.mjs";
 export {
+  manageJamiexiongrHubService,
   startJamiexiongrHub
 };

package/dist/{src-EGC2EU26.mjs → src-M7W7LPHG.mjs}

@@ -42,7 +42,7 @@ import {
   writeCodexGlobalState,
   writePandaSessionPrefs,
   writePandaThreadPrefs
-} from "./chunk-N5CXOFMD.mjs";
+} from "./chunk-SPTBBMUL.mjs";
 import "./chunk-AEQMWH7D.mjs";
 
 // packages/provider-codex/src/index.ts

package/dist/web/assets/{diagnostics-page-CNt0HQLr.js → diagnostics-page-BKp7IiZk.js}

@@ -1 +1 @@
-import{u as j,r as d,j as e}from"./index-5NBpaOlM.js";const v=[{key:"color-mix-oklab",property:"background",value:"color-mix(in oklab, white 50%, black)"},{key:"color-mix-srgb",property:"background",value:"color-mix(in srgb, white 50%, black)"},{key:"backdrop-filter",property:"backdrop-filter",value:"blur(12px)"},{key:"webkit-backdrop-filter",property:"-webkit-backdrop-filter",value:"blur(12px)"},{key:"viewport-dvh",property:"height",value:"100dvh"}],y=["--color-surface-base","--color-surface-panel","--color-surface-floating","--color-surface-border","--color-surface-border-soft","--color-text-primary","--color-text-secondary","--color-accent-primary","--color-accent-primary-soft"],w=[".conversation-topbar",".topbar-menu",".conversation-run-popover",".chat-composer",".chat-composer__input",".composer-utility-menu__popover",".session-run-panel__command-card",".session-run-panel__input",".session-git-panel__summary"],b=["background-color","background-image","backdrop-filter","-webkit-backdrop-filter","border-color","box-shadow","color","display","opacity","position"],x=(t,r=180)=>{const n=(t??"").replace(/\s+/g," ").trim();return n?n.length<=r?n:`${n.slice(0,r-1).trimEnd()}…`:null},h=t=>Number(t.toFixed(2)),k=(t,r)=>{var n;if(typeof window>"u"||typeof((n=window.CSS)==null?void 0:n.supports)!="function")return!1;try{return window.CSS.supports(t,r)}catch{return!1}},_=()=>Object.fromEntries(v.map(t=>[t.key,k(t.property,t.value)])),S=()=>typeof document>"u"?[]:Array.from(document.styleSheets).map(t=>{var n,i;let r=null;try{r=t.cssRules.length}catch{r=null}return{href:t.href??null,owner_node:t.ownerNode instanceof Element?t.ownerNode.tagName.toLowerCase():null,media:((i=(n=t.media)==null?void 0:n.mediaText)==null?void 0:i.trim())||null,disabled:t.disabled,css_rule_count:r}}),N=()=>{if(typeof document>"u"||typeof window>"u")return[];const t=new Map,r=(n,i)=>{const o=n==null?void 0:n.trim();if(o)try{const l=new URL(o,window.location.href);if(!/^https?:$/i.test(l.protocol))return;t.set(l.toString(),i)}catch{return}};for(const n of document.styleSheets)r(n.href,"stylesheet");for(const n of Array.from(document.scripts))r(n.src,"script");for(const n of Array.from(document.querySelectorAll('link[rel~="manifest"]')))r(n.href,"manifest");for(const n of Array.from(document.querySelectorAll('link[rel~="icon"], link[rel="apple-touch-icon"]')))r(n.href,"icon");return Array.from(t.entries()).slice(0,20).map(([n,i])=>({url:n,kind:i}))},E=async t=>{const r=async n=>fetch(t.url,{method:n,cache:"no-store",redirect:"follow"});try{let n=await r("HEAD");return(n.status===405||n.status===501)&&(n=await r("GET")),{url:t.url,kind:t.kind,ok:n.ok,status:n.status,content_type:n.headers.get("content-type"),cache_control:n.headers.get("cache-control"),error:null}}catch(n){return{url:t.url,kind:t.kind,ok:!1,status:null,content_type:null,cache_control:null,error:n instanceof Error?n.message:"Unknown fetch failure"}}},C=()=>typeof performance>"u"||typeof performance.getEntriesByType!="function"?[]:performance.getEntriesByType("resource").map(t=>t).filter(t=>{const r=t.name.toLowerCase();return r.includes(".css")||r.includes(".js")||r.includes("manifest")||t.initiatorType==="link"||t.initiatorType==="script"}).slice(-40).map(t=>({name:t.name,initiator_type:t.initiatorType||null,duration_ms:h(t.duration),transfer_size:typeof t.transferSize=="number"?t.transferSize:null,decoded_body_size:typeof t.decodedBodySize=="number"?t.decodedBodySize:null})),T=()=>{if(typeof document>"u"||typeof window>"u")return{};const t=window.getComputedStyle(document.documentElement);return Object.fromEntries(y.map(r=>[r,t.getPropertyValue(r).trim()||"(empty)"]))},R=t=>{if(typeof document>"u"||typeof window>"u")return{selector:t,found:!1,text_preview:null,rect:null,computed:{}};const r=document.querySelector(t);if(!r)return{selector:t,found:!1,text_preview:null,rect:null,computed:{}};const n=r.getBoundingClientRect(),i=window.getComputedStyle(r);return{selector:t,found:!0,text_preview:x(r.textContent),rect:{x:h(n.x),y:h(n.y),width:h(n.width),height:h(n.height)},computed:Object.fromEntries(b.map(o=>[o,i.getPropertyValue(o).trim()||"(empty)"]))}},A=async()=>{if(typeof navigator>"u"||!("serviceWorker"in navigator))return{supported:!1,controller:!1,registrations:[]};try{const t=await navigator.serviceWorker.getRegistrations();return{supported:!0,controller:!!navigator.serviceWorker.controller,registrations:t.map(r=>{var n,i,o;return{scope:r.scope,active_script_url:((n=r.active)==null?void 0:n.scriptURL)??null,waiting_script_url:((i=r.waiting)==null?void 0:i.scriptURL)??null,installing_script_url:((o=r.installing)==null?void 0:o.scriptURL)??null}})}}catch{return{supported:!0,controller:!!navigator.serviceWorker.controller,registrations:[]}}},O=async()=>{if(typeof window>"u"||!("caches"in window))return{supported:!1,keys:[]};try{return{supported:!0,keys:await window.caches.keys()}}catch{return{supported:!0,keys:[]}}},L=t=>{const r=[];return t.feature_support["color-mix-oklab"]||r.push("当前浏览器不支持 color-mix(in oklab, ...)，混色背景会直接失效，常见现象就是输入区或面板背景透明。"),!t.feature_support["backdrop-filter"]&&!t.feature_support["webkit-backdrop-filter"]&&r.push("当前浏览器不支持 backdrop-filter，磨砂浮层会退化成纯色面板。"),t.service_worker.controller&&t.cache.keys.length>0&&r.push(`检测到 ${t.cache.keys.length} 个 Cache Storage 项，若真机页面和桌面不一致，可以先清理缓存再重试。`),t.stylesheets.length===0&&r.push("当前页面没有读取到任何样式表对象，需要重点检查 CSS 是否被正确加载。"),t.resource_probes.some(n=>!n.ok)&&r.push("至少有一个静态资源探测失败，需要继续检查网络、缓存或 Service Worker 拦截。"),r},P=async()=>{var u,p,m,s,a,g;const t=N(),[r,n,i]=await Promise.all([A(),O(),Promise.all(t.map(f=>E(f)))]),o=navigator,l={width:window.innerWidth,height:window.innerHeight,device_pixel_ratio:window.devicePixelRatio||1,visual_width:((u=window.visualViewport)==null?void 0:u.width)??null,visual_height:((p=window.visualViewport)==null?void 0:p.height)??null,screen_width:((m=window.screen)==null?void 0:m.width)??null,screen_height:((s=window.screen)==null?void 0:s.height)??null},c={captured_at:new Date().toISOString(),page:{href:window.location.href,pathname:window.location.pathname,referrer:x(document.referrer),visibility_state:document.visibilityState??null},environment:{user_agent:navigator.userAgent,language:navigator.language??null,languages:Array.isArray(navigator.languages)?navigator.languages:[],platform:navigator.platform??null,vendor:navigator.vendor??null,online:typeof navigator.onLine=="boolean"?navigator.onLine:null,cookie_enabled:typeof navigator.cookieEnabled=="boolean"?navigator.cookieEnabled:null,secure_context:window.isSecureContext,standalone_display_mode:window.matchMedia("(display-mode: standalone)").matches,hardware_concurrency:typeof navigator.hardwareConcurrency=="number"?navigator.hardwareConcurrency:null,device_memory_gb:typeof o.deviceMemory=="number"?o.deviceMemory:null,max_touch_points:typeof navigator.maxTouchPoints=="number"?navigator.maxTouchPoints:null},viewport:l,feature_support:_(),service_worker:r,cache:n,manifest:{href:((a=document.querySelector('link[rel~="manifest"]'))==null?void 0:a.href)??null,rel:((g=document.querySelector('link[rel~="manifest"]'))==null?void 0:g.rel)??null},stylesheets:S(),resource_probes:i,performance_entries:C(),theme_variables:T(),element_snapshots:w.map(f=>R(f)),notes:[]};return c.notes=L(c),c},W=t=>t?"支持":"不支持",$=t=>t?t.feature_support["color-mix-oklab"]?t.resource_probes.some(r=>!r.ok)?"至少有一个静态资源探测失败，更像是 CSS 或脚本资源没有正确加载，或者被缓存 / Service Worker 干扰。":t.service_worker.controller&&t.cache.keys.length>0?"样式能力本身看起来正常，但页面被 Service Worker 控制且存在缓存，下一步要重点排查缓存是否陈旧。":"浏览器能力和基础资源看起来正常，下一步需要对比具体元素快照与安卓真机截图。":"高概率是安卓浏览器不支持 color-mix(in oklab, ...)，导致输入框和面板的混色背景规则整体失效。":"正在采集浏览器能力、样式表、缓存和关键元素快照。",U=t=>{if(!t.found)return"未找到对应元素";const r=t.computed["background-color"]??"(empty)",n=t.computed["background-image"]??"(empty)";return r==="rgba(0, 0, 0, 0)"&&n==="none"?"背景完全透明":`${r} / ${n}`},M=()=>{const t=j(),[r,n]=d.useState(null),[i,o]=d.useState(!0),[l,c]=d.useState(null),u=async()=>{o(!0),c(null);try{const s=await P();d.startTransition(()=>{n(s)})}catch(s){c(s instanceof Error?`采集失败：${s.message}`:"采集失败，请稍后重试。")}finally{o(!1)}};d.useEffect(()=>{u()},[]);const p=async()=>{var s;if(r){if(typeof navigator>"u"||typeof((s=navigator.clipboard)==null?void 0:s.writeText)!="function"){c("当前浏览器不支持直接复制，请手动截图或长按选择。");return}try{await navigator.clipboard.writeText(JSON.stringify(r,null,2)),c("诊断 JSON 已复制，可以直接发给我继续分析。")}catch(a){c(a instanceof Error?`复制失败：${a.message}`:"复制失败，请手动截图或长按选择。")}}},m=d.useMemo(()=>$(r),[r]);return e.jsx("main",{className:"diagnostics-page",children:e.jsxs("div",{className:"diagnostics-shell",children:[e.jsxs("header",{className:"diagnostics-header",children:[e.jsxs("div",{className:"diagnostics-header__copy",children:[e.jsx("button",{type:"button",className:"diagnostics-back",onClick:()=>void t({to:"/settings"}),children:"返回设置"}),e.jsx("h1",{children:"安卓样式诊断"}),e.jsx("p",{children:"在手机上打开本页，可以直接检查浏览器能力、样式加载、缓存和关键面板快照。"})]}),e.jsxs("div",{className:"diagnostics-toolbar",children:[e.jsx("button",{type:"button",className:"diagnostics-button",onClick:()=>void u(),disabled:i,children:i?"采集中…":"刷新诊断"}),e.jsx("button",{type:"button",className:"diagnostics-button diagnostics-button--ghost",onClick:()=>void p(),disabled:!r,children:"复制 JSON"})]})]}),l?e.jsx("p",{className:"diagnostics-status",children:l}):null,e.jsxs("section",{className:"diagnostics-card diagnostics-card--hero",children:[e.jsx("span",{className:"diagnostics-eyebrow",children:"初步判断"}),e.jsx("h2",{children:m}),e.jsx("p",{children:"真机异常而桌面浏览器和 F12 模拟正常，最常见就是浏览器 CSS 能力和缓存状态与桌面环境不同。"}),r!=null&&r.notes.length?e.jsx("ul",{className:"diagnostics-list",children:r.notes.map(s=>e.jsx("li",{children:s},s))}):null]}),r?e.jsxs(e.Fragment,{children:[e.jsxs("section",{className:"diagnostics-grid",children:[e.jsxs("article",{className:"diagnostics-card",children:[e.jsx("h2",{children:"环境"}),e.jsxs("dl",{className:"diagnostics-kv",children:[e.jsxs("div",{children:[e.jsx("dt",{children:"页面"}),e.jsx("dd",{children:r.page.pathname})]}),e.jsxs("div",{children:[e.jsx("dt",{children:"安全上下文"}),e.jsx("dd",{children:r.environment.secure_context?"是":"否"})]}),e.jsxs("div",{children:[e.jsx("dt",{children:"独立窗口"}),e.jsx("dd",{children:r.environment.standalone_display_mode?"是":"否"})]}),e.jsxs("div",{children:[e.jsx("dt",{children:"在线状态"}),e.jsx("dd",{children:r.environment.online==null?"未知":r.environment.online?"在线":"离线"})]}),e.jsxs("div",{children:[e.jsx("dt",{children:"视口"}),e.jsxs("dd",{children:[r.viewport.width," x ",r.viewport.height," @ ",r.viewport.device_pixel_ratio]})]}),e.jsxs("div",{children:[e.jsx("dt",{children:"UA"}),e.jsx("dd",{className:"diagnostics-break",children:r.environment.user_agent})]})]})]}),e.jsxs("article",{className:"diagnostics-card",children:[e.jsx("h2",{children:"浏览器能力"}),e.jsx("dl",{className:"diagnostics-kv",children:Object.entries(r.feature_support).map(([s,a])=>e.jsxs("div",{children:[e.jsx("dt",{children:s}),e.jsx("dd",{children:W(a)})]},s))})]}),e.jsxs("article",{className:"diagnostics-card",children:[e.jsx("h2",{children:"缓存与 SW"}),e.jsxs("dl",{className:"diagnostics-kv",children:[e.jsxs("div",{children:[e.jsx("dt",{children:"Service Worker"}),e.jsx("dd",{children:r.service_worker.supported?"支持":"不支持"})]}),e.jsxs("div",{children:[e.jsx("dt",{children:"当前受控"}),e.jsx("dd",{children:r.service_worker.controller?"是":"否"})]}),e.jsxs("div",{children:[e.jsx("dt",{children:"注册数量"}),e.jsx("dd",{children:r.service_worker.registrations.length})]}),e.jsxs("div",{children:[e.jsx("dt",{children:"Cache Storage"}),e.jsx("dd",{children:r.cache.supported?r.cache.keys.join(", ")||"空":"不支持"})]})]})]}),e.jsxs("article",{className:"diagnostics-card",children:[e.jsx("h2",{children:"主题变量"}),e.jsx("dl",{className:"diagnostics-kv",children:Object.entries(r.theme_variables).map(([s,a])=>e.jsxs("div",{children:[e.jsx("dt",{children:s}),e.jsx("dd",{children:a})]},s))})]})]}),e.jsxs("section",{className:"diagnostics-card",children:[e.jsx("h2",{children:"资源探测"}),e.jsx("div",{className:"diagnostics-table-wrap",children:e.jsxs("table",{className:"diagnostics-table",children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{children:"类型"}),e.jsx("th",{children:"URL"}),e.jsx("th",{children:"状态"}),e.jsx("th",{children:"内容类型"}),e.jsx("th",{children:"Cache-Control"})]})}),e.jsx("tbody",{children:r.resource_probes.map(s=>e.jsxs("tr",{children:[e.jsx("td",{children:s.kind}),e.jsx("td",{className:"diagnostics-break",children:s.url}),e.jsx("td",{children:s.ok?`OK (${s.status??"-"})`:`失败 (${s.status??"-"})`}),e.jsx("td",{children:s.content_type??"-"}),e.jsx("td",{children:s.cache_control??s.error??"-"})]},`${s.kind}:${s.url}`))})]})})]}),e.jsxs("section",{className:"diagnostics-card",children:[e.jsx("h2",{children:"关键元素快照"}),e.jsx("div",{className:"diagnostics-element-grid",children:r.element_snapshots.map(s=>e.jsxs("article",{className:"diagnostics-element-card",children:[e.jsx("h3",{children:s.selector}),e.jsx("p",{children:U(s)}),e.jsxs("dl",{className:"diagnostics-kv diagnostics-kv--compact",children:[e.jsxs("div",{children:[e.jsx("dt",{children:"找到元素"}),e.jsx("dd",{children:s.found?"是":"否"})]}),e.jsxs("div",{children:[e.jsx("dt",{children:"尺寸"}),e.jsx("dd",{children:s.rect?`${s.rect.width} x ${s.rect.height}`:"-"})]}),e.jsxs("div",{children:[e.jsx("dt",{children:"背景色"}),e.jsx("dd",{children:s.computed["background-color"]??"-"})]}),e.jsxs("div",{children:[e.jsx("dt",{children:"背景图"}),e.jsx("dd",{className:"diagnostics-break",children:s.computed["background-image"]??"-"})]})]})]},s.selector))})]}),e.jsxs("section",{className:"diagnostics-card",children:[e.jsx("h2",{children:"原始 JSON"}),e.jsx("pre",{className:"diagnostics-json",children:JSON.stringify(r,null,2)})]})]}):e.jsx("section",{className:"diagnostics-card",children:e.jsx("p",{children:"正在等待诊断结果…"})})]})})};export{M as DiagnosticsPage};
+import{u as j,r as d,j as e}from"./index-DhjIbKkn.js";const v=[{key:"color-mix-oklab",property:"background",value:"color-mix(in oklab, white 50%, black)"},{key:"color-mix-srgb",property:"background",value:"color-mix(in srgb, white 50%, black)"},{key:"backdrop-filter",property:"backdrop-filter",value:"blur(12px)"},{key:"webkit-backdrop-filter",property:"-webkit-backdrop-filter",value:"blur(12px)"},{key:"viewport-dvh",property:"height",value:"100dvh"}],y=["--color-surface-base","--color-surface-panel","--color-surface-floating","--color-surface-border","--color-surface-border-soft","--color-text-primary","--color-text-secondary","--color-accent-primary","--color-accent-primary-soft"],w=[".conversation-topbar",".topbar-menu",".conversation-run-popover",".chat-composer",".chat-composer__input",".composer-utility-menu__popover",".session-run-panel__command-card",".session-run-panel__input",".session-git-panel__summary"],b=["background-color","background-image","backdrop-filter","-webkit-backdrop-filter","border-color","box-shadow","color","display","opacity","position"],x=(t,r=180)=>{const n=(t??"").replace(/\s+/g," ").trim();return n?n.length<=r?n:`${n.slice(0,r-1).trimEnd()}…`:null},h=t=>Number(t.toFixed(2)),k=(t,r)=>{var n;if(typeof window>"u"||typeof((n=window.CSS)==null?void 0:n.supports)!="function")return!1;try{return window.CSS.supports(t,r)}catch{return!1}},_=()=>Object.fromEntries(v.map(t=>[t.key,k(t.property,t.value)])),S=()=>typeof document>"u"?[]:Array.from(document.styleSheets).map(t=>{var n,i;let r=null;try{r=t.cssRules.length}catch{r=null}return{href:t.href??null,owner_node:t.ownerNode instanceof Element?t.ownerNode.tagName.toLowerCase():null,media:((i=(n=t.media)==null?void 0:n.mediaText)==null?void 0:i.trim())||null,disabled:t.disabled,css_rule_count:r}}),N=()=>{if(typeof document>"u"||typeof window>"u")return[];const t=new Map,r=(n,i)=>{const o=n==null?void 0:n.trim();if(o)try{const l=new URL(o,window.location.href);if(!/^https?:$/i.test(l.protocol))return;t.set(l.toString(),i)}catch{return}};for(const n of document.styleSheets)r(n.href,"stylesheet");for(const n of Array.from(document.scripts))r(n.src,"script");for(const n of Array.from(document.querySelectorAll('link[rel~="manifest"]')))r(n.href,"manifest");for(const n of Array.from(document.querySelectorAll('link[rel~="icon"], link[rel="apple-touch-icon"]')))r(n.href,"icon");return Array.from(t.entries()).slice(0,20).map(([n,i])=>({url:n,kind:i}))},E=async t=>{const r=async n=>fetch(t.url,{method:n,cache:"no-store",redirect:"follow"});try{let n=await r("HEAD");return(n.status===405||n.status===501)&&(n=await r("GET")),{url:t.url,kind:t.kind,ok:n.ok,status:n.status,content_type:n.headers.get("content-type"),cache_control:n.headers.get("cache-control"),error:null}}catch(n){return{url:t.url,kind:t.kind,ok:!1,status:null,content_type:null,cache_control:null,error:n instanceof Error?n.message:"Unknown fetch failure"}}},C=()=>typeof performance>"u"||typeof performance.getEntriesByType!="function"?[]:performance.getEntriesByType("resource").map(t=>t).filter(t=>{const r=t.name.toLowerCase();return r.includes(".css")||r.includes(".js")||r.includes("manifest")||t.initiatorType==="link"||t.initiatorType==="script"}).slice(-40).map(t=>({name:t.name,initiator_type:t.initiatorType||null,duration_ms:h(t.duration),transfer_size:typeof t.transferSize=="number"?t.transferSize:null,decoded_body_size:typeof t.decodedBodySize=="number"?t.decodedBodySize:null})),T=()=>{if(typeof document>"u"||typeof window>"u")return{};const t=window.getComputedStyle(document.documentElement);return Object.fromEntries(y.map(r=>[r,t.getPropertyValue(r).trim()||"(empty)"]))},R=t=>{if(typeof document>"u"||typeof window>"u")return{selector:t,found:!1,text_preview:null,rect:null,computed:{}};const r=document.querySelector(t);if(!r)return{selector:t,found:!1,text_preview:null,rect:null,computed:{}};const n=r.getBoundingClientRect(),i=window.getComputedStyle(r);return{selector:t,found:!0,text_preview:x(r.textContent),rect:{x:h(n.x),y:h(n.y),width:h(n.width),height:h(n.height)},computed:Object.fromEntries(b.map(o=>[o,i.getPropertyValue(o).trim()||"(empty)"]))}},A=async()=>{if(typeof navigator>"u"||!("serviceWorker"in navigator))return{supported:!1,controller:!1,registrations:[]};try{const t=await navigator.serviceWorker.getRegistrations();return{supported:!0,controller:!!navigator.serviceWorker.controller,registrations:t.map(r=>{var n,i,o;return{scope:r.scope,active_script_url:((n=r.active)==null?void 0:n.scriptURL)??null,waiting_script_url:((i=r.waiting)==null?void 0:i.scriptURL)??null,installing_script_url:((o=r.installing)==null?void 0:o.scriptURL)??null}})}}catch{return{supported:!0,controller:!!navigator.serviceWorker.controller,registrations:[]}}},O=async()=>{if(typeof window>"u"||!("caches"in window))return{supported:!1,keys:[]};try{return{supported:!0,keys:await window.caches.keys()}}catch{return{supported:!0,keys:[]}}},L=t=>{const r=[];return t.feature_support["color-mix-oklab"]||r.push("当前浏览器不支持 color-mix(in oklab, ...)，混色背景会直接失效，常见现象就是输入区或面板背景透明。"),!t.feature_support["backdrop-filter"]&&!t.feature_support["webkit-backdrop-filter"]&&r.push("当前浏览器不支持 backdrop-filter，磨砂浮层会退化成纯色面板。"),t.service_worker.controller&&t.cache.keys.length>0&&r.push(`检测到 ${t.cache.keys.length} 个 Cache Storage 项，若真机页面和桌面不一致，可以先清理缓存再重试。`),t.stylesheets.length===0&&r.push("当前页面没有读取到任何样式表对象，需要重点检查 CSS 是否被正确加载。"),t.resource_probes.some(n=>!n.ok)&&r.push("至少有一个静态资源探测失败，需要继续检查网络、缓存或 Service Worker 拦截。"),r},P=async()=>{var u,p,m,s,a,g;const t=N(),[r,n,i]=await Promise.all([A(),O(),Promise.all(t.map(f=>E(f)))]),o=navigator,l={width:window.innerWidth,height:window.innerHeight,device_pixel_ratio:window.devicePixelRatio||1,visual_width:((u=window.visualViewport)==null?void 0:u.width)??null,visual_height:((p=window.visualViewport)==null?void 0:p.height)??null,screen_width:((m=window.screen)==null?void 0:m.width)??null,screen_height:((s=window.screen)==null?void 0:s.height)??null},c={captured_at:new Date().toISOString(),page:{href:window.location.href,pathname:window.location.pathname,referrer:x(document.referrer),visibility_state:document.visibilityState??null},environment:{user_agent:navigator.userAgent,language:navigator.language??null,languages:Array.isArray(navigator.languages)?navigator.languages:[],platform:navigator.platform??null,vendor:navigator.vendor??null,online:typeof navigator.onLine=="boolean"?navigator.onLine:null,cookie_enabled:typeof navigator.cookieEnabled=="boolean"?navigator.cookieEnabled:null,secure_context:window.isSecureContext,standalone_display_mode:window.matchMedia("(display-mode: standalone)").matches,hardware_concurrency:typeof navigator.hardwareConcurrency=="number"?navigator.hardwareConcurrency:null,device_memory_gb:typeof o.deviceMemory=="number"?o.deviceMemory:null,max_touch_points:typeof navigator.maxTouchPoints=="number"?navigator.maxTouchPoints:null},viewport:l,feature_support:_(),service_worker:r,cache:n,manifest:{href:((a=document.querySelector('link[rel~="manifest"]'))==null?void 0:a.href)??null,rel:((g=document.querySelector('link[rel~="manifest"]'))==null?void 0:g.rel)??null},stylesheets:S(),resource_probes:i,performance_entries:C(),theme_variables:T(),element_snapshots:w.map(f=>R(f)),notes:[]};return c.notes=L(c),c},W=t=>t?"支持":"不支持",$=t=>t?t.feature_support["color-mix-oklab"]?t.resource_probes.some(r=>!r.ok)?"至少有一个静态资源探测失败，更像是 CSS 或脚本资源没有正确加载，或者被缓存 / Service Worker 干扰。":t.service_worker.controller&&t.cache.keys.length>0?"样式能力本身看起来正常，但页面被 Service Worker 控制且存在缓存，下一步要重点排查缓存是否陈旧。":"浏览器能力和基础资源看起来正常，下一步需要对比具体元素快照与安卓真机截图。":"高概率是安卓浏览器不支持 color-mix(in oklab, ...)，导致输入框和面板的混色背景规则整体失效。":"正在采集浏览器能力、样式表、缓存和关键元素快照。",U=t=>{if(!t.found)return"未找到对应元素";const r=t.computed["background-color"]??"(empty)",n=t.computed["background-image"]??"(empty)";return r==="rgba(0, 0, 0, 0)"&&n==="none"?"背景完全透明":`${r} / ${n}`},M=()=>{const t=j(),[r,n]=d.useState(null),[i,o]=d.useState(!0),[l,c]=d.useState(null),u=async()=>{o(!0),c(null);try{const s=await P();d.startTransition(()=>{n(s)})}catch(s){c(s instanceof Error?`采集失败：${s.message}`:"采集失败，请稍后重试。")}finally{o(!1)}};d.useEffect(()=>{u()},[]);const p=async()=>{var s;if(r){if(typeof navigator>"u"||typeof((s=navigator.clipboard)==null?void 0:s.writeText)!="function"){c("当前浏览器不支持直接复制，请手动截图或长按选择。");return}try{await navigator.clipboard.writeText(JSON.stringify(r,null,2)),c("诊断 JSON 已复制，可以直接发给我继续分析。")}catch(a){c(a instanceof Error?`复制失败：${a.message}`:"复制失败，请手动截图或长按选择。")}}},m=d.useMemo(()=>$(r),[r]);return e.jsx("main",{className:"diagnostics-page",children:e.jsxs("div",{className:"diagnostics-shell",children:[e.jsxs("header",{className:"diagnostics-header",children:[e.jsxs("div",{className:"diagnostics-header__copy",children:[e.jsx("button",{type:"button",className:"diagnostics-back",onClick:()=>void t({to:"/settings"}),children:"返回设置"}),e.jsx("h1",{children:"安卓样式诊断"}),e.jsx("p",{children:"在手机上打开本页，可以直接检查浏览器能力、样式加载、缓存和关键面板快照。"})]}),e.jsxs("div",{className:"diagnostics-toolbar",children:[e.jsx("button",{type:"button",className:"diagnostics-button",onClick:()=>void u(),disabled:i,children:i?"采集中…":"刷新诊断"}),e.jsx("button",{type:"button",className:"diagnostics-button diagnostics-button--ghost",onClick:()=>void p(),disabled:!r,children:"复制 JSON"})]})]}),l?e.jsx("p",{className:"diagnostics-status",children:l}):null,e.jsxs("section",{className:"diagnostics-card diagnostics-card--hero",children:[e.jsx("span",{className:"diagnostics-eyebrow",children:"初步判断"}),e.jsx("h2",{children:m}),e.jsx("p",{children:"真机异常而桌面浏览器和 F12 模拟正常，最常见就是浏览器 CSS 能力和缓存状态与桌面环境不同。"}),r!=null&&r.notes.length?e.jsx("ul",{className:"diagnostics-list",children:r.notes.map(s=>e.jsx("li",{children:s},s))}):null]}),r?e.jsxs(e.Fragment,{children:[e.jsxs("section",{className:"diagnostics-grid",children:[e.jsxs("article",{className:"diagnostics-card",children:[e.jsx("h2",{children:"环境"}),e.jsxs("dl",{className:"diagnostics-kv",children:[e.jsxs("div",{children:[e.jsx("dt",{children:"页面"}),e.jsx("dd",{children:r.page.pathname})]}),e.jsxs("div",{children:[e.jsx("dt",{children:"安全上下文"}),e.jsx("dd",{children:r.environment.secure_context?"是":"否"})]}),e.jsxs("div",{children:[e.jsx("dt",{children:"独立窗口"}),e.jsx("dd",{children:r.environment.standalone_display_mode?"是":"否"})]}),e.jsxs("div",{children:[e.jsx("dt",{children:"在线状态"}),e.jsx("dd",{children:r.environment.online==null?"未知":r.environment.online?"在线":"离线"})]}),e.jsxs("div",{children:[e.jsx("dt",{children:"视口"}),e.jsxs("dd",{children:[r.viewport.width," x ",r.viewport.height," @ ",r.viewport.device_pixel_ratio]})]}),e.jsxs("div",{children:[e.jsx("dt",{children:"UA"}),e.jsx("dd",{className:"diagnostics-break",children:r.environment.user_agent})]})]})]}),e.jsxs("article",{className:"diagnostics-card",children:[e.jsx("h2",{children:"浏览器能力"}),e.jsx("dl",{className:"diagnostics-kv",children:Object.entries(r.feature_support).map(([s,a])=>e.jsxs("div",{children:[e.jsx("dt",{children:s}),e.jsx("dd",{children:W(a)})]},s))})]}),e.jsxs("article",{className:"diagnostics-card",children:[e.jsx("h2",{children:"缓存与 SW"}),e.jsxs("dl",{className:"diagnostics-kv",children:[e.jsxs("div",{children:[e.jsx("dt",{children:"Service Worker"}),e.jsx("dd",{children:r.service_worker.supported?"支持":"不支持"})]}),e.jsxs("div",{children:[e.jsx("dt",{children:"当前受控"}),e.jsx("dd",{children:r.service_worker.controller?"是":"否"})]}),e.jsxs("div",{children:[e.jsx("dt",{children:"注册数量"}),e.jsx("dd",{children:r.service_worker.registrations.length})]}),e.jsxs("div",{children:[e.jsx("dt",{children:"Cache Storage"}),e.jsx("dd",{children:r.cache.supported?r.cache.keys.join(", ")||"空":"不支持"})]})]})]}),e.jsxs("article",{className:"diagnostics-card",children:[e.jsx("h2",{children:"主题变量"}),e.jsx("dl",{className:"diagnostics-kv",children:Object.entries(r.theme_variables).map(([s,a])=>e.jsxs("div",{children:[e.jsx("dt",{children:s}),e.jsx("dd",{children:a})]},s))})]})]}),e.jsxs("section",{className:"diagnostics-card",children:[e.jsx("h2",{children:"资源探测"}),e.jsx("div",{className:"diagnostics-table-wrap",children:e.jsxs("table",{className:"diagnostics-table",children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{children:"类型"}),e.jsx("th",{children:"URL"}),e.jsx("th",{children:"状态"}),e.jsx("th",{children:"内容类型"}),e.jsx("th",{children:"Cache-Control"})]})}),e.jsx("tbody",{children:r.resource_probes.map(s=>e.jsxs("tr",{children:[e.jsx("td",{children:s.kind}),e.jsx("td",{className:"diagnostics-break",children:s.url}),e.jsx("td",{children:s.ok?`OK (${s.status??"-"})`:`失败 (${s.status??"-"})`}),e.jsx("td",{children:s.content_type??"-"}),e.jsx("td",{children:s.cache_control??s.error??"-"})]},`${s.kind}:${s.url}`))})]})})]}),e.jsxs("section",{className:"diagnostics-card",children:[e.jsx("h2",{children:"关键元素快照"}),e.jsx("div",{className:"diagnostics-element-grid",children:r.element_snapshots.map(s=>e.jsxs("article",{className:"diagnostics-element-card",children:[e.jsx("h3",{children:s.selector}),e.jsx("p",{children:U(s)}),e.jsxs("dl",{className:"diagnostics-kv diagnostics-kv--compact",children:[e.jsxs("div",{children:[e.jsx("dt",{children:"找到元素"}),e.jsx("dd",{children:s.found?"是":"否"})]}),e.jsxs("div",{children:[e.jsx("dt",{children:"尺寸"}),e.jsx("dd",{children:s.rect?`${s.rect.width} x ${s.rect.height}`:"-"})]}),e.jsxs("div",{children:[e.jsx("dt",{children:"背景色"}),e.jsx("dd",{children:s.computed["background-color"]??"-"})]}),e.jsxs("div",{children:[e.jsx("dt",{children:"背景图"}),e.jsx("dd",{className:"diagnostics-break",children:s.computed["background-image"]??"-"})]})]})]},s.selector))})]}),e.jsxs("section",{className:"diagnostics-card",children:[e.jsx("h2",{children:"原始 JSON"}),e.jsx("pre",{className:"diagnostics-json",children:JSON.stringify(r,null,2)})]})]}):e.jsx("section",{className:"diagnostics-card",children:e.jsx("p",{children:"正在等待诊断结果…"})})]})})};export{M as DiagnosticsPage};