hermium 0.1.9 → 0.2.0

package/dist/web-server/_ssr/index-6itDALOw.mjs

@@ -1,339 +0,0 @@
-import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { d as useNavigate } from "../_libs/tanstack__react-router.mjs";
-import { u as updateModelConfig, c as createSession, B as Button, a as cn, D as DropdownMenu, b as DropdownMenuTrigger, d as DropdownMenuContent, e as DropdownMenuItem } from "./router-sbsNus0Y.mjs";
-import { u as useModels } from "./queries-3H_19mUt.mjs";
-import { x as IconChevronLeft, s as IconPencil, y as IconBook, z as IconCode, A as IconHeart, B as IconCloud, C as IconLoader2, D as IconArrowUp } from "../_libs/tabler__icons-react.mjs";
-import "../_libs/tanstack__router-core.mjs";
-import "../_libs/tanstack__history.mjs";
-import "../_libs/cookie-es.mjs";
-import "../_libs/seroval.mjs";
-import "../_libs/seroval-plugins.mjs";
-import "node:stream/web";
-import "node:stream";
-import "../_libs/react-dom.mjs";
-import "util";
-import "crypto";
-import "async_hooks";
-import "stream";
-import "../_libs/isbot.mjs";
-import "../_libs/tanstack__query-core.mjs";
-import "../_libs/tanstack__react-query.mjs";
-import "../_libs/clsx.mjs";
-import "../_libs/class-variance-authority.mjs";
-import "../_libs/zustand.mjs";
-import "../_libs/base-ui__react.mjs";
-import "../_libs/base-ui__utils.mjs";
-import "../_libs/use-sync-external-store.mjs";
-import "../_libs/floating-ui__utils.mjs";
-import "../_libs/floating-ui__react-dom.mjs";
-import "../_libs/floating-ui__dom.mjs";
-import "../_libs/floating-ui__core.mjs";
-import "../_libs/zod.mjs";
-const PROMPT_CARDS = [
-  {
-    icon: IconPencil,
-    label: "Write",
-    title: "Write",
-    description: "Articles, stories, documentation, and all kinds of written content.",
-    prompts: [
-      "Write a short story about a robot learning to paint — make it emotional and reflective, around 500 words.",
-      "Draft a professional email template for following up with clients after a meeting.",
-      "Write a persuasive blog post on why companies should adopt a 4-day work week.",
-      "Create a product description for a smart water bottle that tracks hydration, 3 sentences max per feature.",
-      "Rewrite this paragraph to be more concise and impactful: [paste text]"
-    ]
-  },
-  {
-    icon: IconBook,
-    label: "Learn",
-    title: "Learn",
-    description: "Explore new topics, get clear explanations, and dive deep into any subject.",
-    prompts: [
-      "Explain quantum computing like I'm 10 years old — simple but accurate with fun analogies.",
-      "Teach me the basics of investing: stocks, bonds, ETFs, and how to start with $500.",
-      "Give me a 5-minute summary of the French Revolution — key dates, people, and outcomes.",
-      "Explain how large language models like you actually work under the hood.",
-      "Walk me through the core principles of color theory for UI design."
-    ]
-  },
-  {
-    icon: IconCode,
-    label: "Code",
-    title: "Code",
-    description: "Build, debug, refactor, and architect software with AI assistance.",
-    prompts: [
-      "Build a Python script that monitors a directory for new files and uploads them to S3. Include error handling, logging, and a config file.",
-      "Review this code for performance bottlenecks and suggest specific improvements: [paste code]",
-      "Create a React hook that debounces a value and returns loading/error states.",
-      "Write a SQL query to find the top 5 customers by revenue this month, with their last order date.",
-      "Explain the difference between REST and GraphQL — when would you choose one over the other, with a real example."
-    ]
-  },
-  {
-    icon: IconHeart,
-    label: "Life stuff",
-    title: "Life Stuff",
-    description: "Productivity, habits, health, relationships, and everyday advice.",
-    prompts: [
-      "Give me a daily routine that balances deep work, exercise, social time, and rest. I work from home and tend to overwork.",
-      "How do I start a regular meditation practice? Suggest a beginner-friendly 10-minute routine.",
-      "I want to read more books — help me set up a sustainable reading habit and pick my first 5.",
-      "What are 3 evidence-backed techniques to reduce anxiety before a big presentation?",
-      "Help me plan a weekly meal prep routine that's healthy, affordable, and takes under 2 hours on Sunday."
-    ]
-  },
-  {
-    icon: IconCloud,
-    label: "Weather",
-    title: "Weather",
-    description: "Forecasts, climate insights, and weather patterns anywhere in the world.",
-    prompts: [
-      "What's the weather like today in my area? Give me a detailed forecast with temperature, humidity, and chance of rain.",
-      "What's the best time of year to visit Tokyo for mild weather and fewer crowds?",
-      "Explain how hurricanes form and how their intensity is categorized.",
-      "Compare the climates of San Francisco and New York — which one has milder winters?",
-      "What does 'dew point' actually mean and why does it matter for comfort?"
-    ]
-  }
-];
-function useGreeting() {
-  const [greeting, setGreeting] = reactExports.useState("");
-  reactExports.useEffect(() => {
-    const hour = (/* @__PURE__ */ new Date()).getHours();
-    if (hour < 12) setGreeting("Good morning");
-    else if (hour < 17) setGreeting("Good afternoon");
-    else if (hour < 21) setGreeting("Good evening");
-    else setGreeting("Good night");
-  }, []);
-  return greeting;
-}
-function displayName(model) {
-  if (model.name && model.name !== model.id) return model.name;
-  const short = model.id.split("/").pop() || model.id;
-  return short.split("-").map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join(" ");
-}
-function DashboardInput({
-  onSubmit,
-  disabled,
-  selectedModelId,
-  onModelChange,
-  models,
-  modelsLoading
-}) {
-  const [value, setValue] = reactExports.useState("");
-  const textareaRef = reactExports.useRef(null);
-  const selectedModel = models.find((m) => m.id === selectedModelId);
-  const autoResize = reactExports.useCallback(() => {
-    const el = textareaRef.current;
-    if (!el) return;
-    el.style.height = "auto";
-    el.style.height = `${Math.min(el.scrollHeight, 200)}px`;
-  }, []);
-  reactExports.useEffect(() => {
-    autoResize();
-  }, [value, autoResize]);
-  reactExports.useEffect(() => {
-    textareaRef.current?.focus();
-  }, []);
-  const handleSend = reactExports.useCallback(() => {
-    const text = value.trim();
-    if (!text || disabled) return;
-    setValue("");
-    if (textareaRef.current) textareaRef.current.style.height = "auto";
-    onSubmit(text, selectedModelId);
-  }, [value, disabled, onSubmit, selectedModelId]);
-  function handleKeyDown(e) {
-    if (e.key === "Enter" && !e.shiftKey) {
-      e.preventDefault();
-      handleSend();
-    }
-  }
-  const canSend = value.trim().length > 0;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-h-[80px] flex-col rounded-2xl border border-border bg-card shadow-sm transition-colors cursor-text hover:border-border/80", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "textarea",
-      {
-        ref: textareaRef,
-        value,
-        onChange: (e) => setValue(e.target.value),
-        onKeyDown: handleKeyDown,
-        placeholder: "Ask anything…",
-        rows: 1,
-        disabled,
-        className: cn(
-          "w-full rounded-none border-0 p-4 text-[15px] text-foreground resize-none shadow-none outline-none bg-transparent whitespace-pre-wrap break-words placeholder:text-muted-foreground disabled:opacity-50",
-          "min-h-[56px] max-h-[200px]"
-        )
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-h-[40px] items-center gap-2 p-2 pb-1", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenu, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenuTrigger, { className: "flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground transition-colors cursor-pointer outline-none", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(IconCloud, { className: "h-4 w-4 shrink-0" }),
-          modelsLoading && /* @__PURE__ */ jsxRuntimeExports.jsx(IconLoader2, { className: "h-3.5 w-3.5 animate-spin shrink-0" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: cn(modelsLoading && "opacity-60"), children: modelsLoading ? "Loading…" : selectedModel ? displayName(selectedModel) : "Select model" })
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuContent, { align: "start", className: "max-h-[300px] overflow-y-auto min-w-48", children: models.map((model) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          DropdownMenuItem,
-          {
-            onClick: () => onModelChange(model.id),
-            className: cn(
-              "flex-col items-start py-2",
-              model.id === selectedModelId && "bg-muted"
-            ),
-            children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm", children: displayName(model) }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground text-xs", children: model.provider_name })
-            ]
-          },
-          model.id
-        )) })
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ml-auto flex items-center gap-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Button,
-        {
-          variant: "ghost",
-          size: "icon-sm",
-          className: cn(
-            "rounded-full transition-colors cursor-pointer",
-            canSend && !disabled ? "bg-primary hover:bg-primary/90 text-primary-foreground" : "bg-primary text-primary-foreground opacity-40"
-          ),
-          disabled: !canSend || disabled,
-          onClick: handleSend,
-          title: "Send message",
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconArrowUp, { className: "h-4 w-4" })
-        }
-      ) })
-    ] })
-  ] });
-}
-function DashboardPage() {
-  const navigate = useNavigate();
-  const greeting = useGreeting();
-  const [selectedPrompt, setSelectedPrompt] = reactExports.useState(null);
-  const [isSubmitting, setIsSubmitting] = reactExports.useState(false);
-  const submittingRef = reactExports.useRef(false);
-  const { data: modelsData, isLoading: modelsLoading } = useModels();
-  const models = modelsData?.models ?? [];
-  const [selectedModelId, setSelectedModelId] = reactExports.useState("");
-  reactExports.useEffect(() => {
-    if (!models.length) return;
-    if (selectedModelId && models.some((m) => m.id === selectedModelId)) return;
-    const target = modelsData?.default_model || models[0]?.id;
-    if (target) setSelectedModelId(target);
-  }, [models, modelsData?.default_model, selectedModelId]);
-  const handleModelChange = reactExports.useCallback(
-    async (nextModelId) => {
-      setSelectedModelId(nextModelId);
-      try {
-        await updateModelConfig({ model: nextModelId });
-      } catch {
-      }
-    },
-    []
-  );
-  const handleNewChat = reactExports.useCallback(
-    async (initialMessage, modelId) => {
-      if (submittingRef.current) return;
-      submittingRef.current = true;
-      setIsSubmitting(true);
-      try {
-        const effectiveModel = modelId || selectedModelId || void 0;
-        const session = await createSession({ model: effectiveModel });
-        if (initialMessage) {
-          sessionStorage.setItem(`hermium_pending_msg_${session.id}`, initialMessage);
-        }
-        if (effectiveModel) {
-          sessionStorage.setItem(`hermium_pending_model_${session.id}`, effectiveModel);
-        }
-        navigate({
-          to: "/chat/$sessionId",
-          params: { sessionId: session.id }
-        });
-      } catch {
-        submittingRef.current = false;
-        setIsSubmitting(false);
-      }
-    },
-    [navigate, selectedModelId]
-  );
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-1 flex-col items-center justify-center px-4 overflow-hidden", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-10 text-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "text-5xl font-semibold tracking-tight", children: greeting }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-full max-w-3xl", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      DashboardInput,
-      {
-        onSubmit: handleNewChat,
-        disabled: isSubmitting,
-        selectedModelId,
-        onModelChange: handleModelChange,
-        models,
-        modelsLoading
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-6 w-full max-w-3xl", children: selectedPrompt ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "div",
-      {
-        className: "rounded-2xl border bg-card p-6",
-        style: { animation: "fadeSlideIn 0.2s ease-out" },
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            "button",
-            {
-              disabled: isSubmitting,
-              onClick: () => setSelectedPrompt(null),
-              className: "mb-4 flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground transition-colors disabled:opacity-50",
-              children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(IconChevronLeft, { className: "size-3.5" }),
-                "Back to suggestions"
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: "space-y-2", children: selectedPrompt.prompts.map((prompt, i) => /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            "button",
-            {
-              disabled: isSubmitting,
-              onClick: () => handleNewChat(prompt, selectedModelId),
-              className: "group w-full rounded-xl border border-border bg-muted/30 px-4 py-3 text-left text-sm leading-relaxed text-foreground transition-colors hover:bg-muted/60 hover:border-foreground/20 disabled:opacity-50",
-              children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "mr-2 text-xs font-medium text-muted-foreground", children: [
-                  i + 1,
-                  "."
-                ] }),
-                prompt
-              ]
-            }
-          ) }, i)) })
-        ]
-      },
-      "prompt-card"
-    ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "div",
-      {
-        className: "flex flex-wrap justify-center gap-2",
-        style: { animation: "fadeSlideIn 0.2s ease-out" },
-        children: PROMPT_CARDS.map((meta) => {
-          const Icon = meta.icon;
-          return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            Button,
-            {
-              variant: "ghost",
-              disabled: isSubmitting,
-              className: "group flex items-center gap-2 rounded-lg border border-border bg-muted/40 dark:bg-muted/40 px-3 py-1.5 text-sm text-foreground transition-colors duration-200 ease-out hover:bg-muted/60 h-auto disabled:opacity-50",
-              onClick: () => setSelectedPrompt(meta),
-              children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { className: "h-5 w-5 text-muted-foreground transition-colors group-hover:text-foreground" }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[15px]", children: meta.label })
-              ]
-            },
-            meta.label
-          );
-        })
-      },
-      "chips"
-    ) })
-  ] });
-}
-const SplitComponent = DashboardPage;
-export {
-  SplitComponent as component
-};