@distri/react 0.3.0 → 0.3.1

package/dist/index.css

@@ -367,17 +367,6 @@ body {
     max-width: 1536px;
   }
 }
-.distri-chat-editor.CodeMirror,
-.distri-chat-editor .CodeMirror-scroll {
-  background: transparent !important;
-}
-.distri-chat-editor.\!CodeMirror {
-  background: transparent !important;
-}
-.distri-chat-editor .CodeMirror-placeholder {
-  color: hsl(var(--muted-foreground)) !important;
-  opacity: 0.7;
-}
 .sr-only {
   position: absolute;
   width: 1px;
@@ -436,12 +425,18 @@ body {
 .bottom-0 {
   bottom: 0px;
 }
+.bottom-6 {
+  bottom: 1.5rem;
+}
 .left-0 {
   left: 0px;
 }
 .left-2 {
   left: 0.5rem;
 }
+.left-6 {
+  left: 1.5rem;
+}
 .right-0 {
   right: 0px;
 }
@@ -457,6 +452,9 @@ body {
 .right-4 {
   right: 1rem;
 }
+.right-6 {
+  right: 1.5rem;
+}
 .top-0 {
   top: 0px;
 }
@@ -466,9 +464,6 @@ body {
 .top-1\.5 {
   top: 0.375rem;
 }
-.top-2 {
-  top: 0.5rem;
-}
 .top-3\.5 {
   top: 0.875rem;
 }
@@ -697,6 +692,9 @@ body {
 .min-h-\[220px\] {
   min-height: 220px;
 }
+.min-h-\[240px\] {
+  min-height: 240px;
+}
 .min-h-\[400px\] {
   min-height: 400px;
 }
@@ -724,6 +722,9 @@ body {
 .w-10 {
   width: 2.5rem;
 }
+.w-11 {
+  width: 2.75rem;
+}
 .w-12 {
   width: 3rem;
 }
@@ -784,9 +785,6 @@ body {
 .w-\[1px\] {
   width: 1px;
 }
-.w-\[45\%\] {
-  width: 45%;
-}
 .w-auto {
   width: auto;
 }
@@ -803,9 +801,6 @@ body {
 .min-w-5 {
   min-width: 1.25rem;
 }
-.min-w-\[400px\] {
-  min-width: 400px;
-}
 .min-w-\[8rem\] {
   min-width: 8rem;
 }
@@ -827,9 +822,6 @@ body {
 .max-w-\[--skeleton-width\] {
   max-width: var(--skeleton-width);
 }
-.max-w-\[600px\] {
-  max-width: 600px;
-}
 .max-w-\[80\%\] {
   max-width: 80%;
 }
@@ -949,9 +941,6 @@ body {
 .cursor-pointer {
   cursor: pointer;
 }
-.cursor-wait {
-  cursor: wait;
-}
 .select-none {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -1107,9 +1096,6 @@ body {
 .rounded-2xl {
   border-radius: 1rem;
 }
-.rounded-3xl {
-  border-radius: 1.5rem;
-}
 .rounded-full {
   border-radius: 9999px;
 }
@@ -1140,9 +1126,6 @@ body {
 .border {
   border-width: 1px;
 }
-.border-0 {
-  border-width: 0px;
-}
 .border-2 {
   border-width: 2px;
 }
@@ -1192,9 +1175,6 @@ body {
 .border-border\/60 {
   border-color: hsl(var(--border) / 0.6);
 }
-.border-current {
-  border-color: currentColor;
-}
 .border-destructive {
   border-color: hsl(var(--destructive));
 }
@@ -1204,6 +1184,10 @@ body {
 .border-destructive\/40 {
   border-color: hsl(var(--destructive) / 0.4);
 }
+.border-gray-200 {
+  --tw-border-opacity: 1;
+  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
+}
 .border-gray-300 {
   --tw-border-opacity: 1;
   border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
@@ -1227,6 +1211,9 @@ body {
 .border-primary\/20 {
   border-color: hsl(var(--primary) / 0.2);
 }
+.border-primary\/50 {
+  border-color: hsl(var(--primary) / 0.5);
+}
 .border-red-200 {
   --tw-border-opacity: 1;
   border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
@@ -1237,6 +1224,9 @@ body {
 .border-transparent {
   border-color: transparent;
 }
+.border-white\/15 {
+  border-color: rgb(255 255 255 / 0.15);
+}
 .border-yellow-200 {
   --tw-border-opacity: 1;
   border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
@@ -1251,9 +1241,13 @@ body {
 .border-t-transparent {
   border-top-color: transparent;
 }
-.bg-amber-500 {
+.bg-\[\#1c1f23\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(28 31 35 / var(--tw-bg-opacity, 1));
+}
+.bg-amber-400 {
   --tw-bg-opacity: 1;
-  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
+  background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
 }
 .bg-background {
   background-color: hsl(var(--background));
@@ -1267,9 +1261,6 @@ body {
 .bg-background\/80 {
   background-color: hsl(var(--background) / 0.8);
 }
-.bg-background\/90 {
-  background-color: hsl(var(--background) / 0.9);
-}
 .bg-black {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
@@ -1362,9 +1353,6 @@ body {
 .bg-primary\/10 {
   background-color: hsl(var(--primary) / 0.1);
 }
-.bg-primary\/20 {
-  background-color: hsl(var(--primary) / 0.2);
-}
 .bg-red-400\/15 {
   background-color: rgb(248 113 113 / 0.15);
 }
@@ -1398,24 +1386,6 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
 }
-.bg-gradient-to-r {
-  background-image: linear-gradient(to right, var(--tw-gradient-stops));
-}
-.from-border\/60 {
-  --tw-gradient-from: hsl(var(--border) / 0.6) var(--tw-gradient-from-position);
-  --tw-gradient-to: hsl(var(--border) / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-.via-border\/30 {
-  --tw-gradient-to: hsl(var(--border) / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops:
-    var(--tw-gradient-from),
-    hsl(var(--border) / 0.3) var(--tw-gradient-via-position),
-    var(--tw-gradient-to);
-}
-.to-border\/60 {
-  --tw-gradient-to: hsl(var(--border) / 0.6) var(--tw-gradient-to-position);
-}
 .fill-current {
   fill: currentColor;
 }
@@ -1448,9 +1418,6 @@ body {
 .p-8 {
   padding: 2rem;
 }
-.p-\[1px\] {
-  padding: 1px;
-}
 .px-1 {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
@@ -1471,10 +1438,6 @@ body {
   padding-left: 1rem;
   padding-right: 1rem;
 }
-.px-5 {
-  padding-left: 1.25rem;
-  padding-right: 1.25rem;
-}
 .px-8 {
   padding-left: 2rem;
   padding-right: 2rem;
@@ -1531,8 +1494,8 @@ body {
 .pt-0 {
   padding-top: 0px;
 }
-.pt-4 {
-  padding-top: 1rem;
+.pt-3 {
+  padding-top: 0.75rem;
 }
 .text-left {
   text-align: left;
@@ -1648,6 +1611,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(245 158 11 / var(--tw-text-opacity, 1));
 }
+.text-amber-950 {
+  --tw-text-opacity: 1;
+  color: rgb(69 26 3 / var(--tw-text-opacity, 1));
+}
 .text-blue-500 {
   --tw-text-opacity: 1;
   color: rgb(59 130 246 / var(--tw-text-opacity, 1));
@@ -1705,9 +1672,6 @@ body {
 .text-muted-foreground {
   color: hsl(var(--muted-foreground));
 }
-.text-muted-foreground\/50 {
-  color: hsl(var(--muted-foreground) / 0.5);
-}
 .text-muted-foreground\/70 {
   color: hsl(var(--muted-foreground) / 0.7);
 }
@@ -1808,6 +1772,22 @@ body {
     var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
+.shadow-\[0_14px_40px_rgba\(0\,0\,0\,0\.35\)\] {
+  --tw-shadow: 0 14px 40px rgba(0,0,0,0.35);
+  --tw-shadow-colored: 0 14px 40px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+}
+.shadow-\[0_4px_16px_rgba\(0\,0\,0\,0\.1\)\] {
+  --tw-shadow: 0 4px 16px rgba(0,0,0,0.1);
+  --tw-shadow-colored: 0 4px 16px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+}
 .shadow-lg {
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -1859,16 +1839,31 @@ body {
 }
 .backdrop-blur {
   --tw-backdrop-blur: blur(8px);
+  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
   backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
 }
 .backdrop-blur-sm {
   --tw-backdrop-blur: blur(4px);
+  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
   backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
 }
 .backdrop-filter {
+  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
   backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
 }
 .transition {
+  transition-property:
+    color,
+    background-color,
+    border-color,
+    text-decoration-color,
+    fill,
+    stroke,
+    opacity,
+    box-shadow,
+    transform,
+    filter,
+    -webkit-backdrop-filter;
   transition-property:
     color,
     background-color,
@@ -1881,6 +1876,19 @@ body {
     transform,
     filter,
     backdrop-filter;
+  transition-property:
+    color,
+    background-color,
+    border-color,
+    text-decoration-color,
+    fill,
+    stroke,
+    opacity,
+    box-shadow,
+    transform,
+    filter,
+    backdrop-filter,
+    -webkit-backdrop-filter;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
@@ -2047,12 +2055,6 @@ body {
 .placeholder\:text-muted-foreground::placeholder {
   color: hsl(var(--muted-foreground));
 }
-.placeholder\:text-muted-foreground\/60::-moz-placeholder {
-  color: hsl(var(--muted-foreground) / 0.6);
-}
-.placeholder\:text-muted-foreground\/60::placeholder {
-  color: hsl(var(--muted-foreground) / 0.6);
-}
 .after\:absolute::after {
   content: var(--tw-content);
   position: absolute;
@@ -2085,15 +2087,22 @@ body {
 .hover\:border-border\/80:hover {
   border-color: hsl(var(--border) / 0.8);
 }
+.hover\:border-gray-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
+}
 .hover\:border-primary\/40:hover {
   border-color: hsl(var(--primary) / 0.4);
 }
+.hover\:border-white\/40:hover {
+  border-color: rgb(255 255 255 / 0.4);
+}
 .hover\:bg-accent:hover {
   background-color: hsl(var(--accent));
 }
-.hover\:bg-amber-400:hover {
+.hover\:bg-amber-300:hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
+  background-color: rgb(252 211 77 / var(--tw-bg-opacity, 1));
 }
 .hover\:bg-blue-700:hover {
   --tw-bg-opacity: 1;
@@ -2143,6 +2152,13 @@ body {
   --tw-text-opacity: 1;
   color: rgb(75 85 99 / var(--tw-text-opacity, 1));
 }
+.hover\:text-gray-800:hover {
+  --tw-text-opacity: 1;
+  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
+}
+.hover\:text-primary:hover {
+  color: hsl(var(--primary));
+}
 .hover\:underline:hover {
   text-decoration-line: underline;
 }
@@ -2569,7 +2585,7 @@ body {
 .peer[data-variant=inset] ~ .peer-data-\[variant\=inset\]\:min-h-\[calc\(100svh-theme\(spacing\.4\)\)\] {
   min-height: calc(100svh - 1rem);
 }
-@supports (backdrop-filter: var(--tw)) {
+@supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
   .supports-\[backdrop-filter\]\:bg-background\/60 {
     background-color: hsl(var(--background) / 0.6);
   }
@@ -2603,9 +2619,15 @@ body {
   .sm\:flex-col {
     flex-direction: column;
   }
+  .sm\:items-center {
+    align-items: center;
+  }
   .sm\:justify-end {
     justify-content: flex-end;
   }
+  .sm\:justify-between {
+    justify-content: space-between;
+  }
   .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
     --tw-space-x-reverse: 0;
     margin-right: calc(0.5rem * var(--tw-space-x-reverse));
@@ -2621,18 +2643,10 @@ body {
     padding-left: 1rem;
     padding-right: 1rem;
   }
-  .sm\:px-6 {
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
-  }
   .sm\:py-4 {
     padding-top: 1rem;
     padding-bottom: 1rem;
   }
-  .sm\:py-5 {
-    padding-top: 1.25rem;
-    padding-bottom: 1.25rem;
-  }
   .sm\:py-8 {
     padding-top: 2rem;
     padding-bottom: 2rem;
@@ -2690,12 +2704,29 @@ body {
   }
 }
 @media (min-width: 1024px) {
-  .lg\:block {
-    display: block;
+  .lg\:sticky {
+    position: sticky;
+  }
+  .lg\:top-4 {
+    top: 1rem;
+  }
+  .lg\:w-\[320px\] {
+    width: 320px;
   }
   .lg\:grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
+  .lg\:flex-row {
+    flex-direction: row;
+  }
+  .lg\:items-start {
+    align-items: flex-start;
+  }
+}
+@media (min-width: 1280px) {
+  .xl\:w-\[360px\] {
+    width: 360px;
+  }
 }
 @media (prefers-color-scheme: dark) {
   .dark\:-rotate-90 {
@@ -2716,9 +2747,6 @@ body {
     --tw-scale-y: 1;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }
-  .dark\:border-0 {
-    border-width: 0px;
-  }
   .dark\:bg-gray-700 {
     --tw-bg-opacity: 1;
     background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
@@ -2727,27 +2755,9 @@ body {
     --tw-bg-opacity: 1;
     background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
   }
-  .dark\:bg-muted\/50 {
-    background-color: hsl(var(--muted) / 0.5);
-  }
   .dark\:bg-yellow-900\/20 {
     background-color: rgb(113 63 18 / 0.2);
   }
-  .dark\:from-primary\/40 {
-    --tw-gradient-from: hsl(var(--primary) / 0.4) var(--tw-gradient-from-position);
-    --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-  }
-  .dark\:via-primary\/20 {
-    --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
-    --tw-gradient-stops:
-      var(--tw-gradient-from),
-      hsl(var(--primary) / 0.2) var(--tw-gradient-via-position),
-      var(--tw-gradient-to);
-  }
-  .dark\:to-primary\/40 {
-    --tw-gradient-to: hsl(var(--primary) / 0.4) var(--tw-gradient-to-position);
-  }
   .dark\:text-yellow-200 {
     --tw-text-opacity: 1;
     color: rgb(254 240 138 / var(--tw-text-opacity, 1));
@@ -2760,18 +2770,6 @@ body {
     --tw-text-opacity: 1;
     color: rgb(250 204 21 / var(--tw-text-opacity, 1));
   }
-  .dark\:shadow-lg {
-    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
-    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
-    box-shadow:
-      var(--tw-ring-offset-shadow, 0 0 #0000),
-      var(--tw-ring-shadow, 0 0 #0000),
-      var(--tw-shadow);
-  }
-  .dark\:shadow-primary\/5 {
-    --tw-shadow-color: hsl(var(--primary) / 0.05);
-    --tw-shadow: var(--tw-shadow-colored);
-  }
   .dark\:selection\:bg-primary\/40 *::-moz-selection {
     background-color: hsl(var(--primary) / 0.4);
   }
@@ -2838,5 +2836,5 @@ body {
 [data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize {
   cursor: e-resize;
 }
-/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
+/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
  */

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-import { Agent as Agent$1, DistriChatMessage, DistriBaseTool, ToolExecutionOptions, DistriMessage, DistriPart, AgentDefinition, DistriThread, ThreadListParams, AgentUsageInfo, DistriFnTool, ToolCall, ToolResult, PlanStep, DistriConfiguration, DistriClient, DistriClientConfig, SpeechToTextConfig, StreamingTranscriptionOptions, ConfigurationMeta, ConfigurationResponse, DistriEvent, ImagePart } from '@distri/core';
+import { Agent as Agent$1, DistriChatMessage, DistriBaseTool, ToolExecutionOptions, DistriMessage, DistriPart, AgentDefinition, DistriThread, DistriFnTool, ToolCall, ToolResult, PlanStep, DistriConfiguration, DistriClient, DistriClientConfig, SpeechToTextConfig, StreamingTranscriptionOptions, ConfigurationMeta, ConfigurationResponse, DistriEvent, ImagePart } from '@distri/core';
 import * as React$1 from 'react';
 import React__default, { ReactNode } from 'react';
 import * as zustand from 'zustand';
@@ -61,37 +61,17 @@ declare function useAgentDefinitions(): UseAgentsResult;
 
 interface UseThreadsResult {
     threads: DistriThread[];
-    total: number;
-    page: number;
-    pageSize: number;
     loading: boolean;
     error: Error | null;
-    params: ThreadListParams;
-    setParams: (params: ThreadListParams) => void;
     refetch: () => Promise<void>;
     deleteThread: (threadId: string) => Promise<void>;
     fetchThread: (threadId: string) => Promise<DistriThread>;
     updateThread: (threadId: string, localId?: string) => Promise<void>;
-    nextPage: () => void;
-    prevPage: () => void;
-    goToPage: (page: number) => void;
-    setPageSize: (size: number) => void;
 }
 interface UseThreadsOptions {
     enabled?: boolean;
-    initialParams?: ThreadListParams;
 }
 declare function useThreads(options?: UseThreadsOptions): UseThreadsResult;
-/**
- * Hook to get agents sorted by usage (thread count)
- */
-interface UseAgentsByUsageResult {
-    agents: AgentUsageInfo[];
-    loading: boolean;
-    error: Error | null;
-    refetch: () => Promise<void>;
-}
-declare function useAgentsByUsage(): UseAgentsByUsageResult;
 interface UseThreadMessagesOptions {
     threadId: string | null;
 }
@@ -232,9 +212,9 @@ interface ChatState {
     wrapOptions?: {
         autoExecute?: boolean;
     };
-    browserSessionId?: string;
-    browserViewerUrl?: string;
-    browserStreamUrl?: string;
+    browserFrame?: string;
+    browserFrameFormat?: string;
+    browserFrameUpdatedAt?: number;
 }
 type ChatStateTool = DistriAnyTool & {
     executionType: 'backend' | 'external';
@@ -246,12 +226,12 @@ interface ChatStateStore extends ChatState {
     setDebug: (debug: boolean) => void;
     setStreamingIndicator: (indicator: StreamingIndicator | undefined) => void;
     setCurrentThought: (thought: string | undefined) => void;
-    setBrowserSession: (sessionId: string, viewerUrl?: string, streamUrl?: string) => void;
-    clearBrowserSession: () => void;
+    setBrowserFrame: (frameSrc: string, format?: string) => void;
     addMessage: (message: DistriChatMessage) => void;
     processMessage: (message: DistriChatMessage, isFromStream?: boolean) => void;
     clearAllStates: () => void;
     clearTask: (taskId: string) => void;
+    clearBrowserFrame: () => void;
     getToolByName: (toolName: string) => ChatStateTool | undefined;
     completeRunningSteps: () => void;
     resetStreamingStates: () => void;
@@ -427,12 +407,6 @@ interface AppSidebarProps {
 }
 declare function AppSidebar({ selectedThreadId, currentPage, onNewChat, onThreadSelect, onThreadDelete, onThreadRename, onLogoClick, onPageChange, }: AppSidebarProps): react_jsx_runtime.JSX.Element;
 
-declare global {
-    interface Window {
-        CodeMirror?: any;
-        __distriCodeMirrorLoader?: Promise<void>;
-    }
-}
 interface AttachedImage {
     id: string;
     file: File;
@@ -445,10 +419,6 @@ interface ChatInputProps {
     onSend: (content: string | DistriPart[]) => void;
     onStop?: () => void;
     browserEnabled?: boolean;
-    /** Whether browser has an active session (used for highlighting) */
-    browserHasSession?: boolean;
-    /** Whether browser session is being created */
-    browserLoading?: boolean;
     onToggleBrowser?: (enabled: boolean) => void;
     placeholder?: string;
     disabled?: boolean;
@@ -464,6 +434,7 @@ interface ChatInputProps {
     useSpeechRecognition?: boolean;
     onSpeechTranscript?: (text: string) => void;
     variant?: 'default' | 'hero';
+    theme?: 'light' | 'dark' | 'auto';
 }
 declare const ChatInput: React__default.FC<ChatInputProps>;
 
@@ -488,8 +459,7 @@ declare const BrowserPreviewPanel: React__default.FC<BrowserPreviewPanelProps>;
 interface BrowserViewportProps {
     className?: string;
     emptyState?: React__default.ReactNode;
-    /** Optional custom viewer URL override */
-    viewerUrl?: string;
+    showTimestamp?: boolean;
 }
 declare const BrowserViewport: React__default.FC<BrowserViewportProps>;
 
@@ -529,25 +499,11 @@ interface DistriContextValue {
 }
 declare const DistriContext: React$1.Context<DistriContextValue>;
 interface DistriProviderProps {
-    config: DistriClientConfig;
+    config: DistriClientConfig & {
+        authReady?: boolean;
+    };
     children: ReactNode;
     defaultTheme?: 'dark' | 'light' | 'system';
-    /**
-     * Set to false while waiting for auth token from backend.
-     * When false, isLoading will be true and hooks will wait.
-     * Defaults to true (auth is ready).
-     *
-     * @example
-     * // Backend token loading
-     * const [token, setToken] = useState<string | null>(null);
-     * useEffect(() => { fetchToken().then(setToken); }, []);
-     *
-     * <DistriProvider
-     *   config={{ ...config, accessToken: token }}
-     *   authReady={token !== null}
-     * />
-     */
-    authReady?: boolean;
 }
 /**
  * Core provider for Distri SDK. Initializes the DistriClient and handles authentication.
@@ -908,4 +864,4 @@ interface UserMessageRendererProps {
 }
 declare const UserMessageRenderer: React__default.FC<UserMessageRendererProps>;
 
-export { AgentSelect, AppSidebar, AssistantMessageRenderer, type AssistantMessageRendererProps, type AttachedImage, AuthLoading, type AuthStatus, Badge, BrowserPreviewPanel, BrowserViewport, type BrowserViewportProps, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Chat, type ChatContainerProps, type ChatCustomRenderers, type ChatEmptyStateCategory, type ChatEmptyStateController, type ChatEmptyStateOptions, type ChatEmptyStateStarter, ChatInner, ChatInput, type ChatInputProps, type ChatInstance, type ChatProps, type ChatState, type ChatStateStore, ConfigurationPanel, DialogRoot as Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger, type DistriAnyTool, DistriAuthProvider, DistriContext, DistriProvider, type DistriUiTool, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type ExtractedContent, ImageRenderer, type ImageRendererProps, Input, LoadingAnimation, type LoadingAnimationConfig, type LoadingAnimationPreset, type LoadingAnimationProps, LoadingShimmer, MessageRenderer, type MessageRendererProps, type ModelOption, type PlanState, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, StepBasedRenderer, type StepBasedRendererProps, type StepState, type StreamingIndicator, StreamingTextRenderer, type StreamingTtsOptions, type TaskState, Textarea, ThemeProvider, ThemeToggle, ThinkingRenderer, type ThinkingRendererProps, type ToolCallState, type ToolCallStatus, type ToolRendererMap, type ToolRendererProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type TtsConfig, type TtsRequest, TypingIndicator, type UiToolProps, type UseAgentOptions, type UseAgentResult, type UseAgentsByUsageResult, type UseAgentsResult, type UseChatMessagesOptions, type UseChatMessagesReturn, type UseChatOptions, type UseChatReturn, type UseConfigurationResult, type UseThreadMessagesOptions, type UseThreadsOptions, type UseThreadsResult, UserMessageRenderer, type UserMessageRendererProps, VoiceInput, type VoiceInputProps, extractContent, useAgent, useAgentDefinitions, useAgentsByUsage, useChat, useChatMessages, useChatStateStore, useConfiguration, useDistri, useDistriAuth, useDistriToken, useSidebar, useSpeechToText, useTheme, useThreads, useTts, wrapFnToolAsUiTool, wrapTools };
+export { AgentSelect, AppSidebar, AssistantMessageRenderer, type AssistantMessageRendererProps, type AttachedImage, AuthLoading, type AuthStatus, Badge, BrowserPreviewPanel, BrowserViewport, type BrowserViewportProps, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Chat, type ChatContainerProps, type ChatCustomRenderers, type ChatEmptyStateCategory, type ChatEmptyStateController, type ChatEmptyStateOptions, type ChatEmptyStateStarter, ChatInner, ChatInput, type ChatInputProps, type ChatInstance, type ChatProps, type ChatState, type ChatStateStore, ConfigurationPanel, DialogRoot as Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger, type DistriAnyTool, DistriAuthProvider, DistriContext, DistriProvider, type DistriUiTool, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type ExtractedContent, ImageRenderer, type ImageRendererProps, Input, LoadingAnimation, type LoadingAnimationConfig, type LoadingAnimationPreset, type LoadingAnimationProps, LoadingShimmer, MessageRenderer, type MessageRendererProps, type ModelOption, type PlanState, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, StepBasedRenderer, type StepBasedRendererProps, type StepState, type StreamingIndicator, StreamingTextRenderer, type StreamingTtsOptions, type TaskState, Textarea, ThemeProvider, ThemeToggle, ThinkingRenderer, type ThinkingRendererProps, type ToolCallState, type ToolCallStatus, type ToolRendererMap, type ToolRendererProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type TtsConfig, type TtsRequest, TypingIndicator, type UiToolProps, type UseAgentOptions, type UseAgentResult, type UseAgentsResult, type UseChatMessagesOptions, type UseChatMessagesReturn, type UseChatOptions, type UseChatReturn, type UseConfigurationResult, type UseThreadMessagesOptions, type UseThreadsOptions, type UseThreadsResult, UserMessageRenderer, type UserMessageRendererProps, VoiceInput, type VoiceInputProps, extractContent, useAgent, useAgentDefinitions, useChat, useChatMessages, useChatStateStore, useConfiguration, useDistri, useDistriAuth, useDistriToken, useSidebar, useSpeechToText, useTheme, useThreads, useTts, wrapFnToolAsUiTool, wrapTools };