"use client";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
/**
 * Selection-driven inspector facet (Phase 2).
 *
 * In Phase 1 this renders an empty hint state. Phase 2 will populate
 * it with tool-call detail, sub-agent mini-thread, and artifact
 * preview based on the selected thread item.
 */
export function InspectTab({ selectedItem }) {
    if (!selectedItem) {
        return (_jsxs("div", { className: "flex flex-col items-center justify-center px-4 py-8 text-center", children: [_jsx(SelectItemIcon, {}), _jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: "Click a tool call or sub-agent in the thread to inspect it" })] }));
    }
    return (_jsxs("div", { className: "px-1 py-2 text-xs text-muted-foreground", children: [_jsxs("p", { children: ["Inspecting: ", _jsx("span", { className: "font-medium text-foreground", children: selectedItem.kind })] }), _jsx("p", { className: "mt-1 text-[11px]", children: "Detailed view coming in Phase 2." })] }));
}
function SelectItemIcon() {
    return (_jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", className: "text-muted-foreground", "aria-hidden": "true", children: [_jsx("rect", { x: "2", y: "2", width: "16", height: "16", rx: "3" }), _jsx("path", { d: "M7 10h6M10 7v6" })] }));
}
//# sourceMappingURL=InspectTab.js.map