@stigmer/react 0.0.36 → 0.0.39

package/session/hooks/useAgentSessionList.js

@@ -1,90 +0,0 @@
-"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

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

package/skill/hooks/useSkillSearch.d.ts

@@ -1,25 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,57 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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/src/agent/components/AgentCard.tsx

@@ -1,125 +0,0 @@
-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>
-  );
-}

package/src/agent/components/AgentOverview.tsx

@@ -1,209 +0,0 @@
-"use client";
-
-import { useState } from "react";
-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,
-  Users,
-  Server,
-  FileCode2,
-  Wrench,
-  ChevronDown,
-} from "lucide-react";
-
-import { cn } from "@stigmer/theme";
-
-import { Badge } from "../../internal/badge";
-import {
-  Collapsible,
-  CollapsibleTrigger,
-  CollapsibleContent,
-} from "../../internal/collapsible";
-import { Section } from "../../internal/section";
-
-const INSTRUCTIONS_COLLAPSE_THRESHOLD = 300;
-
-export interface AgentOverviewProps {
-  agent: Agent;
-  className?: string;
-}
-
-export function AgentOverview({ agent, className }: AgentOverviewProps) {
-  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 hasLongInstructions =
-    (spec?.instructions?.length ?? 0) > INSTRUCTIONS_COLLAPSE_THRESHOLD;
-
-  return (
-    <div className={cn("space-y-8", className)}>
-      <div className="space-y-2">
-        <div className="flex items-center gap-3">
-          {spec?.iconUrl ? (
-            <img
-              src={spec.iconUrl}
-              alt=""
-              className="size-10 rounded-lg object-cover"
-            />
-          ) : (
-            <div className="bg-muted flex size-10 items-center justify-center rounded-lg">
-              <Bot className="text-muted-foreground size-5" />
-            </div>
-          )}
-          <div>
-            <h2 className="text-xl font-semibold">{meta?.name}</h2>
-            <p className="text-muted-foreground font-mono text-xs">
-              {qualifiedSlug}
-            </p>
-          </div>
-        </div>
-        {spec?.description && (
-          <p className="text-muted-foreground max-w-prose text-sm">
-            {spec.description}
-          </p>
-        )}
-        <div className="flex items-center gap-2">
-          {isPublic ? (
-            <Badge variant="outline" className="gap-1">
-              <Globe className="size-3" />
-              Public
-            </Badge>
-          ) : (
-            <Badge variant="secondary" className="gap-1">
-              <Users className="size-3" />
-              Private
-            </Badge>
-          )}
-          {meta?.tags?.map((tag: string) => (
-            <Badge key={tag} variant="secondary">
-              {tag}
-            </Badge>
-          ))}
-        </div>
-      </div>
-
-      {spec?.instructions && (
-        <Section title="Instructions">
-          {hasLongInstructions ? (
-            <CollapsibleInstructions instructions={spec.instructions} />
-          ) : (
-            <pre className="bg-muted rounded-lg p-4 font-mono text-xs leading-relaxed whitespace-pre-wrap">
-              {spec.instructions}
-            </pre>
-          )}
-        </Section>
-      )}
-
-      {spec?.mcpServerUsages && spec.mcpServerUsages.length > 0 && (
-        <Section title="MCP Servers">
-          <div className="space-y-3">
-            {spec.mcpServerUsages.map((usage, i) => {
-              const ref = usage.mcpServerRef;
-              const slug = ref
-                ? ref.org
-                  ? `${ref.org}/${ref.slug}`
-                  : ref.slug
-                : `server-${i}`;
-              return (
-                <div key={slug} className="rounded-lg border p-3 text-sm">
-                  <div className="flex items-center gap-2">
-                    <Server className="text-muted-foreground size-4 shrink-0" />
-                    <span className="font-mono font-medium">{slug}</span>
-                  </div>
-                  {usage.enabledTools.length > 0 && (
-                    <div className="mt-2 flex flex-wrap gap-1">
-                      {usage.enabledTools.map((tool) => (
-                        <Badge
-                          key={tool}
-                          variant="secondary"
-                          className="text-[10px]"
-                        >
-                          <Wrench className="mr-0.5 size-2.5" />
-                          {tool}
-                        </Badge>
-                      ))}
-                    </div>
-                  )}
-                  {usage.toolApprovalOverrides.length > 0 && (
-                    <div className="text-muted-foreground mt-2 text-xs">
-                      {usage.toolApprovalOverrides.length} approval override
-                      {usage.toolApprovalOverrides.length !== 1 ? "s" : ""}
-                    </div>
-                  )}
-                </div>
-              );
-            })}
-          </div>
-        </Section>
-      )}
-
-      {spec?.skillRefs && spec.skillRefs.length > 0 && (
-        <Section title="Skills">
-          <div className="space-y-2">
-            {spec.skillRefs.map((ref, i) => {
-              const slug = ref.org ? `${ref.org}/${ref.slug}` : ref.slug;
-              return (
-                <div
-                  key={slug || i}
-                  className="flex items-center gap-2 rounded-lg border p-3 text-sm"
-                >
-                  <FileCode2 className="text-muted-foreground size-4 shrink-0" />
-                  <span className="font-mono font-medium">{slug}</span>
-                </div>
-              );
-            })}
-          </div>
-        </Section>
-      )}
-
-      {spec?.subAgents && spec.subAgents.length > 0 && (
-        <Section title="Sub-Agents">
-          <div className="space-y-3">
-            {spec.subAgents.map((sub) => (
-              <div key={sub.name} className="rounded-lg border p-3 text-sm">
-                <div className="flex items-center gap-2">
-                  <Bot className="text-muted-foreground size-4 shrink-0" />
-                  <span className="font-medium">{sub.name}</span>
-                  {sub.modelOverride && (
-                    <Badge variant="outline" className="text-[10px]">
-                      {sub.modelOverride}
-                    </Badge>
-                  )}
-                </div>
-                {sub.description && (
-                  <p className="text-muted-foreground mt-1 text-xs">
-                    {sub.description}
-                  </p>
-                )}
-              </div>
-            ))}
-          </div>
-        </Section>
-      )}
-    </div>
-  );
-}
-
-function CollapsibleInstructions({ instructions }: { instructions: string }) {
-  const [open, setOpen] = useState(false);
-
-  return (
-    <Collapsible open={open} onOpenChange={setOpen}>
-      <pre className="bg-muted rounded-lg p-4 font-mono text-xs leading-relaxed whitespace-pre-wrap">
-        {open
-          ? instructions
-          : instructions.slice(0, INSTRUCTIONS_COLLAPSE_THRESHOLD) + "..."}
-      </pre>
-      <CollapsibleContent />
-      <CollapsibleTrigger className="text-muted-foreground hover:text-foreground mt-2 flex items-center gap-1 text-xs">
-        <ChevronDown
-          className={cn("size-3.5 transition-transform", open && "rotate-180")}
-        />
-        {open ? "Show less" : "Show full instructions"}
-      </CollapsibleTrigger>
-    </Collapsible>
-  );
-}