@stigmer/react 0.0.36

package/provider.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn, resolvePresetClass } from "@stigmer/theme";
+import { StigmerContext } from "./context";
+/**
+ * React provider that distributes a {@link Stigmer} SDK client to
+ * descendant components via {@link StigmerContext}.
+ *
+ * Renders a `<div class="stgm">` container that scopes Stigmer's
+ * CSS reset and design tokens. External consumers importing
+ * `@stigmer/react/styles.css` get isolated styles that do not
+ * leak into the host application.
+ *
+ * Pass {@link StigmerProviderProps.preset | preset} to apply a
+ * built-in theme, or use {@link StigmerProviderProps.className | className}
+ * for custom styling.
+ *
+ * @example
+ * ```tsx
+ * const client = useMemo(
+ *   () => new Stigmer({ baseUrl, getAccessToken }),
+ *   [getAccessToken],
+ * );
+ *
+ * <StigmerProvider client={client} preset="fintech">
+ *   <App />
+ * </StigmerProvider>
+ * ```
+ */
+export function StigmerProvider({ client, children, preset, className, }) {
+    const presetClass = preset ? resolvePresetClass(preset) : "";
+    return (_jsx(StigmerContext.Provider, { value: client, children: _jsx("div", { className: cn("stgm", presetClass, className), children: children }) }));
+}
+//# sourceMappingURL=provider.js.map

package/provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.js","sourceRoot":"","sources":["../src/provider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,EAAE,EAAE,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAExD,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AA4B3C;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,UAAU,eAAe,CAAC,EAC9B,MAAM,EACN,QAAQ,EACR,MAAM,EACN,SAAS,GACY;IACrB,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAE7D,OAAO,CACL,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,YACpC,cAAK,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAO,GAC5C,CAC3B,CAAC;AACJ,CAAC"}

package/session/components/AgentSessionHistory.d.ts

@@ -0,0 +1,8 @@
+export interface AgentSessionHistoryProps {
+    agentId: string;
+    onSessionSelect?: (sessionId: string) => void;
+    pageSize?: number;
+    className?: string;
+}
+export declare function AgentSessionHistory({ agentId, onSessionSelect, pageSize, className, }: AgentSessionHistoryProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AgentSessionHistory.d.ts.map

package/session/components/AgentSessionHistory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentSessionHistory.d.ts","sourceRoot":"","sources":["../../../src/session/components/AgentSessionHistory.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,OAAO,EACP,eAAe,EACf,QAAY,EACZ,SAAS,GACV,EAAE,wBAAwB,2CAyF1B"}

package/session/components/AgentSessionHistory.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { History, Loader2, AlertCircle, RotateCw } from "lucide-react";
+import { cn } from "@stigmer/theme";
+import { SessionCard } from "./SessionCard";
+import { useAgentSessionList } from "../hooks/useAgentSessionList";
+export function AgentSessionHistory({ agentId, onSessionSelect, pageSize = 5, className, }) {
+    const { sessions, isLoading, error, hasMore, isLoadingMore, loadMore, retry, } = useAgentSessionList(agentId, { pageSize });
+    return (_jsxs("section", { className: cn("stgm-agent-session-history", className), children: [_jsx("h3", { className: "text-muted-foreground mb-3 text-sm font-semibold tracking-wider uppercase", children: "Recent Sessions" }), error && (_jsxs("div", { className: "bg-destructive/10 text-destructive flex items-center gap-2 rounded-lg px-3 py-2 text-sm", children: [_jsx(AlertCircle, { className: "size-4 shrink-0" }), _jsx("span", { className: "min-w-0 flex-1 truncate", children: error.message || "Something went wrong" }), _jsxs("button", { type: "button", onClick: retry, className: "text-destructive hover:text-destructive/80 inline-flex shrink-0 items-center gap-1 text-xs font-medium transition-colors", children: [_jsx(RotateCw, { className: "size-3" }), "Retry"] })] })), isLoading && sessions.length === 0 && !error && (_jsx("div", { className: "space-y-3", children: Array.from({ length: 3 }).map((_, i) => (_jsx("div", { className: "bg-muted/50 h-[52px] animate-pulse rounded-xl" }, i))) })), !isLoading && sessions.length === 0 && !error && (_jsxs("div", { className: "border-border flex flex-col items-center justify-center rounded-lg border border-dashed py-12 text-center", children: [_jsx(History, { className: "text-muted-foreground/40 mb-3 size-10" }), _jsx("p", { className: "text-sm font-medium", children: "No sessions yet" }), _jsx("p", { className: "text-muted-foreground mt-1 text-xs", children: "Run this agent to create your first session." })] })), sessions.length > 0 && (_jsx("div", { className: "space-y-2", children: sessions.map((session) => (_jsx(SessionCard, { session: session, onNavigate: onSessionSelect }, session.metadata?.id))) })), hasMore && (_jsx("div", { className: "flex justify-center pt-3", children: _jsxs("button", { type: "button", onClick: loadMore, disabled: isLoadingMore, className: cn("border-border inline-flex h-8 items-center gap-1.5 rounded-lg border px-3 text-sm font-medium", "bg-background hover:bg-accent hover:text-accent-foreground transition-colors", "disabled:pointer-events-none disabled:opacity-50", "focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none"), children: [isLoadingMore && (_jsx(Loader2, { className: "size-3.5 animate-spin" })), "Load more"] }) }))] }));
+}
+//# sourceMappingURL=AgentSessionHistory.js.map

package/session/components/AgentSessionHistory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentSessionHistory.js","sourceRoot":"","sources":["../../../src/session/components/AgentSessionHistory.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACvE,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AASnE,MAAM,UAAU,mBAAmB,CAAC,EAClC,OAAO,EACP,eAAe,EACf,QAAQ,GAAG,CAAC,EACZ,SAAS,GACgB;IACzB,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,KAAK,EACL,OAAO,EACP,aAAa,EACb,QAAQ,EACR,KAAK,GACN,GAAG,mBAAmB,CAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC;IAE/C,OAAO,CACL,mBAAS,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,aAC7D,aAAI,SAAS,EAAC,2EAA2E,gCAEpF,EAEJ,KAAK,IAAI,CACR,eAAK,SAAS,EAAC,yFAAyF,aACtG,KAAC,WAAW,IAAC,SAAS,EAAC,iBAAiB,GAAG,EAC3C,eAAM,SAAS,EAAC,yBAAyB,YACtC,KAAK,CAAC,OAAO,IAAI,sBAAsB,GACnC,EACP,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,KAAK,EACd,SAAS,EAAC,0HAA0H,aAEpI,KAAC,QAAQ,IAAC,SAAS,EAAC,QAAQ,GAAG,aAExB,IACL,CACP,EAEA,SAAS,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,CAC/C,cAAK,SAAS,EAAC,WAAW,YACvB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACvC,cAEE,SAAS,EAAC,+CAA+C,IADpD,CAAC,CAEN,CACH,CAAC,GACE,CACP,EAEA,CAAC,SAAS,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,CAChD,eAAK,SAAS,EAAC,2GAA2G,aACxH,KAAC,OAAO,IAAC,SAAS,EAAC,uCAAuC,GAAG,EAC7D,YAAG,SAAS,EAAC,qBAAqB,gCAAoB,EACtD,YAAG,SAAS,EAAC,oCAAoC,6DAE7C,IACA,CACP,EAEA,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,CACtB,cAAK,SAAS,EAAC,WAAW,YACvB,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACzB,KAAC,WAAW,IAEV,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,eAAe,IAFtB,OAAO,CAAC,QAAQ,EAAE,EAAE,CAGzB,CACH,CAAC,GACE,CACP,EAEA,OAAO,IAAI,CACV,cAAK,SAAS,EAAC,0BAA0B,YACvC,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,aAAa,EACvB,SAAS,EAAE,EAAE,CACX,+FAA+F,EAC/F,8EAA8E,EAC9E,kDAAkD,EAClD,yEAAyE,CAC1E,aAEA,aAAa,IAAI,CAChB,KAAC,OAAO,IAAC,SAAS,EAAC,uBAAuB,GAAG,CAC9C,iBAEM,GACL,CACP,IACO,CACX,CAAC;AACJ,CAAC"}

package/session/components/SessionCard.d.ts

@@ -0,0 +1,8 @@
+import type { Session } from "@stigmer/protos/ai/stigmer/agentic/session/v1/api_pb";
+export interface SessionCardProps {
+    session: Session;
+    onNavigate?: (sessionId: string) => void;
+    className?: string;
+}
+export declare function SessionCard({ session, onNavigate, className }: SessionCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SessionCard.d.ts.map

package/session/components/SessionCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionCard.d.ts","sourceRoot":"","sources":["../../../src/session/components/SessionCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sDAAsD,CAAC;AAKpF,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CA8D/E"}

package/session/components/SessionCard.js

@@ -0,0 +1,57 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MessageSquare, ChevronRight } from "lucide-react";
+import { cn } from "@stigmer/theme";
+export function SessionCard({ session, onNavigate, className }) {
+    const id = session.metadata?.id ?? "";
+    const displayName = session.spec?.subject || session.metadata?.name || "Untitled session";
+    const createdAt = session.status?.audit?.specAudit?.createdAt;
+    const updatedAt = session.status?.audit?.specAudit?.updatedAt;
+    const interactive = !!onNavigate;
+    return (_jsx("div", { role: interactive ? "button" : undefined, tabIndex: interactive ? 0 : undefined, onClick: interactive ? () => onNavigate(id) : undefined, onKeyDown: interactive
+            ? (e) => {
+                if (e.key === "Enter" || e.key === " ") {
+                    e.preventDefault();
+                    onNavigate(id);
+                }
+            }
+            : undefined, className: cn("stgm-session-card", "bg-card text-card-foreground ring-foreground/10 flex flex-col gap-3 overflow-hidden rounded-xl py-3 text-sm ring-1", interactive && "cursor-pointer hover:bg-accent/50 transition-colors", "focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none", className), children: _jsxs("div", { className: "grid auto-rows-min grid-cols-[1fr_auto] items-start gap-1 px-3", children: [_jsxs("div", { className: "flex items-center gap-2 text-sm font-medium leading-snug", children: [_jsx(MessageSquare, { className: "text-muted-foreground size-4 shrink-0" }), _jsx("span", { className: "truncate", children: displayName })] }), interactive && (_jsx("div", { className: "col-start-2 row-span-2 row-start-1 self-start justify-self-end", children: _jsx(ChevronRight, { className: "text-muted-foreground size-4" }) })), _jsx("div", { className: "text-muted-foreground col-start-1 text-sm", children: _jsxs("span", { className: "flex items-center gap-3", children: [createdAt && (_jsx("time", { dateTime: toISOString(createdAt), children: formatRelativeTime(createdAt) })), updatedAt && createdAt && (_jsxs("span", { className: "text-muted-foreground/60", children: ["updated ", formatRelativeTime(updatedAt)] }))] }) })] }) }));
+}
+function toDate(ts) {
+    if (!ts)
+        return null;
+    const seconds = Number(ts.seconds);
+    if (!seconds && seconds !== 0)
+        return null;
+    return new Date(seconds * 1000 + Math.floor(ts.nanos / 1_000_000));
+}
+function toISOString(ts) {
+    return toDate(ts)?.toISOString() ?? "";
+}
+function formatRelativeTime(ts) {
+    const date = toDate(ts);
+    if (!date)
+        return "";
+    const now = Date.now();
+    const diffMs = now - date.getTime();
+    if (diffMs < 0)
+        return "just now";
+    if (diffMs < 60_000)
+        return "just now";
+    const minutes = Math.floor(diffMs / 60_000);
+    if (minutes < 60)
+        return `${minutes}m ago`;
+    const hours = Math.floor(minutes / 60);
+    if (hours < 24)
+        return `${hours}h ago`;
+    const days = Math.floor(hours / 24);
+    if (days === 1)
+        return "yesterday";
+    if (days < 7)
+        return `${days}d ago`;
+    return date.toLocaleDateString(undefined, {
+        month: "short",
+        day: "numeric",
+    });
+}
+//# sourceMappingURL=SessionCard.js.map

package/session/components/SessionCard.js.map

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

package/session/hooks/useAgentSessionList.d.ts

@@ -0,0 +1,21 @@
+import type { Session } from "@stigmer/protos/ai/stigmer/agentic/session/v1/api_pb";
+export interface UseAgentSessionListOptions {
+    pageSize?: number;
+}
+export interface UseAgentSessionListReturn {
+    sessions: Session[];
+    isLoading: boolean;
+    error: Error | null;
+    hasMore: boolean;
+    isLoadingMore: boolean;
+    loadMore: () => void;
+    retry: () => void;
+}
+/**
+ * Fetches sessions scoped to a specific agent with "load more" pagination.
+ *
+ * Returns sessions sorted by creation time descending (most recent first).
+ * Automatically resets when `agentId` changes.
+ */
+export declare function useAgentSessionList(agentId: string, options?: UseAgentSessionListOptions): UseAgentSessionListReturn;
+//# sourceMappingURL=useAgentSessionList.d.ts.map

package/session/hooks/useAgentSessionList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAgentSessionList.d.ts","sourceRoot":"","sources":["../../../src/session/hooks/useAgentSessionList.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sDAAsD,CAAC;AAOpF,MAAM,WAAW,0BAA0B;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,MAAM,EACf,OAAO,CAAC,EAAE,0BAA0B,GACnC,yBAAyB,CAmF3B"}

package/session/hooks/useAgentSessionList.js

@@ -0,0 +1,90 @@
+"use client";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { create } from "@bufbuild/protobuf";
+import { ListSessionsByAgentRequestSchema } from "@stigmer/protos/ai/stigmer/agentic/session/v1/io_pb";
+import { useStigmer } from "../../hooks";
+const DEFAULT_PAGE_SIZE = 5;
+/**
+ * Fetches sessions scoped to a specific agent with "load more" pagination.
+ *
+ * Returns sessions sorted by creation time descending (most recent first).
+ * Automatically resets when `agentId` changes.
+ */
+export function useAgentSessionList(agentId, options) {
+    const pageSize = options?.pageSize ?? DEFAULT_PAGE_SIZE;
+    const stigmer = useStigmer();
+    const [sessions, setSessions] = useState([]);
+    const [isLoading, setIsLoading] = useState(false);
+    const [isLoadingMore, setIsLoadingMore] = useState(false);
+    const [error, setError] = useState(null);
+    const [currentPage, setCurrentPage] = useState(0);
+    const [totalPages, setTotalPages] = useState(0);
+    const hasMore = currentPage + 1 < totalPages;
+    const latestAgentId = useRef(agentId);
+    const fetchPage = useCallback(async (page, append) => {
+        if (!agentId)
+            return;
+        const isInitial = !append;
+        if (isInitial)
+            setIsLoading(true);
+        else
+            setIsLoadingMore(true);
+        setError(null);
+        try {
+            const result = await stigmer.session.listByAgent(create(ListSessionsByAgentRequestSchema, {
+                agentId,
+                pageSize,
+                pageToken: page > 0 ? String(page) : "",
+            }));
+            if (latestAgentId.current !== agentId)
+                return;
+            setTotalPages(result.totalPages);
+            setCurrentPage(page);
+            if (append) {
+                setSessions((prev) => [...prev, ...result.entries]);
+            }
+            else {
+                setSessions(result.entries);
+            }
+        }
+        catch (err) {
+            if (latestAgentId.current !== agentId)
+                return;
+            setError(err instanceof Error ? err : new Error("Failed to load sessions"));
+        }
+        finally {
+            if (latestAgentId.current !== agentId)
+                return;
+            setIsLoading(false);
+            setIsLoadingMore(false);
+        }
+    }, [agentId, pageSize, stigmer]);
+    useEffect(() => {
+        latestAgentId.current = agentId;
+        setSessions([]);
+        setCurrentPage(0);
+        setTotalPages(0);
+        fetchPage(0, false);
+    }, [agentId, fetchPage]);
+    const loadMore = useCallback(() => {
+        if (!hasMore || isLoadingMore)
+            return;
+        fetchPage(currentPage + 1, true);
+    }, [hasMore, isLoadingMore, currentPage, fetchPage]);
+    const retry = useCallback(() => {
+        setSessions([]);
+        setCurrentPage(0);
+        setTotalPages(0);
+        fetchPage(0, false);
+    }, [fetchPage]);
+    return {
+        sessions,
+        isLoading,
+        error,
+        hasMore,
+        isLoadingMore,
+        loadMore,
+        retry,
+    };
+}
+//# sourceMappingURL=useAgentSessionList.js.map

package/session/hooks/useAgentSessionList.js.map

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

package/session/index.d.ts

@@ -0,0 +1,7 @@
+export { useAgentSessionList } from "./hooks/useAgentSessionList";
+export type { UseAgentSessionListOptions, UseAgentSessionListReturn, } from "./hooks/useAgentSessionList";
+export { SessionCard } from "./components/SessionCard";
+export type { SessionCardProps } from "./components/SessionCard";
+export { AgentSessionHistory } from "./components/AgentSessionHistory";
+export type { AgentSessionHistoryProps } from "./components/AgentSessionHistory";
+//# sourceMappingURL=index.d.ts.map

package/session/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/session/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,YAAY,EACV,0BAA0B,EAC1B,yBAAyB,GAC1B,MAAM,6BAA6B,CAAC;AAGrC,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAEjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,YAAY,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC"}

package/session/index.js

@@ -0,0 +1,6 @@
+// Hooks
+export { useAgentSessionList } from "./hooks/useAgentSessionList";
+// Components
+export { SessionCard } from "./components/SessionCard";
+export { AgentSessionHistory } from "./components/AgentSessionHistory";
+//# sourceMappingURL=index.js.map

package/session/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/session/index.ts"],"names":[],"mappings":"AAAA,QAAQ;AACR,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAMlE,aAAa;AACb,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAGvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC"}

package/skill/hooks/useSkillSearch.d.ts

@@ -0,0 +1,25 @@
+import type { SearchResult } from "@stigmer/protos/ai/stigmer/search/v1/io_pb";
+export interface UseSkillSearchOptions {
+    org: string;
+    debounceMs?: number;
+    pageSize?: number;
+}
+export interface UseSkillSearchReturn {
+    query: string;
+    setQuery: (query: string) => void;
+    results: SearchResult[];
+    isLoading: boolean;
+    error: string | null;
+}
+/**
+ * Debounced skill search scoped to a specific organization.
+ *
+ * On mount fetches all accessible skills (empty query). Typing fires at most
+ * one request per debounce interval. Stale responses from out-of-order
+ * requests are discarded.
+ *
+ * Returns full {@link SearchResult} objects suitable for use with
+ * `ResourceSearchCard`.
+ */
+export declare function useSkillSearch(options: UseSkillSearchOptions): UseSkillSearchReturn;
+//# sourceMappingURL=useSkillSearch.d.ts.map

package/skill/hooks/useSkillSearch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSkillSearch.d.ts","sourceRoot":"","sources":["../../../src/skill/hooks/useSkillSearch.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAC;AAK/E,MAAM,WAAW,qBAAqB;IACpC,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AAED;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,qBAAqB,GAAG,oBAAoB,CAkCnF"}

package/skill/hooks/useSkillSearch.js

@@ -0,0 +1,57 @@
+"use client";
+import { useEffect, useRef, useState } from "react";
+import { useStigmer } from "../../hooks";
+const DEBOUNCE_MS = 300;
+const DEFAULT_PAGE_SIZE = 20;
+/**
+ * Debounced skill search scoped to a specific organization.
+ *
+ * On mount fetches all accessible skills (empty query). Typing fires at most
+ * one request per debounce interval. Stale responses from out-of-order
+ * requests are discarded.
+ *
+ * Returns full {@link SearchResult} objects suitable for use with
+ * `ResourceSearchCard`.
+ */
+export function useSkillSearch(options) {
+    const { org, debounceMs = DEBOUNCE_MS, pageSize = DEFAULT_PAGE_SIZE } = options;
+    const stigmer = useStigmer();
+    const [query, setQuery] = useState("");
+    const [results, setResults] = useState([]);
+    const [isLoading, setIsLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const latestRequestId = useRef(0);
+    const debouncedQuery = useDebouncedValue(query, debounceMs);
+    useEffect(() => {
+        const requestId = ++latestRequestId.current;
+        setIsLoading(true);
+        setError(null);
+        stigmer.skill
+            .list({ query: debouncedQuery, org, page: { num: 1, size: pageSize } })
+            .then((response) => {
+            if (requestId !== latestRequestId.current)
+                return;
+            setResults(response.entries);
+        })
+            .catch((err) => {
+            if (requestId !== latestRequestId.current)
+                return;
+            setError(err instanceof Error ? err.message : "Search failed");
+        })
+            .finally(() => {
+            if (requestId !== latestRequestId.current)
+                return;
+            setIsLoading(false);
+        });
+    }, [debouncedQuery, org, pageSize, stigmer]);
+    return { query, setQuery, results, isLoading, error };
+}
+function useDebouncedValue(value, delayMs) {
+    const [debounced, setDebounced] = useState(value);
+    useEffect(() => {
+        const timer = setTimeout(() => setDebounced(value), delayMs);
+        return () => clearTimeout(timer);
+    }, [value, delayMs]);
+    return debounced;
+}
+//# sourceMappingURL=useSkillSearch.js.map

package/skill/hooks/useSkillSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSkillSearch.js","sourceRoot":"","sources":["../../../src/skill/hooks/useSkillSearch.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAGzC,MAAM,WAAW,GAAG,GAAG,CAAC;AACxB,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAgB7B;;;;;;;;;GASG;AACH,MAAM,UAAU,cAAc,CAAC,OAA8B;IAC3D,MAAM,EAAE,GAAG,EAAE,UAAU,GAAG,WAAW,EAAE,QAAQ,GAAG,iBAAiB,EAAE,GAAG,OAAO,CAAC;IAChF,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAE7B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAiB,EAAE,CAAC,CAAC;IAC3D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAExD,MAAM,eAAe,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IAClC,MAAM,cAAc,GAAG,iBAAiB,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;IAE5D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,EAAE,eAAe,CAAC,OAAO,CAAC;QAC5C,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,QAAQ,CAAC,IAAI,CAAC,CAAC;QAEf,OAAO,CAAC,KAAK;aACV,IAAI,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,CAAC;aACtE,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE;YACjB,IAAI,SAAS,KAAK,eAAe,CAAC,OAAO;gBAAE,OAAO;YAClD,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAC/B,CAAC,CAAC;aACD,KAAK,CAAC,CAAC,GAAY,EAAE,EAAE;YACtB,IAAI,SAAS,KAAK,eAAe,CAAC,OAAO;gBAAE,OAAO;YAClD,QAAQ,CAAC,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;QACjE,CAAC,CAAC;aACD,OAAO,CAAC,GAAG,EAAE;YACZ,IAAI,SAAS,KAAK,eAAe,CAAC,OAAO;gBAAE,OAAO;YAClD,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,cAAc,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAE7C,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;AACxD,CAAC;AAED,SAAS,iBAAiB,CAAI,KAAQ,EAAE,OAAe;IACrD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;QAC7D,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IAErB,OAAO,SAAS,CAAC;AACnB,CAAC"}

package/skill/index.d.ts

@@ -0,0 +1,3 @@
+export { useSkillSearch } from "./hooks/useSkillSearch";
+export type { UseSkillSearchOptions, UseSkillSearchReturn, } from "./hooks/useSkillSearch";
+//# sourceMappingURL=index.d.ts.map

package/skill/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/skill/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,YAAY,EACV,qBAAqB,EACrB,oBAAoB,GACrB,MAAM,wBAAwB,CAAC"}

package/skill/index.js

@@ -0,0 +1,3 @@
+// Hooks
+export { useSkillSearch } from "./hooks/useSkillSearch";
+//# sourceMappingURL=index.js.map

package/skill/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/skill/index.ts"],"names":[],"mappings":"AAAA,QAAQ;AACR,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC"}

package/src/agent/components/AgentCard.tsx

@@ -0,0 +1,125 @@
+import type { Agent } from "@stigmer/protos/ai/stigmer/agentic/agent/v1/api_pb";
+import { ApiResourceVisibility } from "@stigmer/protos/ai/stigmer/commons/apiresource/enum_pb";
+import { Bot, Globe, Server, FileCode2, Users } from "lucide-react";
+
+import { cn } from "@stigmer/theme";
+
+import { Badge } from "../../internal/badge";
+
+export interface AgentCardProps {
+  agent: Agent;
+  onClick?: () => void;
+  href?: string;
+  className?: string;
+}
+
+export function AgentCard({ agent, onClick, href, className }: AgentCardProps) {
+  const meta = agent.metadata;
+  const spec = agent.spec;
+  const isPublic = meta?.visibility === ApiResourceVisibility.visibility_public;
+  const qualifiedSlug = meta?.org ? `${meta.org}/${meta.slug}` : meta?.slug;
+
+  const mcpServerCount = spec?.mcpServerUsages?.length ?? 0;
+  const skillCount = spec?.skillRefs?.length ?? 0;
+  const subAgentCount = spec?.subAgents?.length ?? 0;
+
+  const Tag = href ? "a" : "div";
+  const interactive = !!(onClick || href);
+
+  return (
+    <Tag
+      href={href}
+      onClick={onClick}
+      role={interactive ? "button" : undefined}
+      tabIndex={interactive ? 0 : undefined}
+      onKeyDown={
+        interactive
+          ? (e: React.KeyboardEvent) => {
+              if (onClick && (e.key === "Enter" || e.key === " ")) {
+                e.preventDefault();
+                onClick();
+              }
+            }
+          : undefined
+      }
+      className={cn(
+        "bg-card text-card-foreground flex flex-col rounded-xl border p-4",
+        interactive &&
+          "hover:bg-accent/50 focus-visible:ring-ring cursor-pointer transition-colors focus-visible:ring-2 focus-visible:outline-none",
+        className,
+      )}
+    >
+      <div className="flex items-start gap-3">
+        {spec?.iconUrl ? (
+          <img
+            src={spec.iconUrl}
+            alt=""
+            className="size-9 shrink-0 rounded-lg object-cover"
+          />
+        ) : (
+          <div className="bg-muted flex size-9 shrink-0 items-center justify-center rounded-lg">
+            <Bot className="text-muted-foreground size-4" />
+          </div>
+        )}
+        <div className="min-w-0 flex-1">
+          <div className="flex items-center gap-2">
+            <span className="truncate text-sm font-semibold">{meta?.name}</span>
+            {isPublic && (
+              <Badge variant="outline" className="shrink-0 text-[10px]">
+                <Globe className="size-2.5" />
+                Public
+              </Badge>
+            )}
+          </div>
+          <p className="text-muted-foreground truncate font-mono text-[11px]">
+            {qualifiedSlug}
+          </p>
+        </div>
+      </div>
+
+      {spec?.description && (
+        <p className="text-muted-foreground mt-2 line-clamp-2 text-xs leading-relaxed">
+          {spec.description}
+        </p>
+      )}
+
+      {(mcpServerCount > 0 || skillCount > 0 || subAgentCount > 0) && (
+        <div className="text-muted-foreground mt-3 flex items-center gap-3 text-[11px]">
+          {mcpServerCount > 0 && (
+            <span className="flex items-center gap-1">
+              <Server className="size-3" />
+              {mcpServerCount}
+            </span>
+          )}
+          {skillCount > 0 && (
+            <span className="flex items-center gap-1">
+              <FileCode2 className="size-3" />
+              {skillCount}
+            </span>
+          )}
+          {subAgentCount > 0 && (
+            <span className="flex items-center gap-1">
+              <Users className="size-3" />
+              {subAgentCount}
+            </span>
+          )}
+        </div>
+      )}
+
+      {meta?.tags && meta.tags.length > 0 && (
+        <div className="mt-3 flex flex-wrap gap-1">
+          {meta.tags.slice(0, 4).map((tag: string) => (
+            <Badge key={tag} variant="secondary" className="text-[10px]">
+              {tag}
+            </Badge>
+          ))}
+          {meta.tags.length > 4 && (
+            <span className="text-muted-foreground self-center text-[10px]">
+              +{meta.tags.length - 4}
+            </span>
+          )}
+        </div>
+      )}
+    </Tag>
+  );
+}