@compose-market/theme 0.0.2 → 0.0.3

package/dist/components/agent-card.js

@@ -0,0 +1,216 @@
+/**
+ * Agent Card Component
+ *
+ * Compact agent details card with readable text and flexible tools section.
+ * Shows: identity, model, tools, stats, and endpoints.
+ */
+import React from "react";
+import { Badge } from "@/components/ui/badge";
+import { Card, CardContent } from "@/components/ui/card";
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
+import { Button } from "@/components/ui/button";
+import { Skeleton } from "@/components/ui/skeleton";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "@/components/ui/tooltip";
+import { getIpfsUrl } from "@/lib/pinata";
+import { Copy, ExternalLink, DollarSign, Package, Zap, Globe, CheckCircle, Cpu, Wrench, } from "lucide-react";
+import { CHAIN_CONFIG } from "@/lib/chains";
+import { getContractAddress } from "@/lib/contracts";
+export function AgentCard({ agent, onCopyEndpoint }) {
+    const avatarUrl = agent.metadata?.image && agent.metadata.image !== "none"
+        ? agent.metadata.image.startsWith("ipfs://")
+            ? getIpfsUrl(agent.metadata.image.replace("ipfs://", ""))
+            : agent.metadata.image.startsWith("https://")
+                ? agent.metadata.image
+                : null
+        : null;
+    const initials = (agent.metadata?.name || `Agent ${agent.id}`)
+        .split(" ")
+        .map(w => w[0])
+        .join("")
+        .slice(0, 2)
+        .toUpperCase();
+    const licensesDisplay = agent.licenses === 0 ? "∞" : `${agent.licensesAvailable}/${agent.licenses}`;
+    const model = agent.metadata?.model || "Unknown";
+    const plugins = agent.metadata?.plugins || [];
+    // Use agent's chain from metadata (source of truth)
+    const agentChainId = agent.metadata.chain;
+    const chainInfo = CHAIN_CONFIG[agentChainId];
+    const chainAbbr = chainInfo.name.split(" ")[0].toUpperCase().slice(0, 4);
+    // API endpoint URL - direct path without double /api/
+    const apiEndpoint = agent.walletAddress
+        ? `https://manowar.compose.market/agent/${agent.walletAddress}`
+        : null;
+    const handleCopyEndpoint = () => {
+        if (apiEndpoint) {
+            navigator.clipboard.writeText(apiEndpoint);
+            onCopyEndpoint?.();
+        }
+    };
+    return (<TooltipProvider>
+            <Card className="glass-panel border-cyan-500/30 h-full flex flex-col overflow-hidden">
+                <CardContent className="p-5 flex flex-col gap-4 flex-1 overflow-y-auto">
+                    {/* Header: Avatar + Name + Actions */}
+                    <div className="flex items-start gap-4">
+                        <Avatar className="w-14 h-14 shrink-0 border-2 border-cyan-500/30">
+                            <AvatarImage src={avatarUrl || undefined} alt={agent.metadata?.name || `Agent #${agent.id}`}/>
+                            <AvatarFallback className="bg-cyan-500/20 text-cyan-400 font-mono text-base">
+                                {initials}
+                            </AvatarFallback>
+                        </Avatar>
+                        <div className="flex-1 min-w-0">
+                            <div className="flex items-center gap-2">
+                                <h3 className="font-semibold text-white truncate text-base">
+                                    {agent.metadata?.name || `Agent #${agent.id}`}
+                                </h3>
+                                <Tooltip>
+                                    <TooltipTrigger asChild>
+                                        <button onClick={() => window.open(`${CHAIN_CONFIG[agentChainId].explorer}/token/${getContractAddress("AgentFactory", agentChainId)}?a=${agent.id}`, "_blank")} className="text-muted-foreground hover:text-cyan-400 transition-colors shrink-0">
+                                            <ExternalLink className="w-4 h-4"/>
+                                        </button>
+                                    </TooltipTrigger>
+                                    <TooltipContent>View on Explorer</TooltipContent>
+                                </Tooltip>
+                            </div>
+                            <p className="text-muted-foreground text-sm line-clamp-2 mt-1">
+                                {agent.metadata?.description || "No description available"}
+                            </p>
+                        </div>
+                    </div>
+
+                    {/* Badges */}
+                    <div className="flex flex-wrap gap-1.5">
+                        <Badge className="bg-green-500/20 text-green-400 border-green-500/30 text-xs">
+                            <CheckCircle className="w-3 h-3 mr-1"/>
+                            Verified
+                        </Badge>
+                        {agent.cloneable && (<Badge className="bg-purple-500/20 text-purple-400 border-purple-500/30 text-xs">
+                                Cloneable
+                            </Badge>)}
+                        <Badge className="bg-cyan-500/20 text-cyan-400 border-cyan-500/30 text-xs">
+                            #{agent.id}
+                        </Badge>
+                    </div>
+
+                    {/* Stats Row - Compact horizontal layout */}
+                    <div className="grid grid-cols-4 gap-2 text-center">
+                        <Tooltip>
+                            <TooltipTrigger asChild>
+                                <div className="p-2 bg-background/50 border border-sidebar-border rounded-lg cursor-default">
+                                    <DollarSign className="w-4 h-4 text-green-400 mx-auto"/>
+                                    <p className="font-mono text-sm text-green-400 mt-1">{agent.licensePriceFormatted}</p>
+                                </div>
+                            </TooltipTrigger>
+                            <TooltipContent>License Price</TooltipContent>
+                        </Tooltip>
+                        <Tooltip>
+                            <TooltipTrigger asChild>
+                                <div className="p-2 bg-background/50 border border-sidebar-border rounded-lg cursor-default">
+                                    <Package className="w-4 h-4 text-cyan-400 mx-auto"/>
+                                    <p className="font-mono text-sm text-cyan-400 mt-1">{licensesDisplay}</p>
+                                </div>
+                            </TooltipTrigger>
+                            <TooltipContent>Available Licenses</TooltipContent>
+                        </Tooltip>
+                        <Tooltip>
+                            <TooltipTrigger asChild>
+                                <div className="p-2 bg-background/50 border border-sidebar-border rounded-lg cursor-default">
+                                    <Zap className="w-4 h-4 text-yellow-400 mx-auto"/>
+                                    <p className="font-mono text-sm text-yellow-400 mt-1">Manowar</p>
+                                </div>
+                            </TooltipTrigger>
+                            <TooltipContent>Protocol</TooltipContent>
+                        </Tooltip>
+                        <Tooltip>
+                            <TooltipTrigger asChild>
+                                <div className="p-2 bg-background/50 border border-sidebar-border rounded-lg cursor-default">
+                                    <Globe className="w-4 h-4 text-fuchsia-400 mx-auto"/>
+                                    <p className="font-mono text-sm text-fuchsia-400 mt-1">{chainAbbr}</p>
+                                </div>
+                            </TooltipTrigger>
+                            <TooltipContent>{chainInfo.name}</TooltipContent>
+                        </Tooltip>
+                    </div>
+
+                    {/* Model */}
+                    <div className="flex items-center gap-3 p-3 bg-background/50 border border-sidebar-border rounded-lg">
+                        <Cpu className="w-5 h-5 text-cyan-400 shrink-0"/>
+                        <div className="min-w-0 flex-1">
+                            <span className="text-xs text-muted-foreground uppercase block">Model</span>
+                            <span className="font-mono text-sm text-cyan-400 truncate block" title={model}>
+                                {model}
+                            </span>
+                        </div>
+                    </div>
+
+                    {/* Tools - Flexible container that expands based on content */}
+                    {plugins.length > 0 && (<div className="flex-1 min-h-0 p-3 bg-background/50 border border-sidebar-border rounded-lg flex flex-col">
+                            <div className="flex items-center gap-2 mb-2 shrink-0">
+                                <Wrench className="w-4 h-4 text-fuchsia-400"/>
+                                <span className="text-xs text-muted-foreground uppercase">Tools ({plugins.length})</span>
+                            </div>
+                            <div className="flex flex-wrap gap-1.5 content-start overflow-y-auto">
+                                {plugins.map((plugin, idx) => (<Tooltip key={idx}>
+                                        <TooltipTrigger asChild>
+                                            <Badge variant="outline" className="text-xs px-2 py-0.5 border-fuchsia-500/30 text-fuchsia-400 cursor-default shrink-0">
+                                                {plugin.name || plugin.registryId}
+                                            </Badge>
+                                        </TooltipTrigger>
+                                        <TooltipContent>
+                                            <p className="font-mono text-xs">{plugin.name || plugin.registryId}</p>
+                                            {plugin.origin && <p className="text-xs text-muted-foreground">{plugin.origin}</p>}
+                                        </TooltipContent>
+                                    </Tooltip>))}
+                            </div>
+                        </div>)}
+
+                    {/* API Endpoint - Backend proxies to Pinata */}
+                    {apiEndpoint && (<div className="pt-3 border-t border-sidebar-border mt-auto shrink-0">
+                            <div className="flex items-center gap-2 mb-2">
+                                <Globe className="w-4 h-4 text-cyan-400"/>
+                                <span className="text-xs text-muted-foreground uppercase">A2A Endpoint</span>
+                            </div>
+                            <div className="flex items-center gap-2 p-2 bg-background border border-sidebar-border rounded-lg font-mono text-xs">
+                                <code className="flex-1 truncate text-cyan-400">{apiEndpoint}</code>
+                                <Tooltip>
+                                    <TooltipTrigger asChild>
+                                        <Button variant="ghost" size="sm" onClick={handleCopyEndpoint} className="h-6 w-6 p-0 hover:text-cyan-400">
+                                            <Copy className="w-3.5 h-3.5"/>
+                                        </Button>
+                                    </TooltipTrigger>
+                                    <TooltipContent>Copy Endpoint</TooltipContent>
+                                </Tooltip>
+                            </div>
+                            {/* Creator - inline */}
+                            <div className="flex items-center gap-2 mt-3 text-xs text-muted-foreground">
+                                <span>Creator:</span>
+                                <a href={`${CHAIN_CONFIG[agentChainId].explorer}/address/${agent.creator}`} target="_blank" rel="noopener noreferrer" className="text-fuchsia-400 hover:underline font-mono">
+                                    {`${agent.creator.slice(0, 6)}...${agent.creator.slice(-4)}`}
+                                </a>
+                            </div>
+                        </div>)}
+                </CardContent>
+            </Card>
+        </TooltipProvider>);
+}
+export function AgentCardSkeleton() {
+    return (<Card className="glass-panel border-cyan-500/30 h-full">
+            <CardContent className="p-5 space-y-4">
+                <div className="flex items-start gap-4">
+                    <Skeleton className="w-14 h-14 rounded-full"/>
+                    <div className="flex-1 space-y-2">
+                        <Skeleton className="h-5 w-32"/>
+                        <Skeleton className="h-4 w-full"/>
+                    </div>
+                </div>
+                <div className="grid grid-cols-4 gap-2">
+                    <Skeleton className="h-14"/>
+                    <Skeleton className="h-14"/>
+                    <Skeleton className="h-14"/>
+                    <Skeleton className="h-14"/>
+                </div>
+                <Skeleton className="h-14"/>
+                <Skeleton className="h-20"/>
+            </CardContent>
+        </Card>);
+}
+//# sourceMappingURL=agent-card.js.map

package/dist/components/agent-card.js.map

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

package/dist/components/backpack.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Backpack Component
+ *
+ * User's personal permission and account management popup.
+ * Two tabs:
+ * - Permissions: Toggle browser permissions (filesystem, camera, mic, etc.)
+ * - Connected Accounts: Connect/disconnect external accounts via Composio
+ *
+ * OAuth is handled entirely by Composio as a credential broker —
+ * the app never sees or stores user credentials. Composio manages
+ * the full OAuth handshake, token storage, and refresh lifecycle.
+ */
+interface BackpackDialogProps {
+    userId?: string;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    showTrigger?: boolean;
+}
+export declare function BackpackDialog({ userId, open, onOpenChange, showTrigger }: BackpackDialogProps): any;
+export default BackpackDialog;
+//# sourceMappingURL=backpack.d.ts.map

package/dist/components/backpack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"backpack.d.ts","sourceRoot":"","sources":["../../src/components/backpack.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAiNH,UAAU,mBAAmB;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,wBAAgB,cAAc,CAAC,EAC3B,MAAM,EACN,IAAI,EACJ,YAAY,EACZ,WAAkB,EACrB,EAAE,mBAAmB,OA68BrB;AAED,eAAe,cAAc,CAAC"}