@grindxp/cli 0.1.6 → 0.1.8

package/dist/web/server/assets/index-CJ_-TSqN.js

@@ -0,0 +1,1426 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { a as createSsrRpc, c as cn, b as Route, l as loadConversationMessages, g as getConversations, d as appendPromptHistoryEntry, C as ChatMessagesSkeleton } from "./router-1koL9I3U.js";
+import { useNavigate } from "@tanstack/react-router";
+import { useState, useRef, useId, useEffect, useCallback, useEffectEvent } from "react";
+import { c as createServerFn } from "../server.js";
+import ReactMarkdown from "react-markdown";
+import remarkGfm from "remark-gfm";
+import { LightningIcon, CaretDownIcon, XIcon, HourglassIcon, FilePdfIcon, FileCodeIcon, FileArchiveIcon, FileTextIcon, FileIcon, TrashSimpleIcon, NoteIcon, PaperclipIcon, StopIcon, PaperPlaneTiltIcon, PlusIcon } from "@phosphor-icons/react";
+import { motion, AnimatePresence } from "motion/react";
+import { createPortal } from "react-dom";
+import "@tanstack/react-query";
+import "clsx";
+import "tailwind-merge";
+import "./vault.server-Ndu49yTf.js";
+import "node:fs";
+import "node:os";
+import "node:path";
+import "path";
+import "fs";
+import "child_process";
+import "node:buffer";
+import "events";
+import "https";
+import "http";
+import "net";
+import "tls";
+import "crypto";
+import "stream";
+import "url";
+import "zlib";
+import "buffer";
+import "node:crypto";
+import "node:async_hooks";
+import "node:stream";
+import "@tanstack/react-router/ssr/server";
+function validateSendInput(data) {
+  if (typeof data !== "object" || data === null) throw new Error("Invalid input");
+  const raw = data;
+  const message = raw["message"];
+  if (typeof message !== "string") throw new Error("Invalid input");
+  const conversationId = raw["conversationId"];
+  const rawAttachments = raw["attachments"];
+  const attachments = Array.isArray(rawAttachments) ? rawAttachments.filter((a) => typeof a === "object" && a !== null && typeof a["mime"] === "string" && typeof a["base64"] === "string") : void 0;
+  if (!message.trim() && (!attachments || attachments.length === 0)) {
+    throw new Error("message is required");
+  }
+  return {
+    message,
+    ...typeof conversationId === "string" ? {
+      conversationId
+    } : {},
+    ...attachments && attachments.length > 0 ? {
+      attachments
+    } : {}
+  };
+}
+const streamMessage = createServerFn({
+  method: "POST"
+}).inputValidator(validateSendInput).handler(createSsrRpc("6856120823d177dc2bccc2b8c490fcf0742fdb07eb32f1567908fb7b7e9d60b8"));
+const TOOL_LABELS = {
+  get_status: "Get status",
+  list_quests: "List quests",
+  create_quest: "Create quest",
+  complete_quest: "Complete quest",
+  abandon_quest: "Abandon quest",
+  start_timer: "Start timer",
+  stop_timer: "Stop timer",
+  get_timer: "Get timer",
+  analyze_patterns: "Analyze patterns",
+  suggest_quest: "Suggest quest",
+  list_forge_rules: "List forge rules",
+  list_forge_runs: "List forge runs",
+  create_forge_rule: "Create forge rule",
+  update_forge_rule: "Update forge rule",
+  run_forge_rule: "Run forge rule",
+  delete_forge_rule: "Delete forge rule",
+  fetch_url: "Fetch URL",
+  web_search: "Web search",
+  read_file: "Read file",
+  write_file: "Write file",
+  edit_file: "Edit file",
+  glob: "Glob",
+  grep: "Search",
+  bash: "Run command",
+  send_telegram_message: "Send Telegram",
+  get_integrations_status: "Check integrations",
+  get_calendar_events: "Get calendar events",
+  create_calendar_event: "Create calendar event",
+  update_calendar_event: "Update calendar event",
+  delete_calendar_event: "Delete calendar event",
+  get_emails: "Get emails",
+  send_email: "Send email"
+};
+function tryFormatJson(raw) {
+  try {
+    return JSON.stringify(JSON.parse(raw), null, 2);
+  } catch {
+    return raw;
+  }
+}
+function getDateKey(event) {
+  if (event.start.date) return event.start.date;
+  if (!event.start.dateTime) return "";
+  return new Intl.DateTimeFormat("en-CA", {
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit"
+  }).format(new Date(event.start.dateTime));
+}
+function formatDateLabel(dateKey) {
+  const parts = dateKey.split("-");
+  const date = new Date(Number(parts[0]), Number(parts[1]) - 1, Number(parts[2]));
+  return new Intl.DateTimeFormat("en-US", {
+    weekday: "short",
+    month: "short",
+    day: "numeric"
+  }).format(date).replace(",", "");
+}
+function formatTime(dt) {
+  if (!dt.dateTime) return "All day";
+  return new Intl.DateTimeFormat("en-US", {
+    hour: "numeric",
+    minute: "2-digit",
+    hour12: true
+  }).format(new Date(dt.dateTime));
+}
+function formatDuration(start, end) {
+  if (!start.dateTime || !end.dateTime) return "";
+  const ms = new Date(end.dateTime).getTime() - new Date(start.dateTime).getTime();
+  const totalMins = Math.round(ms / 6e4);
+  if (totalMins <= 0) return "";
+  const h = Math.floor(totalMins / 60);
+  const m = totalMins % 60;
+  if (h === 0) return `${m}m`;
+  if (m === 0) return `${h}h`;
+  return `${h}h ${m}m`;
+}
+function groupCalendarEvents(events) {
+  const map = /* @__PURE__ */ new Map();
+  for (const event of events) {
+    const key = getDateKey(event);
+    if (!key) continue;
+    const bucket = map.get(key);
+    if (bucket) bucket.push(event);
+    else map.set(key, [event]);
+  }
+  return Array.from(map.entries()).sort(([a], [b]) => a.localeCompare(b)).map(([dateKey, dayEvents]) => {
+    const sorted = [...dayEvents].sort((a, b) => {
+      const aAllDay = Boolean(a.start.date);
+      const bAllDay = Boolean(b.start.date);
+      if (aAllDay && !bAllDay) return -1;
+      if (!aAllDay && bAllDay) return 1;
+      if (a.start.dateTime && b.start.dateTime)
+        return new Date(a.start.dateTime).getTime() - new Date(b.start.dateTime).getTime();
+      return 0;
+    });
+    return {
+      dateKey,
+      label: formatDateLabel(dateKey),
+      events: sorted.map((e) => ({
+        id: e.id,
+        time: formatTime(e.start),
+        title: e.summary ?? "(no title)",
+        duration: Boolean(e.start.date) ? "" : formatDuration(e.start, e.end),
+        isAllDay: Boolean(e.start.date)
+      }))
+    };
+  });
+}
+function CalendarAgenda({ resultJson }) {
+  let parsed;
+  try {
+    parsed = JSON.parse(resultJson);
+  } catch {
+    return null;
+  }
+  if (!parsed.ok || !Array.isArray(parsed.events)) return null;
+  if (parsed.events.length === 0) {
+    return /* @__PURE__ */ jsx("p", { className: "py-2 text-xs text-muted-foreground italic", children: "No events in this period." });
+  }
+  const groups = groupCalendarEvents(parsed.events);
+  return /* @__PURE__ */ jsx("div", { className: "space-y-3 py-1", children: groups.map((group) => /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("p", { className: "mb-1 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground", children: group.label }),
+    /* @__PURE__ */ jsx("div", { className: "space-y-0.5", children: group.events.map((event) => /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-3 text-xs", children: [
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cn(
+            "w-16 shrink-0 text-right font-mono tabular-nums",
+            event.isAllDay ? "text-muted-foreground/60 italic" : "text-muted-foreground"
+          ),
+          children: event.time
+        }
+      ),
+      /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1 text-foreground/90", children: [
+        event.title,
+        event.duration && /* @__PURE__ */ jsxs("span", { className: "ml-1.5 text-muted-foreground", children: [
+          "· ",
+          event.duration
+        ] })
+      ] })
+    ] }, event.id)) })
+  ] }, group.dateKey)) });
+}
+function ToolCallCard({
+  toolName,
+  toolArgsJson,
+  toolResultJson,
+  status
+}) {
+  const [isExpanded, setIsExpanded] = useState(false);
+  const label = TOOL_LABELS[toolName] ?? toolName;
+  const isPending = status === "pending";
+  const formattedArgs = tryFormatJson(toolArgsJson);
+  const formattedResult = toolResultJson != null ? tryFormatJson(toolResultJson) : null;
+  const isCalendarTool = toolName === "get_calendar_events";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "my-1 overflow-hidden rounded-r-lg border-l-2 bg-secondary/30",
+        isPending ? "border-grind-orange/60" : "border-grind-xp/40"
+      ),
+      children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: "flex w-full items-center gap-2 px-3 py-1.5 text-left transition-colors duration-100 hover:bg-secondary/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset",
+            onClick: () => setIsExpanded((prev) => !prev),
+            "aria-expanded": isExpanded,
+            "aria-controls": `tool-call-${toolName}-body`,
+            children: [
+              /* @__PURE__ */ jsx(
+                LightningIcon,
+                {
+                  size: 12,
+                  weight: "fill",
+                  "aria-hidden": "true",
+                  className: cn(
+                    "shrink-0 transition-colors duration-150",
+                    isPending ? "text-grind-orange animate-pulse" : "text-muted-foreground/60"
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cn(
+                    "flex-1 font-mono text-xs",
+                    isPending ? "text-foreground/70" : "text-muted-foreground"
+                  ),
+                  children: label
+                }
+              ),
+              isPending && /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground/60 tabular-nums", "aria-live": "polite", children: "running…" }),
+              !isPending && /* @__PURE__ */ jsx("span", { className: "text-[10px] text-grind-xp/80", children: "done" }),
+              /* @__PURE__ */ jsx(
+                CaretDownIcon,
+                {
+                  size: 11,
+                  "aria-hidden": "true",
+                  className: cn(
+                    "shrink-0 text-muted-foreground/50 transition-transform duration-150",
+                    isExpanded ? "rotate-180" : ""
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        isExpanded && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            id: `tool-call-${toolName}-body`,
+            className: "border-t border-border/30 px-3 py-2 space-y-2",
+            children: [
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("p", { className: "mb-1 text-[10px] font-medium uppercase tracking-wider text-muted-foreground/60", children: "Input" }),
+                /* @__PURE__ */ jsx("pre", { className: "overflow-x-auto rounded bg-background/60 p-2 font-mono text-[11px] text-foreground/70 leading-relaxed", children: formattedArgs })
+              ] }),
+              formattedResult != null && /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("p", { className: "mb-1 text-[10px] font-medium uppercase tracking-wider text-muted-foreground/60", children: "Output" }),
+                isCalendarTool ? /* @__PURE__ */ jsx("div", { className: "rounded bg-background/60 px-3 py-2", children: /* @__PURE__ */ jsx(CalendarAgenda, { resultJson: toolResultJson }) }) : /* @__PURE__ */ jsx("pre", { className: "max-h-48 overflow-auto rounded bg-background/60 p-2 font-mono text-[11px] text-foreground/70 leading-relaxed", children: formattedResult })
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+const LIQUID_EASE = [0.22, 1, 0.36, 1];
+const TRANSITION = { duration: 0.32, ease: LIQUID_EASE };
+function ImageViewerOverlay({
+  src,
+  alt,
+  layoutId,
+  onClose
+}) {
+  useEffect(() => {
+    const onKey = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [onClose]);
+  return createPortal(
+    /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        initial: { opacity: 0 },
+        animate: { opacity: 1 },
+        exit: { opacity: 0 },
+        transition: TRANSITION,
+        className: "fixed inset-0 z-50 flex cursor-zoom-out items-center justify-center overscroll-contain p-4 sm:p-8 bg-background/80",
+        onClick: onClose,
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": `Fullscreen view of ${alt}`,
+        children: /* @__PURE__ */ jsx(
+          motion.span,
+          {
+            layoutId,
+            transition: TRANSITION,
+            className: "relative block max-h-full max-w-full overflow-hidden rounded-xl border border-border shadow-2xl",
+            children: /* @__PURE__ */ jsx(
+              "img",
+              {
+                src,
+                alt,
+                className: "max-h-[85vh] max-w-[90vw] w-auto object-contain block"
+              }
+            )
+          }
+        )
+      }
+    ),
+    document.body
+  );
+}
+function ImageViewer({
+  src,
+  alt,
+  children,
+  triggerClassName
+}) {
+  const [isOpen, setIsOpen] = useState(false);
+  const triggerRef = useRef(null);
+  const layoutId = useId();
+  const close = () => {
+    setIsOpen(false);
+    triggerRef.current?.focus();
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      motion.span,
+      {
+        ref: triggerRef,
+        layoutId,
+        transition: TRANSITION,
+        role: "button",
+        tabIndex: 0,
+        "aria-label": `View ${alt} fullscreen`,
+        onClick: () => setIsOpen(true),
+        onKeyDown: (e) => (e.key === "Enter" || e.key === " ") && (e.preventDefault(), setIsOpen(true)),
+        className: cn(
+          "relative block cursor-zoom-in overflow-hidden",
+          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          isOpen && "invisible",
+          triggerClassName
+        ),
+        children
+      }
+    ),
+    /* @__PURE__ */ jsx(AnimatePresence, { onExitComplete: () => triggerRef.current?.focus(), children: isOpen && /* @__PURE__ */ jsx(ImageViewerOverlay, { src, alt, layoutId, onClose: close }) })
+  ] });
+}
+function TextViewerOverlay({
+  content,
+  filename,
+  onClose
+}) {
+  useEffect(() => {
+    const onKey = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [onClose]);
+  return createPortal(
+    /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        initial: { opacity: 0 },
+        animate: { opacity: 1 },
+        exit: { opacity: 0 },
+        transition: TRANSITION,
+        className: "fixed inset-0 z-50 flex items-center justify-center overscroll-contain p-4 sm:p-8 bg-background/80",
+        onClick: onClose,
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": `File viewer: ${filename}`,
+        children: /* @__PURE__ */ jsxs(
+          motion.div,
+          {
+            initial: { opacity: 0, scale: 0.96, y: 8 },
+            animate: { opacity: 1, scale: 1, y: 0 },
+            exit: { opacity: 0, scale: 0.96, y: 8 },
+            transition: TRANSITION,
+            className: "flex w-full max-w-3xl max-h-[85vh] flex-col overflow-hidden rounded-xl border border-border bg-card shadow-2xl",
+            onClick: (e) => e.stopPropagation(),
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 border-b border-border px-4 py-3 shrink-0", children: [
+                /* @__PURE__ */ jsx("span", { className: "truncate font-mono text-xs text-muted-foreground", children: filename }),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-label": "Close file viewer",
+                    onClick: onClose,
+                    className: "flex shrink-0 items-center justify-center rounded-md p-1 text-muted-foreground transition-colors hover:bg-secondary hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                    children: /* @__PURE__ */ jsx(XIcon, { size: 14, "aria-hidden": "true" })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx("pre", { className: "flex-1 overflow-auto px-4 py-3 font-mono text-xs text-foreground leading-relaxed whitespace-pre break-words", children: content })
+            ]
+          }
+        )
+      }
+    ),
+    document.body
+  );
+}
+function TextFileViewer({
+  base64,
+  filename,
+  children,
+  triggerClassName
+}) {
+  const [isOpen, setIsOpen] = useState(false);
+  const triggerRef = useRef(null);
+  let decoded = "";
+  try {
+    decoded = atob(base64);
+  } catch {
+    decoded = "[Could not decode file content]";
+  }
+  const close = () => {
+    setIsOpen(false);
+    triggerRef.current?.focus();
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref: triggerRef,
+        type: "button",
+        "aria-label": `View ${filename}`,
+        onClick: () => setIsOpen(true),
+        className: triggerClassName,
+        children
+      }
+    ),
+    /* @__PURE__ */ jsx(AnimatePresence, { onExitComplete: () => triggerRef.current?.focus(), children: isOpen && /* @__PURE__ */ jsx(TextViewerOverlay, { content: decoded, filename, onClose: close }) })
+  ] });
+}
+function downloadAttachment(att) {
+  const link = document.createElement("a");
+  link.href = `data:${att.mime};base64,${att.base64}`;
+  link.download = att.filename ?? "attachment";
+  link.click();
+}
+function getAttachmentInteraction(mime) {
+  if (mime.startsWith("image/")) return "image";
+  if (mime.startsWith("text/") || mime === "application/json" || mime === "application/xml" || mime === "application/javascript" || mime === "application/x-javascript" || mime === "application/typescript" || mime.includes("+json") || mime.includes("+xml"))
+    return "text";
+  return "download";
+}
+function FileTypeIcon({ mime, size = 14 }) {
+  if (mime === "application/pdf") return /* @__PURE__ */ jsx(FilePdfIcon, { size, "aria-hidden": "true" });
+  if (mime.startsWith("text/") || mime.includes("json") || mime.includes("xml") || mime.includes("javascript"))
+    return /* @__PURE__ */ jsx(FileCodeIcon, { size, "aria-hidden": "true" });
+  if (mime.includes("zip") || mime.includes("tar") || mime.includes("archive") || mime.includes("compressed"))
+    return /* @__PURE__ */ jsx(FileArchiveIcon, { size, "aria-hidden": "true" });
+  if (mime.startsWith("text/")) return /* @__PURE__ */ jsx(FileTextIcon, { size, "aria-hidden": "true" });
+  return /* @__PURE__ */ jsx(FileIcon, { size, "aria-hidden": "true" });
+}
+function AttachmentChip({ attachment }) {
+  const filename = attachment.filename ?? "attachment";
+  const interaction = getAttachmentInteraction(attachment.mime);
+  const src = `data:${attachment.mime};base64,${attachment.base64}`;
+  if (interaction === "image") {
+    return /* @__PURE__ */ jsx(
+      ImageViewer,
+      {
+        src,
+        alt: filename,
+        triggerClassName: "h-16 w-16 flex-shrink-0 rounded-lg border border-border",
+        children: /* @__PURE__ */ jsx("img", { src, alt: filename, className: "h-full w-full object-cover" })
+      }
+    );
+  }
+  const chipClass = cn(
+    "flex items-center gap-1.5 rounded-lg border border-border bg-secondary/60 px-2.5 py-1.5 text-xs text-muted-foreground",
+    "transition-colors duration-150 hover:bg-secondary hover:text-foreground",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+  );
+  if (interaction === "text") {
+    return /* @__PURE__ */ jsxs(TextFileViewer, { base64: attachment.base64, filename, triggerClassName: chipClass, children: [
+      /* @__PURE__ */ jsx(FileTypeIcon, { mime: attachment.mime }),
+      /* @__PURE__ */ jsx("span", { className: "max-w-[120px] truncate", children: filename })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      "aria-label": `Download ${filename}`,
+      onClick: () => downloadAttachment(attachment),
+      className: chipClass,
+      children: [
+        /* @__PURE__ */ jsx(FileTypeIcon, { mime: attachment.mime }),
+        /* @__PURE__ */ jsx("span", { className: "max-w-[120px] truncate", children: filename })
+      ]
+    }
+  );
+}
+function UserBubble({ message }) {
+  const hasAttachments = message.attachments && message.attachments.length > 0;
+  return /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs("div", { className: cn("max-w-[75%]", message.queued && "opacity-50"), children: [
+    hasAttachments && /* @__PURE__ */ jsx("div", { className: "mb-1.5 flex flex-wrap justify-end gap-1.5", children: message.attachments.map((att, i) => /* @__PURE__ */ jsx(AttachmentChip, { attachment: att }, i)) }),
+    message.content && /* @__PURE__ */ jsx("div", { className: "rounded-2xl rounded-tr-sm bg-grind-elevated px-4 py-2.5 text-sm text-foreground leading-relaxed whitespace-pre-wrap break-words", children: message.content }),
+    message.queued && /* @__PURE__ */ jsxs("div", { className: "mt-1 flex items-center justify-end gap-1 pr-1", children: [
+      /* @__PURE__ */ jsx(HourglassIcon, { size: 10, "aria-hidden": "true", className: "text-muted-foreground" }),
+      /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: "queued" })
+    ] })
+  ] }) });
+}
+function AssistantBubble({ message }) {
+  const hasContent = message.content.trim().length > 0;
+  const hasTools = message.toolCalls.length > 0;
+  return /* @__PURE__ */ jsx("div", { className: "flex justify-start", children: /* @__PURE__ */ jsxs("div", { className: "max-w-[85%] w-full space-y-1", children: [
+    hasTools && /* @__PURE__ */ jsx("div", { className: "space-y-1", children: message.toolCalls.map((tc) => /* @__PURE__ */ jsx(
+      ToolCallCard,
+      {
+        toolName: tc.toolName,
+        toolArgsJson: tc.toolArgsJson,
+        status: tc.status,
+        ...tc.toolResultJson !== void 0 ? { toolResultJson: tc.toolResultJson } : {}
+      },
+      tc.id
+    )) }),
+    (hasContent || message.isStreaming) && /* @__PURE__ */ jsxs("div", { className: "rounded-2xl rounded-tl-sm bg-card px-4 py-2.5 text-sm text-foreground leading-relaxed border border-border/50", children: [
+      /* @__PURE__ */ jsx(MarkdownContent, { content: message.content }),
+      message.isStreaming && /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-label": "AI is typing",
+          className: "ml-0.5 inline-block h-[1em] w-[2px] bg-grind-orange motion-safe:animate-blink align-middle"
+        }
+      )
+    ] }),
+    !hasContent && !hasTools && message.isStreaming && /* @__PURE__ */ jsx("div", { className: "rounded-2xl rounded-tl-sm bg-card px-4 py-2.5 border border-border/50", children: /* @__PURE__ */ jsx("span", { "aria-label": "AI is thinking", className: "flex gap-1", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx(
+      "span",
+      {
+        "aria-hidden": "true",
+        className: "h-1.5 w-1.5 rounded-full bg-muted-foreground motion-safe:animate-pulse",
+        style: { animationDelay: `${i * 150}ms` }
+      },
+      i
+    )) }) })
+  ] }) });
+}
+function MarkdownContent({ content }) {
+  return /* @__PURE__ */ jsx(
+    ReactMarkdown,
+    {
+      remarkPlugins: [remarkGfm],
+      components: {
+        p: ({ children }) => /* @__PURE__ */ jsx("p", { className: "mb-3 last:mb-0 leading-relaxed", children }),
+        h1: ({ children }) => /* @__PURE__ */ jsx("h1", { className: "text-base font-bold mt-4 mb-2 first:mt-0", children }),
+        h2: ({ children }) => /* @__PURE__ */ jsx("h2", { className: "text-sm font-bold mt-3 mb-1.5 first:mt-0", children }),
+        h3: ({ children }) => /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold mt-2 mb-1 first:mt-0", children }),
+        strong: ({ children }) => /* @__PURE__ */ jsx("strong", { className: "font-semibold", children }),
+        em: ({ children }) => /* @__PURE__ */ jsx("em", { className: "italic", children }),
+        del: ({ children }) => /* @__PURE__ */ jsx("del", { className: "line-through text-muted-foreground", children }),
+        ul: ({ children }) => /* @__PURE__ */ jsx("ul", { className: "mb-3 last:mb-0 space-y-0.5 pl-4 list-disc", children }),
+        ol: ({ children }) => /* @__PURE__ */ jsx("ol", { className: "mb-3 last:mb-0 space-y-0.5 pl-4 list-decimal", children }),
+        li: ({ children }) => /* @__PURE__ */ jsx("li", { className: "leading-relaxed", children }),
+        blockquote: ({ children }) => /* @__PURE__ */ jsx("blockquote", { className: "border-l-2 border-border pl-3 my-2 text-muted-foreground italic", children }),
+        hr: () => /* @__PURE__ */ jsx("hr", { className: "my-3 border-border" }),
+        a: ({ href, children }) => /* @__PURE__ */ jsxs(
+          "a",
+          {
+            href,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "rounded-sm text-primary underline underline-offset-2 hover:opacity-80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+            children: [
+              children,
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: " (opens in new tab)" })
+            ]
+          }
+        ),
+        code: ({ className, children, ...props }) => {
+          const isBlock = "data-language" in props || className?.startsWith("language-");
+          if (isBlock) {
+            return /* @__PURE__ */ jsx("code", { className: cn("block", className), children });
+          }
+          return /* @__PURE__ */ jsx("code", { className: "rounded px-1 py-0.5 bg-muted font-mono text-[0.8em]", children });
+        },
+        pre: ({ children }) => /* @__PURE__ */ jsx("pre", { className: "my-2 overflow-x-auto rounded-lg bg-muted px-3 py-2.5 text-xs font-mono leading-relaxed", children }),
+        table: ({ children }) => /* @__PURE__ */ jsx("div", { className: "my-2 overflow-x-auto", children: /* @__PURE__ */ jsx("table", { className: "w-full border-collapse text-xs", children }) }),
+        thead: ({ children }) => /* @__PURE__ */ jsx("thead", { className: "border-b border-border", children }),
+        tbody: ({ children }) => /* @__PURE__ */ jsx("tbody", { children }),
+        tr: ({ children }) => /* @__PURE__ */ jsx("tr", { className: "border-b border-border/50 last:border-0", children }),
+        th: ({ children }) => /* @__PURE__ */ jsx("th", { className: "px-2 py-1.5 text-left font-semibold text-foreground", children }),
+        td: ({ children }) => /* @__PURE__ */ jsx("td", { className: "px-2 py-1.5 text-muted-foreground", children })
+      },
+      children: content
+    }
+  );
+}
+function MessageBubble({ message }) {
+  if (message.role === "user") return /* @__PURE__ */ jsx(UserBubble, { message });
+  return /* @__PURE__ */ jsx(AssistantBubble, { message });
+}
+const PASTE_LINE_THRESHOLD = 5;
+function ChatInput({
+  value,
+  onChange,
+  onSubmit,
+  onStop,
+  onCancelQueue,
+  isStreaming,
+  hasPendingMessage = false,
+  pendingMessagePreview,
+  disabled,
+  placeholder = "Message the Companion…",
+  initialHistory
+}) {
+  const textareaRef = useRef(null);
+  const fileInputRef = useRef(null);
+  const [pasteBlobs, setPasteBlobs] = useState([]);
+  const [expandedBlobId, setExpandedBlobId] = useState(null);
+  const [attachments, setAttachments] = useState([]);
+  const historyRef = useRef(initialHistory ?? []);
+  const historyDraftRef = useRef("");
+  const [historyNavPos, setHistoryNavPos] = useState(null);
+  useEffect(() => {
+    const ta = textareaRef.current;
+    if (!ta) return;
+    ta.style.height = "auto";
+    ta.style.height = `${Math.min(ta.scrollHeight, 144)}px`;
+  }, [value]);
+  const hasContent = value.trim().length > 0 || pasteBlobs.length > 0 || attachments.length > 0;
+  const canQueue = isStreaming && !hasPendingMessage && hasContent;
+  const isDisabled = (disabled ?? false) || isStreaming && hasPendingMessage;
+  const canSend = !isStreaming && hasContent && !isDisabled;
+  const showStop = isStreaming && !canQueue;
+  function navigateHistory(direction) {
+    const history = historyRef.current;
+    if (direction === "up") {
+      if (history.length === 0) return;
+      const curIdx = historyNavPos !== null ? historyNavPos.i - 1 : -1;
+      const nextIdx = curIdx === -1 ? history.length - 1 : Math.max(0, curIdx - 1);
+      if (nextIdx === curIdx) return;
+      if (curIdx === -1) historyDraftRef.current = value;
+      setHistoryNavPos({ i: nextIdx + 1, n: history.length });
+      onChange(history[nextIdx]);
+    } else {
+      if (historyNavPos === null) return;
+      const nextIdx = historyNavPos.i;
+      if (nextIdx >= history.length) {
+        setHistoryNavPos(null);
+        onChange(historyDraftRef.current);
+      } else {
+        setHistoryNavPos({ i: nextIdx + 1, n: history.length });
+        onChange(history[nextIdx]);
+      }
+    }
+  }
+  function handleKeyDown(e) {
+    if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) {
+      e.preventDefault();
+      if (canSend || canQueue) handleSubmit();
+      return;
+    }
+    if (e.key === "ArrowUp") {
+      const ta = textareaRef.current;
+      if (!ta) return;
+      const onFirstLine = !value.slice(0, ta.selectionStart).includes("\n");
+      if (onFirstLine && historyRef.current.length > 0) {
+        e.preventDefault();
+        navigateHistory("up");
+      }
+      return;
+    }
+    if (e.key === "ArrowDown" && historyNavPos !== null) {
+      e.preventDefault();
+      navigateHistory("down");
+    }
+  }
+  function handleChange(e) {
+    if (historyNavPos !== null) {
+      historyDraftRef.current = "";
+      setHistoryNavPos(null);
+    }
+    onChange(e.target.value);
+  }
+  function handleSubmit() {
+    const trimmed = value.trim();
+    if (!trimmed && pasteBlobs.length === 0 && attachments.length === 0) return;
+    const parts = [...pasteBlobs.map((b) => b.content), ...trimmed ? [trimmed] : []];
+    const combined = parts.join("\n\n");
+    if (trimmed) {
+      const h = historyRef.current;
+      if (h[h.length - 1] !== trimmed) {
+        historyRef.current = [...h, trimmed].slice(-100);
+      }
+    }
+    historyDraftRef.current = "";
+    setHistoryNavPos(null);
+    setPasteBlobs([]);
+    setExpandedBlobId(null);
+    const submittedAttachments = attachments;
+    setAttachments([]);
+    onChange("");
+    onSubmit(combined, submittedAttachments);
+  }
+  const handlePaste = useCallback(async (e) => {
+    const items = Array.from(e.clipboardData.items);
+    const imageItem = items.find((item) => item.type.startsWith("image/"));
+    if (imageItem) {
+      e.preventDefault();
+      const file = imageItem.getAsFile();
+      if (!file) return;
+      const reader = new FileReader();
+      reader.onload = () => {
+        const dataUrl = reader.result;
+        const commaIdx = dataUrl.indexOf(",");
+        const base64 = commaIdx !== -1 ? dataUrl.slice(commaIdx + 1) : dataUrl;
+        setAttachments((prev) => [
+          ...prev,
+          {
+            id: crypto.randomUUID(),
+            filename: file.name || "clipboard",
+            mime: file.type,
+            base64
+          }
+        ]);
+      };
+      reader.readAsDataURL(file);
+      return;
+    }
+    const text = e.clipboardData.getData("text");
+    if (!text) return;
+    const lines = text.split("\n");
+    if (lines.length < PASTE_LINE_THRESHOLD) return;
+    e.preventDefault();
+    setPasteBlobs((prev) => [
+      ...prev,
+      { id: crypto.randomUUID(), content: text, lineCount: lines.length }
+    ]);
+  }, []);
+  const processFiles = useCallback((files) => {
+    if (!files || files.length === 0) return;
+    Array.from(files).forEach((file) => {
+      const reader = new FileReader();
+      reader.onload = () => {
+        const dataUrl = reader.result;
+        const commaIdx = dataUrl.indexOf(",");
+        const base64 = commaIdx !== -1 ? dataUrl.slice(commaIdx + 1) : dataUrl;
+        setAttachments((prev) => [
+          ...prev,
+          {
+            id: crypto.randomUUID(),
+            filename: file.name,
+            mime: file.type || "application/octet-stream",
+            base64
+          }
+        ]);
+      };
+      reader.readAsDataURL(file);
+    });
+  }, []);
+  function handleFormSubmit(e) {
+    e.preventDefault();
+    if (showStop) {
+      onStop?.();
+    } else {
+      handleSubmit();
+    }
+  }
+  const hintText = historyNavPos ? `↑↓ history ${historyNavPos.i}/${historyNavPos.n} · ↓ newer · ⌘ Return to send` : historyRef.current.length > 0 ? "↑ history · ⌘ Return to send · Enter for newline" : "⌘ Return to send · Enter for newline";
+  const hasAttachmentRow = pasteBlobs.length > 0 || attachments.length > 0;
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+    hasPendingMessage && pendingMessagePreview && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-lg border border-border bg-card px-3 py-1.5", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground shrink-0", children: "queued" }),
+      /* @__PURE__ */ jsx("span", { className: "flex-1 min-w-0 truncate text-xs text-foreground/70", children: pendingMessagePreview }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onCancelQueue,
+          "aria-label": "Cancel queued message",
+          className: "shrink-0 rounded p-0.5 text-muted-foreground transition-colors hover:bg-secondary hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          children: /* @__PURE__ */ jsx(XIcon, { size: 12, "aria-hidden": "true" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "form",
+      {
+        onSubmit: handleFormSubmit,
+        className: "flex flex-col rounded-xl border border-border bg-card has-[textarea:focus-visible]:border-ring",
+        children: [
+          hasAttachmentRow && /* @__PURE__ */ jsxs("div", { className: "px-3 pt-4 pb-1 flex flex-col gap-1.5", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-4 overflow-visible", children: [
+              attachments.map((att) => {
+                const interaction = getAttachmentInteraction(att.mime);
+                const src = `data:${att.mime};base64,${att.base64}`;
+                const removeBtn = /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-label": `Remove attachment ${att.filename}`,
+                    onClick: () => setAttachments((prev) => prev.filter((a) => a.id !== att.id)),
+                    className: "absolute -top-2 -right-2 flex items-center justify-center w-7 h-7 rounded-md bg-background border border-border text-foreground/70 hover:text-foreground transition-colors [touch-action:manipulation] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                    children: /* @__PURE__ */ jsx(TrashSimpleIcon, { size: 13, "aria-hidden": "true" })
+                  }
+                );
+                if (interaction === "image") {
+                  return /* @__PURE__ */ jsxs("div", { className: "relative flex-shrink-0 overflow-visible", children: [
+                    /* @__PURE__ */ jsx(
+                      ImageViewer,
+                      {
+                        src,
+                        alt: att.filename,
+                        triggerClassName: "block w-14 h-14 rounded-lg border border-border overflow-hidden",
+                        children: /* @__PURE__ */ jsx("img", { src, alt: att.filename, className: "w-full h-full object-cover" })
+                      }
+                    ),
+                    removeBtn
+                  ] }, att.id);
+                }
+                const chipBase = "w-14 h-14 flex flex-col items-center justify-center gap-1 px-1 rounded-lg border border-border bg-secondary/60";
+                if (interaction === "text") {
+                  return /* @__PURE__ */ jsxs("div", { className: "relative flex-shrink-0 overflow-visible", children: [
+                    /* @__PURE__ */ jsxs(
+                      TextFileViewer,
+                      {
+                        base64: att.base64,
+                        filename: att.filename,
+                        triggerClassName: cn(
+                          chipBase,
+                          "transition-colors hover:bg-secondary cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+                        ),
+                        children: [
+                          /* @__PURE__ */ jsx(FileIcon, { size: 20, className: "text-muted-foreground", "aria-hidden": "true" }),
+                          /* @__PURE__ */ jsx("span", { className: "text-[9px] text-muted-foreground text-center leading-tight line-clamp-2 break-all", children: att.filename })
+                        ]
+                      }
+                    ),
+                    removeBtn
+                  ] }, att.id);
+                }
+                return /* @__PURE__ */ jsxs("div", { className: "relative flex-shrink-0 overflow-visible", children: [
+                  /* @__PURE__ */ jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      "aria-label": `Download ${att.filename}`,
+                      onClick: () => downloadAttachment(att),
+                      className: cn(
+                        chipBase,
+                        "transition-colors hover:bg-secondary cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsx(FileIcon, { size: 20, className: "text-muted-foreground", "aria-hidden": "true" }),
+                        /* @__PURE__ */ jsx("span", { className: "text-[9px] text-muted-foreground text-center leading-tight line-clamp-2 break-all", children: att.filename })
+                      ]
+                    }
+                  ),
+                  removeBtn
+                ] }, att.id);
+              }),
+              pasteBlobs.map((blob) => {
+                const isExpanded = expandedBlobId === blob.id;
+                const previewLine = blob.content.split("\n").find((l) => l.trim()) ?? "";
+                return /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: "relative flex-shrink-0 self-start min-w-[120px] max-w-[200px] overflow-visible",
+                    children: [
+                      /* @__PURE__ */ jsxs(
+                        "button",
+                        {
+                          type: "button",
+                          "aria-label": isExpanded ? "Collapse preview" : "Expand preview",
+                          "aria-expanded": isExpanded,
+                          onClick: () => setExpandedBlobId(isExpanded ? null : blob.id),
+                          className: "flex w-full flex-col gap-0.5 rounded-lg border border-border bg-secondary/60 py-1.5 pl-2 pr-5 text-left transition-colors hover:bg-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                          children: [
+                            /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center gap-1 text-xs text-muted-foreground", children: [
+                              /* @__PURE__ */ jsx(NoteIcon, { size: 11, "aria-hidden": "true", className: "shrink-0" }),
+                              /* @__PURE__ */ jsxs("span", { className: "shrink-0", children: [
+                                blob.lineCount,
+                                " lines"
+                              ] }),
+                              /* @__PURE__ */ jsx(
+                                CaretDownIcon,
+                                {
+                                  size: 10,
+                                  "aria-hidden": "true",
+                                  className: cn(
+                                    "shrink-0 transition-transform duration-150",
+                                    isExpanded && "rotate-180"
+                                  )
+                                }
+                              )
+                            ] }),
+                            previewLine && /* @__PURE__ */ jsx("span", { className: "truncate text-[10px] leading-tight text-muted-foreground/70", children: previewLine })
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        "button",
+                        {
+                          type: "button",
+                          "aria-label": "Remove pasted text",
+                          onClick: () => {
+                            if (expandedBlobId === blob.id) setExpandedBlobId(null);
+                            setPasteBlobs((prev) => prev.filter((b) => b.id !== blob.id));
+                          },
+                          className: "absolute -top-2 -right-2 flex h-7 w-7 items-center justify-center rounded-md bg-background border border-border text-foreground/70 hover:text-foreground transition-colors [touch-action:manipulation] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                          children: /* @__PURE__ */ jsx(TrashSimpleIcon, { size: 13, "aria-hidden": "true" })
+                        }
+                      )
+                    ]
+                  },
+                  blob.id
+                );
+              })
+            ] }),
+            expandedBlobId && (() => {
+              const blob = pasteBlobs.find((b) => b.id === expandedBlobId);
+              return blob ? /* @__PURE__ */ jsx("pre", { className: "max-h-48 overflow-y-auto rounded-md border border-border bg-background/60 px-3 py-2 font-mono text-xs text-foreground whitespace-pre-wrap break-words", children: blob.content }) : null;
+            })()
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 p-2", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                ref: fileInputRef,
+                type: "file",
+                multiple: true,
+                className: "sr-only",
+                tabIndex: -1,
+                "aria-hidden": "true",
+                onChange: (e) => {
+                  processFiles(e.target.files);
+                  e.target.value = "";
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                "aria-label": "Attach files",
+                disabled: isDisabled,
+                onClick: () => fileInputRef.current?.click(),
+                className: cn(
+                  "flex h-8 w-8 shrink-0 items-center justify-center rounded-lg transition-[background-color,color] duration-150",
+                  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                  "text-muted-foreground hover:bg-secondary hover:text-foreground",
+                  "disabled:cursor-not-allowed disabled:opacity-40"
+                ),
+                children: /* @__PURE__ */ jsx(PaperclipIcon, { size: 15, "aria-hidden": "true" })
+              }
+            ),
+            /* @__PURE__ */ jsx("label", { htmlFor: "chat-message-input", className: "sr-only", children: "Message the Companion" }),
+            /* @__PURE__ */ jsx(
+              "textarea",
+              {
+                id: "chat-message-input",
+                ref: textareaRef,
+                name: "message",
+                rows: 1,
+                value,
+                onChange: handleChange,
+                onKeyDown: handleKeyDown,
+                onPaste: handlePaste,
+                disabled: isDisabled,
+                placeholder,
+                autoComplete: "off",
+                spellCheck: true,
+                "aria-label": "Message the Companion",
+                "aria-multiline": "true",
+                className: cn(
+                  "min-h-[36px] flex-1 resize-none bg-transparent px-2 py-1.5 text-sm text-foreground placeholder:text-muted-foreground",
+                  "focus-visible:outline-none",
+                  "disabled:cursor-not-allowed disabled:opacity-50"
+                ),
+                style: { maxHeight: "144px", overflowY: "auto" }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "submit",
+                "aria-label": showStop ? "Stop generating" : canQueue ? "Queue message" : "Send message",
+                disabled: !showStop && !canSend && !canQueue,
+                className: cn(
+                  "flex h-8 w-8 shrink-0 items-center justify-center rounded-lg transition-[background-color,transform] duration-150",
+                  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                  showStop ? "bg-destructive/80 text-white hover:bg-destructive" : canSend || canQueue ? "bg-grind-orange text-white hover:bg-grind-orange/90 active:scale-95" : "cursor-not-allowed bg-secondary text-muted-foreground"
+                ),
+                children: showStop ? /* @__PURE__ */ jsx(StopIcon, { size: 14, weight: "fill", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(PaperPlaneTiltIcon, { size: 14, weight: "fill", "aria-hidden": "true" })
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx("p", { "aria-hidden": "true", className: "text-center text-[10px] text-muted-foreground", children: hintText }),
+    historyNavPos !== null && /* @__PURE__ */ jsxs("span", { className: "sr-only", "aria-live": "polite", "aria-atomic": "true", children: [
+      "History entry ",
+      historyNavPos.i,
+      " of ",
+      historyNavPos.n
+    ] })
+  ] });
+}
+function formatConvTime(ts) {
+  const now = Date.now();
+  const diff = now - ts;
+  const days = Math.floor(diff / 864e5);
+  if (days === 0) return "Today";
+  if (days === 1) return "Yesterday";
+  if (days < 7) return `${days}d ago`;
+  return new Intl.DateTimeFormat("en-US", { month: "short", day: "numeric" }).format(new Date(ts));
+}
+function getConvTitle(conv) {
+  if (conv.title) return conv.title;
+  return `Chat ${new Intl.DateTimeFormat("en-US", { month: "short", day: "numeric", hour: "numeric", minute: "2-digit" }).format(new Date(conv.createdAt))}`;
+}
+function ConversationSidebar({
+  conversations,
+  activeId,
+  onSelect,
+  onNew
+}) {
+  return /* @__PURE__ */ jsxs(
+    "aside",
+    {
+      className: "flex w-52 shrink-0 flex-col border-r border-border bg-sidebar",
+      "aria-label": "Conversations",
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "flex h-14 items-center justify-end px-3", children: /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: onNew,
+            className: "flex items-center gap-2 rounded-md px-3 py-2 text-sm text-sidebar-foreground/80 hover:bg-sidebar-accent hover:text-sidebar-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sidebar-ring",
+            "aria-label": "Start new conversation",
+            children: [
+              /* @__PURE__ */ jsx(PlusIcon, { size: 15, "aria-hidden": "true" }),
+              "New Chat"
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx("nav", { className: "flex-1 overflow-y-auto px-2 pt-2 pb-3", "aria-label": "Conversation history", children: conversations.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-3 py-4 text-center text-xs text-muted-foreground", children: "No conversations yet" }) : /* @__PURE__ */ jsx("ul", { role: "list", className: "space-y-0.5", children: conversations.map((conv) => {
+          const isActive = conv.id === activeId;
+          const title = getConvTitle(conv);
+          const timeLabel = formatConvTime(conv.updatedAt);
+          return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => onSelect(conv.id),
+              className: cn(
+                "flex w-full flex-col gap-0.5 rounded-md px-3 py-2 text-left",
+                isActive ? "bg-sidebar-accent text-sidebar-primary [&]:hover:bg-sidebar-accent [&]:hover:text-sidebar-primary" : "text-sidebar-foreground/70 hover:bg-sidebar-accent/60 hover:text-sidebar-foreground",
+                "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sidebar-ring"
+              ),
+              "aria-current": isActive ? "page" : void 0,
+              "aria-label": `${title}, ${timeLabel}`,
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "truncate text-xs font-medium leading-tight", children: title }),
+                /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: timeLabel })
+              ]
+            }
+          ) }, conv.id);
+        }) }) })
+      ]
+    }
+  );
+}
+const SUGGESTED_PROMPTS = ["What quests do I have active right now?", "Log a 45-minute chest workout", "What should I focus on today?", "Create a new daily quest for morning reading"];
+function EmptyState({
+  onPrompt,
+  companion
+}) {
+  const name = companion.name ?? "Companion";
+  const emoji = companion.emoji ?? "⚡";
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col items-center justify-center gap-6 p-8 text-center", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex h-16 w-16 items-center justify-center rounded-full border border-border bg-card", children: /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "text-2xl", children: emoji }) }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-foreground", children: name }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: "Your AI grind partner. Ask anything about your quests, skills, or goals." })
+    ] }),
+    /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-2 w-full max-w-sm", "aria-label": "Suggested prompts", children: SUGGESTED_PROMPTS.map((prompt) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("button", { type: "button", onClick: () => onPrompt(prompt), className: "w-full rounded-lg border border-border bg-card px-4 py-2.5 text-left text-sm text-foreground/80 [touch-action:manipulation] transition-colors duration-150 hover:border-ring/40 hover:bg-secondary hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: prompt }) }, prompt)) })
+  ] });
+}
+function ChatPage() {
+  const {
+    conversations: initialConversations,
+    companion,
+    promptHistory
+  } = Route.useLoaderData();
+  const search = Route.useSearch();
+  const navigate = useNavigate({
+    from: "/app/chat/"
+  });
+  const [conversations, setConversations] = useState(initialConversations);
+  const [activeConvId, setActiveConvId] = useState(search.c);
+  const [messages, setMessages] = useState([]);
+  const [inputValue, setInputValue] = useState("");
+  const [isStreaming, setIsStreaming] = useState(false);
+  const [isLoadingHistory, setIsLoadingHistory] = useState(() => !!search.c);
+  const [pendingMessage, setPendingMessage] = useState(null);
+  const messagesContainerRef = useRef(null);
+  const stoppedRef = useRef(false);
+  const pendingFiredRef = useRef(false);
+  const scrollToBottom = useCallback((behavior) => {
+    const el = messagesContainerRef.current;
+    if (!el) return;
+    const resolved = behavior ?? (window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "instant" : "smooth");
+    el.scrollTo({
+      top: el.scrollHeight,
+      behavior: resolved
+    });
+  }, []);
+  const onConversationChanged = useEffectEvent((convId) => {
+    if (!convId) {
+      setMessages([]);
+      setActiveConvId(void 0);
+      return;
+    }
+    if (isStreaming) return;
+    setActiveConvId(convId);
+    setIsLoadingHistory(true);
+    setMessages([]);
+    loadConversationMessages({
+      data: {
+        conversationId: convId
+      }
+    }).then((stored) => {
+      const loaded = stored.map((m) => {
+        if (m.role === "user") {
+          return {
+            role: "user",
+            id: m.id,
+            content: m.content,
+            ...m.attachments && m.attachments.length > 0 ? {
+              attachments: m.attachments
+            } : {}
+          };
+        }
+        return {
+          role: "assistant",
+          id: m.id,
+          content: m.content,
+          toolCalls: [],
+          isStreaming: false
+        };
+      });
+      setMessages(loaded);
+      requestAnimationFrame(() => scrollToBottom("instant"));
+    }).catch(() => {
+      setMessages([]);
+    }).finally(() => {
+      setIsLoadingHistory(false);
+    });
+  });
+  useEffect(() => {
+    onConversationChanged(search.c);
+  }, [search.c]);
+  const handleSelectConversation = useCallback((id) => {
+    navigate({
+      search: {
+        c: id
+      }
+    });
+  }, [navigate]);
+  const handleNewConversation = useCallback(() => {
+    navigate({
+      search: {
+        c: void 0
+      }
+    });
+  }, [navigate]);
+  const executeSend = useCallback(
+    // eslint-disable-next-line @typescript-eslint/no-shadow
+    async (msg, attachments = []) => {
+      stoppedRef.current = false;
+      const userMsgId = crypto.randomUUID();
+      const assistantMsgId = crypto.randomUUID();
+      const userAttachments = attachments.length > 0 ? attachments.map((a) => ({
+        mime: a.mime,
+        base64: a.base64,
+        filename: a.filename
+      })) : void 0;
+      setMessages((prev) => [...prev, {
+        role: "user",
+        id: userMsgId,
+        content: msg,
+        ...userAttachments ? {
+          attachments: userAttachments
+        } : {}
+      }, {
+        role: "assistant",
+        id: assistantMsgId,
+        content: "",
+        toolCalls: [],
+        isStreaming: true
+      }]);
+      requestAnimationFrame(() => scrollToBottom());
+      setIsStreaming(true);
+      try {
+        const sendData = {
+          message: msg
+        };
+        if (activeConvId) sendData.conversationId = activeConvId;
+        if (attachments.length > 0) {
+          sendData.attachments = attachments.map((a) => ({
+            mime: a.mime,
+            base64: a.base64
+          }));
+        }
+        const stream = await streamMessage({
+          data: sendData
+        });
+        for await (const event of stream) {
+          if (stoppedRef.current) break;
+          if (event.type === "conversation-id") {
+            setActiveConvId(event.conversationId);
+            navigate({
+              search: {
+                c: event.conversationId
+              },
+              replace: true
+            });
+          } else if (event.type === "text-delta") {
+            setMessages((prev) => prev.map((m) => m.id === assistantMsgId && m.role === "assistant" ? {
+              ...m,
+              content: m.content + event.text
+            } : m));
+          } else if (event.type === "tool-call") {
+            const newTc = {
+              id: crypto.randomUUID(),
+              toolName: event.toolName,
+              toolArgsJson: event.toolArgsJson,
+              status: "pending"
+            };
+            setMessages((prev) => prev.map((m) => m.id === assistantMsgId && m.role === "assistant" ? {
+              ...m,
+              toolCalls: [...m.toolCalls, newTc]
+            } : m));
+          } else if (event.type === "tool-result") {
+            const resultToolName = event.toolName;
+            const resultJson = event.toolResultJson;
+            setMessages((prev) => prev.map((m) => {
+              if (m.id !== assistantMsgId || m.role !== "assistant") return m;
+              let lastPendingIdx = -1;
+              for (let i = m.toolCalls.length - 1; i >= 0; i--) {
+                const tc = m.toolCalls[i];
+                if (tc && tc.toolName === resultToolName && tc.status === "pending") {
+                  lastPendingIdx = i;
+                  break;
+                }
+              }
+              if (lastPendingIdx === -1) return m;
+              const existingTc = m.toolCalls[lastPendingIdx];
+              if (!existingTc) return m;
+              const updatedTcs = [...m.toolCalls];
+              updatedTcs[lastPendingIdx] = {
+                ...existingTc,
+                toolResultJson: resultJson,
+                status: "complete"
+              };
+              return {
+                ...m,
+                toolCalls: updatedTcs
+              };
+            }));
+          } else if (event.type === "error") {
+            setMessages((prev) => prev.map((m) => m.id === assistantMsgId && m.role === "assistant" ? {
+              ...m,
+              content: `⚠️ ${event.error}`,
+              isStreaming: false
+            } : m));
+            setIsStreaming(false);
+            return;
+          } else if (event.type === "done") {
+            setMessages((prev) => prev.map((m) => m.id === assistantMsgId && m.role === "assistant" ? {
+              ...m,
+              isStreaming: false
+            } : m));
+            setIsStreaming(false);
+          }
+        }
+      } catch (err) {
+        setMessages((prev) => prev.map((m) => m.role === "assistant" && m.isStreaming ? {
+          ...m,
+          content: `⚠️ ${String(err)}`,
+          isStreaming: false
+        } : m));
+        setIsStreaming(false);
+      }
+      try {
+        const updated = await getConversations();
+        setConversations(updated);
+      } catch {
+      }
+    },
+    [activeConvId, navigate, scrollToBottom]
+  );
+  const triggerExecuteSend = useEffectEvent((msg) => {
+    void executeSend(msg, []);
+  });
+  useEffect(() => {
+    if (!isStreaming && pendingMessage) {
+      if (pendingFiredRef.current) {
+        pendingFiredRef.current = false;
+        return;
+      }
+      pendingFiredRef.current = true;
+      setPendingMessage(null);
+      setMessages((prev) => prev.filter((m) => !(m.role === "user" && m.queued)));
+      triggerExecuteSend(pendingMessage);
+    }
+  }, [isStreaming, pendingMessage]);
+  const queueOrSend = useCallback((msg, attachments = []) => {
+    if (!msg.trim() && attachments.length === 0) return;
+    if (isStreaming) {
+      if (pendingMessage !== null) return;
+      setPendingMessage(msg);
+      const queuedAttachments = attachments.length > 0 ? attachments.map((a) => ({
+        mime: a.mime,
+        base64: a.base64,
+        filename: a.filename
+      })) : void 0;
+      setMessages((prev) => [...prev, {
+        role: "user",
+        id: crypto.randomUUID(),
+        content: msg,
+        queued: true,
+        ...queuedAttachments ? {
+          attachments: queuedAttachments
+        } : {}
+      }]);
+      requestAnimationFrame(() => scrollToBottom());
+      return;
+    }
+    void executeSend(msg, attachments);
+  }, [isStreaming, pendingMessage, executeSend, scrollToBottom]);
+  const handleSend = useCallback((text, attachments = []) => {
+    const msg = text.trim();
+    if (!msg && attachments.length === 0) return;
+    if (msg) void appendPromptHistoryEntry({
+      data: {
+        content: msg
+      }
+    }).catch(() => {
+    });
+    queueOrSend(msg, attachments);
+  }, [queueOrSend]);
+  const handleStop = useCallback(() => {
+    stoppedRef.current = true;
+    setIsStreaming(false);
+    setPendingMessage(null);
+    pendingFiredRef.current = false;
+    setMessages((prev) => prev.map((m) => m.role === "assistant" && m.isStreaming ? {
+      ...m,
+      isStreaming: false
+    } : m).filter((m) => !(m.role === "user" && m.queued)));
+  }, []);
+  const handleCancelQueue = useCallback(() => {
+    setPendingMessage(null);
+    pendingFiredRef.current = false;
+    setMessages((prev) => prev.filter((m) => !(m.role === "user" && m.queued)));
+  }, []);
+  const handlePromptClick = useCallback((prompt) => {
+    queueOrSend(prompt);
+  }, [queueOrSend]);
+  const showEmptyState = messages.length === 0 && !isLoadingHistory;
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full overflow-hidden", children: [
+    /* @__PURE__ */ jsx("div", { className: "hidden md:flex", children: /* @__PURE__ */ jsx(ConversationSidebar, { conversations, activeId: activeConvId, onSelect: handleSelectConversation, onNew: handleNewConversation }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col overflow-hidden", children: [
+      /* @__PURE__ */ jsxs("header", { "aria-label": "Chat header", className: "flex h-14 shrink-0 items-center gap-3 border-b border-border px-5", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex h-8 w-8 items-center justify-center rounded-full bg-grind-orange/10 border border-grind-orange/20", children: /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "text-base", children: companion.emoji ?? "⚡" }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col", children: [
+          /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-medium text-foreground", children: companion.name ?? "Companion" }),
+          /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: "AI-powered grind partner" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { ref: messagesContainerRef, className: "flex-1 overflow-y-auto px-4 py-4 space-y-3", role: "log", "aria-label": "Chat messages", "aria-live": "polite", "aria-atomic": "false", children: [
+        isLoadingHistory && /* @__PURE__ */ jsx(ChatMessagesSkeleton, {}),
+        showEmptyState && !isLoadingHistory && /* @__PURE__ */ jsx(EmptyState, { onPrompt: handlePromptClick, companion }),
+        messages.map((message) => /* @__PURE__ */ jsx(MessageBubble, { message }, message.id)),
+        /* @__PURE__ */ jsx("div", { "aria-hidden": "true" })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "shrink-0 border-t border-border p-3", children: /* @__PURE__ */ jsx(ChatInput, { value: inputValue, onChange: setInputValue, onSubmit: handleSend, onStop: handleStop, onCancelQueue: handleCancelQueue, isStreaming, hasPendingMessage: pendingMessage !== null, initialHistory: promptHistory, ...pendingMessage ? {
+        pendingMessagePreview: pendingMessage
+      } : {} }) })
+    ] })
+  ] });
+}
+export {
+  ChatPage as component
+};