@hanzo/ui-shadcn 5.7.2

package/dist/src/models/ModelLibrary.js

@@ -0,0 +1,63 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useRouter } from 'next/navigation';
+import { Atom, Code, Zap, Cpu, Eye, Shield, Search, Network, Mic, Video, Box, Sparkles, Brain, Rocket, Filter, Image, } from 'lucide-react';
+import { ModelCard } from './ModelCard';
+const ICON_MAP = {
+    Sparkles: _jsx(Sparkles, { className: "h-5 w-5" }),
+    Rocket: _jsx(Rocket, { className: "h-5 w-5" }),
+    Eye: _jsx(Eye, { className: "h-5 w-5" }),
+    Code: _jsx(Code, { className: "h-5 w-5" }),
+    Search: _jsx(Search, { className: "h-5 w-5" }),
+    Image: _jsx(Image, { className: "h-5 w-5" }),
+    Mic: _jsx(Mic, { className: "h-5 w-5" }),
+    Brain: _jsx(Brain, { className: "h-5 w-5" }),
+    Shield: _jsx(Shield, { className: "h-5 w-5" }),
+    Network: _jsx(Network, { className: "h-5 w-5" }),
+    Box: _jsx(Box, { className: "h-5 w-5" }),
+    Video: _jsx(Video, { className: "h-5 w-5" }),
+    Atom: _jsx(Atom, { className: "h-5 w-5" }),
+    Cpu: _jsx(Cpu, { className: "h-5 w-5" }),
+    Zap: _jsx(Zap, { className: "h-5 w-5" }),
+};
+function isActiveStatus(status) {
+    return status === 'available' || status === 'contact-sales' || status === 'cloud-only';
+}
+export function ModelFamilySection({ family, models, onNavigate, chatBaseUrl, requestAccessUrl, featuredIds, }) {
+    const icon = (family.icon && ICON_MAP[family.icon]) ?? _jsx(Atom, { className: "h-5 w-5" });
+    return (_jsxs("div", { className: "mb-12", children: [_jsxs("div", { className: "flex items-center gap-3 mb-2", children: [_jsx("div", { className: "rounded-lg bg-muted p-2 text-primary", children: icon }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-semibold", children: family.name }), _jsx("p", { className: "text-sm text-muted-foreground", children: family.description })] }), _jsxs("span", { className: "ml-auto text-xs text-muted-foreground bg-muted px-2 py-1 rounded-full", children: [models.length, " model", models.length !== 1 ? 's' : ''] })] }), _jsx("div", { className: "grid sm:grid-cols-2 lg:grid-cols-3 gap-3 mt-4", children: models.map((m) => (_jsx(ModelCard, { model: m, onNavigate: onNavigate, chatBaseUrl: chatBaseUrl, requestAccessUrl: requestAccessUrl, featuredIds: featuredIds }, m.id))) })] }));
+}
+/**
+ * ModelLibrary — Full browsable model catalog with family sections and filter toggle.
+ *
+ * Data-agnostic: accepts any ZenModelLike[] + ModelFamilyLike[] data.
+ * Works identically on zen-docs, hanzo.ai, and any other site.
+ */
+export function ModelLibrary({ families, allModels, linkPrefix = '/docs/models/', chatBaseUrl = 'https://hanzo.chat', requestAccessUrl = 'https://hanzo.ai/contact', featuredIds, showAllLabel = 'Show All Models', showCurrentLabel = 'Show Current Only', onNavigate, }) {
+    const [showAll, setShowAll] = useState(false);
+    const router = useRouter();
+    const modelById = new Map(allModels.map((m) => [m.id, m]));
+    const handleNavigate = (id) => {
+        if (onNavigate) {
+            onNavigate(id);
+        }
+        else {
+            router.push(`${linkPrefix}${id}`);
+        }
+    };
+    const visibleFamilies = families
+        .map((f) => {
+        const models = f.models
+            .map((id) => modelById.get(id))
+            .filter((m) => m !== undefined)
+            .filter((m) => showAll || isActiveStatus(m.status));
+        return { ...f, resolvedModels: models };
+    })
+        .filter((f) => f.resolvedModels.length > 0);
+    const totalActive = allModels.filter((m) => isActiveStatus(m.status)).length;
+    const totalAll = allModels.length;
+    const totalHidden = totalAll - totalActive;
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center justify-between mb-8", children: [_jsxs("p", { className: "text-sm text-muted-foreground", children: ["Showing ", _jsx("strong", { children: showAll ? totalAll : totalActive }), " models", !showAll && totalHidden > 0 && (_jsxs(_Fragment, { children: [" \u00B7 ", totalHidden, " legacy/upcoming hidden"] }))] }), _jsxs("button", { onClick: () => setShowAll(!showAll), className: "inline-flex items-center gap-2 rounded-lg border border-border bg-background px-3 py-1.5 text-sm font-medium hover:bg-muted transition", children: [_jsx(Filter, { className: "h-3.5 w-3.5" }), showAll ? showCurrentLabel : showAllLabel] })] }), visibleFamilies.map((family) => (_jsx(ModelFamilySection, { family: family, models: family.resolvedModels, onNavigate: handleNavigate, chatBaseUrl: chatBaseUrl, requestAccessUrl: requestAccessUrl, featuredIds: featuredIds }, family.id)))] }));
+}
+export default ModelLibrary;

package/dist/src/models/ModelTable.d.ts

@@ -0,0 +1,17 @@
+import type { ZenModelLike } from './types';
+export interface ModelTableProps {
+    models: ZenModelLike[];
+    /** URL prefix for model links. Default: /docs/models/ */
+    linkPrefix?: string;
+    showParams?: boolean;
+    showArch?: boolean;
+    showContext?: boolean;
+    showPricing?: boolean;
+}
+/**
+ * ModelTable — Static table view of models with clickable links.
+ * Works in docs, marketing pages, dashboards.
+ */
+export declare function ModelTable({ models, linkPrefix, showParams, showArch, showContext, showPricing, }: ModelTableProps): import("react/jsx-runtime").JSX.Element;
+export default ModelTable;
+//# sourceMappingURL=ModelTable.d.ts.map

package/dist/src/models/ModelTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModelTable.d.ts","sourceRoot":"","sources":["../../../src/models/ModelTable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAgC3C,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,YAAY,EAAE,CAAA;IACtB,yDAAyD;IACzD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,UAA4B,EAC5B,UAAiB,EACjB,QAAgB,EAChB,WAAkB,EAClB,WAAkB,GACnB,EAAE,eAAe,2CA4DjB;AAED,eAAe,UAAU,CAAA"}

package/dist/src/models/ModelTable.js

@@ -0,0 +1,35 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function fmtCtx(ctx) {
+    if (!ctx)
+        return '—';
+    if (ctx >= 1000000)
+        return `${(ctx / 1000000).toFixed(ctx % 1000000 === 0 ? 0 : 1)}M`;
+    if (ctx >= 1000)
+        return `${Math.round(ctx / 1000)}K`;
+    return `${ctx}`;
+}
+function fmtPrice(p) {
+    if (p == null)
+        return '—';
+    return `$${p.toFixed(2)}`;
+}
+function StatusBadge({ status }) {
+    if (status === 'preview' || status === 'coming-soon') {
+        return (_jsx("span", { className: "ml-1 text-[9px] font-semibold tracking-wider uppercase bg-amber-500/20 text-amber-600 dark:text-amber-400 px-1.5 py-0.5 rounded-full align-middle", children: status === 'preview' ? 'PREVIEW' : 'SOON' }));
+    }
+    if (status === 'contact-sales') {
+        return (_jsx("span", { className: "ml-1 text-[9px] font-semibold tracking-wider uppercase bg-purple-500/20 text-purple-600 dark:text-purple-400 px-1.5 py-0.5 rounded-full align-middle", children: "EARLY ACCESS" }));
+    }
+    return null;
+}
+/**
+ * ModelTable — Static table view of models with clickable links.
+ * Works in docs, marketing pages, dashboards.
+ */
+export function ModelTable({ models, linkPrefix = '/docs/models/', showParams = true, showArch = false, showContext = true, showPricing = true, }) {
+    return (_jsx("div", { className: "overflow-x-auto my-4", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b border-border text-left", children: [_jsx("th", { className: "pb-2 pr-4 font-medium", children: "Model" }), showParams && _jsx("th", { className: "pb-2 pr-4 font-medium", children: "Parameters" }), showArch && _jsx("th", { className: "pb-2 pr-4 font-medium", children: "Architecture" }), showContext && _jsx("th", { className: "pb-2 pr-4 font-medium", children: "Context" }), showPricing && _jsx("th", { className: "pb-2 pr-4 font-medium text-right", children: "Input $/1M" }), showPricing && _jsx("th", { className: "pb-2 font-medium text-right", children: "Output $/1M" })] }) }), _jsx("tbody", { className: "divide-y divide-border", children: models.map((m) => (_jsxs("tr", { children: [_jsxs("td", { className: "py-2 pr-4", children: [_jsx("a", { href: `${linkPrefix}${m.id}`, className: "font-mono text-primary hover:underline text-sm", children: m.id }), _jsx(StatusBadge, { status: m.status })] }), showParams && (_jsxs("td", { className: "py-2 pr-4 text-sm text-muted-foreground", children: [m.spec.params && !['N/A', 'TBA', 'TBD'].includes(m.spec.params)
+                                        ? m.spec.params
+                                        : '—', m.spec.activeParams ? ` (${m.spec.activeParams} active)` : ''] })), showArch && (_jsx("td", { className: "py-2 pr-4 text-sm text-muted-foreground", children: m.spec.arch ?? '—' })), showContext && (_jsx("td", { className: "py-2 pr-4 text-sm text-muted-foreground", children: fmtCtx(m.spec.context) })), showPricing && (_jsx("td", { className: "py-2 pr-4 text-sm text-right font-mono", children: fmtPrice(m.pricing?.input) })), showPricing && (_jsx("td", { className: "py-2 text-sm text-right font-mono", children: fmtPrice(m.pricing?.output) }))] }, m.id))) })] }) }));
+}
+export default ModelTable;

package/dist/src/models/ZenEnso.d.ts

@@ -0,0 +1,17 @@
+interface ZenEnsoProps {
+    size?: number;
+    color?: string;
+    animate?: boolean;
+    loop?: boolean;
+    /** If true, renders as a loading spinner variant */
+    asLoader?: boolean;
+    className?: string;
+}
+/**
+ * ZenEnso — Animated Enso circle logo for Zen LM.
+ * Renders a brush-stroke circle that draws itself, then fills.
+ * Uses pure CSS animations — no JS animation library needed.
+ */
+export declare function ZenEnso({ size, color, animate, loop, asLoader, className, }: ZenEnsoProps): import("react/jsx-runtime").JSX.Element;
+export default ZenEnso;
+//# sourceMappingURL=ZenEnso.d.ts.map

package/dist/src/models/ZenEnso.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZenEnso.d.ts","sourceRoot":"","sources":["../../../src/models/ZenEnso.tsx"],"names":[],"mappings":"AAIA,UAAU,YAAY;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,EACtB,IAAS,EACT,KAAiB,EACjB,OAAc,EACd,IAAY,EACZ,QAAgB,EAChB,SAAc,GACf,EAAE,YAAY,2CAsFd;AAED,eAAe,OAAO,CAAA"}

package/dist/src/models/ZenEnso.js

@@ -0,0 +1,50 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ZenEnso — Animated Enso circle logo for Zen LM.
+ * Renders a brush-stroke circle that draws itself, then fills.
+ * Uses pure CSS animations — no JS animation library needed.
+ */
+export function ZenEnso({ size = 64, color = '#A855F7', animate = true, loop = false, asLoader = false, className = '', }) {
+    const uid = Math.random().toString(36).slice(2, 7);
+    const strokeDur = loop ? '1.35s' : '1.25s';
+    const fillDur = loop ? '0.60s' : '0.55s';
+    const iterCount = loop ? 'infinite' : '1';
+    const loaderStyle = asLoader
+        ? { animation: `zenEnsoSpin-${uid} 1.2s linear infinite` }
+        : {};
+    return (_jsxs("span", { className: `inline-flex items-center justify-center ${className}`, style: { width: size, height: size }, "aria-label": "Zen LM", children: [_jsx("style", { children: `
+        @keyframes zenEnsoDraw-${uid} {
+          to { stroke-dashoffset: 0; }
+        }
+        @keyframes zenEnsoFill-${uid} {
+          0%   { opacity: 0; transform: scale(0.92); filter: blur(6px); }
+          60%  { opacity: 1; transform: scale(1.02); filter: blur(1px); }
+          100% { opacity: 1; transform: scale(1.00); filter: blur(0px); }
+        }
+        @keyframes zenEnsoCut-${uid} {
+          to { opacity: 1; }
+        }
+        @keyframes zenEnsoSpin-${uid} {
+          to { transform: rotate(360deg); }
+        }
+        .zen-enso-stroke-${uid} {
+          stroke-dasharray: 1200;
+          stroke-dashoffset: ${animate ? '1200' : '0'};
+          animation: ${animate ? `zenEnsoDraw-${uid} ${strokeDur} cubic-bezier(.2,.9,.25,1) ${iterCount} forwards` : 'none'};
+        }
+        .zen-enso-fill-${uid} {
+          opacity: ${animate ? '0' : '1'};
+          transform-origin: 256px 256px;
+          transform: scale(${animate ? '0.92' : '1'});
+          animation: ${animate ? `zenEnsoFill-${uid} ${fillDur} cubic-bezier(.2,.9,.2,1) ${iterCount} forwards` : 'none'};
+          animation-delay: ${animate ? '1.05s' : '0s'};
+        }
+        .zen-enso-cut-${uid} {
+          opacity: ${animate ? '0' : '1'};
+          animation: ${animate ? `zenEnsoCut-${uid} 0.01s linear ${iterCount} forwards` : 'none'};
+          animation-delay: ${animate ? '1.05s' : '0s'};
+        }
+      ` }), _jsxs("svg", { viewBox: "0 0 512 512", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: size, height: size, style: loaderStyle, children: [_jsx("circle", { className: `zen-enso-fill-${uid}`, cx: "256", cy: "256", r: "172", fill: color }), _jsx("path", { className: `zen-enso-stroke-${uid}`, d: "M256 74 C154 74 78 160 78 258 C78 352 150 432 250 438 C345 444 434 374 438 276 C441 210 406 150 348 118 C305 94 280 86 256 74", stroke: color, strokeWidth: "26", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { className: `zen-enso-cut-${uid}`, d: "M410 148 C392 126 366 106 340 94", stroke: "currentColor", strokeWidth: "34", strokeLinecap: "round" })] })] }));
+}
+export default ZenEnso;

package/dist/src/models/index.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @hanzo/ui-shadcn/models — Shared Zen model UI components
+ *
+ * Components are data-agnostic: they accept any data compatible with
+ * ZenModelLike / ModelFamilyLike types, making them reusable across
+ * zen-docs, hanzo.ai, and any other Hanzo site.
+ *
+ * Data source: @hanzo/zen-models (the canonical Zen model registry)
+ *
+ * Usage:
+ *   import { ModelCard, ModelLibrary, ModelTable, ZenEnso } from '@hanzo/ui-shadcn/models'
+ *   import { allModels, families } from '@hanzo/zen-models'
+ *   <ModelLibrary allModels={allModels} families={families} />
+ */
+export { ModelCard } from './ModelCard';
+export type { ModelCardProps } from './ModelCard';
+export { ModelTable } from './ModelTable';
+export type { ModelTableProps } from './ModelTable';
+export { ModelLibrary, ModelFamilySection } from './ModelLibrary';
+export type { ModelLibraryProps, ModelFamilySectionProps } from './ModelLibrary';
+export { ZenEnso } from './ZenEnso';
+export type { ZenModelLike, ModelFamilyLike, ModelSpecLike, ModelPricingLike } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/models/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/models/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAEnD,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AACjE,YAAY,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAA;AAEhF,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA"}

package/dist/src/models/index.js

@@ -0,0 +1,18 @@
+/**
+ * @hanzo/ui-shadcn/models — Shared Zen model UI components
+ *
+ * Components are data-agnostic: they accept any data compatible with
+ * ZenModelLike / ModelFamilyLike types, making them reusable across
+ * zen-docs, hanzo.ai, and any other Hanzo site.
+ *
+ * Data source: @hanzo/zen-models (the canonical Zen model registry)
+ *
+ * Usage:
+ *   import { ModelCard, ModelLibrary, ModelTable, ZenEnso } from '@hanzo/ui-shadcn/models'
+ *   import { allModels, families } from '@hanzo/zen-models'
+ *   <ModelLibrary allModels={allModels} families={families} />
+ */
+export { ModelCard } from './ModelCard';
+export { ModelTable } from './ModelTable';
+export { ModelLibrary, ModelFamilySection } from './ModelLibrary';
+export { ZenEnso } from './ZenEnso';

package/dist/src/models/types.d.ts

@@ -0,0 +1,40 @@
+/**
+ * @hanzo/ui — Model component types
+ *
+ * These types are structurally compatible with @hanzo/zen-models ZenModel / ModelFamily,
+ * so ZenModel objects can be passed directly to these components without casting.
+ */
+export interface ModelSpecLike {
+    params: string;
+    activeParams?: string | null;
+    context?: number;
+    arch?: string;
+}
+export interface ModelPricingLike {
+    input: number | null;
+    output: number | null;
+    cacheRead?: number | null;
+    cacheWrite?: number | null;
+}
+export interface ZenModelLike {
+    id: string;
+    name: string;
+    description: string;
+    spec: ModelSpecLike;
+    pricing: ModelPricingLike | null;
+    /** 'available' | 'preview' | 'coming-soon' | 'contact-sales' | 'cloud-only' */
+    status: string;
+    huggingface?: string | null;
+    github?: string | null;
+    paper?: string | null;
+}
+export interface ModelFamilyLike {
+    id: string;
+    name: string;
+    description: string;
+    /** lucide-react icon name */
+    icon?: string;
+    /** ordered list of model IDs */
+    models: string[];
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/src/models/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/models/types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC3B;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,EAAE,aAAa,CAAA;IACnB,OAAO,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAChC,+EAA+E;IAC/E,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,CAAA;IACnB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gCAAgC;IAChC,MAAM,EAAE,MAAM,EAAE,CAAA;CACjB"}

package/dist/src/models/types.js

@@ -0,0 +1,7 @@
+/**
+ * @hanzo/ui — Model component types
+ *
+ * These types are structurally compatible with @hanzo/zen-models ZenModel / ModelFamily,
+ * so ZenModel objects can be passed directly to these components without casting.
+ */
+export {};

package/dist/src/navigation/advanced-navigation-bar.d.ts

@@ -0,0 +1,2 @@
+export default function Component(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=advanced-navigation-bar.d.ts.map

package/dist/src/navigation/advanced-navigation-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"advanced-navigation-bar.d.ts","sourceRoot":"","sources":["../../../src/navigation/advanced-navigation-bar.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,SAAS,4CAMhC"}

package/dist/src/navigation/advanced-navigation-bar.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function Component() {
+    return (_jsx("div", { className: "flex items-center justify-center p-8", children: _jsx("p", { className: "text-muted-foreground", children: "Component coming soon" }) }));
+}

package/dist/src/navigation/ai-model-selector-navigation-bar.d.ts

@@ -0,0 +1,2 @@
+export default function Component(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ai-model-selector-navigation-bar.d.ts.map

package/dist/src/navigation/ai-model-selector-navigation-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-model-selector-navigation-bar.d.ts","sourceRoot":"","sources":["../../../src/navigation/ai-model-selector-navigation-bar.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,SAAS,4CAMhC"}

package/dist/src/navigation/ai-model-selector-navigation-bar.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function Component() {
+    return (_jsx("div", { className: "flex items-center justify-center p-8", children: _jsx("p", { className: "text-muted-foreground", children: "Component coming soon" }) }));
+}

package/dist/src/navigation/app-switcher-navigation-bar.d.ts

@@ -0,0 +1,2 @@
+export default function Component(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=app-switcher-navigation-bar.d.ts.map

package/dist/src/navigation/app-switcher-navigation-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-switcher-navigation-bar.d.ts","sourceRoot":"","sources":["../../../src/navigation/app-switcher-navigation-bar.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,SAAS,4CAMhC"}

package/dist/src/navigation/app-switcher-navigation-bar.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function Component() {
+    return (_jsx("div", { className: "flex items-center justify-center p-8", children: _jsx("p", { className: "text-muted-foreground", children: "Component coming soon" }) }));
+}

package/dist/src/navigation/breadcrumb-and-filters-navigation-bar.d.ts

@@ -0,0 +1,2 @@
+export default function Component(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=breadcrumb-and-filters-navigation-bar.d.ts.map

package/dist/src/navigation/breadcrumb-and-filters-navigation-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-and-filters-navigation-bar.d.ts","sourceRoot":"","sources":["../../../src/navigation/breadcrumb-and-filters-navigation-bar.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,SAAS,4CAMhC"}

package/dist/src/navigation/breadcrumb-and-filters-navigation-bar.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function Component() {
+    return (_jsx("div", { className: "flex items-center justify-center p-8", children: _jsx("p", { className: "text-muted-foreground", children: "Component coming soon" }) }));
+}

package/dist/src/navigation/breadcrumb-navigation-bar.d.ts

@@ -0,0 +1,2 @@
+export default function Component(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=breadcrumb-navigation-bar.d.ts.map

package/dist/src/navigation/breadcrumb-navigation-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-navigation-bar.d.ts","sourceRoot":"","sources":["../../../src/navigation/breadcrumb-navigation-bar.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,SAAS,4CAMhC"}

package/dist/src/navigation/breadcrumb-navigation-bar.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function Component() {
+    return (_jsx("div", { className: "flex items-center justify-center p-8", children: _jsx("p", { className: "text-muted-foreground", children: "Component coming soon" }) }));
+}

package/dist/src/navigation/centered-logo-navigation-bar.d.ts

@@ -0,0 +1,2 @@
+export default function Component(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=centered-logo-navigation-bar.d.ts.map

package/dist/src/navigation/centered-logo-navigation-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"centered-logo-navigation-bar.d.ts","sourceRoot":"","sources":["../../../src/navigation/centered-logo-navigation-bar.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,SAAS,4CAMhC"}

package/dist/src/navigation/centered-logo-navigation-bar.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function Component() {
+    return (_jsx("div", { className: "flex items-center justify-center p-8", children: _jsx("p", { className: "text-muted-foreground", children: "Component coming soon" }) }));
+}

package/dist/src/navigation/collaboration-navigation-bar.d.ts

@@ -0,0 +1,2 @@
+export default function Component(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=collaboration-navigation-bar.d.ts.map

package/dist/src/navigation/collaboration-navigation-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collaboration-navigation-bar.d.ts","sourceRoot":"","sources":["../../../src/navigation/collaboration-navigation-bar.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,SAAS,4CAMhC"}

package/dist/src/navigation/collaboration-navigation-bar.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function Component() {
+    return (_jsx("div", { className: "flex items-center justify-center p-8", children: _jsx("p", { className: "text-muted-foreground", children: "Component coming soon" }) }));
+}

package/dist/src/navigation/communication-navigation-bar.d.ts

@@ -0,0 +1,2 @@
+export default function Component(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=communication-navigation-bar.d.ts.map

package/dist/src/navigation/communication-navigation-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"communication-navigation-bar.d.ts","sourceRoot":"","sources":["../../../src/navigation/communication-navigation-bar.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,SAAS,4CAMhC"}

package/dist/src/navigation/communication-navigation-bar.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function Component() {
+    return (_jsx("div", { className: "flex items-center justify-center p-8", children: _jsx("p", { className: "text-muted-foreground", children: "Component coming soon" }) }));
+}

package/dist/src/navigation/context-switcher-navigation-bar.d.ts

@@ -0,0 +1,2 @@
+export default function Component(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=context-switcher-navigation-bar.d.ts.map

package/dist/src/navigation/context-switcher-navigation-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-switcher-navigation-bar.d.ts","sourceRoot":"","sources":["../../../src/navigation/context-switcher-navigation-bar.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,SAAS,4CAMhC"}

package/dist/src/navigation/context-switcher-navigation-bar.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function Component() {
+    return (_jsx("div", { className: "flex items-center justify-center p-8", children: _jsx("p", { className: "text-muted-foreground", children: "Component coming soon" }) }));
+}

package/dist/src/navigation/dashboard-navigation-bar.d.ts

@@ -0,0 +1,2 @@
+export default function Component(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=dashboard-navigation-bar.d.ts.map

package/dist/src/navigation/dashboard-navigation-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-navigation-bar.d.ts","sourceRoot":"","sources":["../../../src/navigation/dashboard-navigation-bar.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,SAAS,4CAMhC"}

package/dist/src/navigation/dashboard-navigation-bar.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function Component() {
+    return (_jsx("div", { className: "flex items-center justify-center p-8", children: _jsx("p", { className: "text-muted-foreground", children: "Component coming soon" }) }));
+}

package/dist/src/navigation/e-commerce-navigation-bar.d.ts

@@ -0,0 +1,2 @@
+export default function Component(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=e-commerce-navigation-bar.d.ts.map

package/dist/src/navigation/e-commerce-navigation-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"e-commerce-navigation-bar.d.ts","sourceRoot":"","sources":["../../../src/navigation/e-commerce-navigation-bar.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,SAAS,4CAMhC"}

package/dist/src/navigation/e-commerce-navigation-bar.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function Component() {
+    return (_jsx("div", { className: "flex items-center justify-center p-8", children: _jsx("p", { className: "text-muted-foreground", children: "Component coming soon" }) }));
+}

package/dist/src/navigation/hanzo-shell/AppSwitcher.d.ts

@@ -0,0 +1,8 @@
+import { type HanzoApp } from './types';
+interface AppSwitcherProps {
+    apps?: HanzoApp[];
+    currentAppId?: string;
+}
+export declare function AppSwitcher({ apps, currentAppId }: AppSwitcherProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AppSwitcher.d.ts.map

package/dist/src/navigation/hanzo-shell/AppSwitcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppSwitcher.d.ts","sourceRoot":"","sources":["../../../../src/navigation/hanzo-shell/AppSwitcher.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAsB,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAA;AAa3D,UAAU,gBAAgB;IACxB,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAA;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,wBAAgB,WAAW,CAAC,EAAE,IAAyB,EAAE,YAAY,EAAE,EAAE,gBAAgB,2CAoGxF"}

package/dist/src/navigation/hanzo-shell/AppSwitcher.js

@@ -0,0 +1,42 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from 'react';
+import { DEFAULT_HANZO_APPS } from './types';
+/** Group IDs for sectioned display */
+const APP_GROUPS = [
+    { label: 'Core', ids: ['account', 'billing', 'console'] },
+    { label: 'AI', ids: ['chat', 'flow', 'bot'] },
+    { label: 'Observability', ids: ['o11y', 'sentry', 'insights', 'analytics'] },
+    { label: 'Infrastructure', ids: ['platform', 'cloud', 'web3', 'storage', 'kms', 'dns', 'registry'] },
+    { label: 'Apps', ids: ['commerce', 'base', 'search', 'auto'] },
+    { label: 'Business', ids: ['team', 'sign', 'dataroom', 'captable'] },
+    { label: 'Resources', ids: ['docs', 'status'] },
+];
+export function AppSwitcher({ apps = DEFAULT_HANZO_APPS, currentAppId }) {
+    const [open, setOpen] = useState(false);
+    const ref = useRef(null);
+    useEffect(() => {
+        const handler = (e) => {
+            if (ref.current && !ref.current.contains(e.target))
+                setOpen(false);
+        };
+        document.addEventListener('mousedown', handler);
+        return () => document.removeEventListener('mousedown', handler);
+    }, []);
+    const filtered = apps.filter((a) => a.id !== currentAppId);
+    const appMap = new Map(filtered.map((a) => [a.id, a]));
+    return (_jsxs("div", { ref: ref, className: "relative", children: [_jsx("button", { type: "button", onClick: () => setOpen((v) => !v), className: "flex h-8 w-8 items-center justify-center rounded-lg text-white/40 hover:bg-white/[0.06] hover:text-white/70 transition-colors", "aria-label": "Switch app", title: "Switch app", children: _jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: [_jsx("rect", { x: "1", y: "1", width: "4", height: "4", rx: "1" }), _jsx("rect", { x: "6", y: "1", width: "4", height: "4", rx: "1" }), _jsx("rect", { x: "11", y: "1", width: "4", height: "4", rx: "1" }), _jsx("rect", { x: "1", y: "6", width: "4", height: "4", rx: "1" }), _jsx("rect", { x: "6", y: "6", width: "4", height: "4", rx: "1" }), _jsx("rect", { x: "11", y: "6", width: "4", height: "4", rx: "1" }), _jsx("rect", { x: "1", y: "11", width: "4", height: "4", rx: "1" }), _jsx("rect", { x: "6", y: "11", width: "4", height: "4", rx: "1" }), _jsx("rect", { x: "11", y: "11", width: "4", height: "4", rx: "1" })] }) }), open && (_jsxs("div", { className: "absolute left-0 top-10 z-50 w-72 max-h-[80vh] overflow-y-auto rounded-xl border border-white/[0.08] bg-[#0e0e13] p-2 shadow-2xl", children: [APP_GROUPS.map((group) => {
+                        const groupApps = group.ids
+                            .map((id) => appMap.get(id))
+                            .filter(Boolean);
+                        if (groupApps.length === 0)
+                            return null;
+                        return (_jsxs("div", { children: [_jsx("p", { className: "px-2 pb-1 pt-2 text-[10px] font-medium uppercase tracking-wider text-white/30", children: group.label }), _jsx("div", { className: "grid grid-cols-2 gap-0.5", children: groupApps.map((app) => (_jsxs("a", { href: app.href, className: "flex flex-col gap-0.5 rounded-lg px-3 py-2 hover:bg-white/[0.06] transition-colors", onClick: () => setOpen(false), children: [_jsx("span", { className: "text-[13px] font-medium text-white/80", children: app.label }), app.description && (_jsx("span", { className: "text-[11px] leading-tight text-white/30", children: app.description }))] }, app.id))) })] }, group.label));
+                    }), (() => {
+                        const groupedIds = new Set(APP_GROUPS.flatMap((g) => g.ids));
+                        const ungrouped = filtered.filter((a) => !groupedIds.has(a.id));
+                        if (ungrouped.length === 0)
+                            return null;
+                        return (_jsxs("div", { children: [_jsx("p", { className: "px-2 pb-1 pt-2 text-[10px] font-medium uppercase tracking-wider text-white/30", children: "Other" }), _jsx("div", { className: "grid grid-cols-2 gap-0.5", children: ungrouped.map((app) => (_jsxs("a", { href: app.href, className: "flex flex-col gap-0.5 rounded-lg px-3 py-2 hover:bg-white/[0.06] transition-colors", onClick: () => setOpen(false), children: [_jsx("span", { className: "text-[13px] font-medium text-white/80", children: app.label }), app.description && (_jsx("span", { className: "text-[11px] leading-tight text-white/30", children: app.description }))] }, app.id))) })] }));
+                    })()] }))] }));
+}

package/dist/src/navigation/hanzo-shell/BeamAvatar.d.ts

@@ -0,0 +1,9 @@
+export interface BeamAvatarProps {
+    name: string;
+    size?: number;
+    colors?: string[];
+    className?: string;
+    square?: boolean;
+}
+export declare function BeamAvatar({ name, size, colors, className, square, }: BeamAvatarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BeamAvatar.d.ts.map

package/dist/src/navigation/hanzo-shell/BeamAvatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BeamAvatar.d.ts","sourceRoot":"","sources":["../../../../src/navigation/hanzo-shell/BeamAvatar.tsx"],"names":[],"mappings":"AAkCA,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,IAAS,EACT,MAAe,EACf,SAAS,EACT,MAAc,GACf,EAAE,eAAe,2CAyEjB"}

package/dist/src/navigation/hanzo-shell/BeamAvatar.js

@@ -0,0 +1,38 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const COLORS = ['#0A0310', '#49007E', '#FF005B', '#FF7D10', '#FFB238'];
+function hashStr(str) {
+    let hash = 0;
+    for (let i = 0; i < str.length; i++) {
+        hash = ((hash << 5) - hash + str.charCodeAt(i)) | 0;
+    }
+    return Math.abs(hash);
+}
+function getUnit(hash, range, index) {
+    const val = hash % (range * (index + 1));
+    return val % range;
+}
+function getBoolean(hash, index) {
+    return getUnit(hash, 2, index) === 0;
+}
+function getRandomColor(hash, index, colors) {
+    return colors[getUnit(hash, colors.length, index)];
+}
+function getContrast(hex) {
+    const r = parseInt(hex.slice(1, 3), 16);
+    const g = parseInt(hex.slice(3, 5), 16);
+    const b = parseInt(hex.slice(5, 7), 16);
+    return r * 0.299 + g * 0.587 + b * 0.114 > 128 ? '#000' : '#fff';
+}
+export function BeamAvatar({ name, size = 40, colors = COLORS, className, square = false, }) {
+    const hash = hashStr(name);
+    const wrapperColor = getRandomColor(hash, 0, colors);
+    const faceColor = getContrast(wrapperColor);
+    const isOpen = getBoolean(hash, 2);
+    const mouthSpread = getUnit(hash, 3, 7);
+    const eyeSpread = getUnit(hash, 5, 8);
+    const faceRotate = getUnit(hash, 10, 9);
+    const faceTranslateX = faceRotate > 6 ? faceRotate - 10 : faceRotate;
+    const faceTranslateY = getUnit(hash, 5, 10) > 3 ? getUnit(hash, 5, 10) - 5 : getUnit(hash, 5, 10);
+    return (_jsxs("svg", { viewBox: "0 0 36 36", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: size, height: size, className: className, style: square ? undefined : { borderRadius: '50%' }, children: [_jsx("mask", { id: `beam-${hash}`, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 36, height: 36, children: _jsx("rect", { width: 36, height: 36, rx: square ? undefined : 72, fill: "#fff" }) }), _jsxs("g", { mask: `url(#beam-${hash})`, children: [_jsx("rect", { width: 36, height: 36, fill: wrapperColor }), _jsx("rect", { x: 0, y: 0, width: 36, height: 36, transform: `translate(${faceTranslateX} ${faceTranslateY}) rotate(${faceRotate} 18 18)`, fill: getRandomColor(hash, 1, colors), rx: 6 }), _jsxs("g", { transform: `translate(${faceTranslateX} ${faceTranslateY}) rotate(${faceRotate} 18 18)`, children: [isOpen ? (_jsx("path", { d: `M15 ${19 + mouthSpread}c2 1 4 1 6 0`, stroke: faceColor, fill: "none", strokeLinecap: "round" })) : (_jsx("path", { d: `M13 ${19 + mouthSpread}a1 .75 0 0 0 10 0`, fill: faceColor })), _jsx("rect", { x: 14 - eyeSpread, y: 14, width: 1.5, height: 2, rx: 1, fill: faceColor }), _jsx("rect", { x: 20 + eyeSpread, y: 14, width: 1.5, height: 2, rx: 1, fill: faceColor })] })] })] }));
+}

package/dist/src/navigation/hanzo-shell/HanzoCommandPalette.d.ts

@@ -0,0 +1,28 @@
+import { type HanzoApp } from './types';
+export type CommandItem = {
+    id: string;
+    title: string;
+    description?: string;
+    href?: string;
+    action?: () => void;
+    icon?: React.ReactNode;
+    category: string;
+    external?: boolean;
+    keywords?: string[];
+};
+export type HanzoCommandPaletteProps = {
+    /** Additional app-specific commands merged with built-in cross-app commands */
+    commands?: CommandItem[];
+    /** Override the default Hanzo apps used for cross-app navigation */
+    apps?: HanzoApp[];
+    /** Current app id — used to exclude from cross-app navigation */
+    currentAppId?: string;
+    /** Controlled open state */
+    open?: boolean;
+    /** Called when palette wants to close */
+    onOpenChange?: (open: boolean) => void;
+    /** Custom navigation handler (defaults to window.location for external, history push for relative) */
+    onNavigate?: (href: string, external?: boolean) => void;
+};
+export declare function HanzoCommandPalette({ commands: appCommands, apps, currentAppId, open: controlledOpen, onOpenChange, onNavigate, }: HanzoCommandPaletteProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=HanzoCommandPalette.d.ts.map