@compose-market/theme 0.0.1 → 0.0.3

package/dist/components/compose/pickers/connector-detail.js

@@ -0,0 +1,236 @@
+/**
+ * Connector Detail Dialog Component
+ *
+ * Shows detailed info about a connector/plugin with test execution capability.
+ */
+import { useState, useEffect } from "react";
+import { Button } from "@/components/ui/button";
+import { Badge } from "@/components/ui/badge";
+import { Label } from "@/components/ui/label";
+import { Textarea } from "@/components/ui/textarea";
+import { ScrollArea } from "@/components/ui/scroll-area";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from "@/components/ui/dialog";
+import { Plug, Loader2, Github, Zap, Server, FlaskConical, Wrench, Copy } from "lucide-react";
+import { useToast } from "@/hooks/use-toast";
+import { executeRegistryTool } from "@/lib/services";
+export function ConnectorDetailDialog({ server, open, onOpenChange, onAdd, }) {
+    const { toast } = useToast();
+    const [selectedTool, setSelectedTool] = useState("");
+    const [testArgs, setTestArgs] = useState("{}");
+    const [testing, setTesting] = useState(false);
+    const [testResult, setTestResult] = useState(null);
+    const [dynamicTools, setDynamicTools] = useState([]);
+    const [loadingTools, setLoadingTools] = useState(false);
+    // Fetch tools dynamically for MCP servers that don't have pre-cached tools
+    useEffect(() => {
+        if (!server || !open)
+            return;
+        // Reset state when server changes
+        setSelectedTool("");
+        setTestResult(null);
+        setDynamicTools([]);
+        // Only fetch dynamically for MCP servers without pre-cached tools
+        if (server.origin === "mcp" && (!server.tools || server.tools.length === 0)) {
+            setLoadingTools(true);
+            import("@/lib/services").then(({ fetchMcpServerTools }) => {
+                fetchMcpServerTools(server.slug)
+                    .then((tools) => {
+                    setDynamicTools(tools);
+                    if (tools.length > 0) {
+                        setSelectedTool(tools[0].name);
+                    }
+                })
+                    .catch((err) => {
+                    toast({
+                        title: "Failed to load tools",
+                        description: err.message,
+                        variant: "destructive",
+                    });
+                })
+                    .finally(() => setLoadingTools(false));
+            });
+        }
+    }, [server, open, toast]);
+    if (!server)
+        return null;
+    // Use dynamic tools if available, otherwise use pre-cached tools
+    const tools = dynamicTools.length > 0 ? dynamicTools : (server.tools || []);
+    const hasTools = tools.length > 0;
+    const getOriginStyle = () => {
+        switch (server.origin) {
+            case "goat": return { bg: "bg-green-500/10", border: "border-green-500/30", text: "text-green-400" };
+            case "eliza": return { bg: "bg-fuchsia-500/10", border: "border-fuchsia-500/30", text: "text-fuchsia-400" };
+            default: return { bg: "bg-purple-500/10", border: "border-purple-500/30", text: "text-purple-400" };
+        }
+    };
+    const style = getOriginStyle();
+    const handleTest = async () => {
+        if (!selectedTool && !hasTools)
+            return;
+        let args;
+        try {
+            args = JSON.parse(testArgs);
+        }
+        catch {
+            toast({
+                title: "Invalid JSON",
+                description: "Please enter valid JSON for arguments",
+                variant: "destructive",
+            });
+            return;
+        }
+        setTesting(true);
+        setTestResult(null);
+        try {
+            const toolName = selectedTool || tools[0]?.name || "execute";
+            const result = await executeRegistryTool(server.registryId, server.origin, server.slug, toolName, args, undefined);
+            setTestResult({
+                success: result.success,
+                content: result.result || result.content,
+                error: result.error,
+            });
+            toast({
+                title: result.success ? "Test Successful" : "Test Failed",
+                description: result.success
+                    ? "The tool executed successfully"
+                    : result.error || "Unknown error",
+                variant: result.success ? "default" : "destructive",
+            });
+        }
+        catch (err) {
+            const errorMsg = err instanceof Error ? err.message : String(err);
+            setTestResult({ success: false, error: errorMsg });
+            toast({
+                title: "Test Error",
+                description: errorMsg,
+                variant: "destructive",
+            });
+        }
+        finally {
+            setTesting(false);
+        }
+    };
+    const handleAdd = () => {
+        const toolName = selectedTool || (hasTools ? tools[0].name : "execute");
+        const tool = {
+            name: toolName,
+            description: tools.find(t => t.name === toolName)?.description || `Execute ${server.name}`,
+            inputSchema: { type: "object", properties: {} },
+        };
+        onAdd(server.registryId, tool);
+        onOpenChange(false);
+    };
+    const copyResult = () => {
+        if (testResult) {
+            navigator.clipboard.writeText(JSON.stringify(testResult, null, 2));
+            toast({ title: "Copied to clipboard" });
+        }
+    };
+    return (<Dialog open={open} onOpenChange={onOpenChange}>
+            <DialogContent className="max-w-2xl bg-card border-cyan-500/30">
+                <DialogHeader>
+                    <div className="flex items-center gap-3">
+                        <div className={`w-10 h-10 rounded-sm flex items-center justify-center border ${style.bg} ${style.border}`}>
+                            {server.origin === "goat" ? (<Zap className={`w-5 h-5 ${style.text}`}/>) : server.origin === "eliza" ? (<Plug className={`w-5 h-5 ${style.text}`}/>) : (<Server className={`w-5 h-5 ${style.text}`}/>)}
+                        </div>
+                        <div>
+                            <DialogTitle className="font-display text-lg">{server.name}</DialogTitle>
+                            <DialogDescription className="font-mono text-xs">
+                                {server.namespace}/{server.slug}
+                            </DialogDescription>
+                        </div>
+                    </div>
+                </DialogHeader>
+
+                <div className="space-y-4 mt-4">
+                    {/* Description */}
+                    <p className="text-sm text-muted-foreground">{server.description}</p>
+
+                    {/* Badges */}
+                    <div className="flex flex-wrap gap-2">
+                        <Badge className={`${style.bg} ${style.text}`}>
+                            {server.origin === "goat" ? "GOAT SDK" :
+            server.origin === "eliza" ? "ElizaOS" : "MCP"}
+                        </Badge>
+                        {server.category && (<Badge variant="outline">{server.category}</Badge>)}
+                        {server.executable && (<Badge variant="outline" className="border-green-500/30 text-green-400">
+                                <FlaskConical className="w-3 h-3 mr-1"/>
+                                Testable
+                            </Badge>)}
+                        {server.toolCount > 0 && (<Badge variant="outline" className="border-sidebar-border">
+                                <Wrench className="w-3 h-3 mr-1"/>
+                                {server.toolCount} tools
+                            </Badge>)}
+                    </div>
+
+                    {/* Tags */}
+                    {server.tags.length > 0 && (<div className="flex flex-wrap gap-1">
+                            {server.tags.slice(0, 8).map((tag) => (<span key={tag} className="text-[10px] text-muted-foreground">
+                                    #{tag}
+                                </span>))}
+                        </div>)}
+
+                    {/* Tools List */}
+                    {hasTools && (<div>
+                            <Label className="text-xs font-mono text-muted-foreground mb-2 block">
+                                AVAILABLE TOOLS ({tools.length})
+                            </Label>
+                            <ScrollArea className="h-32">
+                                <div className="space-y-1 pr-2">
+                                    {tools.map((tool) => (<button key={tool.name} onClick={() => setSelectedTool(tool.name)} className={`w-full text-left p-2 rounded-sm border transition-all ${selectedTool === tool.name
+                    ? "border-cyan-500/50 bg-cyan-500/10"
+                    : "border-sidebar-border hover:border-cyan-500/30"}`}>
+                                            <div className="font-mono text-xs text-cyan-400">{tool.name}</div>
+                                            {tool.description && (<p className="text-[10px] text-muted-foreground mt-0.5">{tool.description}</p>)}
+                                        </button>))}
+                                </div>
+                            </ScrollArea>
+                        </div>)}
+
+                    {/* Test Section */}
+                    {server.executable && (<div className="space-y-2 p-3 rounded-sm bg-background/50 border border-sidebar-border">
+                            <Label className="text-xs font-mono text-muted-foreground">
+                                TEST ARGUMENTS (JSON)
+                            </Label>
+                            <Textarea value={testArgs} onChange={(e) => setTestArgs(e.target.value)} placeholder='{"key": "value"}' className="font-mono text-xs h-16 bg-background/50 border-sidebar-border"/>
+
+                            {/* Test Result */}
+                            {testResult && (<div className={`p-2 rounded-sm border ${testResult.success
+                    ? "bg-green-500/10 border-green-500/30"
+                    : "bg-red-500/10 border-red-500/30"}`}>
+                                    <div className="flex items-center justify-between mb-1">
+                                        <span className={`text-xs font-bold ${testResult.success ? "text-green-400" : "text-red-400"}`}>
+                                            {testResult.success ? "Success" : "Failed"}
+                                        </span>
+                                        <Button variant="ghost" size="sm" onClick={copyResult} className="h-5 px-1">
+                                            <Copy className="w-3 h-3"/>
+                                        </Button>
+                                    </div>
+                                    <pre className="text-[10px] font-mono overflow-auto max-h-20">
+                                        {JSON.stringify(testResult.content || testResult.error, null, 2)}
+                                    </pre>
+                                </div>)}
+                        </div>)}
+                </div>
+
+                {/* Actions */}
+                <DialogFooter className="gap-2 pt-4 border-t border-sidebar-border">
+                    {server.repoUrl && (<Button variant="outline" asChild>
+                            <a href={server.repoUrl} target="_blank" rel="noopener noreferrer">
+                                <Github className="w-4 h-4 mr-2"/>
+                                Repository
+                            </a>
+                        </Button>)}
+                    {server.executable && (<Button variant="outline" onClick={handleTest} disabled={testing} className="border-yellow-500/30 text-yellow-400 hover:bg-yellow-500/10">
+                            {testing ? (<Loader2 className="w-4 h-4 mr-2 animate-spin"/>) : (<FlaskConical className="w-4 h-4 mr-2"/>)}
+                            Test
+                        </Button>)}
+                    <Button onClick={handleAdd} className="bg-cyan-500 hover:bg-cyan-600 text-black font-bold">
+                        <Plug className="w-4 h-4 mr-2"/>
+                        Add to Workflow
+                    </Button>
+                </DialogFooter>
+            </DialogContent>
+        </Dialog>);
+}
+//# sourceMappingURL=connector-detail.js.map

package/dist/components/compose/pickers/connector-detail.js.map

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

package/dist/components/compose/pickers/connector-picker.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Connector Picker Component
+ *
+ * Unified search across MCP, GOAT, and Eliza plugin registries.
+ * Single-click adds plugin to canvas, drag-drop also supported.
+ */
+import type { ConnectorTool } from "@/lib/services";
+interface ConnectorPickerProps {
+    onSelect: (connectorId: string, tool: ConnectorTool) => void;
+}
+export declare function ConnectorPicker({ onSelect }: ConnectorPickerProps): any;
+export {};
+//# sourceMappingURL=connector-picker.d.ts.map

package/dist/components/compose/pickers/connector-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"connector-picker.d.ts","sourceRoot":"","sources":["../../../../src/components/compose/pickers/connector-picker.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAaH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAGpD,UAAU,oBAAoB;IAC1B,QAAQ,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;CAChE;AAED,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,EAAE,oBAAoB,OAgIjE"}

package/dist/components/compose/pickers/connector-picker.js

@@ -0,0 +1,101 @@
+/**
+ * Connector Picker Component
+ *
+ * Unified search across MCP, GOAT, and Eliza plugin registries.
+ * Single-click adds plugin to canvas, drag-drop also supported.
+ */
+import { useState } from "react";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { Badge } from "@/components/ui/badge";
+import { ScrollArea } from "@/components/ui/scroll-area";
+import { Plug, Loader2, Info } from "lucide-react";
+import { useRegistryServers, useRegistrySearch, } from "@/hooks/use-registry";
+import { ConnectorDetailDialog } from "./connector-detail";
+export function ConnectorPicker({ onSelect }) {
+    const [searchQuery, setSearchQuery] = useState("");
+    const [detailServer, setDetailServer] = useState(null);
+    const [detailOpen, setDetailOpen] = useState(false);
+    // Fetch all servers with search (only plugins, not agents)
+    const { data: searchData, isLoading: isSearching } = useRegistrySearch(searchQuery, 30);
+    // Fetch all servers when no search (only plugins)
+    const { data: allData, isLoading: isLoadingAll } = useRegistryServers({
+        type: "plugin",
+        limit: 50,
+    });
+    const servers = searchQuery.trim()
+        ? searchData?.servers || []
+        : allData?.servers || [];
+    const isLoading = searchQuery.trim() ? isSearching : isLoadingAll;
+    // Open detail dialog
+    const handleShowDetails = (server, e) => {
+        e.stopPropagation();
+        setDetailServer(server);
+        setDetailOpen(true);
+    };
+    const getOriginBadge = (origin) => {
+        switch (origin) {
+            case "mcp": return <Badge variant="secondary" className="text-[8px] h-4 px-1">MCP</Badge>;
+            case "goat": return <Badge variant="outline" className="text-[8px] h-4 px-1 border-green-500/50 text-green-400">GOAT</Badge>;
+            case "eliza": return <Badge variant="outline" className="text-[8px] h-4 px-1 border-fuchsia-500/50 text-fuchsia-400">Eliza</Badge>;
+            default: return null;
+        }
+    };
+    return (<div className="space-y-3">
+            {/* Search Input */}
+            <div>
+                <Label className="text-[10px] font-mono text-muted-foreground mb-1.5 block">
+                    SEARCH TOOLS
+                </Label>
+                <Input placeholder="Search connectors, plugins, MCPs..." value={searchQuery} onChange={(e) => setSearchQuery(e.target.value)} className="h-8 text-xs bg-background/50 border-sidebar-border"/>
+            </div>
+
+            {/* Server/Plugin List */}
+            <div>
+                <Label className="text-[10px] font-mono text-muted-foreground mb-1.5 block">
+                    SELECT CONNECTOR
+                </Label>
+                {isLoading ? (<div className="flex items-center gap-2 text-xs text-muted-foreground py-4">
+                        <Loader2 className="w-3 h-3 animate-spin"/>
+                        Loading...
+                    </div>) : servers.length === 0 ? (<div className="text-xs text-muted-foreground py-4 text-center">
+                        {searchQuery ? "No matches found" : "No tools available"}
+                    </div>) : (<ScrollArea className="h-40">
+                        <div className="space-y-1 pr-2">
+                            {servers.map((server) => {
+                // Direct add function for single-click
+                const handleDirectAdd = () => {
+                    const defaultTool = {
+                        name: "execute",
+                        description: `Execute ${server.name}`,
+                        inputSchema: { type: "object", properties: {} },
+                    };
+                    onSelect(server.registryId, defaultTool);
+                };
+                return (<div key={server.registryId} role="button" tabIndex={0} draggable="true" onClick={handleDirectAdd} onKeyDown={(e) => e.key === "Enter" && handleDirectAdd()} onDragStart={(e) => {
+                        e.dataTransfer.setData("application/compose-plugin", JSON.stringify(server));
+                        e.dataTransfer.effectAllowed = "copy";
+                    }} className="w-full text-left p-2 rounded-sm border transition-all group cursor-pointer hover:border-cyan-500/50 hover:bg-cyan-500/10 border-sidebar-border">
+                                        <div className="flex items-center gap-2">
+                                            <Plug className="w-3 h-3 text-cyan-400"/>
+                                            <span className="font-mono text-xs truncate flex-1">{server.name}</span>
+                                            {/* Info button - stops propagation to prevent adding */}
+                                            <button onClick={(e) => handleShowDetails(server, e)} className="p-1 hover:bg-cyan-500/20 rounded opacity-0 group-hover:opacity-100 transition-opacity" title="View details">
+                                                <Info className="w-3 h-3 text-muted-foreground hover:text-cyan-400"/>
+                                            </button>
+                                            {getOriginBadge(server.origin)}
+                                        </div>
+                                        <p className="text-[10px] text-muted-foreground truncate mt-0.5 ml-5">
+                                            {server.description}
+                                        </p>
+                                    </div>);
+            })}
+                        </div>
+                    </ScrollArea>)}
+            </div>
+
+            {/* Detail Dialog */}
+            <ConnectorDetailDialog server={detailServer} open={detailOpen} onOpenChange={setDetailOpen} onAdd={onSelect}/>
+        </div>);
+}
+//# sourceMappingURL=connector-picker.js.map

package/dist/components/compose/pickers/connector-picker.js.map

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

package/dist/components/compose/pickers/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Compose Pickers - Re-exports
+ *
+ * Unified exports for all picker components used in the compose page.
+ */
+export { ConnectorPicker } from "./connector-picker";
+export { ConnectorDetailDialog } from "./connector-detail";
+export { AgentsPicker, AgentPickerCard } from "./agents-picker";
+export { TriggerPicker } from "./trigger-picker";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/compose/pickers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/compose/pickers/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/compose/pickers/index.js

@@ -0,0 +1,10 @@
+/**
+ * Compose Pickers - Re-exports
+ *
+ * Unified exports for all picker components used in the compose page.
+ */
+export { ConnectorPicker } from "./connector-picker";
+export { ConnectorDetailDialog } from "./connector-detail";
+export { AgentsPicker, AgentPickerCard } from "./agents-picker";
+export { TriggerPicker } from "./trigger-picker";
+//# sourceMappingURL=index.js.map

package/dist/components/compose/pickers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/compose/pickers/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/compose/pickers/trigger-picker.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Trigger Picker Component
+ *
+ * Smart NL-first input for creating workflow triggers.
+ * Uses LLM to parse natural language to cron expressions.
+ */
+import { type TriggerDefinition } from "@/lib/triggers";
+interface TriggerPickerProps {
+    onAdd: (trigger: Partial<TriggerDefinition>) => void;
+}
+export declare function TriggerPicker({ onAdd }: TriggerPickerProps): any;
+export {};
+//# sourceMappingURL=trigger-picker.d.ts.map

package/dist/components/compose/pickers/trigger-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"trigger-picker.d.ts","sourceRoot":"","sources":["../../../../src/components/compose/pickers/trigger-picker.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAOH,OAAO,EACH,KAAK,iBAAiB,EAIzB,MAAM,gBAAgB,CAAC;AAExB,UAAU,kBAAkB;IACxB,KAAK,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CACxD;AAED,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,EAAE,kBAAkB,OAuI1D"}

package/dist/components/compose/pickers/trigger-picker.js

@@ -0,0 +1,110 @@
+/**
+ * Trigger Picker Component
+ *
+ * Smart NL-first input for creating workflow triggers.
+ * Uses LLM to parse natural language to cron expressions.
+ */
+import { useState } from "react";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { Clock, Loader2 } from "lucide-react";
+import { parseNLToCron, TRIGGER_TEMPLATES, getUserTimezone, } from "@/lib/triggers";
+export function TriggerPicker({ onAdd }) {
+    const [nlInput, setNlInput] = useState("");
+    const [isParsing, setIsParsing] = useState(false);
+    const [parseResult, setParseResult] = useState(null);
+    // Parse the NL input when user stops typing
+    const handleParse = async () => {
+        if (!nlInput.trim())
+            return;
+        setIsParsing(true);
+        setParseResult(null);
+        try {
+            const result = await parseNLToCron(nlInput.trim(), getUserTimezone());
+            setParseResult(result);
+        }
+        catch (error) {
+            setParseResult({ success: false, error: String(error) });
+        }
+        finally {
+            setIsParsing(false);
+        }
+    };
+    const handleAdd = () => {
+        if (parseResult?.success && parseResult.cronExpression) {
+            onAdd({
+                name: nlInput.substring(0, 50),
+                type: "cron",
+                nlDescription: nlInput,
+                cronExpression: parseResult.cronExpression,
+                cronReadable: parseResult.cronReadable,
+                timezone: getUserTimezone(),
+                enabled: true,
+            });
+            setNlInput("");
+            setParseResult(null);
+        }
+    };
+    const handleQuickAdd = (templateKey) => {
+        const template = TRIGGER_TEMPLATES[templateKey];
+        if (template) {
+            onAdd({
+                name: template.cronReadable,
+                type: "cron",
+                nlDescription: template.nlDescription,
+                cronExpression: template.cronExpression,
+                cronReadable: template.cronReadable,
+                timezone: getUserTimezone(),
+                enabled: true,
+            });
+        }
+    };
+    return (<div className="space-y-3">
+            {/* NL Input - Primary Interface */}
+            <div>
+                <Label className="text-[10px] font-mono text-muted-foreground mb-1.5 block">
+                    DESCRIBE YOUR SCHEDULE
+                </Label>
+                <div className="flex gap-2">
+                    <Input placeholder="e.g. every day at 9am, every Monday..." value={nlInput} onChange={(e) => {
+            setNlInput(e.target.value);
+            setParseResult(null);
+        }} onKeyDown={(e) => e.key === "Enter" && handleParse()} className="h-8 text-xs bg-background/50 border-sidebar-border flex-1"/>
+                    <Button size="sm" variant="secondary" onClick={handleParse} disabled={!nlInput.trim() || isParsing} className="h-8 px-3 text-xs">
+                        {isParsing ? <Loader2 className="w-3 h-3 animate-spin"/> : "Parse"}
+                    </Button>
+                </div>
+            </div>
+
+            {/* Parse Result */}
+            {parseResult && (<div className={`p-2 rounded-sm border text-xs ${parseResult.success
+                ? "bg-green-500/10 border-green-500/30"
+                : "bg-red-500/10 border-red-500/30"}`}>
+                    {parseResult.success ? (<div className="space-y-1">
+                            <div className="text-green-400 font-mono">{parseResult.cronReadable}</div>
+                            <code className="text-[10px] text-muted-foreground">{parseResult.cronExpression}</code>
+                            <Button size="sm" onClick={handleAdd} className="w-full mt-2 bg-amber-500 hover:bg-amber-600 text-black h-7 text-xs font-bold">
+                                <Clock className="w-3 h-3 mr-1"/>
+                                Add Trigger
+                            </Button>
+                        </div>) : (<div className="text-red-400">{parseResult.error}</div>)}
+                </div>)}
+
+            {/* Quick Templates */}
+            <div>
+                <Label className="text-[10px] font-mono text-muted-foreground mb-1.5 block">
+                    QUICK ADD
+                </Label>
+                <div className="grid grid-cols-2 gap-1">
+                    {["every-hour", "daily-9am", "weekdays-9am", "weekly-monday-9am"].map((key) => {
+            const template = TRIGGER_TEMPLATES[key];
+            return (<button key={key} onClick={() => handleQuickAdd(key)} className="p-1.5 text-[10px] font-mono text-left rounded-sm border border-sidebar-border hover:border-amber-500/50 hover:bg-amber-500/5 transition-all">
+                                {template.cronReadable}
+                            </button>);
+        })}
+                </div>
+            </div>
+        </div>);
+}
+//# sourceMappingURL=trigger-picker.js.map

package/dist/components/compose/pickers/trigger-picker.js.map

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

package/dist/components/compose/toolbox.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Floating Toolbox Component
+ *
+ * Draggable toolbox for fullscreen compose mode.
+ * Contains plugin/agent/trigger pickers and action buttons.
+ */
+import type { ConnectorTool } from "@/lib/services";
+import type { Agent } from "@/lib/agents";
+import type { TriggerDefinition } from "@/lib/triggers";
+interface FloatingToolboxProps {
+    onClose: () => void;
+    onAddStep: (connectorId: string, tool: ConnectorTool) => void;
+    onAddAgentStep: (agent: Agent) => void;
+    onAddTrigger?: (trigger: Partial<TriggerDefinition>) => void;
+    onRun: () => void;
+    onRequest: () => void;
+    onMint: () => void;
+    onSettings: () => void;
+    isRunning: boolean;
+    nodeCount: number;
+}
+export declare function FloatingToolbox({ onClose, onAddStep, onAddAgentStep, onAddTrigger, onRun, onRequest, onMint, onSettings, isRunning, nodeCount, }: FloatingToolboxProps): any;
+export {};
+//# sourceMappingURL=toolbox.d.ts.map

package/dist/components/compose/toolbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbox.d.ts","sourceRoot":"","sources":["../../../src/components/compose/toolbox.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAYH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,UAAU,oBAAoB;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9D,cAAc,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC7D,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,eAAe,CAAC,EAC5B,OAAO,EACP,SAAS,EACT,cAAc,EACd,YAAY,EACZ,KAAK,EACL,SAAS,EACT,MAAM,EACN,UAAU,EACV,SAAS,EACT,SAAS,GACZ,EAAE,oBAAoB,OAqOtB"}