"use client";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { memo } from "react";
import { InteractionMode } from "@stigmer/protos/ai/stigmer/agentic/agentexecution/v1/enum_pb";
import { cn } from "@stigmer/theme";
/**
 * Displays the interaction mode of an execution as a compact inline badge.
 *
 * Only renders for non-default modes (PLAN). Returns `null` for AGENT
 * and UNSPECIFIED since agent mode is the default and does not need
 * visual distinction.
 *
 * All visual properties flow through `--stgm-*` tokens.
 *
 * @example
 * ```tsx
 * <InteractionModeBadge mode={InteractionMode.PLAN} />
 * ```
 */
export const InteractionModeBadge = memo(function InteractionModeBadge({ mode, className, }) {
    if (mode !== InteractionMode.PLAN) {
        return null;
    }
    return (_jsxs("span", { role: "status", "aria-label": "Plan mode", className: cn("inline-flex items-center gap-1 rounded-md px-1.5 py-0.5 text-[0.65rem] font-medium", "bg-accent text-muted-foreground", className), children: [_jsx(PlanIcon, {}), "Plan"] }));
});
function PlanIcon() {
    return (_jsx("svg", { width: "10", height: "10", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M2 3h8M2 6h5M2 9h6" }) }));
}
//# sourceMappingURL=InteractionModeBadge.js.map