@peers-app/peers-ui 0.27.3 → 0.27.5

package/src/screens/network-viewer/remote-logs-panel.tsx

@@ -1,190 +0,0 @@
-import type { IConsoleLog, INetworkRemoteLogsResult } from "@peers-app/peers-sdk";
-import { useCallback, useState } from "react";
-import { getNetworkDiagnosticsConsumer } from "./network-viewer-ipc";
-
-interface RemoteLogsPanelProps {
-  deviceId: string;
-}
-
-function RemoteLogRow({ log }: { log: IConsoleLog }) {
-  return (
-    <div className="border-bottom py-2">
-      <div className="d-flex flex-wrap gap-2 align-items-center small">
-        <code>{new Date(log.timestamp).toLocaleTimeString()}</code>
-        <span className={`badge ${log.level === "error" ? "bg-danger" : "bg-secondary"}`}>
-          {log.level}
-        </span>
-        <span className="badge bg-info text-dark">{log.process}</span>
-        {log.source && <span className="text-muted">{log.source}</span>}
-      </div>
-      <div className="mt-1" style={{ whiteSpace: "pre-wrap", overflowWrap: "anywhere" }}>
-        {log.message}
-      </div>
-      {(log.context || log.stackTrace) && (
-        <details className="mt-1">
-          <summary className="small text-muted">Details</summary>
-          <pre className="small bg-body-tertiary rounded p-2 mt-1" style={{ maxHeight: "240px" }}>
-            {JSON.stringify({ context: log.context, stackTrace: log.stackTrace }, null, 2)}
-          </pre>
-        </details>
-      )}
-    </div>
-  );
-}
-
-/** Read-only System Logs contract panel for a directly connected, provider-authorized device. */
-export function RemoteLogsPanel({ deviceId }: RemoteLogsPanelProps) {
-  const [result, setResult] = useState<INetworkRemoteLogsResult | null>(null);
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState<string>();
-  const [processName, setProcessName] = useState("");
-  const [level, setLevel] = useState("");
-  const [search, setSearch] = useState("");
-  const [minutes, setMinutes] = useState("60");
-
-  const loadLogs = useCallback(async () => {
-    setLoading(true);
-    setError(undefined);
-    try {
-      const minutesNumber = Number(minutes);
-      const sinceTimestamp =
-        Number.isFinite(minutesNumber) && minutesNumber > 0
-          ? Date.now() - minutesNumber * 60_000
-          : undefined;
-      const diagnostics = await getNetworkDiagnosticsConsumer();
-      const response = await diagnostics.tools.queryRemoteLogs({
-        deviceId,
-        query: {
-          sinceTimestamp,
-          level: level ? (level as IConsoleLog["level"]) : undefined,
-          process: processName || undefined,
-          search: search || undefined,
-          pageSize: 100,
-          timeoutMs: 10_000,
-        },
-      });
-      setResult(response);
-    } catch (cause) {
-      setError(cause instanceof Error ? cause.message : String(cause));
-    } finally {
-      setLoading(false);
-    }
-  }, [deviceId, level, minutes, processName, search]);
-
-  const exportLogs = useCallback(() => {
-    if (!result) return;
-    const blob = new Blob([JSON.stringify(result, null, 2)], { type: "application/json" });
-    const url = URL.createObjectURL(blob);
-    const anchor = document.createElement("a");
-    anchor.href = url;
-    anchor.download = `remote-logs-${deviceId}-${result.queriedAt}.json`;
-    anchor.click();
-    URL.revokeObjectURL(url);
-  }, [deviceId, result]);
-
-  return (
-    <div className="mb-4">
-      <div className="d-flex justify-content-between align-items-center border-bottom pb-2 mb-3">
-        <h6 className="mb-0">Remote Console Logs</h6>
-        <div className="d-flex gap-2">
-          <button
-            type="button"
-            className="btn btn-sm btn-outline-secondary"
-            onClick={exportLogs}
-            disabled={!result}
-          >
-            Export JSON
-          </button>
-          <button
-            type="button"
-            className="btn btn-sm btn-primary"
-            onClick={() => void loadLogs()}
-            disabled={loading}
-          >
-            {loading ? "Loading..." : result ? "Refresh" : "Load logs"}
-          </button>
-        </div>
-      </div>
-
-      <div className="row g-2 mb-3">
-        <div className="col-md-3">
-          <label className="form-label small" htmlFor="remote-logs-process">
-            Process
-          </label>
-          <input
-            id="remote-logs-process"
-            className="form-control form-control-sm"
-            value={processName}
-            onChange={(event) => setProcessName(event.target.value)}
-            placeholder="All processes"
-          />
-        </div>
-        <div className="col-md-2">
-          <label className="form-label small" htmlFor="remote-logs-level">
-            Level
-          </label>
-          <select
-            id="remote-logs-level"
-            className="form-select form-select-sm"
-            value={level}
-            onChange={(event) => setLevel(event.target.value)}
-          >
-            <option value="">All</option>
-            <option value="debug">Debug</option>
-            <option value="info">Info</option>
-            <option value="log">Log</option>
-            <option value="warn">Warn</option>
-            <option value="error">Error</option>
-          </select>
-        </div>
-        <div className="col-md-2">
-          <label className="form-label small" htmlFor="remote-logs-minutes">
-            Time range
-          </label>
-          <select
-            id="remote-logs-minutes"
-            className="form-select form-select-sm"
-            value={minutes}
-            onChange={(event) => setMinutes(event.target.value)}
-          >
-            <option value="15">15 minutes</option>
-            <option value="60">1 hour</option>
-            <option value="360">6 hours</option>
-            <option value="0">All retained</option>
-          </select>
-        </div>
-        <div className="col-md-5">
-          <label className="form-label small" htmlFor="remote-logs-search">
-            Message words
-          </label>
-          <input
-            id="remote-logs-search"
-            className="form-control form-control-sm"
-            value={search}
-            onChange={(event) => setSearch(event.target.value)}
-            placeholder="BrowserWebRTC"
-          />
-        </div>
-      </div>
-
-      {error && <div className="alert alert-danger py-2">{error}</div>}
-      {result && (
-        <>
-          <div className="small text-muted mb-2">
-            Showing {result.logs.length}
-            {result.truncated ? " newest" : ""} matching logs
-            {result.truncated ? "; narrow the filters to see a different slice" : ""}; queried{" "}
-            {new Date(result.queriedAt).toLocaleString()}.
-          </div>
-          <div className="border rounded px-2" style={{ maxHeight: "420px", overflowY: "auto" }}>
-            {result.logs.length ? (
-              result.logs.map((log) => <RemoteLogRow key={log.logId} log={log} />)
-            ) : (
-              <div className="text-muted py-3 text-center">No matching remote logs.</div>
-            )}
-          </div>
-        </>
-      )}
-    </div>
-  );
-}

package/src/screens/network-viewer/sync-recovery.test.tsx

@@ -1,114 +0,0 @@
-import { fireEvent, render, screen } from "@testing-library/react";
-import { SyncRecoveryScreen } from "./sync-recovery";
-
-const mockResolveSyncRecovery = jest.fn(async () => ({
-  success: false,
-  message: "Permission denied for Shared Group: requires Owner",
-}));
-
-jest.mock("./network-viewer-ipc", () => ({
-  getNetworkDiagnosticsConsumer: async () => ({
-    tools: {
-      getSyncRecoveryEntries: async () => ({
-        entries: [
-          {
-            dataContextId: "personal",
-            dataContextName: "Personal",
-            syncRecoveryId: "queue-1",
-            tableName: "Messages",
-            recordId: "00mflddy2sbk393s47smn4tgl",
-            firstFailedAt: Date.parse("2026-09-10T17:16:02Z"),
-            lastFailedAt: Date.parse("2026-09-10T17:16:02Z"),
-            attemptCount: 3,
-            latestError:
-              'Validation on insert failed for Messages: [{"code":"custom","message":"assistant id was empty","path":["assistantId"]}]',
-            status: "parked",
-            parkedReason: "schema",
-            stuck: true,
-            localRowExists: false,
-            recordSummary: "hello from the stored message",
-            queuedRecordPreview: '{\n  "message": "hello from the stored message"\n}',
-            recordPreview: '{\n  "message": "hello from the stored message"\n}',
-            changeCreatedAt: Date.parse("2026-09-10T17:16:02Z"),
-          },
-          {
-            dataContextId: "personal",
-            dataContextName: "Personal",
-            syncRecoveryId: "queue-2",
-            tableName: "UniqueNames",
-            recordId: "00mflddy2sbk393s47smn4tgm",
-            firstFailedAt: Date.parse("2026-09-10T17:16:02Z"),
-            lastFailedAt: Date.parse("2026-09-10T17:16:02Z"),
-            attemptCount: 1,
-            latestError: "UNIQUE constraint failed: UniqueNames.name",
-            status: "parked",
-            parkedReason: "unique-conflict",
-            stuck: true,
-            localRowExists: true,
-            conflictingRecordId: "00mflddy2sbk393s47smn4tgn",
-            tombstoneRecordId: "00mflddy2sbk393s47smn4tgm",
-            recordSummary: "shared",
-            keptRecordPreview: '{\n  "name": "shared",\n  "value": "local"\n}',
-            queuedRecordPreview: '{\n  "name": "shared",\n  "value": "rejected"\n}',
-            recordPreview: '{\n  "name": "shared",\n  "value": "local"\n}',
-          },
-        ],
-      }),
-    },
-    observables: {
-      status: {
-        subscribe: () => ({ dispose() {} }),
-      },
-    },
-  }),
-  getNetworkControlConsumer: async () => ({
-    tools: {
-      resolveSyncRecovery: () => mockResolveSyncRecovery(),
-    },
-  }),
-}));
-
-describe("SyncRecoveryScreen", () => {
-  it("shows the full error, status help, action help, and stored record", async () => {
-    render(<SyncRecoveryScreen onBack={() => undefined} />);
-
-    expect(await screen.findByText("hello from the stored message")).toBeTruthy();
-    expect(screen.getByText(/Validation on insert failed/)).toBeTruthy();
-    expect(screen.queryByText(/assistant id was empty/)).toBeNull();
-
-    fireEvent.click(screen.getAllByRole("button", { name: "Show error details" })[0]);
-    const error = screen.getByText(/assistant id was empty/);
-    expect(error.tagName).toBe("PRE");
-
-    fireEvent.click(screen.getByRole("button", { name: "About status Parked, schema" }));
-    expect(screen.getByText(/does not match this device's rules/)).toBeTruthy();
-
-    fireEvent.click(screen.getByRole("button", { name: "About these actions" }));
-    expect(screen.getByText(/only the other row is stored/)).toBeTruthy();
-
-    fireEvent.click(screen.getAllByRole("button", { name: "Show record details" })[0]);
-    expect(screen.getByText(/Change written/)).toBeTruthy();
-    expect(screen.getByText("Queued change")).toBeTruthy();
-    expect(screen.getByText(/"message": "hello from the stored message"/)).toBeTruthy();
-  });
-
-  it("labels the row Keep will snapshot separately from a different queued change", async () => {
-    render(<SyncRecoveryScreen onBack={() => undefined} />);
-    fireEvent.click((await screen.findAllByRole("button", { name: "Show record details" }))[1]);
-    expect(screen.getByText("This device's version")).toBeTruthy();
-    expect(screen.getByText(/"value": "local"/)).toBeTruthy();
-    expect(screen.getByText("Queued change")).toBeTruthy();
-    expect(screen.getByText(/"value": "rejected"/)).toBeTruthy();
-    expect(screen.getByText(/tombstones this queued id/)).toBeTruthy();
-    expect(screen.queryByText(/Keep deletes/)).toBeNull();
-  });
-
-  it("keeps a failed action message after the list reloads", async () => {
-    render(<SyncRecoveryScreen onBack={() => undefined} />);
-    fireEvent.click((await screen.findAllByRole("button", { name: "Ignore on this device" }))[0]);
-    expect(
-      await screen.findByText("Permission denied for Shared Group: requires Owner"),
-    ).toBeTruthy();
-    expect(screen.getByText("hello from the stored message")).toBeTruthy();
-  });
-});