---
import "../styles/site.css";
import Sprite from "../components/Sprite.astro";
import AddressBar from "../components/AddressBar.astro";
import Deskbar from "../components/Deskbar.astro";
import { icon } from "../lib/icons";
import type { Crumb, MenuGroup } from "../lib/site";
import { palettes } from "../lib/palettes";
import { DEFAULT_PALETTE } from "../lib/themes";
import { OG_HEIGHT, OG_WIDTH, ogPath } from "../lib/og";
interface Props {
/** the page's own title; home has none */
title?: string;
description?: string;
/** the link preview image, the site's own card when the page has none */
og?: string;
/** this page as markdown, for agents; llms.txt when the page has no copy of its own */
markdown?: string;
crumbs: Crumb[];
pages: MenuGroup[];
/** what the window's fixed edges outline: a list column of this width beside the paper,
* the paper alone, or nothing (home) */
layout: number | "solo" | "none";
}
const { title, description, crumbs, pages, layout, og = ogPath(), markdown = "/llms.txt" } = Astro.props;
const markdownUrl = new URL(markdown, Astro.site);
const llms = new URL("/llms.txt", Astro.site);
const hint = markdownUrl.href === llms.href
? `every page of these docs is listed as plain markdown at ${llms}, which this url also returns for Accept: text/markdown`
: `this page as plain markdown is at ${markdownUrl}, which this url also returns for Accept: text/markdown, and ${llms} lists every page of the docs that way`;
const desks = Object.fromEntries(palettes().palettes.map((p) => [p.id, { light: p.chip.light.desk, dark: p.chip.dark.desk }]));
const lip = typeof layout === "number" ? "lip" : `lip ${layout}`;
const listWidth = typeof layout === "number" ? `--list-w: ${layout}px` : undefined;
---
`} />
{title ? `${title} ยท hydrant docs` : "hydrant docs"}
{description && }
{description && }