@distri/react 0.2.5 → 0.2.7

package/dist/globals.css

@@ -332,67 +332,6 @@ video {
 [hidden]:where(:not([hidden=until-found])) {
   display: none;
 }
-:root {
-  --background: 0 0% 100%;
-  --foreground: 222.2 84% 4.9%;
-  --card: 0 0% 100%;
-  --card-foreground: 222.2 84% 4.9%;
-  --popover: 0 0% 100%;
-  --popover-foreground: 222.2 84% 4.9%;
-  --primary: 222.2 47.4% 11.2%;
-  --primary-foreground: 210 40% 98%;
-  --secondary: 210 40% 96%;
-  --secondary-foreground: 222.2 84% 4.9%;
-  --muted: 210 40% 96%;
-  --muted-foreground: 215.4 16.3% 46.9%;
-  --accent: 210 40% 96%;
-  --accent-foreground: 222.2 84% 4.9%;
-  --destructive: 0 84.2% 60.2%;
-  --destructive-foreground: 210 40% 98%;
-  --border: 214.3 31.8% 91.4%;
-  --input: 214.3 31.8% 91.4%;
-  --ring: 222.2 84% 4.9%;
-  --radius: 0.5rem;
-  --sidebar: 0 0% 98%;
-  --sidebar-foreground: 240 5.3% 26.1%;
-  --sidebar-primary: 240 5.9% 10%;
-  --sidebar-primary-foreground: 0 0% 98%;
-  --sidebar-accent: 240 4.8% 95.9%;
-  --sidebar-accent-foreground: 240 5.9% 10%;
-  --sidebar-border: 220 13% 91%;
-  --sidebar-ring: 217.2 91.2% 59.8%;
-  --thread-content-max-width: 768px;
-}
-.dark {
-  --background: 222.2 84% 4.9%;
-  --foreground: 210 40% 98%;
-  --card: 222.2 84% 4.9%;
-  --card-foreground: 210 40% 98%;
-  --popover: 222.2 84% 4.9%;
-  --popover-foreground: 210 40% 98%;
-  --primary: 210 40% 98%;
-  --primary-foreground: 222.2 84% 4.9%;
-  --secondary: 217.2 32.6% 17.5%;
-  --secondary-foreground: 210 40% 98%;
-  --muted: 217.2 32.6% 17.5%;
-  --muted-foreground: 215 20.2% 65.1%;
-  --accent: 217.2 32.6% 17.5%;
-  --accent-foreground: 210 40% 98%;
-  --destructive: 0 62.8% 30.6%;
-  --destructive-foreground: 210 40% 98%;
-  --border: 217.2 32.6% 17.5%;
-  --input: 217.2 32.6% 17.5%;
-  --ring: 212.7 26.8% 83.9%;
-  --sidebar: 240 5.9% 10%;
-  --sidebar-foreground: 240 4.8% 95.9%;
-  --sidebar-primary: 0 0% 98%;
-  --sidebar-primary-foreground: 240 5.9% 10%;
-  --sidebar-accent: 240 3.7% 15.9%;
-  --sidebar-accent-foreground: 240 4.8% 95.9%;
-  --sidebar-border: 240 3.7% 15.9%;
-  --sidebar-ring: 217.2 91.2% 59.8%;
-  --thread-content-max-width: 768px;
-}
 * {
   border-color: hsl(var(--border));
 }
@@ -2766,3 +2705,5 @@ body {
 [data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize {
   cursor: e-resize;
 }
+/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
+ */

package/dist/globals.d.cts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/globals.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/index.cjs

@@ -133,7 +133,6 @@ __export(index_exports, {
   useChatStateStore: () => useChatStateStore,
   useConfiguration: () => useConfiguration,
   useDistri: () => useDistri,
-  useDistriClient: () => useDistriClient,
   useSidebar: () => useSidebar,
   useSpeechToText: () => useSpeechToText,
   useTheme: () => useTheme,
@@ -1472,19 +1471,6 @@ function useDistri() {
   }
   return context;
 }
-function useDistriClient() {
-  const { client, error, isLoading } = useDistri();
-  if (isLoading) {
-    throw new Error("Distri client is still loading");
-  }
-  if (error) {
-    throw new Error(`Distri client initialization failed: ${error.message}`);
-  }
-  if (!client) {
-    throw new Error("Distri client is not initialized");
-  }
-  return client;
-}
 
 // src/useAgent.ts
 function useAgent({
@@ -1707,13 +1693,6 @@ function useThreads() {
       setLoading(false);
     }
   }, [clientLoading, clientError, client, fetchThreads]);
-  (0, import_react8.useEffect)(() => {
-    if (!client) return;
-    const interval = setInterval(() => {
-      fetchThreads();
-    }, 3e4);
-    return () => clearInterval(interval);
-  }, [client, fetchThreads]);
   return {
     threads,
     loading: loading || clientLoading,
@@ -5589,7 +5568,7 @@ var import_react19 = require("react");
 // src/hooks/useConfiguration.ts
 var import_react18 = require("react");
 function useConfiguration() {
-  const client = useDistriClient();
+  const { client, isLoading } = useDistri();
   const [configuration, setConfiguration] = (0, import_react18.useState)(null);
   const [meta, setMeta] = (0, import_react18.useState)(null);
   const [loading, setLoading] = (0, import_react18.useState)(true);
@@ -5597,6 +5576,7 @@ function useConfiguration() {
   const refresh = (0, import_react18.useCallback)(async () => {
     setLoading(true);
     try {
+      if (isLoading || !client) return;
       const response = await client.getConfiguration();
       setConfiguration(response.configuration);
       setMeta(response.meta);
@@ -5607,7 +5587,7 @@ function useConfiguration() {
     } finally {
       setLoading(false);
     }
-  }, [client]);
+  }, [client, isLoading]);
   const saveConfiguration = (0, import_react18.useCallback)(
     async (config) => {
       setLoading(true);
@@ -6305,11 +6285,11 @@ function convertA2APartToDistri(a2aPart) {
 // src/hooks/useChatMessages.ts
 function useChatMessages({
   initialMessages = [],
-  agent,
   threadId,
   onError
 } = {}) {
   const onErrorRef = (0, import_react22.useRef)(onError);
+  const { client } = useDistri();
   (0, import_react22.useEffect)(() => {
     onErrorRef.current = onError;
   }, [onError]);
@@ -6331,11 +6311,11 @@ function useChatMessages({
     setMessages([]);
   }, []);
   const fetchMessages = (0, import_react22.useCallback)(async () => {
-    if (!agent || !threadId) return;
+    if (!client || !threadId) return;
     try {
       setIsLoading(true);
       setError(null);
-      const a2aMessages = await agent.getThreadMessages(threadId);
+      const a2aMessages = await client.getThreadMessages(threadId);
       const distriMessages = a2aMessages.map(decodeA2AStreamEvent).filter(Boolean);
       setMessages(distriMessages);
     } catch (err) {
@@ -6345,12 +6325,12 @@ function useChatMessages({
     } finally {
       setIsLoading(false);
     }
-  }, [agent, threadId]);
+  }, [client, threadId]);
   (0, import_react22.useEffect)(() => {
-    if (threadId && agent && !initialMessagesLength) {
+    if (threadId && client && !initialMessagesLength) {
       fetchMessages();
     }
-  }, [agent, fetchMessages, initialMessagesLength, threadId]);
+  }, [client, fetchMessages, initialMessagesLength, threadId]);
   return {
     messages,
     addMessage,
@@ -6490,7 +6470,6 @@ function wrapTools(tools, options = {}) {
   useChatStateStore,
   useConfiguration,
   useDistri,
-  useDistriClient,
   useSidebar,
   useSpeechToText,
   useTheme,

package/dist/index.css

@@ -332,67 +332,6 @@ video {
 [hidden]:where(:not([hidden=until-found])) {
   display: none;
 }
-:root {
-  --background: 0 0% 100%;
-  --foreground: 222.2 84% 4.9%;
-  --card: 0 0% 100%;
-  --card-foreground: 222.2 84% 4.9%;
-  --popover: 0 0% 100%;
-  --popover-foreground: 222.2 84% 4.9%;
-  --primary: 222.2 47.4% 11.2%;
-  --primary-foreground: 210 40% 98%;
-  --secondary: 210 40% 96%;
-  --secondary-foreground: 222.2 84% 4.9%;
-  --muted: 210 40% 96%;
-  --muted-foreground: 215.4 16.3% 46.9%;
-  --accent: 210 40% 96%;
-  --accent-foreground: 222.2 84% 4.9%;
-  --destructive: 0 84.2% 60.2%;
-  --destructive-foreground: 210 40% 98%;
-  --border: 214.3 31.8% 91.4%;
-  --input: 214.3 31.8% 91.4%;
-  --ring: 222.2 84% 4.9%;
-  --radius: 0.5rem;
-  --sidebar: 0 0% 98%;
-  --sidebar-foreground: 240 5.3% 26.1%;
-  --sidebar-primary: 240 5.9% 10%;
-  --sidebar-primary-foreground: 0 0% 98%;
-  --sidebar-accent: 240 4.8% 95.9%;
-  --sidebar-accent-foreground: 240 5.9% 10%;
-  --sidebar-border: 220 13% 91%;
-  --sidebar-ring: 217.2 91.2% 59.8%;
-  --thread-content-max-width: 768px;
-}
-.dark {
-  --background: 222.2 84% 4.9%;
-  --foreground: 210 40% 98%;
-  --card: 222.2 84% 4.9%;
-  --card-foreground: 210 40% 98%;
-  --popover: 222.2 84% 4.9%;
-  --popover-foreground: 210 40% 98%;
-  --primary: 210 40% 98%;
-  --primary-foreground: 222.2 84% 4.9%;
-  --secondary: 217.2 32.6% 17.5%;
-  --secondary-foreground: 210 40% 98%;
-  --muted: 217.2 32.6% 17.5%;
-  --muted-foreground: 215 20.2% 65.1%;
-  --accent: 217.2 32.6% 17.5%;
-  --accent-foreground: 210 40% 98%;
-  --destructive: 0 62.8% 30.6%;
-  --destructive-foreground: 210 40% 98%;
-  --border: 217.2 32.6% 17.5%;
-  --input: 217.2 32.6% 17.5%;
-  --ring: 212.7 26.8% 83.9%;
-  --sidebar: 240 5.9% 10%;
-  --sidebar-foreground: 240 4.8% 95.9%;
-  --sidebar-primary: 0 0% 98%;
-  --sidebar-primary-foreground: 240 5.9% 10%;
-  --sidebar-accent: 240 3.7% 15.9%;
-  --sidebar-accent-foreground: 240 4.8% 95.9%;
-  --sidebar-border: 240 3.7% 15.9%;
-  --sidebar-ring: 217.2 91.2% 59.8%;
-  --thread-content-max-width: 768px;
-}
 * {
   border-color: hsl(var(--border));
 }
@@ -2766,3 +2705,5 @@ body {
 [data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize {
   cursor: e-resize;
 }
+/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
+ */