refactor(chombobox): commands come from caps

TODO.md

@@ -60,6 +60,7 @@
 [x] combobox for the @commands
 [x] add combobox to chat form and maybe pass text-area as a child component
 [ ] remove test commands
+[ ] rag commands come from the caps url.
 
 ### EVENTS TODO FOR IDEs
 

src/components/ChatForm/ChatForm.tsx

@@ -16,7 +16,7 @@ import { ErrorCallout, Callout } from "../Callout";
 import { Select } from "../Select/Select";
 import { FileUpload } from "../FileUpload";
 import { Button } from "@radix-ui/themes";
-import { ComboBox, testCommands } from "../ComboBox";
+import { ComboBox } from "../ComboBox";
 
 const CapsSelect: React.FC<{
   value: string;
@@ -52,6 +52,7 @@ export const ChatForm: React.FC<{
   onStopStreaming: () => void;
   handleContextFile: () => void;
   hasContextFile: boolean;
+  commands: string[];
 }> = ({
   onSubmit,
   onClose,
@@ -66,6 +67,7 @@ export const ChatForm: React.FC<{
   onStopStreaming,
   handleContextFile,
   hasContextFile,
+  commands,
 }) => {
   const [value, setValue] = React.useState("");
   const isOnline = useIsOnline();
@@ -120,7 +122,7 @@ export const ChatForm: React.FC<{
         onSubmit={() => handleSubmit()}
       >
         <ComboBox
-          commands={testCommands}
+          commands={commands}
           value={value}
           onChange={setValue}
           onSubmit={handleEnter}

src/contexts/config-context.tsx

@@ -1,13 +1,13 @@
 import React, { useContext, createContext } from "react";
 
 export type Config = {
-  vecdb: boolean;
+  rag?: boolean; // TODO: remove this
   host: "web" | "ide"; // | "vscode" | "jetbrains"
   tabbed?: boolean;
   lspUrl?: string;
 };
 
-const ConfigContext = createContext<Config>({ vecdb: false, host: "web" });
+const ConfigContext = createContext<Config>({ host: "web" });
 
 const ConfigProvider: React.FC<{
   children: React.ReactNode;

src/features/Chat.tsx

@@ -17,7 +17,7 @@ export const Chat: React.FC<{ style?: React.CSSProperties }> = (props) => {
     hasContextFile,
   } = useEventBusForChat();
 
-  // TODO: ide's won't need this to be as big as the light dark button won't be there
+  // TODO: ide's won't need this to be as big because the light dark button won't be there
   const LeftRightPadding: Responsive<
     "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9"
   > = {
@@ -78,6 +78,7 @@ export const Chat: React.FC<{ style?: React.CSSProperties }> = (props) => {
         onStopStreaming={stopStreaming}
         handleContextFile={handleContextFile}
         hasContextFile={hasContextFile}
+        commands={state.rag_commands}
       />
     </Flex>
   );

src/hooks/useEventBusForChat.ts

@@ -134,6 +134,7 @@ function reducer(state: ChatState, action: ActionToChat): ChatState {
     const default_cap = action.payload.caps.code_chat_default_model;
     const available_caps = Object.keys(action.payload.caps.code_chat_models);
     const error = available_caps.length === 0 ? "No available caps" : null;
+    const rag_commands = action.payload.caps.chat_rag_functions ?? [];
     return {
       ...state,
       error,
@@ -146,6 +147,7 @@ function reducer(state: ChatState, action: ActionToChat): ChatState {
         default_cap: default_cap || available_caps[0] || "",
         available_caps,
       },
+      rag_commands,
     };
   }
 
@@ -249,6 +251,7 @@ export type ChatState = {
   streaming: boolean;
   error: string | null;
   caps: ChatCapsState;
+  rag_commands: string[];
 };
 
 function createInitialState(): ChatState {
@@ -267,6 +270,7 @@ function createInitialState(): ChatState {
       default_cap: "",
       available_caps: [],
     },
+    rag_commands: [],
   };
 }
 

src/main.tsx

@@ -7,5 +7,5 @@ import { render } from "./lib";
 const element = document.getElementById("refact-chat");
 
 if (element) {
-  render(element, { host: "web", vecdb: false });
+  render(element, { host: "web" });
 }

src/services/refact.ts

@@ -188,4 +188,5 @@ export type CapsResponse = {
   telemetry_corrected_snippets_dest: string;
   tokenizer_path_template: string;
   tokenizer_rewrite_path: Record<string, unknown>;
+  chat_rag_functions?: string[];
 };