@stigmer/react-ui 0.0.34

package/execution/services/execution-service.d.ts

@@ -0,0 +1,23 @@
+import { type Transport } from "@connectrpc/connect";
+import { type AgentExecutionList } from "@stigmer/protos/ai/stigmer/agentic/agentexecution/v1/io_pb";
+import { type AgentExecution } from "@stigmer/protos/ai/stigmer/agentic/agentexecution/v1/api_pb";
+import type { ApprovalAction } from "@stigmer/protos/ai/stigmer/agentic/agentexecution/v1/enum_pb";
+export interface CreateExecutionInput {
+    agentId?: string;
+    sessionId?: string;
+    message: string;
+    org: string;
+}
+export interface ListExecutionsBySessionOptions {
+    pageSize?: number;
+    pageToken?: string;
+}
+export interface ExecutionService {
+    createExecution(input: CreateExecutionInput): Promise<AgentExecution>;
+    subscribeToExecution(executionId: string, signal?: AbortSignal): AsyncIterable<AgentExecution>;
+    submitApproval(executionId: string, toolCallId: string, action: ApprovalAction, comment?: string): Promise<AgentExecution>;
+    cancelExecution(executionId: string, reason?: string): Promise<AgentExecution>;
+    listExecutionsBySession(sessionId: string, options?: ListExecutionsBySessionOptions): Promise<AgentExecutionList>;
+}
+export declare function createExecutionService(transport: Transport): ExecutionService;
+//# sourceMappingURL=execution-service.d.ts.map

package/execution/services/execution-service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"execution-service.d.ts","sourceRoot":"","sources":["../../../src/execution/services/execution-service.ts"],"names":[],"mappings":"AACA,OAAO,EAAgB,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAQnE,OAAO,EAKL,KAAK,kBAAkB,EACxB,MAAM,4DAA4D,CAAC;AACpE,OAAO,EAEL,KAAK,cAAc,EACpB,MAAM,6DAA6D,CAAC;AAIrE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8DAA8D,CAAC;AASnG,MAAM,WAAW,oBAAoB;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,8BAA8B;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,OAAO,CAAC,cAAc,CAAC,CAAC;IACtE,oBAAoB,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,WAAW,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC;IAC/F,cAAc,CAAC,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,cAAc,CAAC,CAAC;IAC3H,eAAe,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,cAAc,CAAC,CAAC;IAC/E,uBAAuB,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,8BAA8B,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAAC;CACnH;AAWD,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,SAAS,GAAG,gBAAgB,CA+D7E"}

package/execution/services/execution-service.js

@@ -0,0 +1,70 @@
+import { create } from "@bufbuild/protobuf";
+import { createClient } from "@connectrpc/connect";
+import { AgentExecutionCommandController, } from "@stigmer/protos/ai/stigmer/agentic/agentexecution/v1/command_pb";
+import { AgentExecutionQueryController, } from "@stigmer/protos/ai/stigmer/agentic/agentexecution/v1/query_pb";
+import { AgentExecutionIdSchema, SubmitApprovalInputSchema, CancelAgentExecutionInputSchema, ListAgentExecutionsBySessionRequestSchema, } from "@stigmer/protos/ai/stigmer/agentic/agentexecution/v1/io_pb";
+import { AgentExecutionSchema, } from "@stigmer/protos/ai/stigmer/agentic/agentexecution/v1/api_pb";
+import { AgentExecutionSpecSchema, } from "@stigmer/protos/ai/stigmer/agentic/agentexecution/v1/spec_pb";
+import { ApiResourceMetadataSchema, } from "@stigmer/protos/ai/stigmer/commons/apiresource/metadata_pb";
+// ---------------------------------------------------------------------------
+// Factory
+//
+// protobuf-es codegenv1 descriptors cause generic inference loss with strict TS,
+// so Connect-RPC clients type all inputs/outputs as Message<string>. The typed
+// wrapper methods below restore the correct domain types at each call site —
+// the underlying runtime behavior is identical.
+// ---------------------------------------------------------------------------
+export function createExecutionService(transport) {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const commandClient = createClient(AgentExecutionCommandController, transport);
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const queryClient = createClient(AgentExecutionQueryController, transport);
+    return {
+        async createExecution(input) {
+            var _a, _b;
+            const execution = create(AgentExecutionSchema, {
+                apiVersion: "agentic.stigmer.ai/v1",
+                kind: "AgentExecution",
+                metadata: create(ApiResourceMetadataSchema, {
+                    org: input.org,
+                }),
+                spec: create(AgentExecutionSpecSchema, {
+                    agentId: (_a = input.agentId) !== null && _a !== void 0 ? _a : "",
+                    sessionId: (_b = input.sessionId) !== null && _b !== void 0 ? _b : "",
+                    message: input.message,
+                }),
+            });
+            return commandClient.create(execution);
+        },
+        subscribeToExecution(executionId, signal) {
+            const request = create(AgentExecutionIdSchema, { value: executionId });
+            return queryClient.subscribe(request, { signal });
+        },
+        async submitApproval(executionId, toolCallId, action, comment) {
+            const input = create(SubmitApprovalInputSchema, {
+                agentExecutionId: executionId,
+                toolCallId,
+                action,
+                comment: comment !== null && comment !== void 0 ? comment : "",
+            });
+            return commandClient.submitApproval(input);
+        },
+        async cancelExecution(executionId, reason) {
+            const input = create(CancelAgentExecutionInputSchema, {
+                id: executionId,
+                reason: reason !== null && reason !== void 0 ? reason : "",
+            });
+            return commandClient.cancel(input);
+        },
+        async listExecutionsBySession(sessionId, options) {
+            var _a, _b;
+            const request = create(ListAgentExecutionsBySessionRequestSchema, {
+                sessionId,
+                pageSize: (_a = options === null || options === void 0 ? void 0 : options.pageSize) !== null && _a !== void 0 ? _a : 50,
+                pageToken: (_b = options === null || options === void 0 ? void 0 : options.pageToken) !== null && _b !== void 0 ? _b : "",
+            });
+            return queryClient.listBySession(request);
+        },
+    };
+}
+//# sourceMappingURL=execution-service.js.map

package/execution/services/execution-service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"execution-service.js","sourceRoot":"","sources":["../../../src/execution/services/execution-service.ts"],"names":[],"mappings":"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"}

package/index.d.ts

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

package/index.d.ts.map

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

package/index.js

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

package/index.js.map

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

package/internal/ui/badge.d.ts

@@ -0,0 +1,8 @@
+import { useRender } from "@base-ui/react/use-render";
+import { type VariantProps } from "class-variance-authority";
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Badge({ className, variant, render, ...props }: useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export { Badge, badgeVariants };
+//# sourceMappingURL=badge.d.ts.map

package/internal/ui/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/internal/ui/badge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,aAAa;;8EAqBlB,CAAA;AAED,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAmB,EACnB,MAAM,EACN,GAAG,KAAK,EACT,EAAE,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,8FAevE;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}

package/internal/ui/badge.js

@@ -0,0 +1,46 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { cva } from "class-variance-authority";
+import { cn } from "@stigmer/theme";
+const badgeVariants = cva("group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!", {
+    variants: {
+        variant: {
+            default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+            secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+            destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
+            outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+            ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
+            link: "text-primary underline-offset-4 hover:underline",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+function Badge(_a) {
+    var { className, variant = "default", render } = _a, props = __rest(_a, ["className", "variant", "render"]);
+    return useRender({
+        defaultTagName: "span",
+        props: mergeProps({
+            className: cn(badgeVariants({ variant }), className),
+        }, props),
+        render,
+        state: {
+            slot: "badge",
+            variant,
+        },
+    });
+}
+export { Badge, badgeVariants };
+//# sourceMappingURL=badge.js.map

package/internal/ui/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../src/internal/ui/badge.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AAEnC,MAAM,aAAa,GAAG,GAAG,CACvB,4eAA4e,EAC5e;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,4DAA4D;YACrE,SAAS,EACP,kEAAkE;YACpE,WAAW,EACT,gKAAgK;YAClK,OAAO,EACL,kFAAkF;YACpF,KAAK,EACH,mEAAmE;YACrE,IAAI,EAAE,iDAAiD;SACxD;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CACF,CAAA;AAED,SAAS,KAAK,CAAC,EAKyD;QALzD,EACb,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,MAAM,OAEgE,EADnE,KAAK,cAJK,kCAKd,CADS;IAER,OAAO,SAAS,CAAC;QACf,cAAc,EAAE,MAAM;QACtB,KAAK,EAAE,UAAU,CACf;YACE,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC;SACrD,EACD,KAAK,CACN;QACD,MAAM;QACN,KAAK,EAAE;YACL,IAAI,EAAE,OAAO;YACb,OAAO;SACR;KACF,CAAC,CAAA;AACJ,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}

package/internal/ui/button.d.ts

@@ -0,0 +1,9 @@
+import { Button as ButtonPrimitive } from "@base-ui/react/button";
+import { type VariantProps } from "class-variance-authority";
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, ...props }: ButtonPrimitive.Props & VariantProps<typeof buttonVariants>): import("react/jsx-runtime").JSX.Element;
+export { Button, buttonVariants };
+//# sourceMappingURL=button.d.ts.map

package/internal/ui/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/internal/ui/button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACjE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,cAAc;;;8EAmCnB,CAAA;AAED,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,KAAK,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,2CAQ7D;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}

package/internal/ui/button.js

@@ -0,0 +1,48 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button as ButtonPrimitive } from "@base-ui/react/button";
+import { cva } from "class-variance-authority";
+import { cn } from "@stigmer/theme";
+const buttonVariants = cva("group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+    variants: {
+        variant: {
+            default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+            outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+            secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+            ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+            destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+            link: "text-primary underline-offset-4 hover:underline",
+        },
+        size: {
+            default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+            xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+            sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+            lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
+            icon: "size-8",
+            "icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
+            "icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
+            "icon-lg": "size-9",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+function Button(_a) {
+    var { className, variant = "default", size = "default" } = _a, props = __rest(_a, ["className", "variant", "size"]);
+    return (_jsx(ButtonPrimitive, Object.assign({ "data-slot": "button", className: cn(buttonVariants({ variant, size, className })) }, props)));
+}
+export { Button, buttonVariants };
+//# sourceMappingURL=button.js.map

package/internal/ui/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/internal/ui/button.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;;;;;;;;;;;;AAEZ,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACjE,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AAEnC,MAAM,cAAc,GAAG,GAAG,CACxB,wkBAAwkB,EACxkB;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,4DAA4D;YACrE,OAAO,EACL,iLAAiL;YACnL,SAAS,EACP,iIAAiI;YACnI,KAAK,EACH,kHAAkH;YACpH,WAAW,EACT,6NAA6N;YAC/N,IAAI,EAAE,iDAAiD;SACxD;QACD,IAAI,EAAE;YACJ,OAAO,EACL,sFAAsF;YACxF,EAAE,EAAE,+MAA+M;YACnN,EAAE,EAAE,yNAAyN;YAC7N,EAAE,EAAE,sFAAsF;YAC1F,IAAI,EAAE,QAAQ;YACd,SAAS,EACP,yHAAyH;YAC3H,SAAS,EACP,oFAAoF;YACtF,SAAS,EAAE,QAAQ;SACpB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAA;AAED,SAAS,MAAM,CAAC,EAK8C;QAL9C,EACd,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,SAAS,OAE4C,EADzD,KAAK,cAJM,gCAKf,CADS;IAER,OAAO,CACL,KAAC,eAAe,+BACJ,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,IACvD,KAAK,EACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}

package/internal/ui/collapsible.d.ts

@@ -0,0 +1,6 @@
+import { Collapsible as CollapsiblePrimitive } from "@base-ui/react/collapsible";
+declare function Collapsible({ ...props }: CollapsiblePrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
+declare function CollapsibleTrigger({ ...props }: CollapsiblePrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+declare function CollapsibleContent({ ...props }: CollapsiblePrimitive.Panel.Props): import("react/jsx-runtime").JSX.Element;
+export { Collapsible, CollapsibleTrigger, CollapsibleContent };
+//# sourceMappingURL=collapsible.d.ts.map

package/internal/ui/collapsible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../src/internal/ui/collapsible.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAEhF,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,CAAC,IAAI,CAAC,KAAK,2CAEjE;AAED,iBAAS,kBAAkB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,CAAC,OAAO,CAAC,KAAK,2CAI3E;AAED,iBAAS,kBAAkB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,CAAC,KAAK,CAAC,KAAK,2CAIzE;AAED,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAA"}

package/internal/ui/collapsible.js

@@ -0,0 +1,28 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Collapsible as CollapsiblePrimitive } from "@base-ui/react/collapsible";
+function Collapsible(_a) {
+    var props = __rest(_a, []);
+    return _jsx(CollapsiblePrimitive.Root, Object.assign({ "data-slot": "collapsible" }, props));
+}
+function CollapsibleTrigger(_a) {
+    var props = __rest(_a, []);
+    return (_jsx(CollapsiblePrimitive.Trigger, Object.assign({ "data-slot": "collapsible-trigger" }, props)));
+}
+function CollapsibleContent(_a) {
+    var props = __rest(_a, []);
+    return (_jsx(CollapsiblePrimitive.Panel, Object.assign({ "data-slot": "collapsible-content" }, props)));
+}
+export { Collapsible, CollapsibleTrigger, CollapsibleContent };
+//# sourceMappingURL=collapsible.js.map

package/internal/ui/collapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.js","sourceRoot":"","sources":["../../../src/internal/ui/collapsible.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;;;;;;;;;;;;AAEZ,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAEhF,SAAS,WAAW,CAAC,EAA6C;QAAxC,KAAK,cAAV,EAAY,CAAF;IAC7B,OAAO,KAAC,oBAAoB,CAAC,IAAI,+BAAW,aAAa,IAAK,KAAK,EAAI,CAAA;AACzE,CAAC;AAED,SAAS,kBAAkB,CAAC,EAAgD;QAA3C,KAAK,cAAV,EAAY,CAAF;IACpC,OAAO,CACL,KAAC,oBAAoB,CAAC,OAAO,+BAAW,qBAAqB,IAAK,KAAK,EAAI,CAC5E,CAAA;AACH,CAAC;AAED,SAAS,kBAAkB,CAAC,EAA8C;QAAzC,KAAK,cAAV,EAAY,CAAF;IACpC,OAAO,CACL,KAAC,oBAAoB,CAAC,KAAK,+BAAW,qBAAqB,IAAK,KAAK,EAAI,CAC1E,CAAA;AACH,CAAC;AAED,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAA"}

package/internal/ui/textarea.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+declare function Textarea({ className, ...props }: React.ComponentProps<"textarea">): import("react/jsx-runtime").JSX.Element;
+export { Textarea };
+//# sourceMappingURL=textarea.d.ts.map

package/internal/ui/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/internal/ui/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,2CAW1E;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/internal/ui/textarea.js

@@ -0,0 +1,19 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "@stigmer/theme";
+function Textarea(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("textarea", Object.assign({ "data-slot": "textarea", className: cn("flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-transparent px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className) }, props)));
+}
+export { Textarea };
+//# sourceMappingURL=textarea.js.map

package/internal/ui/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../src/internal/ui/textarea.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AAEnC,SAAS,QAAQ,CAAC,EAAyD;QAAzD,EAAE,SAAS,OAA8C,EAAzC,KAAK,cAArB,aAAuB,CAAF;IACrC,OAAO,CACL,8CACY,UAAU,EACpB,SAAS,EAAE,EAAE,CACX,whBAAwhB,EACxhB,SAAS,CACV,IACG,KAAK,EACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@stigmer/react-ui",
+  "version": "0.0.34",
+  "description": "React components for Stigmer agent execution streaming, tool calls, and HITL approvals",
+  "license": "Apache-2.0",
+  "type": "module",
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/stigmer/stigmer.git",
+    "directory": "client-apps/web/_libs/domain/react-ui"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "keywords": [
+    "stigmer",
+    "react",
+    "ai-agents",
+    "execution-streaming",
+    "tool-calls",
+    "hitl",
+    "human-in-the-loop"
+  ],
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.js"
+    },
+    "./execution": {
+      "types": "./execution/index.d.ts",
+      "import": "./execution/index.js"
+    },
+    "./styles.css": "./styles.css"
+  },
+  "dependencies": {
+    "@stigmer/rpc-client": "0.0.34",
+    "@stigmer/theme": "0.0.34"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "@stigmer/protos": "0.0.34",
+    "@base-ui/react": "^1.0.0",
+    "@connectrpc/connect": "^2.0.0",
+    "@bufbuild/protobuf": "^2.0.0",
+    "class-variance-authority": "^0.7.0",
+    "lucide-react": ">=0.400.0",
+    "react-markdown": "^10.0.0",
+    "remark-gfm": "^4.0.0"
+  }
+}

package/src/execution/components/ApprovalControls.tsx

@@ -0,0 +1,99 @@
+"use client";
+
+import { useCallback, useState } from "react";
+import { Button } from "../../internal/ui/button";
+import { Textarea } from "../../internal/ui/textarea";
+import { ApprovalAction } from "@stigmer/protos/ai/stigmer/agentic/agentexecution/v1/enum_pb";
+import { cn } from "@stigmer/theme";
+import { Check, X, SkipForward, Loader2 } from "lucide-react";
+
+interface ApprovalControlsProps {
+  approvalMessage: string;
+  onSubmit: (action: ApprovalAction, comment?: string) => Promise<void>;
+  isSubmitting: boolean;
+  className?: string;
+}
+
+export function ApprovalControls({
+  approvalMessage,
+  onSubmit,
+  isSubmitting,
+  className,
+}: ApprovalControlsProps) {
+  const [showComment, setShowComment] = useState(false);
+  const [comment, setComment] = useState("");
+
+  const handleAction = useCallback(
+    async (action: ApprovalAction) => {
+      await onSubmit(action, comment || undefined);
+      setComment("");
+      setShowComment(false);
+    },
+    [onSubmit, comment],
+  );
+
+  return (
+    <div
+      className={cn(
+        "rounded-lg border-2 border-primary/30 bg-primary/5 p-3 space-y-3",
+        className,
+      )}
+    >
+      <p className="text-sm font-medium">{approvalMessage}</p>
+
+      {showComment && (
+        <Textarea
+          value={comment}
+          onChange={(e) => setComment(e.target.value)}
+          placeholder="Optional comment..."
+          className="min-h-10 text-sm"
+          disabled={isSubmitting}
+        />
+      )}
+
+      <div className="flex items-center gap-2">
+        <Button
+          size="sm"
+          onClick={() => handleAction(ApprovalAction.APPROVE)}
+          disabled={isSubmitting}
+        >
+          {isSubmitting ? (
+            <Loader2 className="size-3.5 animate-spin" />
+          ) : (
+            <Check className="size-3.5" />
+          )}
+          Approve
+        </Button>
+        <Button
+          size="sm"
+          variant="secondary"
+          onClick={() => handleAction(ApprovalAction.SKIP)}
+          disabled={isSubmitting}
+        >
+          <SkipForward className="size-3.5" />
+          Skip
+        </Button>
+        <Button
+          size="sm"
+          variant="destructive"
+          onClick={() => handleAction(ApprovalAction.REJECT)}
+          disabled={isSubmitting}
+        >
+          <X className="size-3.5" />
+          Reject
+        </Button>
+        {!showComment && (
+          <Button
+            size="sm"
+            variant="ghost"
+            onClick={() => setShowComment(true)}
+            disabled={isSubmitting}
+            className="ml-auto text-xs text-muted-foreground"
+          >
+            Add comment
+          </Button>
+        )}
+      </div>
+    </div>
+  );
+}

package/src/execution/components/ExecutionStatus.tsx

@@ -0,0 +1,36 @@
+import { Badge } from "../../internal/ui/badge";
+import { phaseLabel, phaseVariant, isTerminalPhase } from "../helpers";
+import { ExecutionPhase } from "@stigmer/protos/ai/stigmer/agentic/agentexecution/v1/enum_pb";
+import { cn } from "@stigmer/theme";
+import { Loader2 } from "lucide-react";
+
+interface ExecutionStatusProps {
+  phase: ExecutionPhase;
+  className?: string;
+}
+
+export function ExecutionStatus({ phase, className }: ExecutionStatusProps) {
+  const isActive =
+    phase === ExecutionPhase.EXECUTION_IN_PROGRESS ||
+    phase === ExecutionPhase.EXECUTION_PENDING;
+  const isWaiting =
+    phase === ExecutionPhase.EXECUTION_WAITING_FOR_APPROVAL;
+
+  return (
+    <Badge
+      variant={phaseVariant(phase)}
+      className={cn(
+        isWaiting && "animate-pulse",
+        className,
+      )}
+    >
+      {isActive && (
+        <Loader2 className="size-3 animate-spin" data-icon="inline-start" />
+      )}
+      {phaseLabel(phase)}
+      {isTerminalPhase(phase) && phase === ExecutionPhase.EXECUTION_COMPLETED && (
+        <span data-icon="inline-end">✓</span>
+      )}
+    </Badge>
+  );
+}