@powerhousedao/design-system 5.1.0-dev.2 → 5.1.0-dev.21

package/dist/src/connect/components/modal/inspector-modal/inspector-modal.stories.js

@@ -0,0 +1,226 @@
+import { fn } from "@storybook/test";
+import { SyncOperationStatus, } from "@powerhousedao/reactor";
+import { InspectorModal } from "./inspector-modal.js";
+const meta = {
+    title: "Connect/Components/Modal/InspectorModal",
+    component: InspectorModal,
+    parameters: {
+        layout: "centered",
+    },
+};
+export default meta;
+// DB Explorer mock data
+const mockTables = [
+    {
+        name: "users",
+        columns: [
+            { name: "id", dataType: "int4", isNullable: false },
+            { name: "name", dataType: "varchar", isNullable: false },
+            { name: "email", dataType: "varchar", isNullable: false },
+            { name: "created_at", dataType: "timestamp", isNullable: true },
+        ],
+    },
+    {
+        name: "posts",
+        columns: [
+            { name: "id", dataType: "int4", isNullable: false },
+            { name: "title", dataType: "varchar", isNullable: false },
+            { name: "content", dataType: "text", isNullable: true },
+            { name: "author_id", dataType: "int4", isNullable: false },
+        ],
+    },
+    {
+        name: "comments",
+        columns: [
+            { name: "id", dataType: "int4", isNullable: false },
+            { name: "post_id", dataType: "int4", isNullable: false },
+            { name: "body", dataType: "text", isNullable: false },
+        ],
+    },
+];
+function generateMockRows(table, limit, offset) {
+    const rows = [];
+    for (let i = 0; i < limit; i++) {
+        const rowNum = offset + i + 1;
+        if (table === "users") {
+            rows.push({
+                id: rowNum,
+                name: `User ${rowNum}`,
+                email: `user${rowNum}@example.com`,
+                created_at: `2024-01-${String((rowNum % 28) + 1).padStart(2, "0")}`,
+            });
+        }
+        else if (table === "posts") {
+            rows.push({
+                id: rowNum,
+                title: `Post Title ${rowNum}`,
+                content: `This is the content of post ${rowNum}...`,
+                author_id: (rowNum % 10) + 1,
+            });
+        }
+        else if (table === "comments") {
+            rows.push({
+                id: rowNum,
+                post_id: (rowNum % 20) + 1,
+                body: `Comment ${rowNum}: This is a sample comment.`,
+            });
+        }
+    }
+    return rows;
+}
+const tableTotals = {
+    users: 234,
+    posts: 567,
+    comments: 1234,
+};
+const mockGetTableRows = async (table, options) => {
+    await new Promise((resolve) => setTimeout(resolve, 300));
+    const total = tableTotals[table] ?? 100;
+    const actualLimit = Math.min(options.limit, total - options.offset);
+    return {
+        columns: mockTables.find((t) => t.name === table)?.columns.map((c) => c.name) ??
+            [],
+        rows: generateMockRows(table, Math.max(0, actualLimit), options.offset),
+        total,
+    };
+};
+// Remotes Inspector mock data
+function createMockMailbox(items) {
+    return {
+        get items() {
+            return items;
+        },
+    };
+}
+function createMockSyncOperation(id, documentId, branch, status, opsCount, errorMessage) {
+    return {
+        id,
+        remoteName: "mock-remote",
+        documentId,
+        scopes: ["global"],
+        branch,
+        operations: Array(opsCount).fill({ type: "mock" }),
+        status,
+        error: errorMessage
+            ? { source: "channel", error: new Error(errorMessage) }
+            : undefined,
+    };
+}
+function createMockChannel(inboxOps, outboxOps, deadLetterOps) {
+    return {
+        inbox: createMockMailbox(inboxOps),
+        outbox: createMockMailbox(outboxOps),
+        deadLetter: createMockMailbox(deadLetterOps),
+    };
+}
+const mockRemotes = [
+    {
+        id: "abc-123-def-456",
+        name: "remote-main",
+        collectionId: "drive:main/documents",
+        filter: {
+            documentId: [],
+            scope: [],
+            branch: "main",
+        },
+        options: {},
+        channel: createMockChannel([
+            createMockSyncOperation("op-001", "doc-abc", "main", SyncOperationStatus.TransportPending, 5),
+            createMockSyncOperation("op-002", "doc-def", "main", SyncOperationStatus.Applied, 3),
+        ], [
+            createMockSyncOperation("op-101", "doc-xyz", "main", SyncOperationStatus.TransportPending, 7),
+        ], [
+            createMockSyncOperation("op-050", "doc-err", "main", SyncOperationStatus.Error, 4, "SIGNATURE_INVALID"),
+        ]),
+    },
+    {
+        id: "ghi-789-jkl-012",
+        name: "remote-dev",
+        collectionId: "drive:dev/experiments",
+        filter: {
+            documentId: ["doc-1", "doc-2"],
+            scope: ["scope-a"],
+            branch: "dev",
+        },
+        options: {},
+        channel: createMockChannel([
+            createMockSyncOperation("op-201", "doc-test", "dev", SyncOperationStatus.Applied, 10),
+        ], [], []),
+    },
+    {
+        id: "mno-345-pqr-678",
+        name: "remote-feature",
+        collectionId: "drive:feature/new-ui",
+        filter: {
+            documentId: [],
+            scope: ["ui", "components"],
+            branch: "feature/new-ui",
+        },
+        options: {},
+        channel: createMockChannel([], [], []),
+    },
+];
+// Stories
+export const Default = {
+    args: {
+        open: true,
+        onOpenChange: fn(),
+        defaultTab: "Database",
+        dbExplorerProps: {
+            schema: "public",
+            getTables: () => Promise.resolve(mockTables),
+            getTableRows: mockGetTableRows,
+        },
+        remotesInspectorProps: {
+            getRemotes: () => Promise.resolve(mockRemotes),
+        },
+    },
+};
+export const DatabaseTab = {
+    args: {
+        open: true,
+        onOpenChange: fn(),
+        defaultTab: "Database",
+        dbExplorerProps: {
+            schema: "public",
+            getTables: () => Promise.resolve(mockTables),
+            getTableRows: mockGetTableRows,
+            onImportDb: (sql) => console.log("Import:", sql.slice(0, 50)),
+            onExportDb: () => console.log("Export clicked"),
+        },
+        remotesInspectorProps: {
+            getRemotes: () => Promise.resolve(mockRemotes),
+        },
+    },
+};
+export const RemotesTab = {
+    args: {
+        open: true,
+        onOpenChange: fn(),
+        defaultTab: "Remotes",
+        dbExplorerProps: {
+            schema: "public",
+            getTables: () => Promise.resolve(mockTables),
+            getTableRows: mockGetTableRows,
+        },
+        remotesInspectorProps: {
+            getRemotes: () => Promise.resolve(mockRemotes),
+        },
+    },
+};
+export const EmptyData = {
+    args: {
+        open: true,
+        onOpenChange: fn(),
+        defaultTab: "Database",
+        dbExplorerProps: {
+            schema: "public",
+            getTables: () => Promise.resolve([]),
+            getTableRows: mockGetTableRows,
+        },
+        remotesInspectorProps: {
+            getRemotes: () => Promise.resolve([]),
+        },
+    },
+};
+//# sourceMappingURL=inspector-modal.stories.js.map

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

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

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

@@ -0,0 +1,9 @@
+import { type IChannel } from "@powerhousedao/reactor";
+export type ChannelInspectorProps = {
+    readonly remoteName: string;
+    readonly channel: IChannel;
+    readonly onBack: () => void;
+    readonly onRefresh?: () => void;
+};
+export declare function ChannelInspector({ remoteName, channel, onBack, onRefresh, }: 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

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

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

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from "@powerhousedao/design-system";
+import {} from "@powerhousedao/reactor";
+import { useState } from "react";
+import { MailboxTable } from "./mailbox-table.js";
+import {} from "../utils.js";
+export function ChannelInspector({ remoteName, channel, onBack, onRefresh, }) {
+    const [sorts, setSorts] = useState({
+        inbox: undefined,
+        outbox: undefined,
+        deadLetter: undefined,
+    });
+    const [collapsed, setCollapsed] = useState({
+        inbox: false,
+        outbox: false,
+        deadLetter: false,
+    });
+    const handleToggleCollapse = (mailbox) => {
+        setCollapsed((prev) => ({
+            ...prev,
+            [mailbox]: !prev[mailbox],
+        }));
+    };
+    const handleSort = (mailbox, columnKey) => {
+        setSorts((prev) => {
+            const currentSort = prev[mailbox];
+            const newDirection = currentSort?.column === columnKey && currentSort.direction === "asc"
+                ? "desc"
+                : "asc";
+            return {
+                ...prev,
+                [mailbox]: { column: columnKey, direction: newDirection },
+            };
+        });
+    };
+    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" })] })] }));
+}
+//# sourceMappingURL=channel-inspector.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { ChannelInspector } from "./channel-inspector.js";
+declare const meta: Meta<typeof ChannelInspector>;
+export default meta;
+type Story = StoryObj<typeof ChannelInspector>;
+export declare const Default: Story;
+export declare const EmptyChannel: Story;
+export declare const OnlyInbox: Story;
+export declare const OnlyDeadLetter: Story;
+export declare const ManyOperations: Story;
+export declare const WithoutRefresh: Story;
+//# sourceMappingURL=channel-inspector.stories.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,113 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { fn } from "@storybook/test";
+import { SyncOperationStatus, } from "@powerhousedao/reactor";
+import { ChannelInspector } from "./channel-inspector.js";
+const meta = {
+    title: "Connect/Components/RemotesInspector/ChannelInspector",
+    component: ChannelInspector,
+    parameters: {
+        layout: "fullscreen",
+    },
+    decorators: [
+        (Story) => (_jsx("div", { className: "h-[700px] w-full", children: _jsx(Story, {}) })),
+    ],
+};
+export default meta;
+function createMockMailbox(items) {
+    return {
+        get items() {
+            return items;
+        },
+    };
+}
+function createMockSyncOperation(id, documentId, branch, status, opsCount, errorMessage) {
+    return {
+        id,
+        remoteName: "mock-remote",
+        documentId,
+        scopes: ["global"],
+        branch,
+        operations: Array(opsCount).fill({ type: "mock" }),
+        status,
+        error: errorMessage
+            ? { source: "channel", error: new Error(errorMessage) }
+            : undefined,
+    };
+}
+function createMockChannel(inboxOps, outboxOps, deadLetterOps) {
+    return {
+        inbox: createMockMailbox(inboxOps),
+        outbox: createMockMailbox(outboxOps),
+        deadLetter: createMockMailbox(deadLetterOps),
+    };
+}
+const fullChannel = createMockChannel([
+    createMockSyncOperation("inbox-op-001", "doc-abc-123", "main", SyncOperationStatus.TransportPending, 5),
+    createMockSyncOperation("inbox-op-002", "doc-def-456", "main", SyncOperationStatus.ExecutionPending, 3),
+    createMockSyncOperation("inbox-op-003", "doc-ghi-789", "dev", SyncOperationStatus.Applied, 2),
+], [
+    createMockSyncOperation("outbox-op-101", "doc-xyz-111", "main", SyncOperationStatus.TransportPending, 7),
+    createMockSyncOperation("outbox-op-102", "doc-uvw-222", "feat", SyncOperationStatus.TransportPending, 1),
+], [
+    createMockSyncOperation("dead-op-050", "doc-err-333", "main", SyncOperationStatus.Error, 4, "SIGNATURE_INVALID"),
+]);
+export const Default = {
+    args: {
+        remoteName: "remote-main",
+        channel: fullChannel,
+        onBack: fn(),
+        onRefresh: fn(),
+    },
+};
+export const EmptyChannel = {
+    args: {
+        remoteName: "remote-empty",
+        channel: createMockChannel([], [], []),
+        onBack: fn(),
+        onRefresh: fn(),
+    },
+};
+export const OnlyInbox = {
+    args: {
+        remoteName: "remote-inbox",
+        channel: createMockChannel([
+            createMockSyncOperation("op-1", "doc-1", "main", SyncOperationStatus.TransportPending, 5),
+            createMockSyncOperation("op-2", "doc-2", "main", SyncOperationStatus.Applied, 3),
+        ], [], []),
+        onBack: fn(),
+        onRefresh: fn(),
+    },
+};
+export const OnlyDeadLetter = {
+    args: {
+        remoteName: "remote-errors",
+        channel: createMockChannel([], [], [
+            createMockSyncOperation("dead-1", "doc-fail-1", "main", SyncOperationStatus.Error, 2, "SIGNATURE_INVALID"),
+            createMockSyncOperation("dead-2", "doc-fail-2", "dev", SyncOperationStatus.Error, 1, "HASH_MISMATCH"),
+            createMockSyncOperation("dead-3", "doc-fail-3", "main", SyncOperationStatus.Error, 5, "MISSING_OPERATIONS"),
+        ]),
+        onBack: fn(),
+        onRefresh: fn(),
+    },
+};
+const manyOperations = createMockChannel(Array.from({ length: 15 }, (_, i) => createMockSyncOperation(`inbox-${i + 1}`, `doc-inbox-${i + 1}`, i % 3 === 0 ? "main" : i % 3 === 1 ? "dev" : "feature", i % 4 === 0
+    ? SyncOperationStatus.TransportPending
+    : i % 4 === 1
+        ? SyncOperationStatus.ExecutionPending
+        : SyncOperationStatus.Applied, (i % 10) + 1)), Array.from({ length: 10 }, (_, i) => createMockSyncOperation(`outbox-${i + 1}`, `doc-outbox-${i + 1}`, "main", SyncOperationStatus.TransportPending, (i % 5) + 1)), Array.from({ length: 5 }, (_, i) => createMockSyncOperation(`dead-${i + 1}`, `doc-dead-${i + 1}`, "main", SyncOperationStatus.Error, i + 1, i % 2 === 0 ? "SIGNATURE_INVALID" : "HASH_MISMATCH")));
+export const ManyOperations = {
+    args: {
+        remoteName: "remote-busy",
+        channel: manyOperations,
+        onBack: fn(),
+        onRefresh: fn(),
+    },
+};
+export const WithoutRefresh = {
+    args: {
+        remoteName: "remote-main",
+        channel: fullChannel,
+        onBack: fn(),
+    },
+};
+//# sourceMappingURL=channel-inspector.stories.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,14 @@
+import { type SyncOperation } from "@powerhousedao/reactor";
+import { type SortOptions } from "../utils.js";
+export type MailboxType = "inbox" | "outbox" | "deadLetter";
+export type MailboxTableProps = {
+    readonly title: string;
+    readonly mailboxType: MailboxType;
+    readonly operations: readonly SyncOperation[];
+    readonly sort: SortOptions | undefined;
+    readonly onSort: (mailbox: MailboxType, column: string) => void;
+    readonly collapsed: boolean;
+    readonly onToggleCollapse: () => void;
+};
+export declare function MailboxTable({ title, mailboxType, operations, sort, onSort, collapsed, onToggleCollapse, }: MailboxTableProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mailbox-table.d.ts.map

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

@@ -0,0 +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;AAGhC,OAAO,EAAkB,KAAK,WAAW,EAAc,MAAM,aAAa,CAAC;AAE3E,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"}

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

@@ -0,0 +1,97 @@
+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 { twMerge } from "tailwind-merge";
+import { SortIcon } from "./sort-icon.js";
+import { truncateId } from "../utils.js";
+const COLUMNS = [
+    { key: "id", label: "ID", width: "120px" },
+    { key: "documentId", label: "Document ID", width: "150px" },
+    { key: "branch", label: "Branch", 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" },
+    { key: "documentId", label: "Document ID", width: "150px" },
+    { key: "branch", label: "Branch", width: "100px" },
+    { key: "error", label: "Error", width: "200px" },
+];
+function getStatusLabel(status) {
+    switch (status) {
+        case SyncOperationStatus.Unknown:
+            return "Unknown";
+        case SyncOperationStatus.TransportPending:
+            return "Transport Pending";
+        case SyncOperationStatus.ExecutionPending:
+            return "Execution Pending";
+        case SyncOperationStatus.Applied:
+            return "Applied";
+        case SyncOperationStatus.Error:
+            return "Error";
+        default:
+            return "Unknown";
+    }
+}
+function getStatusIcon(status) {
+    switch (status) {
+        case SyncOperationStatus.TransportPending:
+        case SyncOperationStatus.ExecutionPending:
+            return _jsx("span", { children: "\u23F3" });
+        case SyncOperationStatus.Applied:
+            return _jsx("span", { children: "\u2705" });
+        case SyncOperationStatus.Error:
+            return _jsx("span", { children: "\u274C" });
+        default:
+            return _jsx("span", { children: "\u2753" });
+    }
+}
+function getErrorMessage(error) {
+    if (!error)
+        return "";
+    return error.error.message;
+}
+function sortOperations(operations, sort) {
+    const ops = [...operations];
+    if (!sort)
+        return ops;
+    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 "status":
+                comparison = a.status - b.status;
+                break;
+            case "opsCount":
+                comparison = a.operations.length - b.operations.length;
+                break;
+            case "error":
+                comparison = getErrorMessage(a.error).localeCompare(getErrorMessage(b.error));
+                break;
+            default:
+                return 0;
+        }
+        return sort.direction === "asc" ? comparison : -comparison;
+    });
+}
+export function MailboxTable({ title, mailboxType, operations, sort, onSort, collapsed, onToggleCollapse, }) {
+    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 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)))) })] }) }))] }));
+}
+//# sourceMappingURL=mailbox-table.js.map

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

@@ -0,0 +1 @@
+{"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/components/sort-icon.d.ts

@@ -0,0 +1,7 @@
+import { type SortDirection } from "../utils.js";
+export type SortIconProps = {
+    readonly direction: SortDirection;
+    readonly active: boolean;
+};
+export declare function SortIcon({ direction, active }: SortIconProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=sort-icon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sort-icon.d.ts","sourceRoot":"","sources":["../../../../../../src/connect/components/remotes-inspector/components/sort-icon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,SAAS,EAAE,aAAa,CAAC;IAClC,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,aAAa,2CAkB5D"}

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon } from "@powerhousedao/design-system";
+import {} from "../utils.js";
+export function SortIcon({ direction, active }) {
+    if (!active) {
+        return (_jsx(Icon, { className: "opacity-0 group-hover:opacity-50", name: "CaretSort", size: 12 }));
+    }
+    return (_jsx(Icon, { className: direction === "asc" ? "rotate-180" : undefined, name: "TriangleDown", size: 12 }));
+}
+//# sourceMappingURL=sort-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sort-icon.js","sourceRoot":"","sources":["../../../../../../src/connect/components/remotes-inspector/components/sort-icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AACpD,OAAO,EAAsB,MAAM,aAAa,CAAC;AAOjD,MAAM,UAAU,QAAQ,CAAC,EAAE,SAAS,EAAE,MAAM,EAAiB;IAC3D,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAC,kCAAkC,EAC5C,IAAI,EAAC,WAAW,EAChB,IAAI,EAAE,EAAE,GACR,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EACzD,IAAI,EAAC,cAAc,EACnB,IAAI,EAAE,EAAE,GACR,CACH,CAAC;AACJ,CAAC"}

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

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

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +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"}

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

@@ -0,0 +1,6 @@
+import { type Remote } from "@powerhousedao/reactor";
+export type RemotesInspectorProps = {
+    readonly getRemotes: () => Promise<Remote[]>;
+};
+export declare function RemotesInspector({ getRemotes }: 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

@@ -0,0 +1 @@
+{"version":3,"file":"remotes-inspector.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/remotes-inspector/remotes-inspector.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,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"}