@powerhousedao/design-system 6.0.0-dev.5 → 6.0.0-dev.52

package/dist/src/connect/components/modal/settings-modal-v2/package-manager/package-manager.stories.js

@@ -53,4 +53,10 @@ export const WithAutoComplete = PackageManagerStoryWrapper({
         { packageName: "@test/local", provider: "local" },
     ],
 });
+export const WithManyPackages = {
+    ...PackageManagerStoryWrapper(),
+    decorators: [
+        (Story) => (_jsx("div", { className: "h-[600px]", children: _jsx(Story, {}) })),
+    ],
+};
 //# sourceMappingURL=package-manager.stories.js.map

package/dist/src/connect/components/modal/settings-modal-v2/package-manager/package-manager.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"package-manager.stories.js","sourceRoot":"","sources":["../../../../../../../src/connect/components/modal/settings-modal-v2/package-manager/package-manager.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,MAAM,IAAI,GAAgC;IACxC,KAAK,EAAE,mCAAmC;IAC1C,SAAS,EAAE,cAAc;IACzB,cAAc,EAAE,CAAC,uBAAuB,CAAC;CAC1C,CAAC;AAEF,eAAe,IAAI,CAAC;AAKpB,MAAM,QAAQ,GAAG;IACf,OAAO,EAAE,eAAe;IACxB,cAAc,EAAE,kBAAkB;IAClC,QAAQ,EAAE,YAAY;IACtB,OAAO,EAAE,IAAI;CACd,CAAC;AAEF,MAAM,UAAU,qBAAqB,CACnC,IAAgD;IAEhD,MAAM,SAAS,GAAG,EAAE,GAAG,QAAQ,EAAE,GAAG,IAAI,EAAE,CAAC;IAC3C,MAAM,EAAE,OAAO,EAAE,eAAe,EAAE,GAAG,IAAI,EAAE,GAAG,SAAS,CAAC;IACxD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC;IAClD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC7D,OAAO,CACL,KAAC,cAAc,IACb,OAAO,EAAE,KAAK,EACd,eAAe,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,eAAe,IAAI,QAAQ,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC,EACtE,SAAS,EAAE,GAAG,EAAE,GAAE,CAAC,EACnB,WAAW,EAAE,CAAC,IAAI,EAAE,EAAE;YACpB,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC;QAC3D,CAAC,KACG,IAAI,EACR,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AACJ,CAAC;AAED,SAAS,0BAA0B,CAAC,YAA4B,EAAE;IAChE,MAAM,WAAW,GAAG;QAClB,OAAO,EAAE,eAAe;QACxB,OAAO,EAAE,kBAAkB;QAC3B,QAAQ,EAAE,YAAY;QACtB,GAAG,SAAS;KACJ,CAAC;IACX,OAAO;QACL,wDAAwD;QACxD,MAAM,EAAE,qBAAqB;QAC7B,IAAI,EAAE,WAAW;KAClB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,OAAO,GAAU,0BAA0B,EAAE,CAAC;AAC3D,MAAM,CAAC,MAAM,WAAW,GAAU,0BAA0B,CAAC;IAC3D,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,IAAI,CAAC,CAAC;CAC7E,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,SAAS,GAAU,0BAA0B,CAAC;IACzD,SAAS,EAAE,CAAC,IAAI,EAAE,EAAE,CAClB,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,CACxB,UAAU,CACR,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,YAAY,IAAI,iBAAiB,CAAC,CAAC,EAC1D,IAAI,CACL,CACF;CACJ,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,SAAS,GAAU,0BAA0B,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;AAE/E,MAAM,CAAC,MAAM,gBAAgB,GAAU,0BAA0B,CAAC;IAChE,cAAc,EAAE;QACd,GAAG,WAAW;QACd,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE;QAChD,EAAE,WAAW,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ,EAAE;QACnD,EAAE,WAAW,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE;KAClD;CACF,CAAC,CAAC"}
+{"version":3,"file":"package-manager.stories.js","sourceRoot":"","sources":["../../../../../../../src/connect/components/modal/settings-modal-v2/package-manager/package-manager.stories.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export * from "./object-inspector-modal.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/object-inspector-modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC"}

package/dist/src/connect/components/object-inspector-modal/index.js

@@ -0,0 +1,2 @@
+export * from "./object-inspector-modal.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/connect/components/object-inspector-modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC"}

package/dist/src/connect/components/object-inspector-modal/object-inspector-modal.d.ts

@@ -0,0 +1,8 @@
+export type ObjectInspectorModalProps = {
+    readonly open: boolean;
+    readonly onOpenChange: (open: boolean) => void;
+    readonly title: string;
+    readonly object: unknown;
+};
+export declare function ObjectInspectorModal({ open, onOpenChange, title, object, }: ObjectInspectorModalProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=object-inspector-modal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"object-inspector-modal.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/object-inspector-modal/object-inspector-modal.tsx"],"names":[],"mappings":"AAmBA,MAAM,MAAM,yBAAyB,GAAG;IACtC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,MAAM,GACP,EAAE,yBAAyB,2CAmC3B"}

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

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon, Modal } from "@powerhousedao/design-system";
+import { JsonViewer } from "@powerhousedao/design-system/ui";
+/**
+ * Converts an object to a JSON-serializable form by handling
+ * non-serializable values like functions, symbols, and errors.
+ */
+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;
+    }));
+}
+export function ObjectInspectorModal({ open, onOpenChange, title, object, }) {
+    const serializableObject = object ? toSerializableObject(object) : null;
+    return (_jsx(Modal, { contentProps: {
+            className: "rounded-2xl",
+            style: { height: "80vh", width: "80vw", maxWidth: "900px" },
+        }, onOpenChange: onOpenChange, open: open, title: title, children: _jsxs("div", { className: "flex h-full w-full flex-col", children: [_jsxs("div", { className: "flex shrink-0 items-center justify-between border-b border-gray-200 px-4 py-3", children: [_jsx("h2", { className: "text-lg font-semibold text-gray-900", children: title }), _jsx("button", { className: "flex size-6 cursor-pointer items-center justify-center rounded-md text-gray-500 outline-none hover:text-gray-900", onClick: () => onOpenChange(false), type: "button", children: _jsx(Icon, { name: "XmarkLight", size: 24 }) })] }), _jsx("div", { className: "flex-1 overflow-auto p-4", children: serializableObject ? (_jsx(JsonViewer, { data: serializableObject })) : (_jsx("p", { className: "text-gray-500", children: "No data to display" })) })] }) }));
+}
+//# sourceMappingURL=object-inspector-modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"object-inspector-modal.js","sourceRoot":"","sources":["../../../../../src/connect/components/object-inspector-modal/object-inspector-modal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAE7D;;;GAGG;AACH,SAAS,oBAAoB,CAAC,GAAY;IACxC,OAAO,IAAI,CAAC,KAAK,CACf,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,EAAE,KAAc,EAAE,EAAE;QAC3C,IAAI,OAAO,KAAK,KAAK,UAAU;YAAE,OAAO,YAAY,CAAC;QACrD,IAAI,OAAO,KAAK,KAAK,QAAQ;YAAE,OAAO,UAAU,CAAC;QACjD,IAAI,KAAK,YAAY,KAAK;YACxB,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;QACtD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC,CACH,CAAC;AACJ,CAAC;AASD,MAAM,UAAU,oBAAoB,CAAC,EACnC,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,MAAM,GACoB;IAC1B,MAAM,kBAAkB,GAAG,MAAM,CAAC,CAAC,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAExE,OAAO,CACL,KAAC,KAAK,IACJ,YAAY,EAAE;YACZ,SAAS,EAAE,aAAa;YACxB,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE;SAC5D,EACD,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,YAEZ,eAAK,SAAS,EAAC,6BAA6B,aAC1C,eAAK,SAAS,EAAC,+EAA+E,aAC5F,aAAI,SAAS,EAAC,qCAAqC,YAAE,KAAK,GAAM,EAChE,iBACE,SAAS,EAAC,kHAAkH,EAC5H,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EAClC,IAAI,EAAC,QAAQ,YAEb,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAE,EAAE,GAAI,GAC7B,IACL,EAEN,cAAK,SAAS,EAAC,0BAA0B,YACtC,kBAAkB,CAAC,CAAC,CAAC,CACpB,KAAC,UAAU,IAAC,IAAI,EAAE,kBAAkB,GAAI,CACzC,CAAC,CAAC,CAAC,CACF,YAAG,SAAS,EAAC,eAAe,mCAAuB,CACpD,GACG,IACF,GACA,CACT,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from "./queue-inspector.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/queue-inspector/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from "./queue-inspector.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/connect/components/queue-inspector/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}

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

@@ -0,0 +1,15 @@
+import type { Job } from "@powerhousedao/reactor";
+export type QueueState = {
+    readonly isPaused: boolean;
+    readonly pendingJobs: Job[];
+    readonly executingJobs: Job[];
+    readonly totalPending: number;
+    readonly totalExecuting: number;
+};
+export type QueueInspectorProps = {
+    readonly getQueueState: () => Promise<QueueState>;
+    readonly onPause: () => Promise<void>;
+    readonly onResume: () => Promise<void>;
+};
+export declare function QueueInspector({ getQueueState, onPause, onResume, }: QueueInspectorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=queue-inspector.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"queue-inspector.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/queue-inspector/queue-inspector.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAC;AAKlD,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE,CAAC;IAC5B,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE,CAAC;IAC9B,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,aAAa,EAAE,MAAM,OAAO,CAAC,UAAU,CAAC,CAAC;IAClD,QAAQ,CAAC,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACtC,QAAQ,CAAC,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACxC,CAAC;AA6GF,wBAAgB,cAAc,CAAC,EAC7B,aAAa,EACb,OAAO,EACP,QAAQ,GACT,EAAE,mBAAmB,2CA2PrB"}

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

@@ -0,0 +1,132 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from "@powerhousedao/design-system";
+import { useCallback, useEffect, useState } from "react";
+import { twMerge } from "tailwind-merge";
+import { ObjectInspectorModal } from "../object-inspector-modal/index.js";
+const VIEW_COLUMN = { key: "view", label: "", width: "60px" };
+const COLUMNS = [
+    VIEW_COLUMN,
+    { key: "id", label: "ID", width: "120px" },
+    { key: "kind", label: "Kind", width: "80px" },
+    { key: "documentId", label: "Document ID", width: "150px" },
+    { key: "scope", label: "Scope", width: "100px" },
+    { key: "branch", label: "Branch", width: "100px" },
+    { key: "createdAt", label: "Created At", width: "160px" },
+    { key: "retryCount", label: "Retries", width: "70px" },
+    { key: "status", label: "Status", width: "100px" },
+];
+function truncateId(id, maxLength = 12) {
+    if (id.length <= maxLength)
+        return id;
+    return id.slice(0, maxLength) + "...";
+}
+function formatDate(dateStr) {
+    const date = new Date(dateStr);
+    return date.toLocaleString();
+}
+function sortJobs(jobs, sort) {
+    if (!sort)
+        return jobs;
+    return [...jobs].sort((a, b) => {
+        let comparison = 0;
+        switch (sort.column) {
+            case "id":
+                comparison = a.id.localeCompare(b.id);
+                break;
+            case "kind":
+                comparison = a.kind.localeCompare(b.kind);
+                break;
+            case "documentId":
+                comparison = a.documentId.localeCompare(b.documentId);
+                break;
+            case "scope":
+                comparison = a.scope.localeCompare(b.scope);
+                break;
+            case "branch":
+                comparison = a.branch.localeCompare(b.branch);
+                break;
+            case "createdAt":
+                comparison = a.createdAt.localeCompare(b.createdAt);
+                break;
+            case "retryCount":
+                comparison = (a.retryCount ?? 0) - (b.retryCount ?? 0);
+                break;
+            case "status":
+                comparison = a.status.localeCompare(b.status);
+                break;
+            default:
+                return 0;
+        }
+        return sort.direction === "asc" ? comparison : -comparison;
+    });
+}
+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 }));
+}
+export function QueueInspector({ getQueueState, onPause, onResume, }) {
+    const [state, setState] = useState({
+        isPaused: false,
+        pendingJobs: [],
+        executingJobs: [],
+        totalPending: 0,
+        totalExecuting: 0,
+    });
+    const [loading, setLoading] = useState(true);
+    const [sort, setSort] = useState();
+    const [actionInProgress, setActionInProgress] = useState(false);
+    const [selectedJob, setSelectedJob] = useState(null);
+    const loadState = useCallback(async () => {
+        const newState = await getQueueState();
+        setState(newState);
+        setLoading(false);
+    }, [getQueueState]);
+    useEffect(() => {
+        void loadState();
+        const interval = setInterval(() => {
+            void loadState();
+        }, 2000);
+        return () => clearInterval(interval);
+    }, [loadState]);
+    const handleRefresh = useCallback(async () => {
+        setLoading(true);
+        await loadState();
+    }, [loadState]);
+    const handlePauseResume = useCallback(async () => {
+        setActionInProgress(true);
+        if (state.isPaused) {
+            await onResume();
+        }
+        else {
+            await onPause();
+        }
+        await loadState();
+        setActionInProgress(false);
+    }, [state.isPaused, onPause, onResume, loadState]);
+    const handleSort = (columnKey) => {
+        const newDirection = sort?.column === columnKey && sort.direction === "asc" ? "desc" : "asc";
+        setSort({ column: columnKey, direction: newDirection });
+    };
+    const allJobs = [
+        ...state.executingJobs.map((job) => ({
+            ...job,
+            status: "executing",
+        })),
+        ...state.pendingJobs.map((job) => ({ ...job, status: "pending" })),
+    ];
+    const sortedJobs = sortJobs(allJobs, sort);
+    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: "Queue Inspector" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("button", { className: twMerge("flex items-center gap-1 rounded border px-3 py-1.5 text-sm disabled:opacity-50", state.isPaused
+                                    ? "border-green-300 bg-green-50 text-green-700 hover:bg-green-100"
+                                    : "border-yellow-300 bg-yellow-50 text-yellow-700 hover:bg-yellow-100"), disabled: actionInProgress, onClick: () => void handlePauseResume(), type: "button", children: [_jsx(Icon, { name: state.isPaused ? "ArrowFilledRight" : "Ellipsis", size: 14 }), state.isPaused ? "Resume" : "Pause"] }), _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"] })] })] }), _jsxs("div", { className: "flex shrink-0 items-center gap-4 rounded-lg bg-gray-100 px-4 py-2 text-sm", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: twMerge("size-2 rounded-full", state.isPaused ? "bg-yellow-500" : "bg-green-500") }), _jsx("span", { className: "font-medium text-gray-700", children: state.isPaused ? "Paused" : "Running" })] }), _jsxs("div", { className: "text-gray-600", children: ["Pending: ", _jsx("span", { className: "font-medium", children: state.totalPending })] }), _jsxs("div", { className: "text-gray-600", children: ["Executing: ", _jsx("span", { className: "font-medium", children: state.totalExecuting })] })] }), _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";
+                                    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: loading && sortedJobs.length === 0 ? (_jsx("tr", { children: _jsx("td", { className: "px-3 py-8 text-center text-sm text-gray-500", colSpan: COLUMNS.length, children: "Loading..." }) })) : sortedJobs.length === 0 ? (_jsx("tr", { children: _jsx("td", { className: "px-3 py-8 text-center text-sm text-gray-500", colSpan: COLUMNS.length, children: "No jobs in queue" }) })) : (sortedJobs.map((job) => (_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: () => setSelectedJob(job), 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: job.id, children: truncateId(job.id) }) }), _jsx("td", { className: "border-l border-gray-300 px-3 py-2 text-xs text-gray-900", children: _jsx("span", { className: twMerge("inline-block rounded px-1.5 py-0.5", job.kind === "mutation"
+                                                ? "bg-purple-100 text-purple-700"
+                                                : "bg-blue-100 text-blue-700"), children: job.kind }) }), _jsx("td", { className: "border-l border-gray-300 px-3 py-2 text-xs text-gray-900", children: _jsx("span", { className: "block truncate", title: job.documentId, children: truncateId(job.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: job.scope, children: job.scope }) }), _jsx("td", { className: "border-l border-gray-300 px-3 py-2 text-xs text-gray-900", children: _jsx("span", { className: "block truncate", title: job.branch, children: job.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: job.createdAt, children: formatDate(job.createdAt) }) }), _jsx("td", { className: "border-l border-gray-300 px-3 py-2 text-xs text-gray-900", children: job.retryCount ?? 0 }), _jsx("td", { className: "border-l border-gray-300 px-3 py-2 text-xs", children: _jsxs("span", { className: twMerge("inline-flex items-center gap-1 rounded px-1.5 py-0.5", job.status === "executing"
+                                                ? "bg-green-100 text-green-700"
+                                                : "bg-gray-100 text-gray-600"), children: [job.status === "executing" && (_jsx("span", { className: "inline-block size-1.5 animate-pulse rounded-full bg-green-500" })), job.status] }) })] }, job.id)))) })] }) }), _jsxs("div", { className: "shrink-0 text-sm text-gray-600", children: ["Showing ", sortedJobs.length, " job(s)"] }), _jsx(ObjectInspectorModal, { object: selectedJob, onOpenChange: (open) => !open && setSelectedJob(null), open: selectedJob !== null, title: "Job" })] }));
+}
+//# sourceMappingURL=queue-inspector.js.map

package/dist/src/connect/components/queue-inspector/queue-inspector.js.map

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

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,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"}
+{"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,wBAAwB,CAAC;AAKhC,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,2CA6TvB"}

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

@@ -1,9 +1,9 @@
 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 { GqlRequestChannel, IntervalPollTimer, } from "@powerhousedao/reactor";
+import { useCallback, useState } from "react";
 import {} from "../utils.js";
+import { MailboxTable } from "./mailbox-table.js";
 export function ChannelInspector({ remoteName, channel, onBack, onRefresh, }) {
     const [sorts, setSorts] = useState({
         inbox: undefined,
@@ -33,6 +33,73 @@ 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 [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 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"] }))] }), 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: "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 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: "text-sm text-gray-600", children: ["Inbox:", " ", _jsx("span", { className: mailboxStates.inbox.isPaused
+                                                    ? "text-yellow-600"
+                                                    : "text-green-600", children: mailboxStates.inbox.isPaused ? "Paused" : "Active" })] }), _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: "text-sm text-gray-600", children: ["Outbox:", " ", _jsx("span", { className: mailboxStates.outbox.isPaused
+                                                    ? "text-yellow-600"
+                                                    : "text-green-600", children: mailboxStates.outbox.isPaused ? "Paused" : "Active" })] }), _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;AA2G/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

@@ -9,15 +9,26 @@ 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) {
+    let paused = false;
     return {
         get items() {
             return items;
         },
+        pause() {
+            paused = true;
+        },
+        resume() {
+            paused = false;
+        },
+        flush() { },
+        isPaused() {
+            return paused;
+        },
     };
 }
 function createMockSyncOperation(id, documentId, branch, status, opsCount, errorMessage) {

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/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;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"}
+{"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;AAIhC,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 { useState } from "react";
 import { twMerge } from "tailwind-merge";
-import { SortIcon } from "./sort-icon.js";
+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