@grindxp/cli 0.1.7 → 0.1.9

package/dist/web/server/assets/index-DfU25rnD.js

@@ -0,0 +1,477 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { Link } from "@tanstack/react-router";
+import { StarIcon, LightningIcon, FlameIcon, TrophyIcon, SwordIcon } from "@phosphor-icons/react";
+import { c as cn, R as Route } from "./router-CXyGzWDS.js";
+import "@tanstack/react-query";
+import "react";
+import "clsx";
+import "tailwind-merge";
+import "../server.js";
+import "node:async_hooks";
+import "node:stream";
+import "@tanstack/react-router/ssr/server";
+import "./vault.server-CscY5Z8e.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";
+const accentClasses = {
+  orange: "text-grind-orange",
+  green: "text-grind-xp",
+  purple: "text-[oklch(0.72_0.19_285)]",
+  default: "text-foreground"
+};
+function StatCard({
+  label,
+  value,
+  sub,
+  icon,
+  accent = "default",
+  className
+}) {
+  const valueClass = accentClasses[accent] ?? accentClasses["default"];
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-col gap-1 rounded-xl border border-border bg-card px-5 py-4",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+          icon && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "shrink-0", children: icon }),
+          label
+        ] }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn("font-mono text-2xl font-semibold leading-none tabular-nums", valueClass),
+            style: { fontVariantNumeric: "tabular-nums" },
+            children: value
+          }
+        ),
+        sub && /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: sub })
+      ]
+    }
+  );
+}
+const DIFFICULTY_DOTS = {
+  easy: "◆◇◇",
+  medium: "◆◆◇",
+  hard: "◆◆◆",
+  epic: "◆◆◆★"
+};
+const DIFFICULTY_COLORS = {
+  easy: "text-grind-xp",
+  medium: "text-grind-orange",
+  hard: "text-[oklch(0.65_0.24_27)]",
+  epic: "text-[oklch(0.72_0.19_285)]"
+};
+const TYPE_LABELS = {
+  daily: "Daily",
+  weekly: "Weekly",
+  epic: "Epic",
+  bounty: "Bounty",
+  chain: "Chain",
+  ritual: "Ritual"
+};
+function ObjectiveCheck({ objective }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-label": objective.completed ? `${objective.label} — done` : `${objective.label} — pending`,
+      className: cn(
+        "inline-flex h-5 w-5 shrink-0 items-center justify-center rounded border text-[10px] font-bold",
+        objective.completed ? "border-grind-xp/40 bg-grind-xp/10 text-grind-xp" : "border-border bg-transparent text-transparent"
+      ),
+      children: objective.completed ? "✓" : ""
+    }
+  );
+}
+function QuestRow({ quest, className }) {
+  const completedObjectives = quest.objectives.filter((o) => o.completed).length;
+  const totalObjectives = quest.objectives.length;
+  const difficultyDots = DIFFICULTY_DOTS[quest.difficulty] ?? "◆◇◇";
+  const difficultyColor = DIFFICULTY_COLORS[quest.difficulty] ?? "text-muted-foreground";
+  const typeLabel = TYPE_LABELS[quest.type] ?? quest.type;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-col gap-2 rounded-lg border border-border bg-card px-4 py-3 transition-colors duration-150 hover:border-border/80 hover:bg-card/80",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+            /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-medium text-foreground", children: quest.title }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+              /* @__PURE__ */ jsx("span", { className: "rounded bg-secondary px-1.5 py-0.5 font-mono text-[10px]", children: typeLabel }),
+              quest.streakCount > 0 && /* @__PURE__ */ jsxs("span", { className: "text-grind-orange", "aria-label": `${quest.streakCount} day streak`, children: [
+                "🔥 ",
+                quest.streakCount,
+                "d"
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 flex-col items-end gap-1", children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn("font-mono text-sm font-semibold", difficultyColor),
+                "aria-label": `Difficulty: ${quest.difficulty}`,
+                children: difficultyDots
+              }
+            ),
+            totalObjectives > 0 && /* @__PURE__ */ jsxs(
+              "span",
+              {
+                className: "text-xs text-muted-foreground",
+                "aria-label": `${completedObjectives} of ${totalObjectives} objectives complete`,
+                children: [
+                  completedObjectives,
+                  "/",
+                  totalObjectives
+                ]
+              }
+            )
+          ] })
+        ] }),
+        quest.objectives.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: quest.objectives.map((obj) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx(ObjectiveCheck, { objective: obj }),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "text-xs",
+                obj.completed ? "text-muted-foreground line-through" : "text-foreground"
+              ),
+              children: obj.label
+            }
+          )
+        ] }, obj.id)) }),
+        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+          "+",
+          quest.baseXp,
+          " XP base"
+        ] }) })
+      ]
+    }
+  );
+}
+const SKILL_LEVEL_THRESHOLDS = [0, 100, 300, 600, 1e3, 1500];
+const SKILL_LEVEL_NAMES = [
+  "Novice",
+  "Apprentice",
+  "Journeyman",
+  "Expert",
+  "Master",
+  "Grandmaster"
+];
+const CATEGORY_COLORS = {
+  fitness: "bg-grind-xp",
+  music: "bg-[oklch(0.72_0.19_285)]",
+  academics: "bg-[oklch(0.72_0.19_220)]",
+  discipline: "bg-grind-orange",
+  life: "bg-[oklch(0.72_0.19_180)]"
+};
+function getSkillProgress(skill) {
+  const level = Math.min(skill.level, 5);
+  const currentThreshold = SKILL_LEVEL_THRESHOLDS[level] ?? 0;
+  const nextThreshold = SKILL_LEVEL_THRESHOLDS[level + 1] ?? 1500;
+  if (level >= 5) {
+    return { progress: 1, xpInLevel: skill.xp - currentThreshold, xpForLevel: 1 };
+  }
+  const xpInLevel = Math.max(0, skill.xp - currentThreshold);
+  const xpForLevel = nextThreshold - currentThreshold;
+  const progress = Math.min(1, xpInLevel / xpForLevel);
+  return { progress, xpInLevel, xpForLevel };
+}
+function LevelDots({ level }) {
+  const capped = Math.min(level, 5);
+  return /* @__PURE__ */ jsx("span", { className: "flex items-center gap-0.5", "aria-label": `Level ${capped}`, children: Array.from({ length: 5 }, (_, i) => /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-hidden": "true",
+      className: cn("h-1.5 w-1.5 rounded-full", i < capped ? "bg-grind-orange" : "bg-border")
+    },
+    i
+  )) });
+}
+function SkillBar({ skill, className }) {
+  const { progress } = getSkillProgress(skill);
+  const levelName = SKILL_LEVEL_NAMES[Math.min(skill.level, 5)] ?? "Grandmaster";
+  const barColor = CATEGORY_COLORS[skill.category] ?? "bg-primary";
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-1.5", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-medium text-foreground", children: skill.name }),
+        /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs text-muted-foreground", children: levelName })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [
+        /* @__PURE__ */ jsx(LevelDots, { level: skill.level }),
+        /* @__PURE__ */ jsxs(
+          "span",
+          {
+            className: "font-mono text-xs text-muted-foreground tabular-nums",
+            style: { fontVariantNumeric: "tabular-nums" },
+            "aria-label": `${skill.xp} XP`,
+            children: [
+              skill.xp.toLocaleString(),
+              " XP"
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "h-1 overflow-hidden rounded-full bg-secondary",
+        role: "progressbar",
+        "aria-valuenow": Math.round(progress * 100),
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-label": `${skill.name} progress: ${Math.round(progress * 100)}%`,
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn("h-full rounded-full transition-[width] duration-500", barColor),
+            style: { width: `${progress * 100}%` }
+          }
+        )
+      }
+    )
+  ] });
+}
+const PROOF_LABELS = {
+  "self-report": "self",
+  timestamp: "timestamp",
+  duration: "timed",
+  screenshot: "screenshot",
+  "git-commit": "git",
+  "file-change": "file",
+  "process-check": "process",
+  "ai-verify": "AI verified",
+  "calendar-match": "calendar",
+  "multi-proof": "multi"
+};
+const PROOF_MULTIPLIERS = {
+  "self-report": 1,
+  timestamp: 1.1,
+  duration: 1.5,
+  screenshot: 1.25,
+  "git-commit": 1.5,
+  "file-change": 1.5,
+  "process-check": 1.5,
+  "ai-verify": 1.75,
+  "calendar-match": 1.1,
+  "multi-proof": 2
+};
+function formatRelativeTime(ts) {
+  const now = Date.now();
+  const diff = now - ts;
+  const mins = Math.floor(diff / 6e4);
+  const hours = Math.floor(diff / 36e5);
+  const days = Math.floor(diff / 864e5);
+  if (mins < 1) return "just now";
+  if (mins < 60) return `${mins}m ago`;
+  if (hours < 24) return `${hours}h ago`;
+  if (days === 1) return "yesterday";
+  return `${days}d ago`;
+}
+function ActivityItemRow({ item, className }) {
+  const proofLabel = PROOF_LABELS[item.proofType] ?? item.proofType;
+  const multiplier = PROOF_MULTIPLIERS[item.proofType] ?? 1;
+  const timeLabel = formatRelativeTime(item.completedAt);
+  const durationStr = item.durationMinutes != null ? `${item.durationMinutes}m` : null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex items-center gap-3 rounded-lg px-3 py-2.5 transition-colors duration-150 hover:bg-secondary/40",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "shrink-0 text-base", children: "✅" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+          /* @__PURE__ */ jsx("span", { className: "truncate text-sm text-foreground", children: item.questTitle }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsx("time", { dateTime: new Date(item.completedAt).toISOString(), children: timeLabel }),
+            durationStr && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "·" }),
+              /* @__PURE__ */ jsx("span", { children: durationStr })
+            ] }),
+            /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "·" }),
+            /* @__PURE__ */ jsxs(
+              "span",
+              {
+                className: cn(
+                  "rounded px-1 py-0.5 font-mono text-[10px]",
+                  item.proofType === "ai-verify" ? "bg-[oklch(0.72_0.19_285)]/10 text-[oklch(0.72_0.19_285)]" : item.proofType === "duration" || item.proofType === "multi-proof" ? "bg-grind-xp/10 text-grind-xp" : "bg-secondary text-muted-foreground"
+                ),
+                children: [
+                  proofLabel,
+                  multiplier > 1 && ` ${multiplier}×`
+                ]
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "shrink-0 text-right", children: [
+          /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: "font-mono text-sm font-semibold text-grind-xp tabular-nums",
+              style: { fontVariantNumeric: "tabular-nums" },
+              children: [
+                "+",
+                item.xpEarned
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "ml-0.5 text-xs text-muted-foreground", children: "XP" })
+        ] })
+      ]
+    }
+  );
+}
+const LEVEL_TITLES = {
+  1: "Newcomer",
+  2: "Initiate",
+  3: "Apprentice",
+  4: "Journeyman",
+  5: "Adept",
+  6: "Expert",
+  7: "Veteran",
+  8: "Master",
+  9: "Grandmaster",
+  10: "Legend"
+};
+function xpForLevelThreshold(level) {
+  if (level <= 1) return 0;
+  return 50 * level * level + 50 * level;
+}
+function getLevelProgress(totalXp, level) {
+  const current = xpForLevelThreshold(level);
+  const next = xpForLevelThreshold(level + 1);
+  const xpInLevel = Math.max(0, totalXp - current);
+  const xpForLevel = next - current;
+  return {
+    progress: Math.min(1, xpInLevel / xpForLevel),
+    xpToNext: Math.max(0, next - totalXp)
+  };
+}
+function DashboardPage() {
+  const data = Route.useLoaderData();
+  const {
+    user,
+    xpToday,
+    bestStreak,
+    questsCompletedTotal,
+    activeQuests,
+    topSkills,
+    recentActivity
+  } = data;
+  const levelTitle = LEVEL_TITLES[user.level] ?? `Lv.${user.level}`;
+  const {
+    progress: levelProgress,
+    xpToNext
+  } = getLevelProgress(user.totalXp, user.level);
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ jsx("header", { className: "flex h-14 shrink-0 items-center border-b border-border bg-sidebar px-6", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "md:ml-8 flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs("span", { className: "font-mono text-xs text-muted-foreground", children: [
+          "Lv.",
+          user.level
+        ] }),
+        /* @__PURE__ */ jsx("h1", { className: "font-display text-lg text-foreground", children: levelTitle }),
+        /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground", children: [
+          "— ",
+          user.displayName
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+        xpToNext.toLocaleString(),
+        " XP to next level"
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "hidden w-48 sm:block", children: /* @__PURE__ */ jsx("div", { className: "h-1.5 overflow-hidden rounded-full bg-secondary", role: "progressbar", "aria-valuenow": Math.round(levelProgress * 100), "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": `Level progress: ${Math.round(levelProgress * 100)}%`, children: /* @__PURE__ */ jsx("div", { className: "h-full rounded-full bg-grind-orange transition-[width] duration-700", style: {
+        width: `${levelProgress * 100}%`
+      } }) }) })
+    ] }) }),
+    /* @__PURE__ */ jsx("main", { className: "flex-1 overflow-y-auto p-6", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-6xl space-y-6", children: [
+      /* @__PURE__ */ jsx("section", { "aria-label": "Stats", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3 sm:grid-cols-4", children: [
+        /* @__PURE__ */ jsx(StatCard, { label: "Total XP", value: user.totalXp.toLocaleString(), icon: /* @__PURE__ */ jsx(StarIcon, { size: 14, "aria-hidden": "true" }), accent: "orange" }),
+        /* @__PURE__ */ jsx(StatCard, { label: "XP Today", value: `+${xpToday.toLocaleString()}`, icon: /* @__PURE__ */ jsx(LightningIcon, { size: 14, "aria-hidden": "true" }), accent: "green" }),
+        /* @__PURE__ */ jsx(StatCard, { label: "Best Streak", value: bestStreak, sub: bestStreak > 0 ? `${bestStreak} day${bestStreak === 1 ? "" : "s"}` : "No active streak", icon: /* @__PURE__ */ jsx(FlameIcon, { size: 14, "aria-hidden": "true" }), accent: bestStreak > 0 ? "orange" : "default" }),
+        /* @__PURE__ */ jsx(StatCard, { label: "Completed", value: questsCompletedTotal.toLocaleString(), sub: "quest logs", icon: /* @__PURE__ */ jsx(TrophyIcon, { size: 14, "aria-hidden": "true" }), accent: "default" })
+      ] }) }),
+      /* @__PURE__ */ jsxs("div", { className: "grid gap-5 lg:grid-cols-2", children: [
+        /* @__PURE__ */ jsxs("section", { "aria-labelledby": "active-quests-heading", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 mb-3", children: [
+            /* @__PURE__ */ jsxs("h2", { id: "active-quests-heading", className: "flex items-center gap-2 text-sm font-medium text-foreground", children: [
+              /* @__PURE__ */ jsx(SwordIcon, { size: 16, weight: "fill", className: "text-grind-orange", "aria-hidden": "true" }),
+              "Active Quests"
+            ] }),
+            activeQuests.length > 0 && /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+              activeQuests.length,
+              "/5"
+            ] })
+          ] }),
+          activeQuests.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3 rounded-xl border border-dashed border-border py-8 text-center", children: [
+            /* @__PURE__ */ jsx(SwordIcon, { size: 28, className: "text-muted-foreground/40", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "No active quests" }),
+              /* @__PURE__ */ jsxs("p", { className: "mt-0.5 text-xs text-muted-foreground/70", children: [
+                "Ask the",
+                " ",
+                /* @__PURE__ */ jsx(Link, { to: "/app/chat", search: {
+                  c: void 0
+                }, className: "text-grind-orange underline-offset-2 hover:underline focus-visible:underline focus-visible:outline-none", children: "Companion" }),
+                " ",
+                "to create some"
+              ] })
+            ] })
+          ] }) : /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: activeQuests.map((quest) => /* @__PURE__ */ jsx(QuestRow, { quest }, quest.id)) })
+        ] }),
+        /* @__PURE__ */ jsxs("section", { "aria-labelledby": "skills-heading", children: [
+          /* @__PURE__ */ jsxs("h2", { id: "skills-heading", className: "mb-3 flex items-center gap-2 text-sm font-medium text-foreground", children: [
+            /* @__PURE__ */ jsx(LightningIcon, { size: 16, weight: "fill", className: "text-grind-orange", "aria-hidden": "true" }),
+            "Skills"
+          ] }),
+          topSkills.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3 rounded-xl border border-dashed border-border py-8 text-center", children: [
+            /* @__PURE__ */ jsx(LightningIcon, { size: 28, className: "text-muted-foreground/40", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Skills appear as you complete quests" })
+          ] }) : /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4 rounded-xl border border-border bg-card p-4", children: topSkills.map((skill) => /* @__PURE__ */ jsx(SkillBar, { skill }, skill.id)) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("section", { "aria-labelledby": "activity-heading", children: [
+        /* @__PURE__ */ jsxs("h2", { id: "activity-heading", className: "mb-3 flex items-center gap-2 text-sm font-medium text-foreground", children: [
+          /* @__PURE__ */ jsx(FlameIcon, { size: 16, weight: "fill", className: "text-grind-orange", "aria-hidden": "true" }),
+          "Recent Activity"
+        ] }),
+        recentActivity.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3 rounded-xl border border-dashed border-border py-8 text-center", children: [
+          /* @__PURE__ */ jsx(FlameIcon, { size: 28, className: "text-muted-foreground/40", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Your completed quests will appear here" })
+        ] }) : /* @__PURE__ */ jsx("div", { className: "rounded-xl border border-border bg-card", children: recentActivity.map((item, idx) => /* @__PURE__ */ jsx("div", { className: idx < recentActivity.length - 1 ? "border-b border-border/50" : void 0, children: /* @__PURE__ */ jsx(ActivityItemRow, { item }) }, item.id)) })
+      ] })
+    ] }) })
+  ] });
+}
+export {
+  DashboardPage as component
+};

package/dist/web/server/assets/index-SHH7zSKt.js

@@ -0,0 +1,66 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { LightningIcon, CopyIcon, CheckIcon } from "@phosphor-icons/react";
+import { c as cn } from "./router-CXyGzWDS.js";
+import "@tanstack/react-router";
+import "@tanstack/react-query";
+import "clsx";
+import "tailwind-merge";
+import "../server.js";
+import "node:async_hooks";
+import "node:stream";
+import "@tanstack/react-router/ssr/server";
+import "./vault.server-CscY5Z8e.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";
+function CopyCommandBlock({
+  command
+}) {
+  const [copied, setCopied] = useState(false);
+  const handleCopy = useCallback(() => {
+    navigator.clipboard.writeText(command).then(() => {
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    });
+  }, [command]);
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 rounded-lg border border-border bg-card pl-4 pr-3 py-3", children: [
+    /* @__PURE__ */ jsx("code", { className: "flex-1 min-w-0 break-all font-mono text-sm text-grind-orange", children: command }),
+    /* @__PURE__ */ jsx("button", { type: "button", onClick: handleCopy, "aria-label": copied ? "Copied" : `Copy command: ${command}`, className: "flex shrink-0 items-center justify-center rounded-md p-1 text-muted-foreground [touch-action:manipulation] transition-[transform,background-color,color] duration-150 active:scale-[0.97] hover:bg-secondary hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: /* @__PURE__ */ jsxs("span", { className: "relative flex size-4 items-center justify-center", children: [
+      /* @__PURE__ */ jsx(CopyIcon, { size: 14, "aria-hidden": "true", className: cn("absolute motion-safe:transition-opacity duration-200", copied ? "opacity-0" : "opacity-100") }),
+      /* @__PURE__ */ jsx(CheckIcon, { size: 14, "aria-hidden": "true", className: cn("absolute text-grind-xp motion-safe:transition-opacity duration-200", copied ? "opacity-100" : "opacity-0") })
+    ] }) })
+  ] });
+}
+function ChatError({
+  error
+}) {
+  const msg = error instanceof Error ? error.message : "Something went wrong";
+  const isNotInit = msg.includes("not initialized");
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col items-center justify-center gap-4 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(LightningIcon, { size: 28, className: "text-muted-foreground", "aria-hidden": "true" }) }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-lg font-semibold text-foreground", children: isNotInit ? "Grind Not Initialized" : "Failed to Load Chat" }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: isNotInit ? "Run the command below in your terminal to get started." : msg })
+    ] }),
+    isNotInit && /* @__PURE__ */ jsx(CopyCommandBlock, { command: "grindxp init" })
+  ] });
+}
+export {
+  ChatError as errorComponent
+};