"use client";
import { jsx as _jsx } from "react/jsx-runtime";
import { useSessionUsage } from "../useSessionUsage";
import { UsageWidget } from "../../execution/UsageWidget";
/**
 * Usage facet for the SessionInspector.
 *
 * Uses `useSessionUsage` to determine if data exists, then delegates
 * rendering to the existing `UsageWidget`. Shows an empty state when
 * no usage data is available.
 */
export function UsageTab({ executions }) {
    const usage = useSessionUsage(executions);
    if (!usage.hasUsage) {
        return (_jsx("div", { className: "flex flex-col items-center justify-center px-4 py-8 text-center", children: _jsx("p", { className: "text-xs text-muted-foreground", children: "No usage data yet. Cost and token stats will appear here." }) }));
    }
    return _jsx(UsageWidget, { executions: executions });
}
//# sourceMappingURL=UsageTab.js.map