works on adding user context

Author: steven-mpawulo

.vscode/settings.json

@@ -21,5 +21,8 @@
   "rust-analyzer.cargo.targetDir": "target/analyzer",
   "rust-analyzer.cargo.extraEnv": {
     "MACOSX_DEPLOYMENT_TARGET": "14.2"
+  },
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "vscode.typescript-language-features"
   }
 }

apps/desktop/src/components/editor-area/index.tsx

@@ -22,12 +22,30 @@ import { toast } from "@hypr/ui/components/ui/toast";
 import { cn } from "@hypr/ui/lib/utils";
 import { generateText, localProviderName, modelProvider, smoothStream, streamText, tool } from "@hypr/utils/ai";
 import { useOngoingSession, useSession, useSessions } from "@hypr/utils/contexts";
+import { load } from "@tauri-apps/plugin-store";
 import { enhanceFailedToast } from "../toast/shared";
 import { AnnotationBox } from "./annotation-box";
 import { FloatingButton } from "./floating-button";
 import { NoteHeader } from "./note-header";
 import { TextSelectionPopover } from "./text-selection-popover";
 
+const getUserContext = async (): Promise<{ value: string } | null> => {
+  try {
+    const store = await load("store.json", { autoSave: false })
+    const val = await store.get("user_context")
+    if (val && typeof val === "object" && "value" in val) {
+      return val as { value: string }
+    }
+    return null
+  } catch (error) {
+    console.error("Failed to fetch user context", error)
+    return null
+  }
+}
+
+
+
+
 async function generateTitleDirect(
   enhancedContent: string,
   targetSessionId: string,
@@ -448,11 +466,14 @@ export function useEnhanceMutation({
 
       let customInstruction = selectedTemplate?.description;
 
+      let userContext = await getUserContext() || "";
+
       const systemMessage = await templateCommands.render(
         "enhance.system",
         {
           config,
           type,
+          userContext,
           // Pass userHeaders when using H1 headers, templateInfo otherwise
           ...(shouldUseH1Headers
             ? { userHeaders: h1Headers }

apps/desktop/src/components/settings/components/tab-icon.tsx

@@ -9,6 +9,7 @@ import {
   MessageSquareIcon,
   SettingsIcon,
   SparklesIcon,
+  UserIcon,
 } from "lucide-react";
 
 import { type Tab } from "./types";
@@ -56,6 +57,8 @@ export function TabIcon({ tab }: { tab: Tab }) {
       return <CreditCardIcon className="h-4 w-4" />;
     case "mcp":
       return <McpIcon className="h-4 w-4" />;
+    case "user-context":
+      return <UserIcon className="h-4 w-4" />;
     default:
       return null;
   }

apps/desktop/src/components/settings/components/types.ts

@@ -9,6 +9,7 @@ import {
   NetworkIcon,
   Settings,
   Sparkles,
+  User,
   Volume2,
 } from "lucide-react";
 
@@ -23,7 +24,8 @@ export type Tab =
   | "feedback"
   | "integrations"
   | "mcp"
-  | "billing";
+  | "billing"
+  | "user-context";
 
 export const TABS: { name: Tab; icon: LucideIcon }[] = [
   { name: "general", icon: Settings },
@@ -37,4 +39,5 @@ export const TABS: { name: Tab; icon: LucideIcon }[] = [
   { name: "mcp", icon: NetworkIcon },
   { name: "billing", icon: CreditCard },
   { name: "feedback", icon: BlocksIcon },
+  { name: "user-context", icon: User },
 ];

apps/desktop/src/components/settings/views/user-context.tsx

@@ -0,0 +1,90 @@
+import { Button } from "@hypr/ui/components/ui/button";
+import { Textarea } from "@hypr/ui/components/ui/textarea";
+import { toast } from "@hypr/ui/components/ui/toast";
+import { load } from "@tauri-apps/plugin-store";
+import React, { useEffect, useRef, useState } from "react";
+
+export default function UserContext() {
+  const [isLoading, setIsLoading] = useState(false);
+  const textAreaRef = useRef<HTMLTextAreaElement>(null);
+  const [userContext, setUserContext] = useState<{ value: string } | null>(null);
+
+  const showUserContextToast = (content: string) => {
+    toast({
+      id: "user-context",
+      title: "User Context",
+      content: content,
+      dismissible: true,
+    });
+  };
+
+  const getStore = async () => {
+    return await load("store.json", { autoSave: false });
+  };
+
+  const getUserContext = async (): Promise<{ value: string } | null> => {
+    let store = await getStore();
+    let userContext = await store.get("user_context");
+
+    return userContext as { value: string } | null;
+  };
+
+  const handleSave = async () => {
+    try {
+      setIsLoading(true);
+      let store = await getStore();
+
+      if (!store) {
+        showUserContextToast("Failed to retrieve user store");
+        setIsLoading(false);
+        return;
+      }
+
+      if (!textAreaRef?.current?.value) {
+        showUserContextToast("Failed to save user context");
+        setIsLoading(false);
+        return;
+      }
+
+      store.set("user_context", { value: textAreaRef?.current?.value });
+      await store.save();
+      showUserContextToast("User context saved successfully");
+      setIsLoading(false);
+    } catch (error) {
+      setIsLoading(false);
+      console.log("Failed to save user context with error ", error);
+    }
+  };
+
+  useEffect(() => {
+    getUserContext().then((val) => {
+      setUserContext(val);
+    }).catch((e) => {
+      console.log(e);
+    });
+  }, []);
+
+  return (
+    <div className="flex-1 ">
+      <div className="mb-2">
+        <p className="text-black ">User Context</p>
+      </div>
+      <Textarea
+        className="h-full"
+        ref={textAreaRef}
+        placeholder={`${userContext?.value || "Enter details about yourself"}`}
+      >
+      </Textarea>
+
+      <div className="mt-2 flex flex-row w-full justify-center">
+        <Button
+          isLoading={isLoading}
+          className="w-3/4"
+          onClick={handleSave}
+        >
+          <span className="text-white">Save</span>
+        </Button>
+      </div>
+    </div>
+  );
+}

apps/desktop/src/routes/app.settings.tsx

@@ -19,6 +19,7 @@ import {
   Sound,
   TemplatesView,
 } from "@/components/settings/views";
+import UserContext from "@/components/settings/views/user-context";
 import { cn } from "@hypr/ui/lib/utils";
 
 const schema = z.object({
@@ -71,6 +72,8 @@ function Component() {
         return t`License`;
       case "mcp":
         return t`MCP`;
+      case "user-context":
+        return t`User Context`;
       default:
         return tab;
     }
@@ -140,6 +143,7 @@ function Component() {
               {search.tab === "integrations" && <Integrations />}
               {search.tab === "mcp" && <MCP />}
               {search.tab === "billing" && <Billing />}
+              {search.tab === "user-context" && <UserContext />}
             </div>
           </div>
         </div>

crates/template/assets/enhance.system.jinja

@@ -63,6 +63,13 @@ You will be given multiple inputs from the user. Below are useful information th
 - The beginning of a raw note may include agenda items, discussion topics, and preliminary questions.
 - Primarily consist of key phrases or sentences the user wants to remember, though they may also contain random or extraneous words.
 - May sometimes be empty.
+- User Context (txt)
+
+The User Context contains important background details about the user, such as their role, company, ongoing projects, style/tone preferences, and domain terminology.
+You must always take this into account when generating enhanced notes to make them more relevant and personalized.
+
+Here is the User Context:
+{{ userContext}}
 
 # Enhanced Note Format