@powerhousedao/design-system 6.0.0-dev.15 → 6.0.0-dev.151

package/dist/src/connect/components/remotes-inspector/components/channel-inspector.d.ts

@@ -1,9 +1,11 @@
-import type { IChannel } from "@powerhousedao/reactor";
+import { type IChannel } from "@powerhousedao/reactor-browser";
+import type { ConnectionStateSummary } from "../remotes-inspector.js";
 export type ChannelInspectorProps = {
     readonly remoteName: string;
     readonly channel: IChannel;
     readonly onBack: () => void;
     readonly onRefresh?: () => void;
+    readonly connectionState?: ConnectionStateSummary;
 };
-export declare function ChannelInspector({ remoteName, channel, onBack, onRefresh, }: ChannelInspectorProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChannelInspector({ remoteName, channel, onBack, onRefresh, connectionState, }: ChannelInspectorProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=channel-inspector.d.ts.map

package/dist/src/connect/components/remotes-inspector/components/channel-inspector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"channel-inspector.d.ts","sourceRoot":"","sources":["../../../../../../src/connect/components/remotes-inspector/components/channel-inspector.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAKvD,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC;IAC3B,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACjC,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,UAAU,EACV,OAAO,EACP,MAAM,EACN,SAAS,GACV,EAAE,qBAAqB,2CAkGvB"}
+{"version":3,"file":"channel-inspector.d.ts","sourceRoot":"","sources":["../../../../../../src/connect/components/remotes-inspector/components/channel-inspector.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,QAAQ,EACd,MAAM,gCAAgC,CAAC;AAExC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAKtE,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC;IAC3B,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,QAAQ,CAAC,eAAe,CAAC,EAAE,sBAAsB,CAAC;CACnD,CAAC;AAOF,wBAAgB,gBAAgB,CAAC,EAC/B,UAAU,EACV,OAAO,EACP,MAAM,EACN,SAAS,EACT,eAAe,GAChB,EAAE,qBAAqB,2CA2ZvB"}

package/dist/src/connect/components/remotes-inspector/components/channel-inspector.js

@@ -1,9 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Icon } from "@powerhousedao/design-system";
-import { useState } from "react";
+import { GqlRequestChannel, IntervalPollTimer, } from "@powerhousedao/reactor-browser";
+import { useCallback, useState } from "react";
 import {} from "../utils.js";
+import { ConnectionStateBadge } from "./connection-state-badge.js";
 import { MailboxTable } from "./mailbox-table.js";
-export function ChannelInspector({ remoteName, channel, onBack, onRefresh, }) {
+function formatTimestamp(ms) {
+    if (ms === 0)
+        return "-";
+    return new Date(ms).toLocaleTimeString();
+}
+export function ChannelInspector({ remoteName, channel, onBack, onRefresh, connectionState, }) {
     const [sorts, setSorts] = useState({
         inbox: undefined,
         outbox: undefined,
@@ -32,6 +39,85 @@ export function ChannelInspector({ remoteName, channel, onBack, onRefresh, }) {
             };
         });
     };
-    return (_jsxs("div", { className: "flex h-full flex-col gap-4 p-4", children: [_jsxs("div", { className: "flex shrink-0 items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("button", { className: "flex items-center gap-1 rounded border border-gray-300 bg-white px-2 py-1 text-sm text-gray-700 hover:bg-gray-100", onClick: onBack, type: "button", children: [_jsx(Icon, { className: "rotate-90", name: "ChevronDown", size: 14 }), "Back"] }), _jsxs("h2", { className: "text-lg font-semibold text-gray-900", children: ["Channel: ", remoteName] })] }), onRefresh && (_jsxs("button", { className: "flex items-center gap-1 rounded border border-gray-300 bg-white px-3 py-1.5 text-sm text-gray-700 hover:bg-gray-100", onClick: onRefresh, type: "button", children: [_jsx(Icon, { name: "Reload", size: 14 }), "Refresh"] }))] }), _jsxs("div", { className: "flex flex-1 flex-col gap-6 overflow-auto", children: [_jsx(MailboxTable, { collapsed: collapsed.inbox, mailboxType: "inbox", onSort: handleSort, onToggleCollapse: () => handleToggleCollapse("inbox"), operations: channel.inbox.items, sort: sorts.inbox, title: "Inbox" }), _jsx(MailboxTable, { collapsed: collapsed.outbox, mailboxType: "outbox", onSort: handleSort, onToggleCollapse: () => handleToggleCollapse("outbox"), operations: channel.outbox.items, sort: sorts.outbox, title: "Outbox" }), _jsx(MailboxTable, { collapsed: collapsed.deadLetter, mailboxType: "deadLetter", onSort: handleSort, onToggleCollapse: () => handleToggleCollapse("deadLetter"), operations: channel.deadLetter.items, sort: sorts.deadLetter, title: "Dead Letter" })] })] }));
+    const getPollerControls = useCallback(() => {
+        if (!(channel instanceof GqlRequestChannel)) {
+            return null;
+        }
+        const poller = channel.poller;
+        if (!(poller instanceof IntervalPollTimer)) {
+            return null;
+        }
+        return poller;
+    }, [channel]);
+    const pollerControls = getPollerControls();
+    const [pollerState, setPollerState] = useState(() => ({
+        isPaused: pollerControls?.isPaused() ?? false,
+        isRunning: pollerControls?.isRunning() ?? false,
+    }));
+    const [intervalMs, setIntervalMs] = useState(() => pollerControls?.getIntervalMs() ?? 2000);
+    const [mailboxStates, setMailboxStates] = useState(() => ({
+        inbox: { isPaused: channel.inbox.isPaused() },
+        outbox: { isPaused: channel.outbox.isPaused() },
+    }));
+    const handlePause = useCallback(() => {
+        if (pollerControls) {
+            pollerControls.pause();
+            setPollerState({
+                isPaused: pollerControls.isPaused(),
+                isRunning: pollerControls.isRunning(),
+            });
+        }
+    }, [pollerControls]);
+    const handleResume = useCallback(() => {
+        if (pollerControls) {
+            pollerControls.resume();
+            setPollerState({
+                isPaused: pollerControls.isPaused(),
+                isRunning: pollerControls.isRunning(),
+            });
+        }
+    }, [pollerControls]);
+    const handlePollNow = useCallback(() => {
+        if (pollerControls) {
+            pollerControls.triggerNow();
+        }
+    }, [pollerControls]);
+    const handleApplyInterval = useCallback(() => {
+        if (pollerControls) {
+            pollerControls.setIntervalMs(intervalMs);
+        }
+    }, [pollerControls, intervalMs]);
+    const handleMailboxPause = useCallback((mailbox) => {
+        const mailboxInstance = mailbox === "inbox" ? channel.inbox : channel.outbox;
+        mailboxInstance.pause();
+        setMailboxStates((prev) => ({
+            ...prev,
+            [mailbox]: { isPaused: mailboxInstance.isPaused() },
+        }));
+    }, [channel]);
+    const handleMailboxResume = useCallback((mailbox) => {
+        const mailboxInstance = mailbox === "inbox" ? channel.inbox : channel.outbox;
+        mailboxInstance.resume();
+        setMailboxStates((prev) => ({
+            ...prev,
+            [mailbox]: { isPaused: mailboxInstance.isPaused() },
+        }));
+    }, [channel]);
+    const handleMailboxFlush = useCallback((mailbox) => {
+        const mailboxInstance = mailbox === "inbox" ? channel.inbox : channel.outbox;
+        mailboxInstance.flush();
+        onRefresh?.();
+    }, [channel, onRefresh]);
+    return (_jsxs("div", { className: "flex h-full flex-col gap-3 overflow-auto", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("button", { className: "flex items-center gap-1 rounded border border-gray-300 bg-white px-2 py-1 text-sm text-gray-700 hover:bg-gray-100", onClick: onBack, type: "button", children: [_jsx(Icon, { className: "rotate-90", name: "ChevronDown", size: 14 }), "Back"] }), _jsxs("h2", { className: "text-lg font-semibold text-gray-900", children: ["Channel: ", remoteName] })] }), onRefresh && (_jsxs("button", { className: "flex items-center gap-1 rounded border border-gray-300 bg-white px-3 py-1.5 text-sm text-gray-700 hover:bg-gray-100", onClick: onRefresh, type: "button", children: [_jsx(Icon, { name: "Reload", size: 14 }), "Refresh"] }))] }), connectionState && (_jsxs("div", { className: "rounded border border-gray-200 bg-white p-4", children: [_jsx("h3", { className: "mb-3 text-sm font-semibold text-gray-900", children: "Connection State" }), _jsxs("div", { className: "flex flex-wrap items-center gap-4 text-sm text-gray-600", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { children: "State:" }), _jsx(ConnectionStateBadge, { failureCount: connectionState.failureCount, state: connectionState.state })] }), _jsxs("div", { children: ["Last success: ", formatTimestamp(connectionState.lastSuccessUtcMs)] }), _jsxs("div", { children: ["Last failure: ", formatTimestamp(connectionState.lastFailureUtcMs)] }), _jsxs("div", { children: ["Failures: ", connectionState.failureCount] }), _jsxs("div", { children: ["Push:", " ", _jsx("span", { className: connectionState.pushBlocked
+                                            ? "text-red-600"
+                                            : "text-green-600", children: connectionState.pushBlocked ? "Blocked" : "OK" }), connectionState.pushFailureCount > 0 && (_jsxs("span", { className: "ml-1 text-red-600", children: ["(", connectionState.pushFailureCount, " failures)"] }))] })] })] })), pollerControls && (_jsxs("div", { className: "rounded border border-gray-200 bg-white p-4", children: [_jsx("h3", { className: "mb-3 text-sm font-semibold text-gray-900", children: "Poller" }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsxs("div", { className: "text-sm text-gray-600", children: ["Status:", " ", _jsx("span", { className: pollerState.isPaused ? "text-yellow-600" : "text-green-600", children: pollerState.isPaused ? "Paused" : "Running" })] }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("label", { className: "text-sm text-gray-600", htmlFor: "poll-interval", children: "Interval:" }), _jsx("input", { className: "w-20 rounded border border-gray-300 px-2 py-1 text-sm", id: "poll-interval", min: 100, onChange: (e) => setIntervalMs(Number(e.target.value)), onKeyDown: (e) => {
+                                                    if (e.key === "Enter") {
+                                                        handleApplyInterval();
+                                                    }
+                                                }, type: "number", value: intervalMs }), _jsx("span", { className: "text-sm text-gray-500", children: "ms" }), _jsx("button", { className: "ml-1 rounded border border-gray-300 bg-white px-2 py-1 text-sm text-gray-700 hover:bg-gray-100", onClick: handleApplyInterval, type: "button", children: "Apply" })] })] }), _jsxs("div", { className: "flex gap-2", children: [pollerState.isPaused ? (_jsx("button", { className: "flex items-center gap-1 rounded border border-gray-300 bg-white px-3 py-1.5 text-sm text-gray-700 hover:bg-gray-100", onClick: handleResume, type: "button", children: "Resume" })) : (_jsx("button", { className: "flex items-center gap-1 rounded border border-gray-300 bg-white px-3 py-1.5 text-sm text-gray-700 hover:bg-gray-100", onClick: handlePause, type: "button", children: "Pause" })), _jsx("button", { className: "flex items-center gap-1 rounded border border-gray-300 bg-white px-3 py-1.5 text-sm text-gray-700 hover:bg-gray-100 disabled:cursor-not-allowed disabled:opacity-50", disabled: !pollerState.isPaused, onClick: handlePollNow, type: "button", children: "Poll Now" })] })] })] })), _jsxs("div", { className: "rounded border border-gray-200 bg-white p-4", children: [_jsx("h3", { className: "mb-3 text-sm font-semibold text-gray-900", children: "Mailbox Processing" }), _jsxs("div", { className: "flex flex-col gap-3", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-3 text-sm text-gray-600", children: [_jsxs("span", { children: ["Inbox:", " ", _jsx("span", { className: mailboxStates.inbox.isPaused
+                                                            ? "text-yellow-600"
+                                                            : "text-green-600", children: mailboxStates.inbox.isPaused ? "Paused" : "Active" })] }), _jsxs("span", { className: "font-mono text-sm text-gray-500", children: ["We ack'd (theirs): ", channel.inbox.ackOrdinal, " | Received:", " ", channel.inbox.latestOrdinal] })] }), _jsxs("div", { className: "flex gap-2", children: [mailboxStates.inbox.isPaused ? (_jsx("button", { className: "flex items-center gap-1 rounded border border-gray-300 bg-white px-3 py-1.5 text-sm text-gray-700 hover:bg-gray-100", onClick: () => handleMailboxResume("inbox"), type: "button", children: "Resume" })) : (_jsx("button", { className: "flex items-center gap-1 rounded border border-gray-300 bg-white px-3 py-1.5 text-sm text-gray-700 hover:bg-gray-100", onClick: () => handleMailboxPause("inbox"), type: "button", children: "Pause" })), _jsx("button", { className: "flex items-center gap-1 rounded border border-gray-300 bg-white px-3 py-1.5 text-sm text-gray-700 hover:bg-gray-100 disabled:cursor-not-allowed disabled:opacity-50", disabled: !mailboxStates.inbox.isPaused, onClick: () => handleMailboxFlush("inbox"), type: "button", children: "Flush" })] })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-3 text-sm text-gray-600", children: [_jsxs("span", { children: ["Outbox:", " ", _jsx("span", { className: mailboxStates.outbox.isPaused
+                                                            ? "text-yellow-600"
+                                                            : "text-green-600", children: mailboxStates.outbox.isPaused ? "Paused" : "Active" })] }), _jsxs("span", { className: "font-mono text-sm text-gray-500", children: ["They ack'd (ours): ", channel.outbox.ackOrdinal, " | Sent:", " ", channel.outbox.latestOrdinal] })] }), _jsxs("div", { className: "flex gap-2", children: [mailboxStates.outbox.isPaused ? (_jsx("button", { className: "flex items-center gap-1 rounded border border-gray-300 bg-white px-3 py-1.5 text-sm text-gray-700 hover:bg-gray-100", onClick: () => handleMailboxResume("outbox"), type: "button", children: "Resume" })) : (_jsx("button", { className: "flex items-center gap-1 rounded border border-gray-300 bg-white px-3 py-1.5 text-sm text-gray-700 hover:bg-gray-100", onClick: () => handleMailboxPause("outbox"), type: "button", children: "Pause" })), _jsx("button", { className: "flex items-center gap-1 rounded border border-gray-300 bg-white px-3 py-1.5 text-sm text-gray-700 hover:bg-gray-100 disabled:cursor-not-allowed disabled:opacity-50", disabled: !mailboxStates.outbox.isPaused, onClick: () => handleMailboxFlush("outbox"), type: "button", children: "Flush" })] })] })] })] }), _jsxs("div", { className: "flex flex-col gap-6", children: [_jsx(MailboxTable, { collapsed: collapsed.inbox, mailboxType: "inbox", onSort: handleSort, onToggleCollapse: () => handleToggleCollapse("inbox"), operations: channel.inbox.items, sort: sorts.inbox, title: "Inbox" }), _jsx(MailboxTable, { collapsed: collapsed.outbox, mailboxType: "outbox", onSort: handleSort, onToggleCollapse: () => handleToggleCollapse("outbox"), operations: channel.outbox.items, sort: sorts.outbox, title: "Outbox" }), _jsx(MailboxTable, { collapsed: collapsed.deadLetter, mailboxType: "deadLetter", onSort: handleSort, onToggleCollapse: () => handleToggleCollapse("deadLetter"), operations: channel.deadLetter.items, sort: sorts.deadLetter, title: "Dead Letter" })] })] }));
 }
 //# sourceMappingURL=channel-inspector.js.map

package/dist/src/connect/components/remotes-inspector/components/channel-inspector.js.map

@@ -1 +1 @@
-{"version":3,"file":"channel-inspector.js","sourceRoot":"","sources":["../../../../../../src/connect/components/remotes-inspector/components/channel-inspector.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"channel-inspector.js","sourceRoot":"","sources":["../../../../../../src/connect/components/remotes-inspector/components/channel-inspector.tsx"],"names":[],"mappings":"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"}

package/dist/src/connect/components/remotes-inspector/components/channel-inspector.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"channel-inspector.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/connect/components/remotes-inspector/components/channel-inspector.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAOvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAavC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAgG/C,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KA0BvB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAoC5B,CAAC;AAqCF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC"}
+{"version":3,"file":"channel-inspector.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/connect/components/remotes-inspector/components/channel-inspector.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAOvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAavC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AA6H/C,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KA0BvB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAoC5B,CAAC;AAqCF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC"}

package/dist/src/connect/components/remotes-inspector/components/channel-inspector.stories.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { fn } from "@storybook/test";
-import { SyncOperationStatus, } from "@powerhousedao/reactor";
+import { SyncOperationStatus, } from "@powerhousedao/reactor-browser";
 import { ChannelInspector } from "./channel-inspector.js";
 const meta = {
     title: "Connect/Components/RemotesInspector/ChannelInspector",
@@ -9,15 +9,28 @@ const meta = {
         layout: "fullscreen",
     },
     decorators: [
-        (Story) => (_jsx("div", { className: "h-[700px] w-full", children: _jsx(Story, {}) })),
+        (Story) => (_jsx("div", { className: "h-[90vh] w-full", children: _jsx(Story, {}) })),
     ],
 };
 export default meta;
-function createMockMailbox(items) {
+function createMockMailbox(items, ackOrdinal = 0, latestOrdinal = 0) {
+    let paused = false;
     return {
         get items() {
             return items;
         },
+        ackOrdinal,
+        latestOrdinal,
+        pause() {
+            paused = true;
+        },
+        resume() {
+            paused = false;
+        },
+        flush() { },
+        isPaused() {
+            return paused;
+        },
     };
 }
 function createMockSyncOperation(id, documentId, branch, status, opsCount, errorMessage) {
@@ -34,10 +47,10 @@ function createMockSyncOperation(id, documentId, branch, status, opsCount, error
             : undefined,
     };
 }
-function createMockChannel(inboxOps, outboxOps, deadLetterOps) {
+function createMockChannel(inboxOps, outboxOps, deadLetterOps, ordinals) {
     return {
-        inbox: createMockMailbox(inboxOps),
-        outbox: createMockMailbox(outboxOps),
+        inbox: createMockMailbox(inboxOps, ordinals?.inbox?.ack ?? 0, ordinals?.inbox?.latest ?? 0),
+        outbox: createMockMailbox(outboxOps, ordinals?.outbox?.ack ?? 0, ordinals?.outbox?.latest ?? 0),
         deadLetter: createMockMailbox(deadLetterOps),
     };
 }
@@ -50,7 +63,10 @@ const fullChannel = createMockChannel([
     createMockSyncOperation("outbox-op-102", "doc-uvw-222", "feat", SyncOperationStatus.TransportPending, 1),
 ], [
     createMockSyncOperation("dead-op-050", "doc-err-333", "main", SyncOperationStatus.Error, 4, "SIGNATURE_INVALID"),
-]);
+], {
+    inbox: { ack: 42, latest: 45 },
+    outbox: { ack: 38, latest: 40 },
+});
 export const Default = {
     args: {
         remoteName: "remote-main",

package/dist/src/connect/components/remotes-inspector/components/channel-inspector.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"channel-inspector.stories.js","sourceRoot":"","sources":["../../../../../../src/connect/components/remotes-inspector/components/channel-inspector.stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"channel-inspector.stories.js","sourceRoot":"","sources":["../../../../../../src/connect/components/remotes-inspector/components/channel-inspector.stories.tsx"],"names":[],"mappings":"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"}

package/dist/src/connect/components/remotes-inspector/components/connection-state-badge.d.ts

@@ -0,0 +1,6 @@
+export type ConnectionStateBadgeProps = {
+    readonly state: string;
+    readonly failureCount: number;
+};
+export declare function ConnectionStateBadge({ state, failureCount, }: ConnectionStateBadgeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=connection-state-badge.d.ts.map

package/dist/src/connect/components/remotes-inspector/components/connection-state-badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"connection-state-badge.d.ts","sourceRoot":"","sources":["../../../../../../src/connect/components/remotes-inspector/components/connection-state-badge.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,yBAAyB,GAAG;IACtC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;CAC/B,CAAC;AAUF,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,YAAY,GACb,EAAE,yBAAyB,2CAgB3B"}

package/dist/src/connect/components/remotes-inspector/components/connection-state-badge.js

@@ -0,0 +1,14 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { twMerge } from "tailwind-merge";
+const stateStyles = {
+    connected: "bg-green-100 text-green-800",
+    connecting: "bg-blue-100 text-blue-800",
+    reconnecting: "bg-yellow-100 text-yellow-800",
+    error: "bg-red-100 text-red-800",
+    disconnected: "bg-gray-100 text-gray-600",
+};
+export function ConnectionStateBadge({ state, failureCount, }) {
+    const style = stateStyles[state] ?? "bg-gray-100 text-gray-600";
+    return (_jsxs("span", { className: twMerge("inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium", style), children: [state, failureCount > 0 && (_jsxs("span", { className: "text-[10px] opacity-75", children: ["(", failureCount, ")"] }))] }));
+}
+//# sourceMappingURL=connection-state-badge.js.map

package/dist/src/connect/components/remotes-inspector/components/connection-state-badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"connection-state-badge.js","sourceRoot":"","sources":["../../../../../../src/connect/components/remotes-inspector/components/connection-state-badge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAOzC,MAAM,WAAW,GAA2B;IAC1C,SAAS,EAAE,6BAA6B;IACxC,UAAU,EAAE,2BAA2B;IACvC,YAAY,EAAE,+BAA+B;IAC7C,KAAK,EAAE,yBAAyB;IAChC,YAAY,EAAE,2BAA2B;CAC1C,CAAC;AAEF,MAAM,UAAU,oBAAoB,CAAC,EACnC,KAAK,EACL,YAAY,GACc;IAC1B,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,IAAI,2BAA2B,CAAC;IAEhE,OAAO,CACL,gBACE,SAAS,EAAE,OAAO,CAChB,6EAA6E,EAC7E,KAAK,CACN,aAEA,KAAK,EACL,YAAY,GAAG,CAAC,IAAI,CACnB,gBAAM,SAAS,EAAC,wBAAwB,kBAAG,YAAY,SAAS,CACjE,IACI,CACR,CAAC;AACJ,CAAC"}

package/dist/src/connect/components/remotes-inspector/components/mailbox-table.d.ts

@@ -1,4 +1,4 @@
-import { type SyncOperation } from "@powerhousedao/reactor";
+import { type SyncOperation } from "@powerhousedao/reactor-browser";
 import { type SortOptions } from "../utils.js";
 export type MailboxType = "inbox" | "outbox" | "deadLetter";
 export type MailboxTableProps = {

package/dist/src/connect/components/remotes-inspector/components/mailbox-table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mailbox-table.d.ts","sourceRoot":"","sources":["../../../../../../src/connect/components/remotes-inspector/components/mailbox-table.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,aAAa,EAEnB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAkB,KAAK,WAAW,EAAc,MAAM,aAAa,CAAC;AAG3E,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,YAAY,CAAC;AA4F5D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAC;IAClC,QAAQ,CAAC,UAAU,EAAE,SAAS,aAAa,EAAE,CAAC;IAC9C,QAAQ,CAAC,IAAI,EAAE,WAAW,GAAG,SAAS,CAAC;IACvC,QAAQ,CAAC,MAAM,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,gBAAgB,EAAE,MAAM,IAAI,CAAC;CACvC,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,WAAW,EACX,UAAU,EACV,IAAI,EACJ,MAAM,EACN,SAAS,EACT,gBAAgB,GACjB,EAAE,iBAAiB,2CAiHnB"}
+{"version":3,"file":"mailbox-table.d.ts","sourceRoot":"","sources":["../../../../../../src/connect/components/remotes-inspector/components/mailbox-table.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,aAAa,EAEnB,MAAM,gCAAgC,CAAC;AAIxC,OAAO,EAAkB,KAAK,WAAW,EAAc,MAAM,aAAa,CAAC;AAG3E,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,YAAY,CAAC;AA4G5D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAC;IAClC,QAAQ,CAAC,UAAU,EAAE,SAAS,aAAa,EAAE,CAAC;IAC9C,QAAQ,CAAC,IAAI,EAAE,WAAW,GAAG,SAAS,CAAC;IACvC,QAAQ,CAAC,MAAM,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,gBAAgB,EAAE,MAAM,IAAI,CAAC;CACvC,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,WAAW,EACX,UAAU,EACV,IAAI,EACJ,MAAM,EACN,SAAS,EACT,gBAAgB,GACjB,EAAE,iBAAiB,2CA2JnB"}

package/dist/src/connect/components/remotes-inspector/components/mailbox-table.js

@@ -1,22 +1,38 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Icon } from "@powerhousedao/design-system";
-import { SyncOperationStatus, } from "@powerhousedao/reactor";
+import { SyncOperationStatus, } from "@powerhousedao/reactor-browser";
+import { useState } from "react";
 import { twMerge } from "tailwind-merge";
+import { ObjectInspectorModal } from "../../object-inspector-modal/index.js";
 import { truncateId } from "../utils.js";
 import { SortIcon } from "./sort-icon.js";
+const VIEW_COLUMN = { key: "view", label: "", width: "60px" };
 const COLUMNS = [
-    { key: "id", label: "ID", width: "120px" },
+    VIEW_COLUMN,
     { key: "documentId", label: "Document ID", width: "150px" },
     { key: "branch", label: "Branch", width: "100px" },
+    { key: "scopes", label: "Scopes", width: "100px" },
     { key: "status", label: "Status", width: "150px" },
     { key: "opsCount", label: "Ops Count", width: "80px" },
 ];
 const DEAD_LETTER_COLUMNS = [
-    { key: "id", label: "ID", width: "120px" },
+    VIEW_COLUMN,
     { key: "documentId", label: "Document ID", width: "150px" },
     { key: "branch", label: "Branch", width: "100px" },
+    { key: "scopes", label: "Scopes", width: "100px" },
     { key: "error", label: "Error", width: "200px" },
 ];
+function toSerializableObject(obj) {
+    return JSON.parse(JSON.stringify(obj, (_key, value) => {
+        if (typeof value === "function")
+            return "[Function]";
+        if (typeof value === "symbol")
+            return "[Symbol]";
+        if (value instanceof Error)
+            return { name: value.name, message: value.message };
+        return value;
+    }));
+}
 function getStatusLabel(status) {
     switch (status) {
         case SyncOperationStatus.Unknown:
@@ -58,15 +74,15 @@ function sortOperations(operations, sort) {
     return ops.sort((a, b) => {
         let comparison = 0;
         switch (sort.column) {
-            case "id":
-                comparison = a.id.localeCompare(b.id);
-                break;
             case "documentId":
                 comparison = a.documentId.localeCompare(b.documentId);
                 break;
             case "branch":
                 comparison = a.branch.localeCompare(b.branch);
                 break;
+            case "scopes":
+                comparison = a.scopes.join(",").localeCompare(b.scopes.join(","));
+                break;
             case "status":
                 comparison = a.status - b.status;
                 break;
@@ -83,15 +99,21 @@ function sortOperations(operations, sort) {
     });
 }
 export function MailboxTable({ title, mailboxType, operations, sort, onSort, collapsed, onToggleCollapse, }) {
+    const [selectedOperation, setSelectedOperation] = useState(null);
     const columns = mailboxType === "deadLetter" ? DEAD_LETTER_COLUMNS : COLUMNS;
     const sortedOps = sortOperations(operations, sort);
     const handleSort = (columnKey) => {
         onSort(mailboxType, columnKey);
     };
-    return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs("button", { className: "flex items-center gap-2 text-left text-sm font-medium text-gray-700 hover:text-gray-900", onClick: onToggleCollapse, type: "button", children: [_jsx(Icon, { className: twMerge("transition-transform", collapsed && "-rotate-90"), name: "ChevronDown", size: 14 }), title, " (", operations.length, " item", operations.length !== 1 ? "s" : "", ")"] }), !collapsed && (_jsx("div", { className: "max-h-64 overflow-auto rounded-lg border border-gray-300", children: _jsxs("table", { className: "w-full border-collapse", children: [_jsx("thead", { className: "sticky top-0 bg-gray-100", children: _jsx("tr", { children: columns.map((column, index) => {
+    const handleCopyAll = async () => {
+        const serializable = toSerializableObject(operations);
+        const json = JSON.stringify(serializable, null, 2);
+        await navigator.clipboard.writeText(json);
+    };
+    return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("button", { className: "flex items-center gap-2 text-left text-sm font-medium text-gray-700 hover:text-gray-900", onClick: onToggleCollapse, type: "button", children: [_jsx(Icon, { className: twMerge("transition-transform", collapsed && "-rotate-90"), name: "ChevronDown", size: 14 }), title, " (", operations.length, " item", operations.length !== 1 ? "s" : "", ")"] }), operations.length > 0 && (_jsxs("button", { className: "flex items-center gap-1 rounded bg-gray-100 px-2 py-1 text-xs text-gray-700 hover:bg-gray-200", onClick: () => void handleCopyAll(), type: "button", children: [_jsx(Icon, { name: "Copy", size: 12 }), "Copy All"] }))] }), !collapsed && (_jsx("div", { className: "overflow-hidden rounded-lg border border-gray-300", children: _jsxs("table", { className: "w-full border-collapse", children: [_jsx("thead", { className: "sticky top-0 bg-gray-100", children: _jsx("tr", { children: columns.map((column, index) => {
                                     const isActive = sort?.column === column.key;
                                     const sortDirection = isActive ? sort.direction : "asc";
                                     return (_jsx("th", { className: twMerge("group cursor-pointer px-3 py-2 text-left text-xs font-medium text-gray-600 hover:bg-gray-200 hover:text-gray-900", index > 0 && "border-l border-gray-300"), onClick: () => handleSort(column.key), style: { width: column.width }, children: _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("span", { className: "truncate", children: column.label }), _jsx(SortIcon, { active: isActive, direction: sortDirection })] }) }, column.key));
-                                }) }) }), _jsx("tbody", { children: sortedOps.length === 0 ? (_jsx("tr", { children: _jsx("td", { className: "px-3 py-4 text-center text-sm text-gray-500", colSpan: columns.length, children: "No operations" }) })) : (sortedOps.map((op) => (_jsxs("tr", { className: "odd:bg-white even:bg-gray-50 hover:bg-blue-50", children: [_jsx("td", { className: "px-3 py-2 text-xs text-gray-900", children: _jsx("span", { className: "block truncate", title: op.id, children: truncateId(op.id) }) }), _jsx("td", { className: "border-l border-gray-300 px-3 py-2 text-xs text-gray-900", children: _jsx("span", { className: "block truncate", title: op.documentId, children: truncateId(op.documentId) }) }), _jsx("td", { className: "border-l border-gray-300 px-3 py-2 text-xs text-gray-900", children: _jsx("span", { className: "block truncate", title: op.branch, children: op.branch }) }), mailboxType === "deadLetter" ? (_jsx("td", { className: "border-l border-gray-300 px-3 py-2 text-xs", children: _jsxs("span", { className: "block truncate text-red-600", title: getErrorMessage(op.error), children: ["\u274C ", getErrorMessage(op.error) || "Unknown error"] }) })) : (_jsxs(_Fragment, { children: [_jsx("td", { className: "border-l border-gray-300 px-3 py-2 text-xs text-gray-900", children: _jsxs("span", { className: "flex items-center gap-1", children: [getStatusIcon(op.status), getStatusLabel(op.status)] }) }), _jsx("td", { className: "border-l border-gray-300 px-3 py-2 text-xs text-gray-900", children: op.operations.length })] }))] }, op.id)))) })] }) }))] }));
+                                }) }) }), _jsx("tbody", { children: sortedOps.length === 0 ? (_jsx("tr", { children: _jsx("td", { className: "px-3 py-4 text-center text-sm text-gray-500", colSpan: columns.length, children: "No operations" }) })) : (sortedOps.map((op) => (_jsxs("tr", { className: "odd:bg-white even:bg-gray-50 hover:bg-blue-50", children: [_jsx("td", { className: "px-3 py-2 text-xs", children: _jsx("button", { className: "flex items-center gap-1 rounded bg-blue-50 px-2 py-1 text-xs text-blue-700 hover:bg-blue-100", onClick: () => setSelectedOperation(op), type: "button", children: "View" }) }), _jsx("td", { className: "border-l border-gray-300 px-3 py-2 text-xs text-gray-900", children: _jsx("span", { className: "block truncate", title: op.documentId, children: truncateId(op.documentId) }) }), _jsx("td", { className: "border-l border-gray-300 px-3 py-2 text-xs text-gray-900", children: _jsx("span", { className: "block truncate", title: op.branch, children: op.branch }) }), _jsx("td", { className: "border-l border-gray-300 px-3 py-2 text-xs text-gray-900", children: _jsx("span", { className: "block truncate", title: op.scopes.join(", "), children: op.scopes.join(", ") }) }), mailboxType === "deadLetter" ? (_jsx("td", { className: "border-l border-gray-300 px-3 py-2 text-xs", children: _jsx("span", { className: "block truncate text-red-600", title: getErrorMessage(op.error), children: getErrorMessage(op.error) || "Unknown error" }) })) : (_jsxs(_Fragment, { children: [_jsx("td", { className: "border-l border-gray-300 px-3 py-2 text-xs text-gray-900", children: _jsxs("span", { className: "flex items-center gap-1", children: [getStatusIcon(op.status), getStatusLabel(op.status)] }) }), _jsx("td", { className: "border-l border-gray-300 px-3 py-2 text-xs text-gray-900", children: op.operations.length })] }))] }, op.id)))) })] }) })), _jsx(ObjectInspectorModal, { object: selectedOperation, onOpenChange: (open) => !open && setSelectedOperation(null), open: selectedOperation !== null, title: "Sync Operation" })] }));
 }
 //# sourceMappingURL=mailbox-table.js.map

package/dist/src/connect/components/remotes-inspector/components/mailbox-table.js.map

@@ -1 +1 @@
-{"version":3,"file":"mailbox-table.js","sourceRoot":"","sources":["../../../../../../src/connect/components/remotes-inspector/components/mailbox-table.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"mailbox-table.js","sourceRoot":"","sources":["../../../../../../src/connect/components/remotes-inspector/components/mailbox-table.tsx"],"names":[],"mappings":"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"}

package/dist/src/connect/components/remotes-inspector/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./remotes-inspector.js";
 export * from "./components/channel-inspector.js";
+export * from "./components/connection-state-badge.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/src/connect/components/remotes-inspector/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/remotes-inspector/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,mCAAmC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/remotes-inspector/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,mCAAmC,CAAC;AAClD,cAAc,wCAAwC,CAAC"}

package/dist/src/connect/components/remotes-inspector/index.js

@@ -1,3 +1,4 @@
 export * from "./remotes-inspector.js";
 export * from "./components/channel-inspector.js";
+export * from "./components/connection-state-badge.js";
 //# sourceMappingURL=index.js.map

package/dist/src/connect/components/remotes-inspector/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/connect/components/remotes-inspector/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,mCAAmC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/connect/components/remotes-inspector/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,mCAAmC,CAAC;AAClD,cAAc,wCAAwC,CAAC"}

package/dist/src/connect/components/remotes-inspector/remotes-inspector.d.ts

@@ -1,6 +1,16 @@
-import type { Remote } from "@powerhousedao/reactor";
+import type { Remote } from "@powerhousedao/reactor-browser";
+export type ConnectionStateSummary = {
+    state: string;
+    failureCount: number;
+    lastSuccessUtcMs: number;
+    lastFailureUtcMs: number;
+    pushBlocked: boolean;
+    pushFailureCount: number;
+};
 export type RemotesInspectorProps = {
     readonly getRemotes: () => Promise<Remote[]>;
+    readonly removeRemote?: (name: string) => Promise<void>;
+    readonly connectionStates?: ReadonlyMap<string, ConnectionStateSummary>;
 };
-export declare function RemotesInspector({ getRemotes }: RemotesInspectorProps): import("react/jsx-runtime").JSX.Element;
+export declare function RemotesInspector({ getRemotes, removeRemote, connectionStates, }: RemotesInspectorProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=remotes-inspector.d.ts.map

package/dist/src/connect/components/remotes-inspector/remotes-inspector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"remotes-inspector.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/remotes-inspector/remotes-inspector.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAYrD,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,CAAC,UAAU,EAAE,MAAM,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;CAC9C,CAAC;AAgEF,wBAAgB,gBAAgB,CAAC,EAAE,UAAU,EAAE,EAAE,qBAAqB,2CAiLrE"}
+{"version":3,"file":"remotes-inspector.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/remotes-inspector/remotes-inspector.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAa7D,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,gBAAgB,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,CAAC,UAAU,EAAE,MAAM,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;IAC7C,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxD,QAAQ,CAAC,gBAAgB,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,sBAAsB,CAAC,CAAC;CACzE,CAAC;AAuEF,wBAAgB,gBAAgB,CAAC,EAC/B,UAAU,EACV,YAAY,EACZ,gBAAgB,GACjB,EAAE,qBAAqB,2CAkOvB"}

package/dist/src/connect/components/remotes-inspector/remotes-inspector.js

@@ -1,17 +1,24 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Icon } from "@powerhousedao/design-system";
-import { useCallback, useEffect, useState } from "react";
+import { useCallback, useEffect, useMemo, useState } from "react";
 import { twMerge } from "tailwind-merge";
 import { ChannelInspector } from "./components/channel-inspector.js";
+import { ConnectionStateBadge } from "./components/connection-state-badge.js";
 import { SortIcon } from "./components/sort-icon.js";
 import { truncateId, } from "./utils.js";
-const COLUMNS = [
+const BASE_COLUMNS = [
     { key: "id", label: "ID", width: "120px" },
     { key: "name", label: "Name", width: "150px" },
+    { key: "status", label: "Status", width: "120px" },
     { key: "collectionId", label: "Collection ID", width: "200px" },
     { key: "filter", label: "Filter", width: "200px" },
     { key: "channel", label: "Channel", width: "100px" },
 ];
+const ACTIONS_COLUMN = {
+    key: "actions",
+    label: "Actions",
+    width: "100px",
+};
 function formatFilter(filter) {
     const parts = [];
     if (filter.branch) {
@@ -55,11 +62,12 @@ function sortRemotes(remotes, sort) {
         return sort.direction === "asc" ? comparison : -comparison;
     });
 }
-export function RemotesInspector({ getRemotes }) {
+export function RemotesInspector({ getRemotes, removeRemote, connectionStates, }) {
     const [remotes, setRemotes] = useState([]);
     const [loading, setLoading] = useState(true);
     const [sort, setSort] = useState();
     const [selectedRemote, setSelectedRemote] = useState();
+    const columns = useMemo(() => (removeRemote ? [...BASE_COLUMNS, ACTIONS_COLUMN] : BASE_COLUMNS), [removeRemote]);
     const loadRemotes = useCallback(async () => {
         setLoading(true);
         const data = await getRemotes();
@@ -77,7 +85,9 @@ export function RemotesInspector({ getRemotes }) {
         }
     }, [loadRemotes, selectedRemote, remotes]);
     const handleSort = (columnKey) => {
-        if (columnKey === "channel")
+        if (columnKey === "channel" ||
+            columnKey === "actions" ||
+            columnKey === "status")
             return;
         const newDirection = sort?.column === columnKey && sort.direction === "asc" ? "desc" : "asc";
         setSort({ column: columnKey, direction: newDirection });
@@ -85,19 +95,30 @@ export function RemotesInspector({ getRemotes }) {
     const handleViewChannel = (remote) => {
         setSelectedRemote(remote);
     };
+    const handleRemove = useCallback(async (remote) => {
+        if (!removeRemote)
+            return;
+        await removeRemote(remote.name);
+        await loadRemotes();
+        if (selectedRemote?.id === remote.id) {
+            setSelectedRemote(undefined);
+        }
+    }, [removeRemote, loadRemotes, selectedRemote]);
     const handleBack = () => {
         setSelectedRemote(undefined);
     };
     if (selectedRemote) {
-        return (_jsx(ChannelInspector, { channel: selectedRemote.channel, onBack: handleBack, onRefresh: () => void handleRefresh(), remoteName: selectedRemote.name }));
+        return (_jsx(ChannelInspector, { channel: selectedRemote.channel, connectionState: connectionStates?.get(selectedRemote.name), onBack: handleBack, onRefresh: () => void handleRefresh(), remoteName: selectedRemote.name }));
     }
     const sortedRemotes = sortRemotes(remotes, sort);
-    return (_jsxs("div", { className: "flex h-full flex-col gap-2 p-4", children: [_jsxs("div", { className: "flex shrink-0 items-center justify-between", children: [_jsx("h2", { className: "text-lg font-semibold text-gray-900", children: "Remotes Inspector" }), _jsxs("button", { className: "flex items-center gap-1 rounded border border-gray-300 bg-white px-3 py-1.5 text-sm text-gray-700 hover:bg-gray-100 disabled:opacity-50", disabled: loading, onClick: () => void handleRefresh(), type: "button", children: [_jsx(Icon, { name: "Reload", size: 14 }), "Refresh"] })] }), _jsx("div", { className: "max-h-full overflow-auto rounded-lg border border-gray-300", children: _jsxs("table", { className: "w-full border-collapse", children: [_jsx("thead", { className: "sticky top-0 bg-gray-100", children: _jsx("tr", { children: COLUMNS.map((column, index) => {
+    return (_jsxs("div", { className: "flex h-full flex-col gap-2", children: [_jsxs("div", { className: "flex shrink-0 items-center justify-between", children: [_jsx("h2", { className: "text-lg font-semibold text-gray-900", children: "Remotes Inspector" }), _jsxs("button", { className: "flex items-center gap-1 rounded border border-gray-300 bg-white px-3 py-1.5 text-sm text-gray-700 hover:bg-gray-100 disabled:opacity-50", disabled: loading, onClick: () => void handleRefresh(), type: "button", children: [_jsx(Icon, { name: "Reload", size: 14 }), "Refresh"] })] }), _jsx("div", { className: "max-h-full overflow-auto rounded-lg border border-gray-300", children: _jsxs("table", { className: "w-full border-collapse", children: [_jsx("thead", { className: "sticky top-0 bg-gray-100", children: _jsx("tr", { children: columns.map((column, index) => {
                                     const isActive = sort?.column === column.key;
                                     const sortDirection = isActive ? sort.direction : "asc";
-                                    const isSortable = column.key !== "channel";
+                                    const isSortable = column.key !== "channel" &&
+                                        column.key !== "actions" &&
+                                        column.key !== "status";
                                     return (_jsx("th", { className: twMerge("group px-3 py-2 text-left text-xs font-medium text-gray-600", index > 0 && "border-l border-gray-300", isSortable &&
                                             "cursor-pointer hover:bg-gray-200 hover:text-gray-900"), onClick: () => isSortable && handleSort(column.key), style: { width: column.width }, children: _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("span", { className: "truncate", children: column.label }), isSortable && (_jsx(SortIcon, { active: isActive, direction: sortDirection }))] }) }, column.key));
-                                }) }) }), _jsx("tbody", { children: loading && sortedRemotes.length === 0 ? (_jsx("tr", { children: _jsx("td", { className: "px-3 py-8 text-center text-sm text-gray-500", colSpan: COLUMNS.length, children: "Loading..." }) })) : sortedRemotes.length === 0 ? (_jsx("tr", { children: _jsx("td", { className: "px-3 py-8 text-center text-sm text-gray-500", colSpan: COLUMNS.length, children: "No remotes configured" }) })) : (sortedRemotes.map((remote) => (_jsxs("tr", { className: "odd:bg-white even:bg-gray-50 hover:bg-blue-50", children: [_jsx("td", { className: "px-3 py-2 text-xs text-gray-900", children: _jsx("span", { className: "block truncate", title: remote.id, children: truncateId(remote.id) }) }), _jsx("td", { className: "border-l border-gray-300 px-3 py-2 text-xs text-gray-900", children: _jsx("span", { className: "block truncate", title: remote.name, children: remote.name }) }), _jsx("td", { className: "border-l border-gray-300 px-3 py-2 text-xs text-gray-900", children: _jsx("span", { className: "block truncate", title: remote.collectionId, children: remote.collectionId }) }), _jsx("td", { className: "border-l border-gray-300 px-3 py-2 text-xs text-gray-900", children: _jsx("span", { className: "block truncate", title: formatFilter(remote.filter), children: formatFilter(remote.filter) }) }), _jsx("td", { className: "border-l border-gray-300 px-3 py-2", children: _jsxs("button", { className: "flex items-center gap-1 rounded bg-blue-50 px-2 py-1 text-xs text-blue-700 hover:bg-blue-100", onClick: () => handleViewChannel(remote), type: "button", children: ["View", _jsx(Icon, { name: "CaretRight", size: 12 })] }) })] }, remote.id)))) })] }) }), _jsxs("div", { className: "shrink-0 text-sm text-gray-600", children: ["Showing ", sortedRemotes.length, " remote(s)"] })] }));
+                                }) }) }), _jsx("tbody", { children: loading && sortedRemotes.length === 0 ? (_jsx("tr", { children: _jsx("td", { className: "px-3 py-8 text-center text-sm text-gray-500", colSpan: columns.length, children: "Loading..." }) })) : sortedRemotes.length === 0 ? (_jsx("tr", { children: _jsx("td", { className: "px-3 py-8 text-center text-sm text-gray-500", colSpan: columns.length, children: "No remotes configured" }) })) : (sortedRemotes.map((remote) => (_jsxs("tr", { className: "odd:bg-white even:bg-gray-50 hover:bg-blue-50", children: [_jsx("td", { className: "px-3 py-2 text-xs text-gray-900", children: _jsx("span", { className: "block truncate", title: remote.id, children: truncateId(remote.id) }) }), _jsx("td", { className: "border-l border-gray-300 px-3 py-2 text-xs text-gray-900", children: _jsx("span", { className: "block truncate", title: remote.name, children: remote.name }) }), _jsx("td", { className: "border-l border-gray-300 px-3 py-2", children: connectionStates?.get(remote.name) ? (_jsx(ConnectionStateBadge, { failureCount: connectionStates.get(remote.name).failureCount, state: connectionStates.get(remote.name).state })) : (_jsx("span", { className: "text-xs text-gray-400", children: "-" })) }), _jsx("td", { className: "border-l border-gray-300 px-3 py-2 text-xs text-gray-900", children: _jsx("span", { className: "block truncate", title: remote.collectionId, children: remote.collectionId }) }), _jsx("td", { className: "border-l border-gray-300 px-3 py-2 text-xs text-gray-900", children: _jsx("span", { className: "block truncate", title: formatFilter(remote.filter), children: formatFilter(remote.filter) }) }), _jsx("td", { className: "border-l border-gray-300 px-3 py-2", children: _jsxs("button", { className: "flex items-center gap-1 rounded bg-blue-50 px-2 py-1 text-xs text-blue-700 hover:bg-blue-100", onClick: () => handleViewChannel(remote), type: "button", children: ["View", _jsx(Icon, { name: "CaretRight", size: 12 })] }) }), removeRemote && (_jsx("td", { className: "border-l border-gray-300 px-3 py-2", children: _jsx("button", { className: "rounded bg-red-50 px-2 py-1 text-xs text-red-700 hover:bg-red-100", onClick: () => void handleRemove(remote), type: "button", children: "Remove" }) }))] }, remote.id)))) })] }) }), _jsxs("div", { className: "shrink-0 text-sm text-gray-600", children: ["Showing ", sortedRemotes.length, " remote(s)"] })] }));
 }
 //# sourceMappingURL=remotes-inspector.js.map