Daily branch 2025 11 10

app/components/Messages.tsx

@@ -14,7 +14,7 @@ import { FilePartRenderer } from "./FilePartRenderer";
 import { MessageErrorState } from "./MessageErrorState";
 import { MessageEditor } from "./MessageEditor";
 import { FeedbackInput } from "./FeedbackInput";
-import { ShimmerText } from "./ShimmerText";
+import { Shimmer } from "@/components/ai-elements/shimmer";
 import { AllFilesDialog } from "./AllFilesDialog";
 import { BranchIndicator } from "./BranchIndicator";
 import { FinishReasonNotice } from "./FinishReasonNotice";
@@ -523,9 +523,9 @@ export const Messages = ({
         {/* Upload status - shown where assistant response will appear */}
         {uploadStatus?.isUploading && (
           <div className="flex flex-col items-start">
-            <ShimmerText className="text-sm">
-              {uploadStatus.message}...
-            </ShimmerText>
+            <Shimmer className="text-sm">
+              {`${uploadStatus.message}...`}
+            </Shimmer>
           </div>
         )}
 

app/components/TerminalCodeBlock.tsx

@@ -3,7 +3,7 @@
 import { useState, useEffect, useCallback, useMemo, useRef } from "react";
 import { Terminal } from "lucide-react";
 import { codeToHtml } from "shiki";
-import { ShimmerText } from "./ShimmerText";
+import { Shimmer } from "@/components/ai-elements/shimmer";
 
 interface TerminalCodeBlockProps {
   command: string;
@@ -171,9 +171,9 @@ const AnsiCodeBlock = ({
   if (!htmlContent && (isRendering || code)) {
     return (
       <div className="px-4 py-4 text-muted-foreground">
-        <ShimmerText>
+        <Shimmer>
           {isStreaming ? "Processing output..." : "Rendering output..."}
-        </ShimmerText>
+        </Shimmer>
       </div>
     );
   }
@@ -241,7 +241,7 @@ export const TerminalCodeBlock = ({
           <div className="flex-1 min-h-0 overflow-hidden">
             {isExecuting && !output && status === "streaming" ? (
               <div className="px-4 py-4 text-muted-foreground">
-                <ShimmerText>Executing command</ShimmerText>
+                <Shimmer>Executing command</Shimmer>
               </div>
             ) : (
               <AnsiCodeBlock
@@ -265,7 +265,7 @@ export const TerminalCodeBlock = ({
       <div className="h-full w-full overflow-auto">
         {isExecuting && !output && status === "streaming" ? (
           <div className="px-4 py-4 text-muted-foreground h-full flex items-start">
-            <ShimmerText>Executing command</ShimmerText>
+            <Shimmer>Executing command</Shimmer>
           </div>
         ) : (
           <AnsiCodeBlock

app/components/tools/SummarizationHandler.tsx

@@ -1,6 +1,6 @@
 import { UIMessage } from "@ai-sdk/react";
 import { WandSparkles } from "lucide-react";
-import { ShimmerText } from "../ShimmerText";
+import { Shimmer } from "@/components/ai-elements/shimmer";
 
 interface SummarizationHandlerProps {
   message: UIMessage;
@@ -20,7 +20,7 @@ export const SummarizationHandler = ({
     >
       <WandSparkles className="w-4 h-4 text-muted-foreground" />
       {part.data.status === "started" ? (
-        <ShimmerText className="text-sm">{part.data.message}...</ShimmerText>
+        <Shimmer className="text-sm">{`${part.data.message}...`}</Shimmer>
       ) : (
         <span className="text-sm text-muted-foreground">
           {part.data.message}

components/ai-elements/shimmer.tsx

@@ -0,0 +1,64 @@
+"use client";
+
+import { cn } from "@/lib/utils";
+import { motion } from "motion/react";
+import {
+  type CSSProperties,
+  type ElementType,
+  type JSX,
+  memo,
+  useMemo,
+} from "react";
+
+export type TextShimmerProps = {
+  children: string;
+  as?: ElementType;
+  className?: string;
+  duration?: number;
+  spread?: number;
+};
+
+const ShimmerComponent = ({
+  children,
+  as: Component = "p",
+  className,
+  duration = 2,
+  spread = 2,
+}: TextShimmerProps) => {
+  const MotionComponent = motion.create(
+    Component as keyof JSX.IntrinsicElements,
+  );
+
+  const dynamicSpread = useMemo(
+    () => (children?.length ?? 0) * spread,
+    [children, spread],
+  );
+
+  return (
+    <MotionComponent
+      animate={{ backgroundPosition: "0% center" }}
+      className={cn(
+        "relative inline-block bg-[length:250%_100%,auto] bg-clip-text text-transparent",
+        "[--bg:linear-gradient(90deg,#0000_calc(50%-var(--spread)),var(--color-background),#0000_calc(50%+var(--spread)))] [background-repeat:no-repeat,padding-box]",
+        className,
+      )}
+      initial={{ backgroundPosition: "100% center" }}
+      style={
+        {
+          "--spread": `${dynamicSpread}px`,
+          backgroundImage:
+            "var(--bg), linear-gradient(var(--color-muted-foreground), var(--color-muted-foreground))",
+        } as CSSProperties
+      }
+      transition={{
+        repeat: Number.POSITIVE_INFINITY,
+        duration,
+        ease: "linear",
+      }}
+    >
+      {children}
+    </MotionComponent>
+  );
+};
+
+export const Shimmer = memo(ShimmerComponent);

components/ui/tool-block.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { ShimmerText } from "@/app/components/ShimmerText";
+import { Shimmer } from "@/components/ai-elements/shimmer";
 
 interface ToolBlockProps {
   icon: React.ReactNode;
@@ -43,7 +43,7 @@ const ToolBlock: React.FC<ToolBlockProps> = ({
         </div>
         <div className="max-w-[100%] truncate text-muted-foreground relative top-[-1px]">
           <span className="text-[13px]">
-            {isShimmer ? <ShimmerText>{action}</ShimmerText> : action}
+            {isShimmer ? <Shimmer>{action}</Shimmer> : action}
           </span>
           {target && (
             <span className="text-[12px] font-mono ml-[6px] text-muted-foreground/70">

convex/_generated/api.d.ts

@@ -25,14 +25,6 @@ import type {
   FunctionReference,
 } from "convex/server";
 
-/**
- * A utility for referencing Convex functions in your app's API.
- *
- * Usage:
- * ```js
- * const myFunctionReference = api.myModule.myFunction;
- * ```
- */
 declare const fullApi: ApiFromModules<{
   chats: typeof chats;
   crons: typeof crons;
@@ -45,14 +37,30 @@ declare const fullApi: ApiFromModules<{
   userCustomization: typeof userCustomization;
   userDeletion: typeof userDeletion;
 }>;
-declare const fullApiWithMounts: typeof fullApi;
 
+/**
+ * A utility for referencing Convex functions in your app's public API.
+ *
+ * Usage:
+ * ```js
+ * const myFunctionReference = api.myModule.myFunction;
+ * ```
+ */
 export declare const api: FilterApi<
-  typeof fullApiWithMounts,
+  typeof fullApi,
   FunctionReference<any, "public">
 >;
+
+/**
+ * A utility for referencing Convex functions in your app's internal API.
+ *
+ * Usage:
+ * ```js
+ * const myFunctionReference = internal.myModule.myFunction;
+ * ```
+ */
 export declare const internal: FilterApi<
-  typeof fullApiWithMounts,
+  typeof fullApi,
   FunctionReference<any, "internal">
 >;
 

convex/_generated/server.d.ts

@@ -10,7 +10,6 @@
 
 import {
   ActionBuilder,
-  AnyComponents,
   HttpActionBuilder,
   MutationBuilder,
   QueryBuilder,
@@ -19,15 +18,9 @@ import {
   GenericQueryCtx,
   GenericDatabaseReader,
   GenericDatabaseWriter,
-  FunctionReference,
 } from "convex/server";
 import type { DataModel } from "./dataModel.js";
 
-type GenericCtx =
-  | GenericActionCtx<DataModel>
-  | GenericMutationCtx<DataModel>
-  | GenericQueryCtx<DataModel>;
-
 /**
  * Define a query in this Convex app's public API.
  *
@@ -92,11 +85,12 @@ export declare const internalAction: ActionBuilder<DataModel, "internal">;
 /**
  * Define an HTTP action.
  *
- * This function will be used to respond to HTTP requests received by a Convex
- * deployment if the requests matches the path and method where this action
- * is routed. Be sure to route your action in `convex/http.js`.
+ * The wrapped function will be used to respond to HTTP requests received
+ * by a Convex deployment if the requests matches the path and method where
+ * this action is routed. Be sure to route your httpAction in `convex/http.js`.
  *
- * @param func - The function. It receives an {@link ActionCtx} as its first argument.
+ * @param func - The function. It receives an {@link ActionCtx} as its first argument
+ * and a Fetch API `Request` object as its second.
  * @returns The wrapped function. Import this function from `convex/http.js` and route it to hook it up.
  */
 export declare const httpAction: HttpActionBuilder;

convex/_generated/server.js

@@ -16,7 +16,6 @@ import {
   internalActionGeneric,
   internalMutationGeneric,
   internalQueryGeneric,
-  componentsGeneric,
 } from "convex/server";
 
 /**
@@ -81,10 +80,14 @@ export const action = actionGeneric;
 export const internalAction = internalActionGeneric;
 
 /**
- * Define a Convex HTTP action.
+ * Define an HTTP action.
  *
- * @param func - The function. It receives an {@link ActionCtx} as its first argument, and a `Request` object
- * as its second.
- * @returns The wrapped endpoint function. Route a URL path to this function in `convex/http.js`.
+ * The wrapped function will be used to respond to HTTP requests received
+ * by a Convex deployment if the requests matches the path and method where
+ * this action is routed. Be sure to route your httpAction in `convex/http.js`.
+ *
+ * @param func - The function. It receives an {@link ActionCtx} as its first argument
+ * and a Fetch API `Request` object as its second.
+ * @returns The wrapped function. Import this function from `convex/http.js` and route it to hook it up.
  */
 export const httpAction = httpActionGeneric;

convex/fileActions.ts

@@ -5,7 +5,6 @@ import { v } from "convex/values";
 import { countTokens } from "gpt-tokenizer";
 import { getDocument } from "pdfjs-serverless";
 import { CSVLoader } from "@langchain/community/document_loaders/fs/csv";
-import { JSONLoader } from "langchain/document_loaders/fs/json";
 import mammoth from "mammoth";
 import WordExtractor from "word-extractor";
 import { isBinaryFile } from "isbinaryfile";
@@ -313,9 +312,11 @@ const processCsvFile = async (csv: Blob): Promise<FileItemChunk[]> => {
 };
 
 const processJsonFile = async (json: Blob): Promise<FileItemChunk[]> => {
-  const loader = new JSONLoader(json);
-  const docs = await loader.load();
-  const completeText = docs.map((doc) => doc.pageContent).join(" ");
+  const fileBuffer = Buffer.from(await json.arrayBuffer());
+  const textDecoder = new TextDecoder("utf-8");
+  const jsonText = textDecoder.decode(fileBuffer);
+  const parsedJson = JSON.parse(jsonText);
+  const completeText = JSON.stringify(parsedJson, null, 2);
 
   return [
     {