npm - vzcode - Versions diffs - 2.7.0 → 2.9.0 - Mend

vzcode 2.7.0 → 2.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (41) hide show

package/dist/assets/{buildWorker-wLkQ0yz1.js → buildWorker-D4WATavZ.js} +27 -27
package/dist/assets/{index-DL2VQRps.js → index-C_mFOLqJ.js} +175 -176
package/dist/cli.js +0 -2
package/dist/index.html +1 -1
package/dist/server/aiChatHandler/chatOperations.js +1 -1
package/dist/server/computeInitialDocument.js +1 -1
package/dist/server/index.js +2 -2
package/package.json +10 -3
package/src/cli.ts +0 -3
package/src/client/AIAssist/AIAssistCodeMirrorKeyMap.ts +4 -4
package/src/client/AIAssist/startAIAssist.ts +1 -7
package/src/client/App/useShareDB.ts +1 -1
package/src/client/CodeEditor/InteractiveWidgets/rotateWidget.ts +1 -1
package/src/client/CodeEditor/getOrCreateEditor.tsx +5 -15
package/src/client/CodeEditor/index.tsx +4 -3
package/src/client/CodeEditor/rainbowBrackets.ts +0 -1
package/src/client/CodeErrorOverlay/index.tsx +1 -1
package/src/client/RunCodeWidget/index.tsx +1 -1
package/src/client/SplitPaneResizeContext.tsx +0 -1
package/src/client/VZCodeContext/useVZCodeState.ts +30 -17
package/src/client/VZKeyboardShortcutsDoc.tsx +3 -18
package/src/client/VZMiddle.tsx +0 -6
package/src/client/VZSidebar/AIChat/DiffView.tsx +6 -28
package/src/client/VZSidebar/AIChat/Message.tsx +1 -6
package/src/client/VZSidebar/AIChat/MessageList.tsx +1 -3
package/src/client/VZSidebar/AIChat/useSpeechRecognition.ts +1 -2
package/src/client/VZSidebar/DirectoryListing.tsx +0 -1
package/src/client/VZSidebar/VisualEditor.tsx +3 -3
package/src/client/VZSidebar/VoiceChatModal.tsx +0 -1
package/src/client/VZSidebar/aiCopyPaste.ts +0 -2
package/src/client/index.ts +4 -1
package/src/client/useFileCRUD.ts +0 -1
package/src/client/useKeyboardShortcuts.ts +6 -2
package/src/client/vzReducer/closeTabsReducer.ts +1 -1
package/src/client/vzReducer/createInitialState.test.ts +25 -0
package/src/client/vzReducer/createInitialState.ts +1 -1
package/src/client/vzReducer/searchReducer.test.ts +16 -16
package/src/client/vzReducer/searchReducer.ts +2 -2
package/src/server/aiChatHandler/chatOperations.ts +1 -4
package/src/server/computeInitialDocument.ts +1 -1
package/src/server/index.ts +2 -2

package/dist/cli.js CHANGED Viewed

@@ -75,8 +75,6 @@ function startServerInBackground(workingDirectory) {
 }
 // Fallback function to launch the browser version
 async function launchBrowserVersion(workingDirectory) {
-    const { default: open } = await import('open');
-    const serverModule = await import('./server/index.js');
     // Note: The server/index.js will use process.cwd() automatically
     // and we're already in the correct working directory
     console.log(`Starting VZCode server from: ${workingDirectory}`);

package/dist/index.html CHANGED Viewed

@@ -20,7 +20,7 @@
       href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap"
       rel="stylesheet"
     />
-    <script type="module" crossorigin src="/assets/index-DL2VQRps.js"></script>
+    <script type="module" crossorigin src="/assets/index-C_mFOLqJ.js"></script>
     <link rel="stylesheet" crossorigin href="/assets/index-Bjj9VRMn.css">
   </head>
   <body>

package/dist/server/aiChatHandler/chatOperations.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { dateToTimestamp, } from '@vizhub/viz-utils';
+import { dateToTimestamp } from '@vizhub/viz-utils';
 import { randomId } from '../../randomId.js';
 import { diff } from '../../ot.js';
 /**

package/dist/server/computeInitialDocument.js CHANGED Viewed

@@ -65,7 +65,7 @@ export const computeInitialDocument = ({ fullPath }) => {
      * Stack for recursively traversing directories.
      * @type {string[]}
      */
-    let files = [];
+    const files = [];
     const ignoreFileMatcher = createIgnore().add(ignoreFilePattern);
     const isIgnoreFile = (fileName) => ignoreFileMatcher.ignores(fileName);
     const unsearchedDirectories = [

package/dist/server/index.js CHANGED Viewed

@@ -191,7 +191,7 @@ const save = () => {
         }
         // handle deleting files and directories.
         if (previous && !current) {
-            let stats = fs.statSync(previous.name);
+            const stats = fs.statSync(previous.name);
             //Check if the file path we are trying to delete is a directory
             if (!stats.isDirectory()) {
                 fs.unlinkSync(previous.name);
@@ -290,7 +290,7 @@ server.listen(port, async () => {
     // Note: ngrok support can be added when the package is properly installed
     // Sets the port to the one specified in the environment
     // variable (for development) or the default port.
-    let livePort = process.env.EDITOR_PORT || port;
+    const livePort = process.env.EDITOR_PORT || port;
     console.log(`EDITOR_PORT: ${process.env.EDITOR_PORT}`);
     console.log(`Editor is live at http://localhost:${livePort}`);
     open(`http://localhost:${livePort}`);

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "vzcode",
-  "version": "2.7.0",
+  "version": "2.9.0",
   "description": "Multiplayer code editor system",
   "main": "src/index.ts",
   "type": "module",
@@ -14,6 +14,8 @@
     "test-interactive": "cd test/sampleDirectories/visualEditor && node --import \"data:text/javascript,import { register } from 'node:module'; import { pathToFileURL } from 'node:url'; register('ts-node/esm', pathToFileURL('./'));\" ../../../src/server/index.ts",
     "prettier": "prettier {*.*,**/*.*} --write",
     "typecheck": "tsc --noEmit",
+    "lint": "eslint . --ext .js,.ts,.tsx",
+    "lint:fix": "eslint . --ext .js,.ts,.tsx --fix",
     "dev": "cross-env EDITOR_PORT=5173 concurrently \"npm run test-interactive\" \"vite\"",
     "build": "vite build && npm run build:server",
     "build:server": "tsc --project tsconfig.server.json",
@@ -118,7 +120,7 @@
     "@codemirror/state": "^6.5.2",
     "@codemirror/theme-one-dark": "^6.1.3",
     "@codemirror/view": "^6.38.1",
-    "@langchain/core": "^0.3.70",
+    "@langchain/core": "^0.3.71",
     "@langchain/openai": "^0.6.7",
     "@lezer/highlight": "^1.2.1",
     "@livekit/components-react": "^2.9.14",
@@ -169,7 +171,7 @@
     "react-bootstrap": "^2.10.10",
     "react-dom": "^18",
     "react-markdown": "^10.1.0",
-    "react-router-dom": "^7.8.0",
+    "react-router-dom": "^7.8.1",
     "remark-gfm": "^4.0.1",
     "sharedb": "^5.2.2",
     "sharedb-client-browser": "^5.2.2",
@@ -182,10 +184,15 @@
     "@tauri-apps/cli": "^2.7.1",
     "@types/react": "^18",
     "@types/react-dom": "^18",
+    "@typescript-eslint/eslint-plugin": "^8.39.1",
+    "@typescript-eslint/parser": "^8.39.1",
     "@vitejs/plugin-react": "^5.0.0",
     "concurrently": "^9.2.0",
     "cross-env": "^10.0.0",
     "eslint": "^9.33.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^5.2.0",
     "globals": "^16.3.0",
     "npm-check-updates": "^18.0.2",
     "prettier": "^3.6.2",

package/src/cli.ts CHANGED Viewed

@@ -153,9 +153,6 @@ function startServerInBackground(
 async function launchBrowserVersion(
   workingDirectory: string,
 ): Promise<void> {
-  const { default: open } = await import('open');
-  const serverModule = await import('./server/index.js');
   // Note: The server/index.js will use process.cwd() automatically
   // and we're already in the correct working directory
   console.log(

package/src/client/AIAssist/AIAssistCodeMirrorKeyMap.ts CHANGED Viewed

@@ -3,9 +3,9 @@ import { ShareDBDoc, TabState } from '../../types';
 import { VizContent } from '@vizhub/viz-types';
 export const AIAssistCodeMirrorKeyMap = ({
-  shareDBDoc,
-  fileId,
-  tabList,
+  shareDBDoc: _shareDBDoc,
+  fileId: _fileId,
+  tabList: _tabList,
 }: {
   shareDBDoc: ShareDBDoc<VizContent>;
   fileId: string;
@@ -14,7 +14,7 @@ export const AIAssistCodeMirrorKeyMap = ({
   keymap.of([
     {
       key: 'control-m',
-      run: (view: EditorView) => {
+      run: (_view: EditorView) => {
         // if (
         //   shareDBDoc.data.aiStreams === undefined ||
         //   shareDBDoc.data.aiStreams[mostRecentStreamId] ===

package/src/client/AIAssist/startAIAssist.ts CHANGED Viewed

@@ -1,15 +1,9 @@
 import { EditorView } from 'codemirror';
 import { ShareDBDoc, TabState } from '../../types';
-import {
-  VizFile,
-  VizFileId,
-  VizContent,
-} from '@vizhub/viz-types';
+import { VizFileId, VizContent } from '@vizhub/viz-types';
 import { RequestId } from '../generateRequestId';
 import { formatFile } from './formatFile';
-const debug = false;
 // Enables inclusion of code from open tabs as context.
 const enableTabContext = false;

package/src/client/App/useShareDB.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { useEffect, useState, useRef } from 'react';
+import { useEffect, useState } from 'react';
 import { randomId } from '../../randomId';
 import { ShareDBDoc } from '../../types';
 import { VizContent } from '@vizhub/viz-types';

package/src/client/CodeEditor/InteractiveWidgets/rotateWidget.ts CHANGED Viewed

@@ -94,7 +94,7 @@ class RotationCircle extends WidgetType {
     this.angle = angle;
   }
-  toDOM(view: EditorView): HTMLElement {
+  toDOM(_view: EditorView): HTMLElement {
     const parent = document.createElement('div');
     parent.setAttribute('style', 'width:20px;height:20px');

package/src/client/CodeEditor/getOrCreateEditor.tsx CHANGED Viewed

@@ -24,12 +24,7 @@ import {
 } from '@codemirror/lint';
 import { json1Presence, textUnicode } from '../../ot';
-import {
-  PaneId,
-  ShareDBDoc,
-  TabState,
-  Username,
-} from '../../types';
+import { PaneId, ShareDBDoc, Username } from '../../types';
 import { VizFileId, VizContent } from '@vizhub/viz-types';
 import { json1PresenceBroadcast } from './json1PresenceBroadcast';
 import { json1PresenceDisplay } from './json1PresenceDisplay';
@@ -72,9 +67,6 @@ import {
 } from '@valtown/codemirror-ts';
 import { getFileExtension } from '../utils/fileExtension';
 import { SparklesSVG } from '../Icons/SparklesSVG';
-import { VZCodeContext } from '../VZCodeContext';
-import { useContext, useMemo } from 'react';
-import { handleAIChatMessage } from '../../server/aiChatHandler';
 const DEBUG = false;
@@ -83,7 +75,7 @@ const DEBUG = false;
 export const fileNameStateField = StateField.define<string>(
   {
     create: () => '', // Default initial value
-    update: (value, tr) => value, // Typically set once at creation for a given editor instance
+    update: (value, _tr) => value, // Typically set once at creation for a given editor instance
   },
 );
@@ -194,7 +186,6 @@ export const getOrCreateEditor = async ({
   esLintSource,
   rainbowBracketsEnabled = true,
   setIsAIChatOpen,
-  setAIChatMessage,
   handleSendMessage,
 }: {
   // TODO pass this in from the outside
@@ -232,7 +223,6 @@ export const getOrCreateEditor = async ({
   ) => Promise<readonly Diagnostic[]>;
   rainbowBracketsEnabled?: boolean; // New parameter type
   setIsAIChatOpen: (isAIChatOpen: boolean) => void;
-  setAIChatMessage: (message: string) => void;
   handleSendMessage: any; // TODO fix types
 }): Promise<ExtendedEditorCacheValue> => {
   // Cache hit
@@ -258,10 +248,10 @@ export const getOrCreateEditor = async ({
   // Create a compartment for the theme so that it can be changed dynamically.
   // Inspired by: https://github.com/craftzdog/cm6-themes/blob/main/example/index.ts
-  let themeCompartment = new Compartment();
+  const themeCompartment = new Compartment();
   // Create a compartment for rainbow brackets so that it can be enabled/disabled dynamically.
-  let rainbowBracketsCompartment = new Compartment();
+  const rainbowBracketsCompartment = new Compartment();
   // The CodeMirror extensions to use.
   // const extensions = [autocompletion(), html(htmlConfig)]
@@ -485,7 +475,7 @@ export const getOrCreateEditor = async ({
         super();
       }
-      eq(other: ToDoWidget) {
+      eq(_other: ToDoWidget) {
         return false;
       }

package/src/client/CodeEditor/index.tsx CHANGED Viewed

@@ -44,7 +44,6 @@ export const CodeEditor = ({
     codeEditorRef,
     enableAutoFollow,
     setIsAIChatOpen,
-    setAIChatMessage,
     handleSendMessage,
   } = useContext(VZCodeContext);
@@ -71,7 +70,10 @@ export const CodeEditor = ({
       // This logic deletes the `isInteracting` property from the document
       submitOperation(
-        ({ isInteracting, ...newDocument }) => ({
+        ({
+          isInteracting: _isInteracting,
+          ...newDocument
+        }) => ({
           ...newDocument,
         }),
       );
@@ -116,7 +118,6 @@ export const CodeEditor = ({
         aiCopilotEndpoint,
         esLintSource,
         setIsAIChatOpen,
-        setAIChatMessage,
         handleSendMessage,
       });

package/src/client/CodeEditor/rainbowBrackets.ts CHANGED Viewed

@@ -80,7 +80,6 @@ const rainbowBracketsPlugin = ViewPlugin.fromClass(
       return Decoration.set(decorations);
     }
-    // eslint-disable-next-line class-methods-use-this
     getMatchingBracket(closingBracket) {
       switch (closingBracket) {
         case ')':

package/src/client/CodeErrorOverlay/index.tsx CHANGED Viewed

@@ -7,7 +7,7 @@ const enableErrorDismiss = true;
 export const CodeErrorOverlay = ({
   errorMessage,
-  content,
+  content: _content,
 }: {
   errorMessage: string | null;
   content: VizContent;

package/src/client/RunCodeWidget/index.tsx CHANGED Viewed

@@ -29,7 +29,7 @@ export const RunCodeWidget = ({
   const [isRunning, setIsRunning] = useState(false);
   const handleClick = useCallback(
-    (event?: React.MouseEvent) => {
+    (_event?: React.MouseEvent) => {
       setIsRunning(true); // Set the running state to true
       // Run Prettier

package/src/client/SplitPaneResizeContext.tsx CHANGED Viewed

@@ -3,7 +3,6 @@ import {
   createContext,
   useReducer,
   useCallback,
-  useEffect,
 } from 'react';
 export type Side = 'left' | 'right';

package/src/client/VZCodeContext/useVZCodeState.ts CHANGED Viewed

@@ -6,7 +6,6 @@ import {
   useRef,
   useState,
 } from 'react';
-import { VizContent } from '@vizhub/viz-types';
 import { defaultTheme, useDynamicTheme } from '../themes';
 import { useActions } from '../useActions';
 import { useEditorCache } from '../useEditorCache';
@@ -77,9 +76,10 @@ export const useVZCodeState = ({
   const sidebarRef = useRef(null);
   const codeEditorRef = useRef(null);
+  const internalIframeRef = useRef(null);
-  // Use external iframeRef if provided, otherwise create our own
-  const iframeRef = externalIframeRef || useRef(null);
+  // Use external iframeRef if provided, otherwise use internal one
+  const iframeRef = externalIframeRef || internalIframeRef;
   // The error message shows errors in order of priority:
   // * `runtimeError` - errors from runtime execution, highest priority
@@ -423,18 +423,31 @@ export const useVZCodeState = ({
             errorMessage ===
             'You do not have permission to use AI chat on this visualization. Only users with edit access can use this feature. Fork the viz to edit it.'
           ) {
-            // Trigger auto-fork instead of showing error
-            try {
-              await autoForkAndRetryAI?.(
-                currentPrompt,
-                aiChatMode,
-              );
-              // If we reach here, the fork was successful and redirect should happen
-              return;
-            } catch (forkError) {
-              console.error('Auto-fork failed:', forkError);
+            // For authenticated users, trigger auto-fork
+            if (autoForkAndRetryAI) {
+              try {
+                await autoForkAndRetryAI(
+                  currentPrompt,
+                  aiChatMode,
+                );
+                // If we reach here, the fork was successful and redirect should happen
+                return;
+              } catch (forkError) {
+                console.error(
+                  'Auto-fork failed:',
+                  forkError,
+                );
+                setAIErrorMessage(
+                  'Failed to fork visualization. Please try forking manually.',
+                );
+                return;
+              }
+            } else {
+              // For unauthenticated users, store the message and trigger login flow
+              // This will be handled by the external error handler
               setAIErrorMessage(
-                'Failed to fork visualization. Please try forking manually.',
+                errorMessage,
+                messageContent.trim(),
               );
               return;
             }
@@ -492,7 +505,7 @@ export const useVZCodeState = ({
     let newConfigData;
     try {
       newConfigData = JSON.parse(files[configFileId].text);
-    } catch (error) {
+    } catch {
       // If config is invalid JSON, we can't process changes
       return;
     }
@@ -543,10 +556,10 @@ export const useVZCodeState = ({
         iframeRef.current?.contentWindow?.postMessage(
           changedProperties,
         );
-      } catch (error) {
+      } catch (_error_) {
         console.error(
           'Failed to send config changes to iframe:',
-          error,
+          _error_,
         );
       }
     }

package/src/client/VZKeyboardShortcutsDoc.tsx CHANGED Viewed

@@ -1,29 +1,14 @@
-import React, { useCallback, useContext } from 'react';
+import React, { useContext } from 'react';
 import { Button, Modal, Form } from './bootstrap';
-import { ThemeLabel, themes } from './themes';
 import { VZCodeContext } from './VZCodeContext';
 export const VZKeyboardShortcutsDoc = ({
-  enableUsernameField = true,
+  enableUsernameField: _enableUsernameField = true,
 }: {
   // Feature flag to enable/disable username field
   enableUsernameField?: boolean;
 }) => {
-  const {
-    isDocOpen,
-    closeDoc,
-    setTheme,
-    setUsername,
-  } = useContext(VZCodeContext);
-  const handleThemeChange = useCallback(
-    (event: React.ChangeEvent<HTMLSelectElement>) => {
-      setTheme(event.target.value as ThemeLabel);
-    },
-    [],
-  );
+  const { isDocOpen, closeDoc } = useContext(VZCodeContext);
   return isDocOpen ? (
     <Modal

package/src/client/VZMiddle.tsx CHANGED Viewed

@@ -11,8 +11,6 @@ import { RunCodeWidget } from './RunCodeWidget';
 import { InteractRule } from '@replit/codemirror-interact';
 import { EditorView } from '@codemirror/view';
 import { Diagnostic } from '@codemirror/lint';
-import { VizContent } from '@vizhub/viz-types';
-import { LeafPane } from '../types';
 import { isImageFile } from './utils/isImageFile';
 // TODO modify this to handle the SplitPane type
@@ -104,8 +102,6 @@ export const VZMiddle = ({
   aiAssistTooltipText,
   aiAssistClickOverride,
   aiCopilotEndpoint,
-  aiChatEndpoint,
-  aiChatOptions,
   customInteractRules,
   esLintSource,
 }: {
@@ -115,8 +111,6 @@ export const VZMiddle = ({
   aiAssistTooltipText?: string;
   aiAssistClickOverride?: () => void;
   aiCopilotEndpoint?: string;
-  aiChatEndpoint?: string;
-  aiChatOptions?: { [key: string]: any };
   customInteractRules?: Array<InteractRule>;
   esLintSource: (
     view: EditorView,

package/src/client/VZSidebar/AIChat/DiffView.tsx CHANGED Viewed

@@ -1,7 +1,6 @@
 import React, {
   useContext,
   useEffect,
-  useMemo,
   useRef,
 } from 'react';
 import {
@@ -13,7 +12,7 @@ import * as Diff2Html from 'diff2html';
 import 'diff2html/bundles/css/diff2html.min.css';
 import './DiffView.scss';
 import { VZCodeContext } from '../../VZCodeContext';
-import { VizFileId, VizFiles } from '@vizhub/viz-types';
+import { VizFiles } from '@vizhub/viz-types';
 interface DiffViewProps {
   diffData: UnifiedFilesDiff;
@@ -30,10 +29,6 @@ export const DiffView: React.FC<DiffViewProps> = ({
     (diff) => diff.length > 0,
   );
-  if (unifiedDiffs.length === 0) {
-    return null;
-  }
   // Calculate statistics from all unified diffs
   let totalAdditions = 0;
   let totalDeletions = 0;
@@ -53,27 +48,6 @@ export const DiffView: React.FC<DiffViewProps> = ({
     outputFormat: 'line-by-line',
   });
-  // Create a mapping from file name to file ID for click handling
-  const fileNameToIdMap = useMemo(() => {
-    const map = new Map<string, VizFileId>();
-    Object.entries(diffData).forEach(([fileId, diff]) => {
-      // Extract file name from the unified diff
-      // The diff contains lines like "--- a/filename" and "+++ b/filename"
-      const lines = diff.split('\n');
-      for (const line of lines) {
-        if (
-          line.startsWith('--- a/') ||
-          line.startsWith('+++ b/')
-        ) {
-          const fileName = line.substring(6); // Remove "--- a/" or "+++ b/"
-          map.set(fileName, fileId as VizFileId);
-          break;
-        }
-      }
-    });
-    return map;
-  }, [diffData]);
   // Add click handlers to file names after HTML is rendered
   useEffect(() => {
     if (!diffContainerRef.current) return;
@@ -103,7 +77,7 @@ export const DiffView: React.FC<DiffViewProps> = ({
             // TODO get fileId from content.files
             const fileId = Object.entries(files).find(
-              ([id, file]) => file.name === fileName,
+              ([_id, file]) => file.name === fileName,
             )?.[0];
             console.log('Mapped file ID:', fileId);
@@ -145,6 +119,10 @@ export const DiffView: React.FC<DiffViewProps> = ({
     };
   }, [diffHtml, content, openTab, setIsAIChatOpen]);
+  if (unifiedDiffs.length === 0) {
+    return null;
+  }
   return (
     <div className="diff-view">
       <div className="diff-summary">

package/src/client/VZSidebar/AIChat/Message.tsx CHANGED Viewed

@@ -1,12 +1,7 @@
 import { timestampToDate } from '@vizhub/viz-utils';
 import Markdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
-import React, {
-  useMemo,
-  memo,
-  useState,
-  useContext,
-} from 'react';
+import React, { useMemo, memo, useContext } from 'react';
 import { DiffView } from './DiffView';
 import { UnifiedFilesDiff } from '../../../utils/fileDiff';
 import { enableDiffView } from '../../featureFlags';

package/src/client/VZSidebar/AIChat/MessageList.tsx CHANGED Viewed

@@ -15,13 +15,11 @@ const MessageListComponent = ({
   isLoading,
   chatId, // Add chatId prop
   aiScratchpad, // Add aiScratchpad prop
-  aiStatus, // Add aiStatus prop
 }: {
   messages: VizChatMessage[];
   isLoading: boolean;
   chatId?: string; // Add chatId to the type
   aiScratchpad?: string; // Add aiScratchpad to the type
-  aiStatus?: string; // Add aiStatus to the type
 }) => {
   const messagesEndRef = useRef<HTMLDivElement>(null);
   const messagesContainerRef = useRef<HTMLDivElement>(null);
@@ -160,7 +158,7 @@ const MessageListComponent = ({
       ref={messagesContainerRef}
       onScroll={handleScroll}
     >
-      {messages.map((msg, index) => {
+      {messages.map((msg, _index) => {
         return (
           <Message
             key={msg.id}

package/src/client/VZSidebar/AIChat/useSpeechRecognition.ts CHANGED Viewed

@@ -20,8 +20,7 @@ export const useSpeechRecognition = (
   const [recognition, setRecognition] =
     // @ts-ignore
     useState<SpeechRecognition | null>(null);
-  const [finalTranscript, setFinalTranscript] =
-    useState<string>('');
+  const [, setFinalTranscript] = useState<string>('');
   // Speech recognition setup
   useEffect(() => {

package/src/client/VZSidebar/DirectoryListing.tsx CHANGED Viewed

@@ -23,7 +23,6 @@ export const DirectoryListing = ({
     deleteDirectory,
     isDirectoryOpen,
     toggleDirectory,
-    sidebarPresenceIndicators,
   } = useContext(VZCodeContext);
   const handleClick = useCallback(() => {

package/src/client/VZSidebar/VisualEditor.tsx CHANGED Viewed

@@ -2,7 +2,6 @@ import {
   useCallback,
   useContext,
   useState,
-  useRef,
   useEffect,
   useMemo,
 } from 'react';
@@ -60,7 +59,8 @@ export const VisualEditor = () => {
   const configData = useMemo(() => {
     try {
       return JSON.parse(files[configFileId].text);
-    } catch (error) {
+    } catch (_error) {
+      console.error('Error parsing config.json:', _error);
       return null;
     }
   }, [files?.[configFileId]?.text]);
@@ -301,7 +301,7 @@ export const VisualEditor = () => {
   return (
     <div className="visual-editor">
-      {visualEditorWidgets.map((widgetConfig, index) => {
+      {visualEditorWidgets.map((widgetConfig, _index) => {
         if (widgetConfig.type === 'slider') {
           // Use local value if available, otherwise fall back to config value
           const currentValue =

package/src/client/VZSidebar/VoiceChatModal.tsx CHANGED Viewed

@@ -13,7 +13,6 @@ export function VoiceChatModal() {
   const {
     liveKitRoomName,
     setLiveKitRoom,
-    liveKitToken,
     setLiveKitToken,
     liveKitConnection,
     setLiveKitConnection,

package/src/client/VZSidebar/aiCopyPaste.ts CHANGED Viewed

@@ -12,7 +12,6 @@ import {
   vizFilesToFileCollection,
 } from '@vizhub/viz-utils';
 import JSZip from 'jszip';
-import { generate } from '@langchain/core/dist/utils/fast-json-patch';
 export const createAICopyPasteHandlers = (
   files: VizFiles,
@@ -113,7 +112,6 @@ export const createAICopyPasteHandlers = (
           runId: generateRunId(),
         }));
-        const fileCount = Object.keys(parsed.files).length;
         setPasteButtonText('Pasted!');
         setTimeout(
           () => setPasteButtonText('Paste for AI'),

package/src/client/index.ts CHANGED Viewed

@@ -1,7 +1,10 @@
 export type { ThemeLabel, ThemeOption } from './themes';
 export type { EditorCache } from './useEditorCache';
-export { VZCodeProvider } from './VZCodeContext';
+export {
+  VZCodeProvider,
+  VZCodeContext,
+} from './VZCodeContext';
 export { VZSidebar } from './VZSidebar';
 export { VZSettings } from './VZSettings';
 export { VZKeyboardShortcutsDoc } from './VZKeyboardShortcutsDoc';