useLLMOutput performance fixes (#261)

Performance improvement: Only log console warnings in dev

.changeset/happy-avocados-lay.md

@@ -0,0 +1,5 @@
+---
+"@llm-ui/react": patch
+---
+
+Performance improvement: Only log console warnings in dev

apps/www/src/components/demo/message/Message.tsx

@@ -4,7 +4,7 @@ import { buttonsJsonBlock as createJsonButtonsBlock } from "@/components/example
 import { codeBlockBlock } from "@/components/examples/CodeBlock";
 import { Markdown } from "@/components/examples/Markdown";
 import { markdownLookBack } from "@llm-ui/markdown";
-import { useLLMOutput } from "@llm-ui/react";
+import { throttleBasic, useLLMOutput } from "@llm-ui/react";
 
 const buttonsJsonBlock = createJsonButtonsBlock();
 const buttonsCsvBlock = createCsvButtonsBlock();
@@ -21,6 +21,7 @@ export const Message: React.FC<{
     },
     blocks: [codeBlockBlock, buttonsJsonBlock, buttonsCsvBlock],
     isStreamFinished,
+    throttle: throttleBasic({ targetBufferChars: 60 }),
   });
 
   // min-w-0 stops overflows

packages/react/src/core/useLLMOutput/helper.ts

@@ -191,7 +191,10 @@ const matchesWithLookback = ({
       isStreamFinished: isStreamFinished,
       output: match.match.outputRaw,
     });
-    if (visibleText.length > localVisibleTextLengthTarget) {
+    if (
+      visibleText.length > localVisibleTextLengthTarget &&
+      process.env.NODE_ENV !== "production"
+    ) {
       console.warn(
         `Visible text length exceeded target for: ${visibleText} has length ${visibleText.length} target: ${localVisibleTextLengthTarget}. Raw output: ${llmOutputRaw}`,
       );