Added Qwen learnings panel

X-Lovable-Edit-ID: edt-05f63dd4-b3be-4ea8-a1d8-3477814f517f

src/components/qwen-bot.tsx

@@ -1,33 +1,48 @@
-import { useEffect, useState } from "react";
+import { useEffect, useState, useCallback } from "react";
 import { cn } from "@/lib/utils";
-import { Bot, Sparkles, X } from "lucide-react";
+import { Bot, Sparkles, X, Brain, Plus, Trash2 } from "lucide-react";
+import { supabase } from "@/integrations/supabase/client";
+import { toast } from "sonner";
 
 type QwenBotProps = {
   status: "idle" | "analyzing" | "complete" | "failed";
   summary?: string | null;
   severity?: string;
   error?: string | null;
+  incidentId?: string | null;
 };
 
-/**
- * Floating Qwen mascot — an animated robot that "speaks" the latest analysis.
- * Sits in the bottom-right corner of the dashboard.
- */
-export function QwenBot({ status, summary, severity, error }: QwenBotProps) {
+type Learning = {
+  id: string;
+  category: "correction" | "insight" | "error" | "best_practice";
+  content: string;
+  context: string | null;
+  created_at: string;
+};
+
+type Tab = "chat" | "learnings";
+
+const CATEGORIES: Learning["category"][] = ["correction", "insight", "error", "best_practice"];
+
+export function QwenBot({ status, summary, severity, error, incidentId }: QwenBotProps) {
   const [open, setOpen] = useState(true);
+  const [tab, setTab] = useState<Tab>("chat");
   const [typed, setTyped] = useState("");
+  const [learnings, setLearnings] = useState<Learning[]>([]);
+  const [adding, setAdding] = useState(false);
+  const [newCategory, setNewCategory] = useState<Learning["category"]>("correction");
+  const [newContent, setNewContent] = useState("");
 
   const message =
     status === "analyzing"
       ? "Reasoning through the incident… engaging Event, Safety, Risk and Documentation agents."
       : status === "failed"
       ? `I hit a snag: ${error ?? "unknown error"}.`
-      : summary ?? "Hi, I'm Qwen — submit or select an incident and I'll analyze it for you.";
+      : summary ?? "Hi, I'm Qwen — submit or select an incident and I'll analyze it for you. Teach me in the Learnings tab.";
 
-  // Typewriter effect
   useEffect(() => {
     setTyped("");
-    if (!open) return;
+    if (!open || tab !== "chat") return;
     let i = 0;
     const id = setInterval(() => {
       i++;
@@ -35,41 +50,138 @@ export function QwenBot({ status, summary, severity, error }: QwenBotProps) {
       if (i >= message.length) clearInterval(id);
     }, 14);
     return () => clearInterval(id);
-  }, [message, open]);
+  }, [message, open, tab]);
+
+  const loadLearnings = useCallback(async () => {
+    const { data } = await supabase
+      .from("qwen_learnings")
+      .select("*")
+      .order("created_at", { ascending: false })
+      .limit(50);
+    setLearnings((data ?? []) as Learning[]);
+  }, []);
+
+  useEffect(() => {
+    if (open && tab === "learnings") loadLearnings();
+  }, [open, tab, loadLearnings]);
+
+  const addLearning = async () => {
+    if (!newContent.trim()) return;
+    const { data: u } = await supabase.auth.getUser();
+    if (!u.user) {
+      toast.error("Sign in first.");
+      return;
+    }
+    const { error: e } = await supabase.from("qwen_learnings").insert({
+      user_id: u.user.id,
+      incident_id: incidentId ?? null,
+      category: newCategory,
+      content: newContent.trim(),
+    });
+    if (e) {
+      toast.error(e.message);
+      return;
+    }
+    toast.success("Qwen learned something new.");
+    setNewContent("");
+    setAdding(false);
+    loadLearnings();
+  };
+
+  const removeLearning = async (id: string) => {
+    await supabase.from("qwen_learnings").delete().eq("id", id);
+    loadLearnings();
+  };
 
   const moodColor =
-    status === "failed"
-      ? "text-severity-critical"
-      : status === "analyzing"
-      ? "text-primary"
-      : severity === "critical" || severity === "high"
-      ? "text-severity-high"
-      : "text-primary";
+    status === "failed" ? "text-severity-critical"
+    : status === "analyzing" ? "text-primary"
+    : severity === "critical" || severity === "high" ? "text-severity-high"
+    : "text-primary";
 
   return (
     <div className="fixed bottom-6 right-6 z-50 flex items-end gap-3 pointer-events-none">
-      {/* Speech bubble */}
       {open && (
-        <div className="pointer-events-auto max-w-xs rounded-2xl rounded-br-sm border border-border bg-surface-elevated/95 backdrop-blur p-4 shadow-[var(--shadow-glow)] animate-in fade-in slide-in-from-bottom-2">
-          <div className="flex items-center justify-between mb-2">
+        <div className="pointer-events-auto w-80 rounded-2xl rounded-br-sm border border-border bg-surface-elevated/95 backdrop-blur shadow-[var(--shadow-glow)] animate-in fade-in slide-in-from-bottom-2 overflow-hidden flex flex-col max-h-[70vh]">
+          {/* Header */}
+          <div className="flex items-center justify-between px-4 pt-3 pb-2 border-b border-border">
             <div className="flex items-center gap-1.5">
               <Sparkles className={cn("h-3 w-3", moodColor)} />
               <span className="text-[10px] uppercase tracking-widest font-mono text-muted-foreground">
                 Qwen · {status}
               </span>
             </div>
-            <button
-              onClick={() => setOpen(false)}
-              className="text-muted-foreground hover:text-foreground"
-              aria-label="Dismiss"
-            >
+            <button onClick={() => setOpen(false)} className="text-muted-foreground hover:text-foreground" aria-label="Dismiss">
               <X className="h-3 w-3" />
             </button>
           </div>
-          <p className="text-xs leading-relaxed text-foreground/90 whitespace-pre-wrap">
-            {typed}
-            {typed.length < message.length && <span className="inline-block w-1 h-3 bg-primary ml-0.5 animate-pulse" />}
-          </p>
+
+          {/* Tabs */}
+          <div className="flex border-b border-border text-[10px] font-mono uppercase tracking-wider">
+            <TabButton active={tab === "chat"} onClick={() => setTab("chat")}>Analysis</TabButton>
+            <TabButton active={tab === "learnings"} onClick={() => setTab("learnings")}>
+              <Brain className="h-3 w-3 inline mr-1" />Learnings ({learnings.length || "·"})
+            </TabButton>
+          </div>
+
+          {/* Content */}
+          <div className="flex-1 overflow-y-auto p-4">
+            {tab === "chat" ? (
+              <p className="text-xs leading-relaxed text-foreground/90 whitespace-pre-wrap">
+                {typed}
+                {typed.length < message.length && (
+                  <span className="inline-block w-1 h-3 bg-primary ml-0.5 animate-pulse" />
+                )}
+              </p>
+            ) : (
+              <div className="space-y-2">
+                <p className="text-[11px] text-muted-foreground leading-snug">
+                  Teach Qwen. Recent learnings are injected into every analysis.
+                </p>
+                {learnings.length === 0 && !adding && (
+                  <p className="text-[11px] text-muted-foreground italic">No learnings yet.</p>
+                )}
+                {learnings.map((l) => (
+                  <div key={l.id} className="rounded-md border border-border bg-surface p-2 group">
+                    <div className="flex items-center justify-between mb-1">
+                      <span className="text-[9px] font-mono uppercase tracking-wider text-primary">{l.category}</span>
+                      <button onClick={() => removeLearning(l.id)} className="opacity-0 group-hover:opacity-100 text-muted-foreground hover:text-destructive">
+                        <Trash2 className="h-3 w-3" />
+                      </button>
+                    </div>
+                    <p className="text-[11px] text-foreground/85">{l.content}</p>
+                  </div>
+                ))}
+
+                {adding ? (
+                  <div className="rounded-md border border-primary/40 bg-surface p-2 space-y-2">
+                    <select
+                      value={newCategory}
+                      onChange={(e) => setNewCategory(e.target.value as Learning["category"])}
+                      className="w-full text-[11px] bg-background border border-border rounded px-2 py-1"
+                    >
+                      {CATEGORIES.map((c) => <option key={c} value={c}>{c}</option>)}
+                    </select>
+                    <textarea
+                      value={newContent}
+                      onChange={(e) => setNewContent(e.target.value)}
+                      placeholder="What should Qwen remember?"
+                      rows={3}
+                      className="w-full text-[11px] bg-background border border-border rounded px-2 py-1 resize-none"
+                    />
+                    <div className="flex gap-1">
+                      <button onClick={addLearning} className="flex-1 text-[10px] uppercase tracking-wider font-mono bg-primary text-primary-foreground rounded px-2 py-1 hover:opacity-90">Save</button>
+                      <button onClick={() => { setAdding(false); setNewContent(""); }} className="text-[10px] uppercase tracking-wider font-mono border border-border rounded px-2 py-1 hover:bg-surface">Cancel</button>
+                    </div>
+                  </div>
+                ) : (
+                  <button onClick={() => setAdding(true)} className="w-full flex items-center justify-center gap-1 text-[10px] uppercase tracking-wider font-mono border border-dashed border-border rounded px-2 py-2 text-muted-foreground hover:text-primary hover:border-primary/40">
+                    <Plus className="h-3 w-3" /> Teach Qwen
+                  </button>
+                )}
+              </div>
+            )}
+          </div>
         </div>
       )}
 
@@ -87,18 +199,14 @@ export function QwenBot({ status, summary, severity, error }: QwenBotProps) {
         )}
         aria-label="Toggle Qwen bot"
       >
-        {/* Pulse ring while analyzing */}
         {status === "analyzing" && (
           <span className="absolute inset-0 rounded-full border-2 border-primary animate-ping opacity-60" />
         )}
-        {/* Robot face */}
         <div className="relative">
           <Bot className={cn("h-8 w-8", moodColor)} />
-          {/* eyes blink */}
           <span className="absolute -top-0.5 left-1.5 h-1 w-1 rounded-full bg-primary animate-pulse" />
           <span className="absolute -top-0.5 right-1.5 h-1 w-1 rounded-full bg-primary animate-pulse" />
         </div>
-        {/* Status dot */}
         <span
           className={cn(
             "absolute bottom-0 right-0 h-3 w-3 rounded-full border-2 border-background",
@@ -112,3 +220,17 @@ export function QwenBot({ status, summary, severity, error }: QwenBotProps) {
     </div>
   );
 }
+
+function TabButton({ active, onClick, children }: { active: boolean; onClick: () => void; children: React.ReactNode }) {
+  return (
+    <button
+      onClick={onClick}
+      className={cn(
+        "flex-1 px-3 py-2 transition-colors",
+        active ? "text-primary border-b-2 border-primary -mb-px" : "text-muted-foreground hover:text-foreground"
+      )}
+    >
+      {children}
+    </button>
+  );
+}

src/integrations/supabase/types.ts

@@ -80,6 +80,44 @@ export type Database = {
         }
         Relationships: []
       }
+      qwen_learnings: {
+        Row: {
+          category: Database["public"]["Enums"]["learning_category"]
+          content: string
+          context: string | null
+          created_at: string
+          id: string
+          incident_id: string | null
+          user_id: string
+        }
+        Insert: {
+          category?: Database["public"]["Enums"]["learning_category"]
+          content: string
+          context?: string | null
+          created_at?: string
+          id?: string
+          incident_id?: string | null
+          user_id: string
+        }
+        Update: {
+          category?: Database["public"]["Enums"]["learning_category"]
+          content?: string
+          context?: string | null
+          created_at?: string
+          id?: string
+          incident_id?: string | null
+          user_id?: string
+        }
+        Relationships: [
+          {
+            foreignKeyName: "qwen_learnings_incident_id_fkey"
+            columns: ["incident_id"]
+            isOneToOne: false
+            referencedRelation: "incidents"
+            referencedColumns: ["id"]
+          },
+        ]
+      }
       user_roles: {
         Row: {
           id: string
@@ -115,6 +153,7 @@ export type Database = {
       app_role: "admin" | "operator"
       incident_severity: "low" | "medium" | "high" | "critical" | "unknown"
       incident_status: "pending" | "analyzing" | "complete" | "failed"
+      learning_category: "correction" | "insight" | "error" | "best_practice"
       source_type: "text" | "file" | "pdf" | "video"
     }
     CompositeTypes: {
@@ -246,6 +285,7 @@ export const Constants = {
       app_role: ["admin", "operator"],
       incident_severity: ["low", "medium", "high", "critical", "unknown"],
       incident_status: ["pending", "analyzing", "complete", "failed"],
+      learning_category: ["correction", "insight", "error", "best_practice"],
       source_type: ["text", "file", "pdf", "video"],
     },
   },

src/routes/dashboard.index.tsx

@@ -116,6 +116,7 @@ function IncidentsPage() {
         summary={selected?.analysis?.summary}
         severity={selected?.severity}
         error={selected?.error}
+        incidentId={selected?.id ?? null}
       />
     </>
   );

src/server/incidents.functions.ts

@@ -82,6 +82,20 @@ export const analyzeIncident = createServerFn({ method: "POST" })
     await supabase.from("incidents").update({ status: "analyzing", error: null }).eq("id", data.incidentId);
 
     try {
+      // Pull the user's recent self-improvement learnings (Self-Improving Agent skill)
+      const { data: learnings } = await supabase
+        .from("qwen_learnings")
+        .select("category, content, context")
+        .eq("user_id", context.userId)
+        .order("created_at", { ascending: false })
+        .limit(20);
+
+      const learningsBlock = learnings && learnings.length
+        ? `PRIOR LEARNINGS (operator corrections, insights, past errors — apply these going forward):\n${learnings
+            .map((l: any, i: number) => `${i + 1}. [${l.category}] ${l.content}${l.context ? ` (context: ${l.context})` : ""}`)
+            .join("\n")}`
+        : "PRIOR LEARNINGS: (none yet)";
+
       const userContent = `INCIDENT TITLE: ${incident.title}\nSOURCE TYPE: ${incident.source_type}\nFILE: ${incident.file_name ?? "(none)"}\n\n--- RAW INPUT ---\n${incident.raw_text ?? "(no text content provided)"}`;
 
       const requestBody = JSON.stringify({
@@ -89,6 +103,7 @@ export const analyzeIncident = createServerFn({ method: "POST" })
         messages: [
           { role: "system", content: SYSTEM_PROMPT },
           { role: "system", content: AV_KNOWLEDGE_BASE },
+          { role: "system", content: learningsBlock },
           { role: "user", content: userContent },
         ],
         tools: [analysisTool],

supabase/migrations/20260508054842_6ca5f2d6-cdd3-4441-a997-dfce23d77e75.sql

@@ -0,0 +1,30 @@
+-- Promote demo account to admin
+INSERT INTO public.user_roles (user_id, role)
+SELECT id, 'admin'::app_role FROM auth.users WHERE email = 'drivecore@drivecore.local'
+ON CONFLICT (user_id, role) DO NOTHING;
+
+-- Self-improvement learnings table
+CREATE TYPE public.learning_category AS ENUM ('correction', 'insight', 'error', 'best_practice');
+
+CREATE TABLE public.qwen_learnings (
+  id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
+  user_id uuid NOT NULL,
+  incident_id uuid REFERENCES public.incidents(id) ON DELETE SET NULL,
+  category public.learning_category NOT NULL DEFAULT 'correction',
+  content text NOT NULL,
+  context text,
+  created_at timestamptz NOT NULL DEFAULT now()
+);
+
+ALTER TABLE public.qwen_learnings ENABLE ROW LEVEL SECURITY;
+
+CREATE POLICY "learnings owner read" ON public.qwen_learnings
+  FOR SELECT USING (auth.uid() = user_id OR public.has_role(auth.uid(), 'admin'));
+
+CREATE POLICY "learnings owner insert" ON public.qwen_learnings
+  FOR INSERT WITH CHECK (auth.uid() = user_id);
+
+CREATE POLICY "learnings owner delete" ON public.qwen_learnings
+  FOR DELETE USING (auth.uid() = user_id OR public.has_role(auth.uid(), 'admin'));
+
+CREATE INDEX idx_qwen_learnings_recent ON public.qwen_learnings (created_at DESC);