@krak-stack/registry 0.1.24 → 0.1.26

package/README.md

@@ -20,7 +20,8 @@ import {
 } from "@krak-stack/registry/httpapi-toolkit";
 import { ApiClient } from "@krak-stack/registry/httpapi/client";
 import { HttpApiSpec } from "@krak-stack/registry/httpapi/helpers";
-import { createMdxDocsSource, makeDocs } from "@krak-stack/registry/docs";
+import { createDocsSource, makeDocs } from "@krak-stack/registry/docs";
+import { loadMdxDocsDirectory } from "@krak-stack/registry/docs/server";
 import {
   DocumentationToolkit,
   DocumentationToolkitLayer,
@@ -68,8 +69,18 @@ HTTP API client, schema, AI tool, CLI, and MCP utilities are available under
 the `@krak-stack/registry/httpapi/*` subpaths. Keep application-specific API
 layers, handlers, authentication, and client bindings in the application.
 
-Documentation consumers create their content source in the application so Vite
-can resolve the local `import.meta.glob`, then pass it to `makeDocs`.
+Documentation consumers load and compile their application-owned MDX on the
+server, then pass the validated page records to `createDocsSource` and
+`makeDocs`:
+
+```ts
+const pages = await loadMdxDocsDirectory("src/content/docs");
+const source = createDocsSource({ pages, locales: ["en", "fr"] });
+```
+
+The `@krak-stack/registry/docs/server` export requires the Bun runtime. Keep it
+behind a server-only module or server function so it is not included in browser
+bundles.
 
 Add the package's Tailwind source to the application stylesheet:
 

package/dist/components/ui/sidebar-layout.d.ts

@@ -2,7 +2,7 @@ import type { LucideIcon } from "lucide-react";
 type NavItem = {
     label: () => string;
     href: string;
-    icon: LucideIcon;
+    icon?: LucideIcon;
     badge?: () => string;
     external?: boolean;
 };
@@ -10,6 +10,7 @@ type NavGroup = {
     label: () => string;
     items: NavItem[];
 };
+export type SidebarCollapsible = "icon" | "offcanvas" | "none";
 export type { NavItem, NavGroup };
 export declare const useSidebarLayout: () => {
     isMobile: boolean;
@@ -24,7 +25,7 @@ type SidebarPageHeaderProps = {
     actions?: React.ReactNode;
 };
 export declare function SidebarPageHeader({ title, description, badge, actions, }: SidebarPageHeaderProps): import("react").JSX.Element;
-export declare function SidebarLayout({ groups, children, sidebarFooter, sidebarHeader, headerActions, contentClassName, fullPage, }: {
+export declare function SidebarLayout({ groups, children, sidebarFooter, sidebarHeader, headerActions, contentClassName, fullPage, sidebarCollapsible, defaultOpen, }: {
     groups: NavGroup[];
     children?: React.ReactNode;
     sidebarFooter?: React.ReactNode;
@@ -32,4 +33,6 @@ export declare function SidebarLayout({ groups, children, sidebarFooter, sidebar
     headerActions?: React.ReactNode;
     contentClassName?: string;
     fullPage?: boolean;
+    sidebarCollapsible?: SidebarCollapsible;
+    defaultOpen?: boolean;
 }): import("react").JSX.Element;

package/dist/components/ui/sidebar-layout.js

@@ -1,9 +1,8 @@
 // ../../src/components/ui/sidebar-layout.tsx
-import { useAtom } from "@effect/atom-react";
-import { BrowserKeyValueStore } from "@effect/platform-browser";
 import { Link, Outlet, useRouterState } from "@tanstack/react-router";
-import { Schema as Schema2 } from "effect";
-import { Atom } from "effect/unstable/reactivity";
+import { Option, Schema as Schema2 } from "effect";
+import { Cookies } from "effect/unstable/http";
+import { useState as useState3 } from "react";
 
 // ../../src/components/ui/badge.tsx
 import { mergeProps } from "@base-ui/react/merge-props";
@@ -599,18 +598,18 @@ function SidebarMenuButton({
 
 // ../../src/components/ui/sidebar-layout.tsx
 import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-var sidebarStorageRuntime = Atom.runtime(BrowserKeyValueStore.layerLocalStorage);
-var sidebarOpenAtom = Atom.kvs({
-  runtime: sidebarStorageRuntime,
-  key: "sidebar:open",
-  schema: Schema2.Boolean,
-  defaultValue: () => true
+var SIDEBAR_COOKIE_NAME2 = "sidebar_state";
+var SidebarOpenCookie = Schema2.Literals(["true", "false"]).annotate({
+  identifier: "SidebarOpenCookie"
 });
+var getSidebarDefaultOpen = (defaultOpen) => {
+  return Schema2.decodeUnknownOption(SidebarOpenCookie)(Cookies.parseHeader(globalThis.document?.cookie ?? "")[SIDEBAR_COOKIE_NAME2]).pipe(Option.map((value) => value === "true"), Option.getOrElse(() => defaultOpen));
+};
 var useSidebarLayout = () => {
   const { isMobile } = useSidebar();
   return { isMobile };
 };
-function AppSidebar({ footer, groups, header }) {
+function AppSidebar({ collapsible, footer, groups, header }) {
   const { isMobile, setOpenMobile } = useSidebar();
   const pathname = useRouterState({
     select: (state) => state.location.pathname
@@ -620,12 +619,13 @@ function AppSidebar({ footer, groups, header }) {
       setOpenMobile(false);
   };
   return /* @__PURE__ */ jsxs4(Sidebar, {
-    collapsible: "icon",
+    collapsible,
     children: [
       header && /* @__PURE__ */ jsx5(SidebarHeader, {
         children: header
       }),
       /* @__PURE__ */ jsx5(SidebarContent, {
+        className: "group-data-[collapsible=icon]:overflow-x-hidden group-data-[collapsible=icon]:overflow-y-auto",
         children: groups.map((group) => /* @__PURE__ */ jsxs4(SidebarGroup, {
           children: [
             /* @__PURE__ */ jsx5(SidebarGroupLabel, {
@@ -648,7 +648,7 @@ function AppSidebar({ footer, groups, header }) {
                       render,
                       tooltip: item.label(),
                       children: [
-                        /* @__PURE__ */ jsx5(item.icon, {}),
+                        item.icon ? /* @__PURE__ */ jsx5(item.icon, {}) : null,
                         /* @__PURE__ */ jsx5("span", {
                           children: item.label()
                         }),
@@ -719,15 +719,18 @@ function SidebarLayout({
   sidebarHeader,
   headerActions,
   contentClassName,
-  fullPage = false
+  fullPage = false,
+  sidebarCollapsible = "icon",
+  defaultOpen = true
 }) {
-  const [sidebarOpen, setSidebarOpen] = useAtom(sidebarOpenAtom);
+  const [sidebarOpen, setSidebarOpen] = useState3(() => getSidebarDefaultOpen(defaultOpen));
   return /* @__PURE__ */ jsxs4(SidebarProvider, {
     open: sidebarOpen,
     onOpenChange: setSidebarOpen,
     className: cn(fullPage && "xl:h-svh xl:min-h-0 xl:overflow-hidden"),
     children: [
       /* @__PURE__ */ jsx5(AppSidebar, {
+        collapsible: sidebarCollapsible,
         footer: sidebarFooter,
         groups,
         header: sidebarHeader

package/dist/lib/docs.d.ts

@@ -1,5 +1,6 @@
 import { Schema } from "effect";
 import { type ComponentPropsWithoutRef, type ForwardRefExoticComponent, type RefAttributes, type ReactNode } from "react";
+import { type SidebarCollapsible } from "../components/ui/sidebar-layout.js";
 type DocsIconProps = ComponentPropsWithoutRef<"svg"> & {
     absoluteStrokeWidth?: boolean;
     size?: string | number;
@@ -710,8 +711,9 @@ export type DocsLayoutProps = {
     docs: DocsCatalog;
     headerActions?: ReactNode;
     locale: DocsLocale;
+    sidebarCollapsible?: SidebarCollapsible;
 };
-export declare const DocsLayout: ({ children, docs, headerActions, locale, }: DocsLayoutProps) => import("react").JSX.Element;
+export declare const DocsLayout: ({ children, docs, headerActions, locale, sidebarCollapsible, }: DocsLayoutProps) => import("react").JSX.Element;
 export type DocsPageProps = {
     children?: ReactNode;
     docs: DocsCatalog;

package/dist/lib/docs.js

@@ -1,10 +1,13 @@
 // ../../src/lib/docs.tsx
-import { Schema as Schema3 } from "effect";
+import { createIsomorphicFn } from "@tanstack/react-start";
+import { getCookie } from "@tanstack/react-start/server";
+import { Option as Option2, Schema as Schema3 } from "effect";
+import { Cookies as Cookies2 } from "effect/unstable/http";
 import {
   forwardRef,
   useDeferredValue,
   useEffect as useEffect5,
-  useState as useState5
+  useState as useState6
 } from "react";
 
 // ../../src/components/ui/app-brand.tsx
@@ -385,7 +388,7 @@ var MarkdownContent = ({
     dangerouslySetInnerHTML: { __html: remainingHtml }
   }, "html-final"));
   return /* @__PURE__ */ jsx5("div", {
-    className: cn("[&_a:hover]:text-primary [&_a]:decoration-border [&_blockquote]:border-primary/40 [&_blockquote]:bg-muted/40 [&_h2_a]:text-muted-foreground [&_h3_a]:text-muted-foreground [&_[data-inline-code]]:bg-muted text-[0.98rem] leading-7 [&_[data-markdown-table]]:overflow-x-auto [&_[data-inline-code]]:rounded [&_[data-inline-code]]:px-1.5 [&_[data-inline-code]]:py-0.5 [&_[data-inline-code]]:font-mono [&_[data-inline-code]]:text-[0.875em] [&_a]:font-medium [&_a]:underline [&_a]:decoration-1 [&_a]:underline-offset-4 [&_a]:transition-colors [&_blockquote]:rounded-r-lg [&_blockquote]:border-l-4 [&_blockquote]:px-5 [&_blockquote]:py-1 [&_h2]:mt-12 [&_h2]:scroll-mt-20 [&_h2]:border-t [&_h2]:pt-8 [&_h2]:text-2xl [&_h2]:font-bold [&_h2]:tracking-tight [&_h2_a]:ml-2 [&_h2_a]:no-underline [&_h2:first-of-type]:mt-0 [&_h2:first-of-type]:border-t-0 [&_h2:first-of-type]:pt-0 [&_h3]:mt-8 [&_h3]:scroll-mt-20 [&_h3]:text-xl [&_h3]:font-semibold [&_h3]:tracking-tight [&_h3_a]:ml-2 [&_h3_a]:no-underline [&_ol]:my-5 [&_p]:my-5 [&_table]:w-full [&_table]:text-sm [&_td]:border-b [&_td]:p-2 [&_th]:border-b [&_th]:p-2 [&_th]:text-left [&_ul]:my-5", className),
+    className: cn("[&_a:hover]:text-primary [&_a]:decoration-border [&_blockquote]:border-primary/40 [&_blockquote]:bg-muted/40 [&_h2_a]:text-muted-foreground [&_h3_a]:text-muted-foreground [&_[data-inline-code]]:bg-muted text-[0.98rem] leading-7 [&_[data-markdown-table]]:overflow-x-auto [&_[data-inline-code]]:rounded [&_[data-inline-code]]:px-1.5 [&_[data-inline-code]]:py-0.5 [&_[data-inline-code]]:font-mono [&_[data-inline-code]]:text-[0.875em] [&_a]:font-medium [&_a]:underline [&_a]:decoration-1 [&_a]:underline-offset-4 [&_a]:transition-colors [&_blockquote]:my-5 [&_blockquote]:rounded-r-lg [&_blockquote]:border-l-4 [&_blockquote]:px-5 [&_blockquote]:py-1 [&_h2]:mt-12 [&_h2]:scroll-mt-20 [&_h2]:border-t [&_h2]:pt-8 [&_h2]:text-2xl [&_h2]:font-bold [&_h2]:tracking-tight [&_h2_a]:ml-2 [&_h2_a]:no-underline [&_h2:first-of-type]:mt-0 [&_h2:first-of-type]:border-t-0 [&_h2:first-of-type]:pt-0 [&_h3]:mt-8 [&_h3]:scroll-mt-20 [&_h3]:text-xl [&_h3]:font-semibold [&_h3]:tracking-tight [&_h3_a]:ml-2 [&_h3_a]:no-underline [&_ol]:my-5 [&_p]:my-5 [&_table]:w-full [&_table]:text-sm [&_td]:border-b [&_td]:p-2 [&_th]:border-b [&_th]:p-2 [&_th]:text-left [&_ul]:my-5", className),
     children: content
   });
 };
@@ -1206,11 +1209,10 @@ function SearchMenu({
 }
 
 // ../../src/components/ui/sidebar-layout.tsx
-import { useAtom } from "@effect/atom-react";
-import { BrowserKeyValueStore } from "@effect/platform-browser";
 import { Link as Link2, Outlet, useRouterState } from "@tanstack/react-router";
-import { Schema as Schema2 } from "effect";
-import { Atom } from "effect/unstable/reactivity";
+import { Option, Schema as Schema2 } from "effect";
+import { Cookies } from "effect/unstable/http";
+import { useState as useState5 } from "react";
 
 // ../../src/components/ui/sidebar.tsx
 import * as React2 from "react";
@@ -1716,14 +1718,14 @@ function SidebarMenuButton({
 
 // ../../src/components/ui/sidebar-layout.tsx
 import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
-var sidebarStorageRuntime = Atom.runtime(BrowserKeyValueStore.layerLocalStorage);
-var sidebarOpenAtom = Atom.kvs({
-  runtime: sidebarStorageRuntime,
-  key: "sidebar:open",
-  schema: Schema2.Boolean,
-  defaultValue: () => true
+var SIDEBAR_COOKIE_NAME2 = "sidebar_state";
+var SidebarOpenCookie = Schema2.Literals(["true", "false"]).annotate({
+  identifier: "SidebarOpenCookie"
 });
-function AppSidebar({ footer, groups, header }) {
+var getSidebarDefaultOpen = (defaultOpen) => {
+  return Schema2.decodeUnknownOption(SidebarOpenCookie)(Cookies.parseHeader(globalThis.document?.cookie ?? "")[SIDEBAR_COOKIE_NAME2]).pipe(Option.map((value) => value === "true"), Option.getOrElse(() => defaultOpen));
+};
+function AppSidebar({ collapsible, footer, groups, header }) {
   const { isMobile, setOpenMobile } = useSidebar();
   const pathname = useRouterState({
     select: (state) => state.location.pathname
@@ -1733,12 +1735,13 @@ function AppSidebar({ footer, groups, header }) {
       setOpenMobile(false);
   };
   return /* @__PURE__ */ jsxs10(Sidebar, {
-    collapsible: "icon",
+    collapsible,
     children: [
       header && /* @__PURE__ */ jsx13(SidebarHeader, {
         children: header
       }),
       /* @__PURE__ */ jsx13(SidebarContent, {
+        className: "group-data-[collapsible=icon]:overflow-x-hidden group-data-[collapsible=icon]:overflow-y-auto",
         children: groups.map((group) => /* @__PURE__ */ jsxs10(SidebarGroup, {
           children: [
             /* @__PURE__ */ jsx13(SidebarGroupLabel, {
@@ -1761,7 +1764,7 @@ function AppSidebar({ footer, groups, header }) {
                       render,
                       tooltip: item.label(),
                       children: [
-                        /* @__PURE__ */ jsx13(item.icon, {}),
+                        item.icon ? /* @__PURE__ */ jsx13(item.icon, {}) : null,
                         /* @__PURE__ */ jsx13("span", {
                           children: item.label()
                         }),
@@ -1793,15 +1796,18 @@ function SidebarLayout({
   sidebarHeader,
   headerActions,
   contentClassName,
-  fullPage = false
+  fullPage = false,
+  sidebarCollapsible = "icon",
+  defaultOpen = true
 }) {
-  const [sidebarOpen, setSidebarOpen] = useAtom(sidebarOpenAtom);
+  const [sidebarOpen, setSidebarOpen] = useState5(() => getSidebarDefaultOpen(defaultOpen));
   return /* @__PURE__ */ jsxs10(SidebarProvider, {
     open: sidebarOpen,
     onOpenChange: setSidebarOpen,
     className: cn(fullPage && "xl:h-svh xl:min-h-0 xl:overflow-hidden"),
     children: [
       /* @__PURE__ */ jsx13(AppSidebar, {
+        collapsible: sidebarCollapsible,
         footer: sidebarFooter,
         groups,
         header: sidebarHeader
@@ -1944,6 +1950,12 @@ var createSeo = (defaults) => (options) => seo({
 
 // ../../src/lib/docs.tsx
 import { jsx as jsx14, jsxs as jsxs11, Fragment as Fragment3 } from "react/jsx-runtime";
+var SIDEBAR_COOKIE_NAME3 = "sidebar_state";
+var SidebarOpenCookie2 = Schema3.Literals(["true", "false"]).annotate({
+  identifier: "SidebarOpenCookie"
+});
+var getSidebarOpenCookie = createIsomorphicFn().server(() => getCookie(SIDEBAR_COOKIE_NAME3)).client(() => Cookies2.parseHeader(globalThis.document?.cookie ?? "")[SIDEBAR_COOKIE_NAME3]);
+var getSidebarDefaultOpen2 = () => Schema3.decodeUnknownOption(SidebarOpenCookie2)(getSidebarOpenCookie()).pipe(Option2.map((value) => value === "true"), Option2.getOrElse(() => true));
 var makeIcon = (name, paths) => {
   const Icon = forwardRef(({ absoluteStrokeWidth: _absoluteStrokeWidth, size = 24, ...props }, ref) => /* @__PURE__ */ jsx14("svg", {
     "aria-hidden": "true",
@@ -2425,8 +2437,7 @@ var getDocsMessages = (locale, overrides) => ({
   ...locale.startsWith("fr") ? messages2.fr : messages2.en,
   ...overrides
 });
-var EmptyIcon = forwardRef(() => null);
-var iconFor = (icons, name) => name ? icons[name] ?? EmptyIcon : EmptyIcon;
+var iconFor = (icons, name) => name ? icons[name] : undefined;
 var DocsArticle = ({
   messages: messages3,
   page
@@ -2438,7 +2449,7 @@ var DocsArticle = ({
   });
 };
 var useActiveDocsHeading = (headings) => {
-  const [activeHeadingId, setActiveHeadingId] = useState5(headings[0]?.id);
+  const [activeHeadingId, setActiveHeadingId] = useState6(headings[0]?.id);
   useEffect5(() => {
     const elements = headings.flatMap((heading) => {
       const element = document.getElementById(heading.id);
@@ -2550,7 +2561,7 @@ var DocsSearch = ({
   locale,
   messages: messages3
 }) => {
-  const [query, setQuery] = useState5("");
+  const [query, setQuery] = useState6("");
   const deferredQuery = useDeferredValue(query);
   const results = docs.search(deferredQuery, locale);
   const isSearching = deferredQuery.trim().length > 0;
@@ -2588,9 +2599,10 @@ var DocsSearch = ({
         };
         if (page.icon) {
           const PageIcon = iconFor(docs.icons, page.icon);
-          item.icon = /* @__PURE__ */ jsx14(PageIcon, {
-            className: "size-4"
-          });
+          if (PageIcon)
+            item.icon = /* @__PURE__ */ jsx14(PageIcon, {
+              className: "size-4"
+            });
         }
         return item;
       })())
@@ -2614,7 +2626,8 @@ var DocsLayout = ({
   children,
   docs,
   headerActions,
-  locale
+  locale,
+  sidebarCollapsible = "icon"
 }) => {
   const { brand, resources, sidebarGroups } = docs;
   const resolvedMessages = docs.getMessages(locale);
@@ -2623,9 +2636,11 @@ var DocsLayout = ({
     items: section.pages.map((item) => {
       const navItem = {
         label: () => item.title,
-        href: item.path,
-        icon: iconFor(docs.icons, item.icon)
+        href: item.path
       };
+      const ItemIcon = iconFor(docs.icons, item.icon);
+      if (ItemIcon)
+        navItem.icon = ItemIcon;
       if (isDocsPageNew(item.createdAt)) {
         navItem.badge = () => resolvedMessages.newLabel;
       }
@@ -2639,7 +2654,6 @@ var DocsLayout = ({
         badge: item.badge,
         label: item.label,
         href: item.href,
-        icon: EmptyIcon,
         external: item.external
       }))
     })));
@@ -2652,14 +2666,12 @@ var DocsLayout = ({
           badge: item.badge,
           label: item.label,
           href: item.href,
-          icon: EmptyIcon,
           external: item.external
         })),
         ...docs.githubUrl ? [
           {
             label: () => docs.githubLabel,
             href: docs.githubUrl,
-            icon: EmptyIcon,
             external: true
           }
         ] : []
@@ -2667,7 +2679,9 @@ var DocsLayout = ({
     });
   }
   return /* @__PURE__ */ jsx14(SidebarLayout, {
+    defaultOpen: getSidebarDefaultOpen2(),
     groups,
+    sidebarCollapsible,
     sidebarHeader: /* @__PURE__ */ jsx14(AppBrand, {
       label: brand.label,
       subtitle: brand.subtitle(),

package/dist/lib/docs.server.d.ts

@@ -0,0 +1,41 @@
+import { type DocsPage } from "./docs.js";
+export declare const compileDocsMarkdown: (source: string) => {
+    codeBlocks: import("./markdown/server.js").MarkdownCodeBlock[];
+    html: string;
+    source: string;
+    headings: {
+        readonly depth: 2 | 3;
+        readonly id: string;
+        readonly title: string;
+    }[];
+    searchText: string;
+};
+export declare const compileMdxDocsPage: (sourceFile: string, source: string) => DocsPage;
+export declare const loadMdxDocsDirectory: (root: string) => Promise<{
+    readonly slug: string;
+    readonly path: string;
+    readonly title: string;
+    readonly description: string;
+    readonly icon?: string | undefined;
+    readonly order: number;
+    readonly locale: string;
+    readonly section: string;
+    readonly type: "concept" | "how-to" | "reference" | "runbook" | "tutorial";
+    readonly createdAt?: string | undefined;
+    readonly updatedAt?: string | undefined;
+    readonly legacySlugs?: readonly string[] | undefined;
+    readonly tags?: readonly string[] | undefined;
+    readonly codeBlocks: readonly {
+        readonly code: string;
+        readonly language: string;
+    }[];
+    readonly headings: readonly {
+        readonly depth: 2 | 3;
+        readonly id: string;
+        readonly title: string;
+    }[];
+    readonly html: string;
+    readonly searchText: string;
+    readonly sourceFile: string;
+    readonly source: string;
+}[]>;

package/dist/lib/docs.server.js

@@ -0,0 +1,475 @@
+// @bun
+// ../../src/lib/docs.server.ts
+import { Schema as Schema4 } from "effect";
+
+// ../../src/lib/docs.tsx
+import { createIsomorphicFn } from "@tanstack/react-start";
+import { getCookie } from "@tanstack/react-start/server";
+import { Option as Option2, Schema as Schema3 } from "effect";
+import { Cookies as Cookies2 } from "effect/unstable/http";
+import {
+  forwardRef,
+  useDeferredValue,
+  useEffect as useEffect5,
+  useState as useState6
+} from "react";
+
+// ../../src/components/ui/app-brand.tsx
+import { Link } from "@tanstack/react-router";
+
+// ../../src/components/ui/badge.tsx
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { cva } from "class-variance-authority";
+
+// ../../src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+// ../../src/components/ui/badge.tsx
+var badgeVariants = cva("group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!", {
+  variants: {
+    variant: {
+      default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+      secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+      destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
+      outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+      ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
+      link: "text-primary underline-offset-4 hover:underline"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+
+// ../../src/components/ui/button.tsx
+import { Button as ButtonPrimitive } from "@base-ui/react/button";
+import { cva as cva2 } from "class-variance-authority";
+var buttonVariants = cva2("group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+  variants: {
+    variant: {
+      default: "bg-primary text-primary-foreground hover:bg-primary/80",
+      outline: "border-border bg-background shadow-xs hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+      secondary: "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+      ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+      destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+      link: "text-primary underline-offset-4 hover:underline"
+    },
+    size: {
+      default: "h-9 gap-1.5 px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+      xs: "h-6 gap-1 rounded-[min(var(--radius-md),8px)] px-2 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+      sm: "h-8 gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5",
+      lg: "h-10 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+      icon: "size-9",
+      "icon-xs": "size-6 rounded-[min(var(--radius-md),8px)] in-data-[slot=button-group]:rounded-md [&_svg:not([class*='size-'])]:size-3",
+      "icon-sm": "size-8 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-md",
+      "icon-lg": "size-10"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+
+// ../../src/components/ui/copy-button.tsx
+import { Check, Copy, TriangleAlert } from "lucide-react";
+import { useEffect, useRef, useState } from "react";
+
+// ../../src/components/ui/code-block.tsx
+import { highlight } from "@tanstack/highlight";
+import { createThemeCss } from "@tanstack/highlight/theme";
+import { githubDarkTheme } from "@tanstack/highlight/themes/github-dark";
+import { githubLightTheme } from "@tanstack/highlight/themes/github-light";
+var themeCss = `${createThemeCss({
+  light: githubLightTheme,
+  dark: githubDarkTheme,
+  lightSelector: "[data-code-theme]",
+  darkSelector: ".dark [data-code-theme]",
+  codeBlockSelector: "[data-code-theme] pre.th-code",
+  lineNumbersSelector: "[data-code-theme] .th-code--line-numbers"
+})}
+[data-code-theme] pre.th-code {
+  margin: 0;
+  overflow: visible;
+  background: transparent;
+  font: inherit;
+  color: inherit;
+}
+[data-code-theme] pre.th-code code { font: inherit; }`;
+
+// ../../src/components/ui/collapsible.tsx
+import { Collapsible as CollapsiblePrimitive } from "@base-ui/react/collapsible";
+
+// ../../src/components/ui/search-menu.tsx
+import { SearchIcon as SearchIcon2 } from "lucide-react";
+import { useCallback, useEffect as useEffect2, useState as useState2 } from "react";
+
+// ../../src/components/ui/command.tsx
+import { Command as CommandPrimitive } from "cmdk";
+import { SearchIcon } from "lucide-react";
+
+// ../../src/components/ui/dialog.tsx
+import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
+import { XIcon } from "lucide-react";
+
+// ../../src/paraglide/runtime.js
+import"@inlang/paraglide-js/urlpattern-polyfill";
+var isServer = import.meta.env?.SSR ?? typeof window === "undefined";
+globalThis.__paraglide = globalThis.__paraglide ?? {};
+globalThis.__paraglide.ssr = globalThis.__paraglide.ssr ?? {};
+var rtlLanguages = new Set([
+  "ar",
+  "dv",
+  "fa",
+  "he",
+  "ks",
+  "ku",
+  "ps",
+  "sd",
+  "ug",
+  "ur",
+  "yi"
+]);
+var customServerStrategies = new Map;
+var customClientStrategies = new Map;
+
+// ../../src/components/ui/sidebar-layout.tsx
+import { Link as Link2, Outlet, useRouterState } from "@tanstack/react-router";
+import { Option, Schema as Schema2 } from "effect";
+import { Cookies } from "effect/unstable/http";
+import { useState as useState5 } from "react";
+
+// ../../src/components/ui/sidebar.tsx
+import * as React2 from "react";
+import { mergeProps as mergeProps2 } from "@base-ui/react/merge-props";
+import { useRender as useRender2 } from "@base-ui/react/use-render";
+import { cva as cva3 } from "class-variance-authority";
+
+// ../../src/hooks/use-mobile.ts
+import * as React from "react";
+
+// ../../src/components/ui/input.tsx
+import { Input as InputPrimitive } from "@base-ui/react/input";
+
+// ../../src/components/ui/separator.tsx
+import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
+
+// ../../src/components/ui/sheet.tsx
+import { Dialog as SheetPrimitive } from "@base-ui/react/dialog";
+import { XIcon as XIcon2 } from "lucide-react";
+"use client";
+
+// ../../src/components/ui/tooltip.tsx
+import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
+"use client";
+
+// ../../src/components/ui/sidebar.tsx
+import { PanelLeftIcon } from "lucide-react";
+import { Schema } from "effect";
+var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
+var SidebarContext = React2.createContext(null);
+var sidebarMenuButtonVariants = cva3("peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate", {
+  variants: {
+    variant: {
+      default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+      outline: "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
+    },
+    size: {
+      default: "h-8 text-sm",
+      sm: "h-7 text-xs",
+      lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+
+// ../../src/components/ui/sidebar-layout.tsx
+var SidebarOpenCookie = Schema2.Literals(["true", "false"]).annotate({
+  identifier: "SidebarOpenCookie"
+});
+
+// ../../src/lib/docs.tsx
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+var SIDEBAR_COOKIE_NAME = "sidebar_state";
+var SidebarOpenCookie2 = Schema3.Literals(["true", "false"]).annotate({
+  identifier: "SidebarOpenCookie"
+});
+var getSidebarOpenCookie = createIsomorphicFn().server(() => getCookie(SIDEBAR_COOKIE_NAME)).client(() => Cookies2.parseHeader(globalThis.document?.cookie ?? "")[SIDEBAR_COOKIE_NAME]);
+var makeIcon = (name, paths) => {
+  const Icon = forwardRef(({ absoluteStrokeWidth: _absoluteStrokeWidth, size = 24, ...props }, ref) => /* @__PURE__ */ jsx("svg", {
+    "aria-hidden": "true",
+    fill: "none",
+    height: size,
+    ref,
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "2",
+    viewBox: "0 0 24 24",
+    width: size,
+    ...props,
+    children: paths
+  }));
+  Icon.displayName = name;
+  return Icon;
+};
+var ArrowLeft = makeIcon("ArrowLeft", /* @__PURE__ */ jsxs(Fragment, {
+  children: [
+    /* @__PURE__ */ jsx("path", {
+      d: "m12 19-7-7 7-7"
+    }),
+    /* @__PURE__ */ jsx("path", {
+      d: "M19 12H5"
+    })
+  ]
+}));
+var ArrowRight = makeIcon("ArrowRight", /* @__PURE__ */ jsxs(Fragment, {
+  children: [
+    /* @__PURE__ */ jsx("path", {
+      d: "M5 12h14"
+    }),
+    /* @__PURE__ */ jsx("path", {
+      d: "m12 5 7 7-7 7"
+    })
+  ]
+}));
+var BookOpen = makeIcon("BookOpen", /* @__PURE__ */ jsxs(Fragment, {
+  children: [
+    /* @__PURE__ */ jsx("path", {
+      d: "M12 7v14"
+    }),
+    /* @__PURE__ */ jsx("path", {
+      d: "M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-5a4 4 0 0 0-4 4 4 4 0 0 0-4-4Z"
+    })
+  ]
+}));
+var ChevronDown = makeIcon("ChevronDown", /* @__PURE__ */ jsx("path", {
+  d: "m6 9 6 6 6-6"
+}));
+var ExternalLink = makeIcon("ExternalLink", /* @__PURE__ */ jsxs(Fragment, {
+  children: [
+    /* @__PURE__ */ jsx("path", {
+      d: "M15 3h6v6"
+    }),
+    /* @__PURE__ */ jsx("path", {
+      d: "M10 14 21 3"
+    }),
+    /* @__PURE__ */ jsx("path", {
+      d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"
+    })
+  ]
+}));
+var Hash = makeIcon("Hash", /* @__PURE__ */ jsxs(Fragment, {
+  children: [
+    /* @__PURE__ */ jsx("line", {
+      x1: "4",
+      x2: "20",
+      y1: "9",
+      y2: "9"
+    }),
+    /* @__PURE__ */ jsx("line", {
+      x1: "4",
+      x2: "20",
+      y1: "15",
+      y2: "15"
+    }),
+    /* @__PURE__ */ jsx("line", {
+      x1: "10",
+      x2: "8",
+      y1: "3",
+      y2: "21"
+    }),
+    /* @__PURE__ */ jsx("line", {
+      x1: "16",
+      x2: "14",
+      y1: "3",
+      y2: "21"
+    })
+  ]
+}));
+var DocsSection = Schema3.String.annotate({
+  identifier: "DocsSection"
+});
+var DocsPageType = Schema3.Literals([
+  "concept",
+  "tutorial",
+  "how-to",
+  "reference",
+  "runbook"
+]).annotate({ identifier: "DocsPageType" });
+var DocsDate = Schema3.String.pipe(Schema3.check(Schema3.makeFilter((date) => Number.isNaN(new Date(date).getTime()) ? "Expected a valid date" : undefined)));
+var DocsFrontmatter = Schema3.Struct({
+  slug: Schema3.String,
+  path: Schema3.String,
+  title: Schema3.String,
+  description: Schema3.String,
+  icon: Schema3.optional(Schema3.String),
+  order: Schema3.Number,
+  locale: Schema3.String,
+  section: DocsSection,
+  type: DocsPageType,
+  createdAt: Schema3.optional(DocsDate),
+  updatedAt: Schema3.optional(DocsDate),
+  legacySlugs: Schema3.optional(Schema3.Array(Schema3.String)),
+  tags: Schema3.optional(Schema3.Array(Schema3.NonEmptyString))
+}).annotate({ identifier: "DocsFrontmatter" });
+var DocsHeadingSchema = Schema3.Struct({
+  depth: Schema3.Literals([2, 3]),
+  id: Schema3.String,
+  title: Schema3.String
+}).annotate({ identifier: "DocsHeading" });
+var DocsCodeBlockSchema = Schema3.Struct({
+  code: Schema3.String,
+  language: Schema3.String
+}).annotate({ identifier: "DocsCodeBlock" });
+var DocsPageSchema = Schema3.Struct({
+  ...DocsFrontmatter.fields,
+  codeBlocks: Schema3.Array(DocsCodeBlockSchema),
+  headings: Schema3.Array(DocsHeadingSchema),
+  html: Schema3.String,
+  searchText: Schema3.String,
+  sourceFile: Schema3.String,
+  source: Schema3.String
+}).annotate({ identifier: "DocsPage" });
+
+// ../../src/lib/markdown/server.ts
+var escapeHtml = (value) => value.replaceAll("&", "&amp;").replaceAll('"', "&quot;").replaceAll("'", "&#39;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
+var decodeMarkdownCode = (value) => value.replaceAll("&quot;", '"').replaceAll("&#39;", "'").replaceAll("&lt;", "<").replaceAll("&gt;", ">").replaceAll("&amp;", "&");
+var safeUrl = (value, image = false) => {
+  if (value.startsWith("/") || value.startsWith("#") || value.startsWith("https://") || value.startsWith("http://") || !image && value.startsWith("mailto:")) {
+    return value;
+  }
+  return image ? "" : "#";
+};
+var markdownOptions = {
+  autolinks: true,
+  headings: { ids: true },
+  noHtmlBlocks: true,
+  noHtmlSpans: true,
+  tagFilter: true
+};
+var markdownPlainText = (source, includeCode = false) => Bun.markdown.render(source, {
+  blockquote: (children) => `${children} `,
+  code: (children) => includeCode ? `${children} ` : " ",
+  codespan: (children) => `${children} `,
+  heading: (children) => `${children} `,
+  html: () => " ",
+  image: (children) => `${children} `,
+  list: (children) => `${children} `,
+  listItem: (children) => `${children} `,
+  paragraph: (children) => `${children} `,
+  table: (children) => `${children} `,
+  td: (children) => `${children} `,
+  th: (children) => `${children} `,
+  tr: (children) => `${children} `
+}, markdownOptions).replace(/\s+/g, " ").trim();
+var compileMarkdown = (source) => {
+  const codeBlocks = [];
+  const html = Bun.markdown.render(source, {
+    blockquote: (children) => `<blockquote>${children}</blockquote>`,
+    code: (children, meta) => {
+      const index = codeBlocks.length;
+      const code = decodeMarkdownCode(children.replace(/\n$/, ""));
+      const language = meta?.language ?? "text";
+      codeBlocks.push({ code, language });
+      return `<markdown-code-block data-index="${index}"></markdown-code-block>`;
+    },
+    codespan: (children) => `<code data-inline-code>${escapeHtml(children)}</code>`,
+    emphasis: (children) => `<em>${children}</em>`,
+    heading: (children, { id, level }) => {
+      const headingId = escapeHtml(id ?? "");
+      const anchor = level === 2 || level === 3 ? `<a href="#${headingId}" aria-hidden="true">#</a>` : "";
+      return `<h${level} id="${headingId}">${children}${anchor}</h${level}>`;
+    },
+    hr: () => "<hr>",
+    html: (children) => escapeHtml(children),
+    image: (children, { src, title }) => {
+      const resolvedSrc = safeUrl(src, true);
+      if (!resolvedSrc)
+        return children;
+      const titleAttribute = title ? ` title="${escapeHtml(title)}"` : "";
+      return `<img src="${escapeHtml(resolvedSrc)}" alt="${escapeHtml(children)}"${titleAttribute}>`;
+    },
+    link: (children, { href, title }) => {
+      const resolvedHref = safeUrl(href);
+      const external = /^https?:\/\//.test(resolvedHref);
+      const titleAttribute = title ? ` title="${escapeHtml(title)}"` : "";
+      const externalAttributes = external ? ' target="_blank" rel="noreferrer"' : "";
+      return `<a href="${escapeHtml(resolvedHref)}"${titleAttribute}${externalAttributes}>${children}</a>`;
+    },
+    list: (children, { ordered, start }) => ordered ? `<ol${start && start !== 1 ? ` start="${start}"` : ""}>${children}</ol>` : `<ul>${children}</ul>`,
+    listItem: (children, { checked }) => {
+      const checkbox = checked === undefined ? "" : `<input type="checkbox" disabled${checked ? " checked" : ""}>`;
+      return `<li>${checkbox}${children}</li>`;
+    },
+    paragraph: (children) => `<p>${children}</p>`,
+    strikethrough: (children) => `<del>${children}</del>`,
+    strong: (children) => `<strong>${children}</strong>`,
+    table: (children) => `<div data-markdown-table><table>${children}</table></div>`,
+    tbody: (children) => `<tbody>${children}</tbody>`,
+    td: (children, meta) => `<td${meta?.align ? ` align="${meta.align}"` : ""}>${children}</td>`,
+    text: escapeHtml,
+    th: (children, meta) => `<th${meta?.align ? ` align="${meta.align}"` : ""}>${children}</th>`,
+    thead: (children) => `<thead>${children}</thead>`,
+    tr: (children) => `<tr>${children}</tr>`
+  }, markdownOptions);
+  return { codeBlocks, html, source };
+};
+
+// ../../src/lib/docs.server.ts
+var compileDocsMarkdown = (source) => {
+  const headings = [];
+  const seen = new Set;
+  Bun.markdown.render(source, {
+    heading: (children, { id, level }) => {
+      if ((level === 2 || level === 3) && id) {
+        if (seen.has(id))
+          throw new Error(`Duplicate heading ${id}`);
+        seen.add(id);
+        headings.push({ depth: level, id, title: children });
+      }
+      return "";
+    }
+  }, markdownOptions);
+  const compiled = compileMarkdown(source);
+  return {
+    ...compiled,
+    headings,
+    searchText: markdownPlainText(source)
+  };
+};
+var compileMdxDocsPage = (sourceFile, source) => {
+  const match = /^---\r?\n([\s\S]*?)\r?\n---\r?\n([\s\S]*)$/.exec(source);
+  if (!match)
+    throw new Error(`Missing frontmatter in ${sourceFile}`);
+  const frontmatter = Schema4.decodeUnknownSync(DocsFrontmatter)(Bun.YAML.parse(match[1] ?? ""));
+  const bodySource = match[2] ?? "";
+  const title = /^#\s+(.+?)\s*$/m.exec(bodySource)?.[1];
+  if (!title || markdownPlainText(title, true) !== markdownPlainText(frontmatter.title, true)) {
+    throw new Error(`Body title does not match frontmatter in ${sourceFile}`);
+  }
+  const body = bodySource.replace(/^\s*#\s+.+?\r?\n+/, "");
+  return Schema4.decodeUnknownSync(DocsPageSchema)({
+    ...frontmatter,
+    ...compileDocsMarkdown(body),
+    sourceFile
+  });
+};
+var loadMdxDocsDirectory = async (root) => {
+  const glob = new Bun.Glob("**/*.mdx");
+  const pages = [];
+  for await (const file of glob.scan({ cwd: root, onlyFiles: true })) {
+    pages.push(compileMdxDocsPage(`${root}/${file}`, await Bun.file(`${root}/${file}`).text()));
+  }
+  return pages;
+};
+export {
+  compileDocsMarkdown,
+  compileMdxDocsPage,
+  loadMdxDocsDirectory
+};

package/dist/lib/documentation-toolkit.js

@@ -3,12 +3,15 @@ import { Effect, Schema as Schema4 } from "effect";
 import { Tool, Toolkit } from "effect/unstable/ai";
 
 // ../../src/lib/docs.tsx
-import { Schema as Schema3 } from "effect";
+import { createIsomorphicFn } from "@tanstack/react-start";
+import { getCookie } from "@tanstack/react-start/server";
+import { Option as Option2, Schema as Schema3 } from "effect";
+import { Cookies as Cookies2 } from "effect/unstable/http";
 import {
   forwardRef,
   useDeferredValue,
   useEffect as useEffect5,
-  useState as useState5
+  useState as useState6
 } from "react";
 
 // ../../src/components/ui/app-brand.tsx
@@ -133,11 +136,10 @@ var customServerStrategies = new Map;
 var customClientStrategies = new Map;
 
 // ../../src/components/ui/sidebar-layout.tsx
-import { useAtom } from "@effect/atom-react";
-import { BrowserKeyValueStore } from "@effect/platform-browser";
 import { Link as Link2, Outlet, useRouterState } from "@tanstack/react-router";
-import { Schema as Schema2 } from "effect";
-import { Atom } from "effect/unstable/reactivity";
+import { Option, Schema as Schema2 } from "effect";
+import { Cookies } from "effect/unstable/http";
+import { useState as useState5 } from "react";
 
 // ../../src/components/ui/sidebar.tsx
 import * as React2 from "react";
@@ -187,16 +189,17 @@ var sidebarMenuButtonVariants = cva3("peer/menu-button group/menu-button flex w-
 });
 
 // ../../src/components/ui/sidebar-layout.tsx
-var sidebarStorageRuntime = Atom.runtime(BrowserKeyValueStore.layerLocalStorage);
-var sidebarOpenAtom = Atom.kvs({
-  runtime: sidebarStorageRuntime,
-  key: "sidebar:open",
-  schema: Schema2.Boolean,
-  defaultValue: () => true
+var SidebarOpenCookie = Schema2.Literals(["true", "false"]).annotate({
+  identifier: "SidebarOpenCookie"
 });
 
 // ../../src/lib/docs.tsx
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+var SIDEBAR_COOKIE_NAME = "sidebar_state";
+var SidebarOpenCookie2 = Schema3.Literals(["true", "false"]).annotate({
+  identifier: "SidebarOpenCookie"
+});
+var getSidebarOpenCookie = createIsomorphicFn().server(() => getCookie(SIDEBAR_COOKIE_NAME)).client(() => Cookies2.parseHeader(globalThis.document?.cookie ?? "")[SIDEBAR_COOKIE_NAME]);
 var makeIcon = (name, paths) => {
   const Icon = forwardRef(({ absoluteStrokeWidth: _absoluteStrokeWidth, size = 24, ...props }, ref) => /* @__PURE__ */ jsx("svg", {
     "aria-hidden": "true",
@@ -333,7 +336,6 @@ var DocsPageSchema = Schema3.Struct({
   sourceFile: Schema3.String,
   source: Schema3.String
 }).annotate({ identifier: "DocsPage" });
-var EmptyIcon = forwardRef(() => null);
 
 // ../../src/lib/documentation-toolkit.ts
 var SearchDocumentation = Tool.make("searchDocumentation", {

package/dist/services/agent/client/index.js

@@ -390,7 +390,7 @@ var MarkdownContent = ({
     dangerouslySetInnerHTML: { __html: remainingHtml }
   }, "html-final"));
   return /* @__PURE__ */ jsx4("div", {
-    className: cn("[&_a:hover]:text-primary [&_a]:decoration-border [&_blockquote]:border-primary/40 [&_blockquote]:bg-muted/40 [&_h2_a]:text-muted-foreground [&_h3_a]:text-muted-foreground [&_[data-inline-code]]:bg-muted text-[0.98rem] leading-7 [&_[data-markdown-table]]:overflow-x-auto [&_[data-inline-code]]:rounded [&_[data-inline-code]]:px-1.5 [&_[data-inline-code]]:py-0.5 [&_[data-inline-code]]:font-mono [&_[data-inline-code]]:text-[0.875em] [&_a]:font-medium [&_a]:underline [&_a]:decoration-1 [&_a]:underline-offset-4 [&_a]:transition-colors [&_blockquote]:rounded-r-lg [&_blockquote]:border-l-4 [&_blockquote]:px-5 [&_blockquote]:py-1 [&_h2]:mt-12 [&_h2]:scroll-mt-20 [&_h2]:border-t [&_h2]:pt-8 [&_h2]:text-2xl [&_h2]:font-bold [&_h2]:tracking-tight [&_h2_a]:ml-2 [&_h2_a]:no-underline [&_h2:first-of-type]:mt-0 [&_h2:first-of-type]:border-t-0 [&_h2:first-of-type]:pt-0 [&_h3]:mt-8 [&_h3]:scroll-mt-20 [&_h3]:text-xl [&_h3]:font-semibold [&_h3]:tracking-tight [&_h3_a]:ml-2 [&_h3_a]:no-underline [&_ol]:my-5 [&_p]:my-5 [&_table]:w-full [&_table]:text-sm [&_td]:border-b [&_td]:p-2 [&_th]:border-b [&_th]:p-2 [&_th]:text-left [&_ul]:my-5", className),
+    className: cn("[&_a:hover]:text-primary [&_a]:decoration-border [&_blockquote]:border-primary/40 [&_blockquote]:bg-muted/40 [&_h2_a]:text-muted-foreground [&_h3_a]:text-muted-foreground [&_[data-inline-code]]:bg-muted text-[0.98rem] leading-7 [&_[data-markdown-table]]:overflow-x-auto [&_[data-inline-code]]:rounded [&_[data-inline-code]]:px-1.5 [&_[data-inline-code]]:py-0.5 [&_[data-inline-code]]:font-mono [&_[data-inline-code]]:text-[0.875em] [&_a]:font-medium [&_a]:underline [&_a]:decoration-1 [&_a]:underline-offset-4 [&_a]:transition-colors [&_blockquote]:my-5 [&_blockquote]:rounded-r-lg [&_blockquote]:border-l-4 [&_blockquote]:px-5 [&_blockquote]:py-1 [&_h2]:mt-12 [&_h2]:scroll-mt-20 [&_h2]:border-t [&_h2]:pt-8 [&_h2]:text-2xl [&_h2]:font-bold [&_h2]:tracking-tight [&_h2_a]:ml-2 [&_h2_a]:no-underline [&_h2:first-of-type]:mt-0 [&_h2:first-of-type]:border-t-0 [&_h2:first-of-type]:pt-0 [&_h3]:mt-8 [&_h3]:scroll-mt-20 [&_h3]:text-xl [&_h3]:font-semibold [&_h3]:tracking-tight [&_h3_a]:ml-2 [&_h3_a]:no-underline [&_ol]:my-5 [&_p]:my-5 [&_table]:w-full [&_table]:text-sm [&_td]:border-b [&_td]:p-2 [&_th]:border-b [&_th]:p-2 [&_th]:text-left [&_ul]:my-5", className),
     children: content
   });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krak-stack/registry",
-  "version": "0.1.24",
+  "version": "0.1.26",
   "description": "Tree-shakable KrakStack components and Effect services.",
   "license": "MIT",
   "repository": {
@@ -52,6 +52,10 @@
       "types": "./dist/lib/docs.d.ts",
       "import": "./dist/lib/docs.js"
     },
+    "./docs/server": {
+      "types": "./dist/lib/docs.server.d.ts",
+      "import": "./dist/lib/docs.server.js"
+    },
     "./documentation-toolkit": {
       "types": "./dist/lib/documentation-toolkit.d.ts",
       "import": "./dist/lib/documentation-toolkit.js"