npm - vzcode - Versions diffs - 1.52.0 → 1.54.0 - Mend

vzcode 1.52.0 → 1.54.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 (7) hide show

package/dist/assets/{index-CoGL485l.js → index-BxRNGHcB.js} +110 -110
package/dist/index.html +1 -1
package/package.json +1 -1
package/src/client/VZSidebar/AIChat/ChatInput.tsx +46 -43
package/src/client/VZSidebar/AIChat/index.tsx +31 -29
package/src/client/featureFlags.ts +2 -0
package/src/server/aiChatHandler/llmStreaming.ts +28 -21

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-CoGL485l.js"></script>
+    <script type="module" crossorigin src="/assets/index-BxRNGHcB.js"></script>
     <link rel="stylesheet" crossorigin href="/assets/index-L1AANcDx.css">
   </head>
   <body>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "vzcode",
-  "version": "1.52.0",
+  "version": "1.54.0",
   "description": "Multiplayer code editor system",
   "main": "src/index.ts",
   "type": "module",

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

@@ -10,6 +10,7 @@ import {
   ButtonGroup,
   ToggleButton,
 } from '../../bootstrap';
+import { enableAskMode } from '../../featureFlags';
 interface ChatInputProps {
   aiChatMessage: string;
@@ -58,50 +59,52 @@ const ChatInputComponent = ({
   return (
     <div className="ai-chat-input-container">
-      <div
-        className="ai-chat-mode-toggle"
-        style={{ marginBottom: '8px' }}
-      >
-        <ButtonGroup size="sm">
-          <ToggleButton
-            id="ai-chat-mode-ask"
-            type="radio"
-            variant={
-              aiChatMode === 'ask'
-                ? 'primary'
-                : 'outline-primary'
-            }
-            name="ai-chat-mode"
-            value="ask"
-            checked={aiChatMode === 'ask'}
-            onChange={() => setAIChatMode('ask')}
-            disabled={isLoading}
-          >
-            💬 Ask
-          </ToggleButton>
-          <ToggleButton
-            id="ai-chat-mode-edit"
-            type="radio"
-            variant={
-              aiChatMode === 'edit'
-                ? 'primary'
-                : 'outline-primary'
-            }
-            name="ai-chat-mode"
-            value="edit"
-            checked={aiChatMode === 'edit'}
-            onChange={() => setAIChatMode('edit')}
-            disabled={isLoading}
-          >
-            ✏️ Edit
-          </ToggleButton>
-        </ButtonGroup>
-        <div className="ai-chat-mode-description">
-          {aiChatMode === 'ask'
-            ? 'Ask questions without editing files'
-            : 'Get answers and code edits'}
+      {enableAskMode && (
+        <div
+          className="ai-chat-mode-toggle"
+          style={{ marginBottom: '8px' }}
+        >
+          <ButtonGroup size="sm">
+            <ToggleButton
+              id="ai-chat-mode-ask"
+              type="radio"
+              variant={
+                aiChatMode === 'ask'
+                  ? 'primary'
+                  : 'outline-primary'
+              }
+              name="ai-chat-mode"
+              value="ask"
+              checked={aiChatMode === 'ask'}
+              onChange={() => setAIChatMode('ask')}
+              disabled={isLoading}
+            >
+              💬 Ask
+            </ToggleButton>
+            <ToggleButton
+              id="ai-chat-mode-edit"
+              type="radio"
+              variant={
+                aiChatMode === 'edit'
+                  ? 'primary'
+                  : 'outline-primary'
+              }
+              name="ai-chat-mode"
+              value="edit"
+              checked={aiChatMode === 'edit'}
+              onChange={() => setAIChatMode('edit')}
+              disabled={isLoading}
+            >
+              ✏️ Edit
+            </ToggleButton>
+          </ButtonGroup>
+          <div className="ai-chat-mode-description">
+            {aiChatMode === 'ask'
+              ? 'Ask questions without editing files'
+              : 'Get answers and code edits'}
+          </div>
         </div>
-      </div>
+      )}
       <Form.Group className="ai-chat-input-group">
         <Form.Control
           as="textarea"

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

@@ -164,39 +164,41 @@ export const AIChat = () => {
   useEffect(() => {
     DEBUG &&
       console.log('AIChat: Checking for stored AI prompt');
-    const storedPrompt = getStoredAIPrompt();
-    DEBUG &&
-      console.log(
-        'AIChat: Stored prompt result:',
-        storedPrompt,
-      );
-    if (storedPrompt) {
-      // Restore the prompt and mode
+    if (getStoredAIPrompt) {
+      const storedPrompt = getStoredAIPrompt();
       DEBUG &&
-        console.log('AIChat: Restoring prompt and mode');
-      setAIChatMessage(storedPrompt.prompt);
-      setAIChatMode(
-        storedPrompt.modelName === 'ask' ? 'ask' : 'edit',
-      );
+        console.log(
+          'AIChat: Stored prompt result:',
+          storedPrompt,
+        );
+      if (storedPrompt) {
+        // Restore the prompt and mode
+        DEBUG &&
+          console.log('AIChat: Restoring prompt and mode');
+        setAIChatMessage(storedPrompt.prompt);
+        setAIChatMode(
+          storedPrompt.modelName === 'ask' ? 'ask' : 'edit',
+        );
-      // Clear the stored prompt
-      DEBUG &&
-        console.log('AIChat: Clearing stored prompt');
-      clearStoredAIPrompt();
+        // Clear the stored prompt
+        DEBUG &&
+          console.log('AIChat: Clearing stored prompt');
+        clearStoredAIPrompt();
-      // Auto-submit the restored prompt after a short delay
-      DEBUG &&
-        console.log('AIChat: Scheduling auto-submit');
-      setTimeout(() => {
+        // Auto-submit the restored prompt after a short delay
         DEBUG &&
-          console.log(
-            'AIChat: Auto-submitting restored prompt',
-          );
-        handleSendMessage(storedPrompt.prompt);
-      }, 100);
-    } else {
-      DEBUG &&
-        console.log('AIChat: No stored prompt found');
+          console.log('AIChat: Scheduling auto-submit');
+        setTimeout(() => {
+          DEBUG &&
+            console.log(
+              'AIChat: Auto-submitting restored prompt',
+            );
+          handleSendMessage(storedPrompt.prompt);
+        }, 100);
+      } else {
+        DEBUG &&
+          console.log('AIChat: No stored prompt found');
+      }
     }
   }, [
     getStoredAIPrompt,

package/src/client/featureFlags.ts CHANGED Viewed

@@ -4,3 +4,5 @@ export const enableLiveKit =
 export const enableAIChat = true;
 export const enableDiffView = true;
+export const enableAskMode = false;

package/src/server/aiChatHandler/llmStreaming.ts CHANGED Viewed

@@ -2,7 +2,6 @@ import {
   parseMarkdownFiles,
   StreamingMarkdownParser,
 } from 'llm-code-format';
-import { ChatOpenAI } from '@langchain/openai';
 import OpenAI from 'openai';
 import fs from 'fs';
 import { generateRunId } from '@vizhub/viz-utils';
@@ -52,7 +51,9 @@ export const createLLMFunction = ({
   chatId: VizChatId;
 }) => {
   return async (fullPrompt: string) => {
-    const localPresence = createAIEditLocalPresence();
+    const localPresence = enableStreamingEditing
+      ? createAIEditLocalPresence()
+      : null;
     // Create OpenRouter client for reasoning token support
     const openRouterClient = new OpenAI({
@@ -154,14 +155,19 @@ export const createLLMFunction = ({
               ],
             };
-            localPresence.submit(filePresence, (error) => {
-              if (error) {
-                console.warn(
-                  'AI Editor line presence submission error:',
-                  error,
-                );
-              }
-            });
+            if (localPresence) {
+              localPresence.submit(
+                filePresence,
+                (error) => {
+                  if (error) {
+                    console.warn(
+                      'AI Editor line presence submission error:',
+                      error,
+                    );
+                  }
+                },
+              );
+            }
           }
         }
       },
@@ -196,14 +202,13 @@ export const createLLMFunction = ({
     )({
       model: modelName,
       messages: [{ role: 'user', content: fullPrompt }],
-      max_tokens: 8192,
       reasoning: {
         effort: 'medium',
         exclude: false,
       },
       provider: {
         sort: 'throughput',
-      }, // New parameter for OpenRouter routing
+      },
       usage: { include: true },
       stream: true,
     });
@@ -283,15 +288,17 @@ export const createLLMFunction = ({
       console.log(
         'AI editing done, clearing AI Editor presence',
       );
-    localPresence.submit(null, (error) => {
-      DEBUG && console.log('AI Editor presence cleared');
-      if (error) {
-        console.warn(
-          'AI Editor presence cleanup error:',
-          error,
-        );
-      }
-    });
+    if (localPresence) {
+      localPresence.submit(null, (error) => {
+        DEBUG && console.log('AI Editor presence cleared');
+        if (error) {
+          console.warn(
+            'AI Editor presence cleanup error:',
+            error,
+          );
+        }
+      });
+    }
     // If streaming editing is not enabled, we need to
     // apply all the edits at once