@leanmcp/ui 0.3.0 → 0.3.2

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import { __name } from './chunk-KX75VCMM.mjs';
 export { GPTApp, UIApp, getGPTAppMetadata, getGPTAppUri, getUIAppMetadata, getUIAppUri } from './chunk-KX75VCMM.mjs';
 import * as React26 from 'react';
-import React26__default, { forwardRef, Component, useState, useRef, useCallback, useEffect, createContext, useContext, useMemo } from 'react';
+import React26__default, { forwardRef, Component, useState, useRef, useCallback, useEffect, createContext, useContext, useMemo, useSyncExternalStore } from 'react';
 import { applyDocumentTheme, applyHostStyleVariables, applyHostFonts, PostMessageTransport, App } from '@modelcontextprotocol/ext-apps';
 export { App, PostMessageTransport, RESOURCE_MIME_TYPE, RESOURCE_URI_META_KEY, applyDocumentTheme, applyHostFonts, applyHostStyleVariables, getDocumentTheme } from '@modelcontextprotocol/ext-apps';
 import { XIcon, ChevronDownIcon, CheckIcon, ChevronUpIcon, Loader2, SearchIcon, Search, X, AlertCircle, RefreshCw, ChevronLeft, ChevronRight, WifiOff, CircleIcon, ChevronRightIcon, Check, ArrowUpDown, ArrowUp, ArrowDown, Loader2Icon, OctagonXIcon, TriangleAlertIcon, InfoIcon, CircleCheckIcon } from 'lucide-react';
@@ -1657,6 +1657,10 @@ function useResource(uri, options = {}) {
     fetchResource
   ]);
   useEffect(() => {
+    if (intervalRef.current) {
+      clearInterval(intervalRef.current);
+      intervalRef.current = null;
+    }
     if (refreshInterval && refreshInterval > 0 && isConnected && !skip) {
       intervalRef.current = setInterval(() => {
         fetchResource().catch(() => {
@@ -2587,7 +2591,10 @@ function useToolSubscription(toolName, options = {}) {
     setIsPolling(false);
   }, []);
   const start = useCallback(() => {
-    stop();
+    if (intervalRef.current) {
+      clearInterval(intervalRef.current);
+      intervalRef.current = null;
+    }
     setIsPolling(true);
     toolHook.call(args).catch(() => {
     });
@@ -2598,8 +2605,7 @@ function useToolSubscription(toolName, options = {}) {
   }, [
     toolHook.call,
     args,
-    interval,
-    stop
+    interval
   ]);
   const refresh = useCallback(async () => {
     return toolHook.call(args);
@@ -2628,6 +2634,59 @@ function useToolSubscription(toolName, options = {}) {
   };
 }
 __name(useToolSubscription, "useToolSubscription");
+var SET_GLOBALS_EVENT_TYPE = "openai:set_globals";
+function useOpenAiGlobal(key) {
+  return useSyncExternalStore((onChange) => {
+    const handleSetGlobal = /* @__PURE__ */ __name((event) => {
+      const customEvent = event;
+      const value = customEvent.detail?.globals?.[key];
+      if (value !== void 0) {
+        onChange();
+      }
+    }, "handleSetGlobal");
+    window.addEventListener(SET_GLOBALS_EVENT_TYPE, handleSetGlobal, {
+      passive: true
+    });
+    return () => {
+      window.removeEventListener(SET_GLOBALS_EVENT_TYPE, handleSetGlobal);
+    };
+  }, () => window.openai?.[key]);
+}
+__name(useOpenAiGlobal, "useOpenAiGlobal");
+
+// src/mcp/useToolData.ts
+function useToolOutput() {
+  return useOpenAiGlobal("toolOutput");
+}
+__name(useToolOutput, "useToolOutput");
+function useToolResponseMetadata() {
+  return useOpenAiGlobal("toolResponseMetadata");
+}
+__name(useToolResponseMetadata, "useToolResponseMetadata");
+function useToolInput2() {
+  return useOpenAiGlobal("toolInput");
+}
+__name(useToolInput2, "useToolInput");
+function useWidgetState(initialState) {
+  const rawState = useOpenAiGlobal("widgetState");
+  const resolvedInitial = rawState ?? (typeof initialState === "function" ? initialState() : initialState);
+  const setWidgetState = useCallback((newStateOrUpdater) => {
+    if (!window.openai?.setWidgetState) {
+      console.warn("window.openai.setWidgetState is not available");
+      return;
+    }
+    const current = window.openai.widgetState ?? resolvedInitial;
+    const next = typeof newStateOrUpdater === "function" ? newStateOrUpdater(current) : newStateOrUpdater;
+    window.openai.setWidgetState(next);
+  }, [
+    resolvedInitial
+  ]);
+  return [
+    resolvedInitial,
+    setWidgetState
+  ];
+}
+__name(useWidgetState, "useWidgetState");
 
 // src/types/mcp-types.ts
 function normalizeToolBinding(tool) {
@@ -3382,6 +3441,6 @@ var Input2 = /* @__PURE__ */ forwardRef(({ className, label, helperText, error,
 });
 Input2.displayName = "Input";
 
-export { ActionButton, Alert, AlertDescription, AlertTitle, AppProvider, AppShell, Badge, Button2 as Button, Card2 as Card, CardContent2 as CardContent, CardDescription, CardFooter2 as CardFooter, CardHeader2 as CardHeader, CardTitle, Chart, Checkbox, CodeBlock, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DEFAULT_RESULT_CONFIG, DataGrid, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, GPTAppProvider, INITIAL_TOOL_STATE, Input2 as Input, Label2 as Label, Modal, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RequireConnection, ResourceView, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator2 as Separator, Skeleton, Slider, StreamingContent, Switch, TabContent, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs2 as Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, ToolButton, ToolDataGrid, ToolErrorBoundary, ToolForm, ToolInput, ToolProvider, ToolSelect, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn, normalizeToolBinding, useFormField, useGptApp, useGptTool, useHostContext, useMcpApp, useMessage, useResource, useTool, useToolContext, useToolInput, useToolInputPartial, useToolResult, useToolStream, useToolSubscription };
+export { ActionButton, Alert, AlertDescription, AlertTitle, AppProvider, AppShell, Badge, Button2 as Button, Card2 as Card, CardContent2 as CardContent, CardDescription, CardFooter2 as CardFooter, CardHeader2 as CardHeader, CardTitle, Chart, Checkbox, CodeBlock, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DEFAULT_RESULT_CONFIG, DataGrid, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, GPTAppProvider, INITIAL_TOOL_STATE, Input2 as Input, Label2 as Label, Modal, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RequireConnection, ResourceView, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator2 as Separator, Skeleton, Slider, StreamingContent, Switch, TabContent, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs2 as Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, ToolButton, ToolDataGrid, ToolErrorBoundary, ToolForm, ToolInput, ToolProvider, ToolSelect, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn, normalizeToolBinding, useFormField, useGptApp, useGptTool, useHostContext, useMcpApp, useMessage, useOpenAiGlobal, useResource, useTool, useToolContext, useToolInput, useToolInputPartial, useToolInput2 as useToolInputSpec, useToolOutput, useToolResponseMetadata, useToolResult, useToolStream, useToolSubscription, useWidgetState };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map