hermium 0.2.0 → 0.3.0

package/dist/server/_ssr/settings-DoXurzvn.mjs

@@ -0,0 +1,10 @@
+import { j as jsxRuntimeExports } from "../_libs/react.mjs";
+function SettingsPage() {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "p-6", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "text-2xl font-semibold", children: "Settings" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-2 text-muted-foreground", children: "Configure profiles, models, and preferences." })
+  ] });
+}
+export {
+  SettingsPage as component
+};

package/dist/server/_ssr/skills-Cs7A5ZwO.mjs

@@ -0,0 +1,422 @@
+import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
+import { d as useSidebar, S as SidebarTrigger, c as cn, B as Button, r as request } from "./router-CUAfx91O.mjs";
+import { M as MarkdownMessage } from "./MarkdownMessage-CNS7OSKN.mjs";
+import "./index-C1mT_2d8.mjs";
+import { I as IconArrowLeft, m as IconLoader2, u as IconRefresh, k as IconFile, B as IconWand, v as IconSearch, f as IconChevronRight, e as IconChevronDown, r as IconPin } from "../_libs/tabler__icons-react.mjs";
+import { I as Input$1, S as SwitchRoot, n as SwitchThumb } from "../_libs/base-ui__react.mjs";
+import "../_libs/tanstack__react-router.mjs";
+import "../_libs/tanstack__router-core.mjs";
+import "../_libs/tanstack__history.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/clsx.mjs";
+import "../_libs/tailwind-merge.mjs";
+import "../_libs/class-variance-authority.mjs";
+import "../_libs/zustand.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/react-markdown.mjs";
+import "../_libs/devlop.mjs";
+import "../_libs/unified.mjs";
+import "../_libs/bail.mjs";
+import "../_libs/extend.mjs";
+import "../_libs/is-plain-obj.mjs";
+import "../_libs/trough.mjs";
+import "../_libs/vfile.mjs";
+import "../_libs/vfile-message.mjs";
+import "../_libs/unist-util-stringify-position.mjs";
+import "node:process";
+import "node:path";
+import "node:url";
+import "../_libs/remark-parse.mjs";
+import "../_libs/mdast-util-from-markdown.mjs";
+import "../_libs/micromark-util-decode-numeric-character-reference+[...].mjs";
+import "../_libs/micromark-util-decode-string.mjs";
+import "../_libs/decode-named-character-reference+[...].mjs";
+import "../_libs/character-entities.mjs";
+import "../_libs/micromark-util-normalize-identifier+[...].mjs";
+import "../_libs/micromark.mjs";
+import "../_libs/micromark-util-combine-extensions+[...].mjs";
+import "../_libs/micromark-util-chunked.mjs";
+import "../_libs/micromark-factory-space.mjs";
+import "../_libs/micromark-util-character.mjs";
+import "../_libs/micromark-core-commonmark.mjs";
+import "../_libs/micromark-util-classify-character+[...].mjs";
+import "../_libs/micromark-util-resolve-all.mjs";
+import "../_libs/micromark-util-subtokenize.mjs";
+import "../_libs/micromark-factory-destination.mjs";
+import "../_libs/micromark-factory-label.mjs";
+import "../_libs/micromark-factory-title.mjs";
+import "../_libs/micromark-factory-whitespace.mjs";
+import "../_libs/micromark-util-html-tag-name.mjs";
+import "../_libs/mdast-util-to-string.mjs";
+import "../_libs/remark-rehype.mjs";
+import "../_libs/mdast-util-to-hast.mjs";
+import "../_libs/ungap__structured-clone.mjs";
+import "../_libs/micromark-util-sanitize-uri.mjs";
+import "../_libs/unist-util-position.mjs";
+import "../_libs/trim-lines.mjs";
+import "../_libs/unist-util-visit.mjs";
+import "../_libs/unist-util-visit-parents.mjs";
+import "../_libs/unist-util-is.mjs";
+import "../_libs/hast-util-to-jsx-runtime.mjs";
+import "../_libs/comma-separated-tokens.mjs";
+import "../_libs/property-information.mjs";
+import "../_libs/space-separated-tokens.mjs";
+import "../_libs/style-to-js.mjs";
+import "../_libs/style-to-object.mjs";
+import "../_libs/inline-style-parser.mjs";
+import "../_libs/hast-util-whitespace.mjs";
+import "../_libs/estree-util-is-identifier-name.mjs";
+import "../_libs/html-url-attributes.mjs";
+import "../_libs/rehype-highlight.mjs";
+import "../_libs/lowlight.mjs";
+import "../_libs/highlight.js.mjs";
+import "../_libs/hast-util-to-text.mjs";
+import "../_libs/hast-util-is-element.mjs";
+import "../_libs/unist-util-find-after.mjs";
+import "../_libs/remark-gfm.mjs";
+import "../_libs/micromark-extension-gfm.mjs";
+import "../_libs/micromark-extension-gfm-autolink-literal+[...].mjs";
+import "../_libs/micromark-extension-gfm-footnote+[...].mjs";
+import "../_libs/micromark-extension-gfm-strikethrough+[...].mjs";
+import "../_libs/micromark-extension-gfm-table.mjs";
+import "../_libs/micromark-extension-gfm-task-list-item+[...].mjs";
+import "../_libs/mdast-util-gfm.mjs";
+import "../_libs/mdast-util-gfm-autolink-literal+[...].mjs";
+import "../_libs/ccount.mjs";
+import "../_libs/mdast-util-find-and-replace.mjs";
+import "../_libs/escape-string-regexp.mjs";
+import "../_libs/mdast-util-gfm-footnote.mjs";
+import "../_libs/mdast-util-gfm-strikethrough.mjs";
+import "../_libs/mdast-util-gfm-table.mjs";
+import "../_libs/markdown-table.mjs";
+import "../_libs/mdast-util-to-markdown.mjs";
+import "../_libs/longest-streak.mjs";
+import "../_libs/mdast-util-phrasing.mjs";
+import "../_libs/mdast-util-gfm-task-list-item.mjs";
+import "node:async_hooks";
+function Input({ className, type, ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Input$1,
+    {
+      type,
+      "data-slot": "input",
+      className: cn(
+        "h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+        className
+      ),
+      ...props
+    }
+  );
+}
+async function fetchSkills() {
+  return request("/api/hermes/skills");
+}
+async function fetchSkillContent(skillPath) {
+  const res = await request(`/api/hermes/skills/${skillPath}`);
+  return res.content;
+}
+async function fetchSkillFiles(category, skill) {
+  const res = await request(`/api/hermes/skills/${category}/${skill}/files`);
+  return res.files;
+}
+async function toggleSkill(name, enabled) {
+  await request("/api/hermes/skills/toggle", {
+    method: "PUT",
+    body: JSON.stringify({ name, enabled })
+  });
+}
+function Switch({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    SwitchRoot,
+    {
+      "data-slot": "switch",
+      "data-size": size,
+      className: cn(
+        "peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:bg-primary data-unchecked:bg-input dark:data-unchecked:bg-input/80 data-disabled:cursor-not-allowed data-disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        SwitchThumb,
+        {
+          "data-slot": "switch-thumb",
+          className: "pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] dark:data-checked:bg-primary-foreground group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 dark:data-unchecked:bg-foreground"
+        }
+      )
+    }
+  );
+}
+function SourceDot({
+  source
+}) {
+  const color = source === "builtin" ? "bg-muted-foreground" : source === "hub" ? "bg-blue-400" : "bg-emerald-400";
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: cn("size-2 rounded-full shrink-0", color) });
+}
+function SkillsPage() {
+  const {
+    state
+  } = useSidebar();
+  const isCollapsed = state === "collapsed";
+  const [data, setData] = reactExports.useState(null);
+  const [loading, setLoading] = reactExports.useState(true);
+  const [search, setSearch] = reactExports.useState("");
+  const [sourceFilter, setSourceFilter] = reactExports.useState("all");
+  const [collapsed, setCollapsed] = reactExports.useState(/* @__PURE__ */ new Set());
+  const [archiveCollapsed, setArchiveCollapsed] = reactExports.useState(true);
+  const [selected, setSelected] = reactExports.useState(null);
+  const [skillContent, setSkillContent] = reactExports.useState("");
+  const [skillFiles, setSkillFiles] = reactExports.useState([]);
+  const [skillLoading, setSkillLoading] = reactExports.useState(false);
+  const [viewingFile, setViewingFile] = reactExports.useState(null);
+  const [fileContent, setFileContent] = reactExports.useState("");
+  const [, setFileLoading] = reactExports.useState(false);
+  const load = reactExports.useCallback(async () => {
+    try {
+      const d = await fetchSkills();
+      setData(d);
+    } catch (err) {
+      console.error("Failed to load skills:", err);
+    }
+  }, []);
+  reactExports.useEffect(() => {
+    setLoading(true);
+    load().finally(() => setLoading(false));
+  }, [load]);
+  reactExports.useEffect(() => {
+    if (!selected) {
+      setSkillContent("");
+      setSkillFiles([]);
+      setViewingFile(null);
+      setFileContent("");
+      return;
+    }
+    setSkillLoading(true);
+    const skillPath = `${selected.category}/${selected.skill}/SKILL.md`;
+    Promise.all([fetchSkillContent(skillPath), fetchSkillFiles(selected.category, selected.skill)]).then(([content, files]) => {
+      setSkillContent(content);
+      setSkillFiles(files.filter((f) => !f.isDir));
+    }).catch((err) => {
+      setSkillContent(`Failed to load skill: ${err.message}`);
+    }).finally(() => setSkillLoading(false));
+  }, [selected]);
+  const filteredCategories = reactExports.useMemo(() => {
+    if (!data) return [];
+    let result = data.categories;
+    if (sourceFilter !== "all") {
+      result = result.map((cat) => ({
+        ...cat,
+        skills: cat.skills.filter((s) => (s.source || "local") === sourceFilter)
+      })).filter((cat) => cat.skills.length > 0);
+    }
+    if (search.trim()) {
+      const q = search.toLowerCase();
+      result = result.map((cat) => ({
+        ...cat,
+        skills: cat.skills.filter((s) => s.name.toLowerCase().includes(q) || s.description.toLowerCase().includes(q))
+      })).filter((cat) => cat.skills.length > 0 || cat.name.toLowerCase().includes(q));
+    }
+    return result;
+  }, [data, sourceFilter, search]);
+  const filteredArchived = reactExports.useMemo(() => {
+    if (!data) return [];
+    let result = data.archived;
+    if (sourceFilter !== "all") {
+      result = result.filter((s) => (s.source || "local") === sourceFilter);
+    }
+    if (search.trim()) {
+      const q = search.toLowerCase();
+      result = result.filter((s) => s.name.toLowerCase().includes(q) || s.description.toLowerCase().includes(q));
+    }
+    return result;
+  }, [data, sourceFilter, search]);
+  const toggleCategory = (name) => {
+    setCollapsed((prev) => {
+      const next = new Set(prev);
+      if (next.has(name)) next.delete(name);
+      else next.add(name);
+      return next;
+    });
+  };
+  const handleToggle = async (cat, name, enabled) => {
+    try {
+      await toggleSkill(name, enabled);
+      setData((prev) => {
+        if (!prev) return prev;
+        return {
+          ...prev,
+          categories: prev.categories.map((c) => c.name === cat ? {
+            ...c,
+            skills: c.skills.map((s) => s.name === name ? {
+              ...s,
+              enabled
+            } : s)
+          } : c)
+        };
+      });
+    } catch (err) {
+      console.error("Toggle failed:", err);
+    }
+  };
+  const viewFile = async (filePath) => {
+    if (!selected) return;
+    setFileLoading(true);
+    setViewingFile(filePath);
+    try {
+      const base = `${selected.category}/${selected.skill}/`;
+      const content = await fetchSkillContent(`${base}${filePath}`);
+      setFileContent(content);
+    } catch (err) {
+      setFileContent(`Failed to load file: ${err.message}`);
+    } finally {
+      setFileLoading(false);
+    }
+  };
+  const backToSkill = () => {
+    setViewingFile(null);
+    setFileContent("");
+  };
+  const sourceOptions = [{
+    label: "All",
+    value: "all"
+  }, {
+    label: "Builtin",
+    value: "builtin"
+  }, {
+    label: "Hub",
+    value: "hub"
+  }, {
+    label: "Local",
+    value: "local"
+  }];
+  if (selected) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col h-full", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("header", { className: "flex items-center justify-between border-b px-4 py-3 shrink-0 relative", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 z-10", children: [
+          isCollapsed && /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarTrigger, { className: cn("mr-1 -ml-1 text-muted-foreground hover:text-foreground hover:bg-muted transition-colors shrink-0") }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { variant: "ghost", size: "sm", className: "h-7 px-2 text-xs text-muted-foreground hover:text-foreground", onClick: () => setSelected(null), children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(IconArrowLeft, { className: "size-3.5 mr-1" }),
+            "Back"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "absolute left-1/2 -translate-x-1/2 flex items-center gap-2 max-w-[50%]", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground text-sm truncate", children: selected.category }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground shrink-0", children: "/" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm font-medium truncate", children: selected.skill })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "z-10", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { variant: "ghost", size: "sm", className: "h-7 px-2 text-xs text-muted-foreground hover:text-foreground", onClick: () => {
+          setSkillLoading(true);
+          const skillPath = `${selected.category}/${selected.skill}/SKILL.md`;
+          Promise.all([fetchSkillContent(skillPath), fetchSkillFiles(selected.category, selected.skill)]).then(([content, files]) => {
+            setSkillContent(content);
+            setSkillFiles(files.filter((f) => !f.isDir));
+          }).finally(() => setSkillLoading(false));
+        }, disabled: skillLoading, children: [
+          skillLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(IconLoader2, { className: "size-3 animate-spin" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(IconRefresh, { className: "size-3" }),
+          "Refresh"
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-y-auto p-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "max-w-3xl mx-auto flex flex-col gap-4", children: viewingFile ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { onClick: backToSkill, className: "inline-flex items-center gap-1.5 text-xs text-primary hover:underline w-fit", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(IconArrowLeft, { className: "size-3" }),
+          "Back to ",
+          selected.skill
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm text-muted-foreground mb-1", children: viewingFile }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(MarkdownMessage, { content: fileContent })
+      ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(MarkdownMessage, { content: skillContent }),
+        skillFiles.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-t pt-4 mt-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider mb-2", children: "Attached Files" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-wrap gap-2", children: skillFiles.map((f) => /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { onClick: () => viewFile(f.path), className: "inline-flex items-center gap-1.5 rounded-md border bg-muted/50 px-2.5 py-1.5 text-xs text-foreground hover:bg-muted transition-colors", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(IconFile, { className: "size-3.5 text-muted-foreground shrink-0" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate max-w-[180px]", children: f.path })
+          ] }, f.path)) })
+        ] })
+      ] }) }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-80 border-r flex flex-col h-full shrink-0", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("header", { className: "flex items-center gap-2 border-b px-3 py-3 shrink-0", children: [
+        isCollapsed && /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarTrigger, { className: cn("mr-1 -ml-1 text-muted-foreground hover:text-foreground hover:bg-muted transition-colors shrink-0") }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(IconWand, { className: "size-5 text-muted-foreground" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-sm font-medium", children: "Skills" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "ghost", size: "sm", className: "ml-auto h-7 px-2 text-xs text-muted-foreground hover:text-foreground", onClick: () => {
+          setLoading(true);
+          load().finally(() => setLoading(false));
+        }, disabled: loading, children: loading ? /* @__PURE__ */ jsxRuntimeExports.jsx(IconLoader2, { className: "size-3 animate-spin" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(IconRefresh, { className: "size-3" }) })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-3 py-2 border-b flex flex-col gap-2 shrink-0", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(IconSearch, { className: "absolute left-2 top-1/2 -translate-y-1/2 size-3.5 text-muted-foreground" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { value: search, onChange: (e) => setSearch(e.target.value), placeholder: "Search skills...", className: "h-8 pl-7 text-xs" })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-1", children: sourceOptions.map((opt) => /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: () => setSourceFilter(opt.value), className: cn("px-2 py-0.5 text-[11px] rounded-sm transition-colors", sourceFilter === opt.value ? "bg-primary text-primary-foreground font-medium" : "text-muted-foreground hover:text-foreground hover:bg-muted"), children: opt.label }, opt.value)) })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-y-auto p-2", children: loading ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconLoader2, { className: "size-4 animate-spin text-muted-foreground" }) }) : !data || filteredCategories.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground text-center py-8", children: search ? "No skills match your search." : "No skills found." }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-1", children: [
+        filteredCategories.map((cat) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { onClick: () => toggleCategory(cat.name), className: "flex items-center gap-1.5 px-2 py-1.5 text-xs font-semibold text-muted-foreground uppercase tracking-wider rounded-md hover:bg-muted/50 transition-colors", children: [
+            collapsed.has(cat.name) ? /* @__PURE__ */ jsxRuntimeExports.jsx(IconChevronRight, { className: "size-3 shrink-0" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(IconChevronDown, { className: "size-3 shrink-0" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: cat.name }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-auto text-[10px] bg-muted px-1.5 py-0.5 rounded-full", children: cat.skills.length })
+          ] }),
+          !collapsed.has(cat.name) && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col", children: cat.skills.map((skill) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "group flex items-center gap-2 px-2 py-1.5 pl-7 rounded-md hover:bg-muted/50 cursor-pointer transition-colors", onClick: () => setSelected({
+            category: cat.name,
+            skill: skill.name
+          }), children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(SourceDot, { source: skill.source }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs font-medium truncate", children: skill.name }),
+                skill.modified && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-amber-500", title: "Modified", children: "✎" }),
+                skill.pinned && /* @__PURE__ */ jsxRuntimeExports.jsx(IconPin, { className: "size-3 text-amber-500 shrink-0" })
+              ] }),
+              skill.description && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-muted-foreground truncate", children: skill.description })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Switch, { checked: skill.enabled !== false, onCheckedChange: (v) => handleToggle(cat.name, skill.name, v), className: "scale-75 shrink-0", onClick: (e) => e.stopPropagation() })
+          ] }, skill.name)) })
+        ] }, cat.name)),
+        (filteredArchived.length > 0 || (data?.archived.length ?? 0) > 0) && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col mt-2 pt-2 border-t", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { onClick: () => setArchiveCollapsed(!archiveCollapsed), className: "flex items-center gap-1.5 px-2 py-1.5 text-xs font-semibold text-muted-foreground uppercase tracking-wider rounded-md hover:bg-muted/50 transition-colors", children: [
+            archiveCollapsed ? /* @__PURE__ */ jsxRuntimeExports.jsx(IconChevronRight, { className: "size-3 shrink-0" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(IconChevronDown, { className: "size-3 shrink-0" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Archived" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-auto text-[10px] bg-muted px-1.5 py-0.5 rounded-full", children: data?.archived.length ?? 0 })
+          ] }),
+          !archiveCollapsed && filteredArchived.map((skill) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 px-2 py-1.5 pl-7 rounded-md hover:bg-muted/50 cursor-pointer transition-colors opacity-60", onClick: () => setSelected({
+            category: ".archive",
+            skill: skill.name
+          }), children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(SourceDot, { source: skill.source }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs font-medium truncate", children: skill.name }),
+              skill.description && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-muted-foreground truncate", children: skill.description })
+            ] })
+          ] }, skill.name))
+        ] })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 flex flex-col items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center gap-3 text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(IconWand, { className: "size-12 opacity-20" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm", children: "Select a skill to view its details" })
+    ] }) })
+  ] });
+}
+export {
+  SkillsPage as component
+};

package/dist/server/_ssr/theme-BK4-7E2h.mjs

@@ -0,0 +1,42 @@
+const THEME_KEY = "hermium-theme";
+function getStoredTheme() {
+  try {
+    const raw = localStorage.getItem(THEME_KEY);
+    if (raw === "dark" || raw === "light" || raw === "system") return raw;
+  } catch {
+  }
+  return "system";
+}
+function storeTheme(theme) {
+  localStorage.setItem(THEME_KEY, theme);
+}
+function resolveTheme(theme) {
+  if (theme === "system") {
+    return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+  }
+  return theme;
+}
+function applyTheme(theme) {
+  const resolved = resolveTheme(theme);
+  const root = document.documentElement;
+  if (resolved === "dark") {
+    root.classList.add("dark");
+  } else {
+    root.classList.remove("dark");
+  }
+}
+function toggleTheme() {
+  const current = getStoredTheme();
+  const resolved = resolveTheme(current);
+  const next = resolved === "dark" ? "light" : "dark";
+  storeTheme(next);
+  applyTheme(next);
+  return next;
+}
+export {
+  applyTheme,
+  getStoredTheme,
+  resolveTheme,
+  storeTheme,
+  toggleTheme
+};