@togo-framework/ui 0.1.3 → 0.1.4

package/dist/index.d.ts

@@ -3957,4 +3957,135 @@ declare namespace PillButton {
     var displayName: string;
 }
 
-export { type A2UIActionItem, type A2UIActionsData, type A2UIArtifact$1 as A2UIArtifact, type A2UICardData, type A2UICardField, type A2UIChartData, type A2UIChartSeries, type A2UIClientCandidate, type A2UIClientCandidatesData, type A2UIClientDiffConfirmData, type A2UIClientDiffRow, type A2UIClientField, type A2UIClientFieldPickerData, type A2UIKind, type A2UIMarkdownData, type A2UIPersonaStarter, type A2UIPersonaStartersData, type A2UITableColumn, type A2UITableData, type ActivityBucket, AdminLayout, type AdminLayoutProps, type AdminSubNavItem, AgentSteps, type AlertMapItem, type AlertSeverity, type AppBrand, AppHeader, type AppHeaderProps, AppLayout, type AppLayoutProps, type AppNavGroup, type AppNavItem, AppPageShell, type AppPageShellProps, AppSidebar, type AppSidebarProps, type AppearanceMode, ArtifactActions, type ArtifactActionsProps, ArtifactCard, type ArtifactCardProps, ArtifactChart, type ArtifactChartProps, ArtifactClientCandidates, type ArtifactClientCandidatesProps, ArtifactClientDiffConfirm, type ArtifactClientDiffConfirmProps, ArtifactClientFieldPicker, type ArtifactClientFieldPickerProps, type ArtifactInteraction, ArtifactMarkdown, type ArtifactMarkdownProps, ArtifactPersonaStarters, type ArtifactPersonaStartersProps, ArtifactRenderer, type ArtifactRendererProps, ArtifactTable, type ArtifactTableProps, ArtifactViewer, AuroraBackground, type AuroraBackgroundProps, AuthCard, type AuthCardBrand, type AuthClient, AuthErrorAlert, AuthFlow, type AuthLayout, AuthStepHeader, type BarPoint, type CardFilter, CardGrid, type CardGridLabels, ChatThread, CodeBlock, CodeShowcase, type CodeShowcaseProps, type CodeShowcaseTab, ColorPicker, type ColorPickerProps, ContextualSkeleton, type CopilotClient, type CopilotEvent, CopilotLauncher, CopilotProvider, type CopilotQuickAction, type CopilotRequest, CopilotSelectionTrigger, type CopilotSelectionTriggerProps, DEFAULT_LAYERS, DEFAULT_LEGEND_GROUPS, DEFAULT_REGION_PRESETS, DataState, type DataStateLabels, type DataStateProps, DataTable, type DataTableBulkAction, type DataTableColumnFilter, type DataTableColumnMeta, type DataTableDensity, type DataTableFilterType, type DataTableLanguage, type DataTableProps, type DataTableSelectOption, type DataTableServerCallbacks, type DataTableServerState, type DockPosition, DynamicIcon, DynamicSection, type DynamicSectionProps, EmptyState, type EmptyStateProps, EntityNetworkGraph, type EntityNetworkGraphProps, type ErrorFilter, ErrorTrackingPage, type ErrorTrackingPageProps, EventMapPanel, type EventMapPanelProps, Eyebrow, type EyebrowProps, FeatureCard, type FeatureCardProps, type FeedbackAttachment, FeedbackButton, type FeedbackButtonProps, FeedbackHub, type FeedbackHubProps, type FeedbackItem, type FeedbackKind, FeedbackWidget, type FeedbackWidgetProps, ForgotForm, GlassCard, type GlassCardProps, type GraphLink, type GraphNode, IconPicker, type IconPickerProps, type Issue$1 as Issue, type IssueAssignee, type IssueBreadcrumb, IssueDetail, type IssueDetailProps, type IssueLevel, type IssueSort, type IssueTag, IssuesList, type IssuesListProps, LANG_COOKIE_NAME, type LanguageContextValue, LanguageProvider, type LanguageProviderProps, type LegendGroup, type LegendItem, type LegendShapeType, LockScreen, type LockScreenProps, type LockScreenUser, type LogLevel, LoginForm, type LoginResult, Logo, type LogoProps, type LogoTone, type LogoVariant, type LogsFilter, LogsView, type LogsViewProps, MARKER_COLORS, MARKER_LABELS, type MapLayer, MapLayersPanel, type MapLayersPanelProps, MapLegend, type MapLegendProps, type MapMarker$1 as MapMarker, type MapMarkerType, MapPanel, type MapPanelProps, type MapRegionPreset, MapView, type MapViewProps, MarkdownContent, MarkdownEditor, type MarkdownEditorProps, MarkdownRenderer, type MarkdownRendererProps, MarkdownTable, type MarkdownView, MiniBarChart, MockupWindow, type MockupWindowProps, type ModelOption, MotorFeedbackLauncher, type MotorFeedbackLauncherProps, NestedStepsEditor, type NestedStepsEditorProps, NetworkGraph, type NetworkGraphProps, type NewFeedback, OTPBoxGroup, type OtpResult, PIPELINE_STAGES, PageHeader, type PageHeaderProps, PasswordInput, PasswordLockScreen, type PasswordLockScreenProps, type PasswordLockScreenUser, type PasswordRule, PasswordStrengthMeter, type PickedLocation, PillButton, type PillButtonProps, type PipelineCard, type PipelineLane, type PipelineModel, type PluginActivitySummary, type PluginAppearanceFields, PluginAppearanceSection, type PluginAppearanceSectionProps, PluginCard, type PluginCatalogEntry, type PluginDetailIdentity, PluginDetailLayout, type PluginDetailLayoutProps, type PluginDetailTab, PluginHero, PluginHeroSkeleton, PluginPageHeader, PluginSectionCard, PluginSparkline, type ProfileSession, ProfileView, type ProfileViewProps, type RenderMapContext, ResetForm, type ResolvedIcon, Reveal, type RevealProps, RouteProgress, type RouteProgressProps, STEP_FIELD_REGISTRY, SectionBoard, type SectionBoardProps, SectionHeading, type SectionHeadingProps, type SectionModel, SectionSkeleton, SentraLoading, type ServiceLogRow, ServiceUnavailable, type ServiceUnavailableProps, SessionExpired, type SessionExpiredProps, SeverityChip, type SidebarConversation, type SidebarUser, SourceBadge, type SparklinePoint, type StackFrame, type StackFrameContextLine, StatCard, type StatCardProps, StatusBadge, type StatusBadgeProps, type StatusBadgeTone, type Step, type StepFieldDef, type StepFieldType, type StepMetrics7d, StepOptionsDialog, type StepOptionsDialogProps, StreamingMessage, type TestRunCallbacks, type TestRunCompletePayload, TestRunPanel, type TestRunPanelProps, type TestRunSavedItem, type TestRunStep, TwoFAForm, UnifiedCopilotDock, type UnlockCredentials, type Verify2FAResult, type View, ViewToggle, type ViewToggleProps, Wordmark, type WordmarkProps, Workflow, WorkflowEditor, type WorkflowEditorProps, type WorkflowPalette, WorkflowPipeline, type WorkflowPipelineProps, type WorkflowProps, type WorkflowSource, type WorkflowStep, type WorkflowStepLike, WorkflowStepNode, type WorkflowStepNodeProps, type WorkflowView, cn, computeRules, computeScore, feedbackButtonVariants, levelTone, resolveIcon, statValueVariants, statusBadgeVariants, useCopilot, useLanguage, useT };
+interface MarketplaceCardProps {
+    name: string;
+    href: string;
+    category?: string;
+    /** Hex that drives the cover gradient + icon tint. */
+    categoryColor?: string;
+    icon?: LucideIcon;
+    description?: string;
+    /** Owner/org, e.g. "togo-framework". */
+    author?: string;
+    stars?: number;
+    downloads?: number;
+    enabled?: boolean;
+    className?: string;
+}
+declare function MarketplaceCard({ name, href, category, categoryColor, icon: Icon, description, author, stars, downloads, enabled, className, }: MarketplaceCardProps): React$1.JSX.Element;
+declare namespace MarketplaceCard {
+    var displayName: string;
+}
+interface StatTile {
+    label: string;
+    value: React$1.ReactNode;
+}
+declare function StatsRow({ stats, className }: {
+    stats: StatTile[];
+    className?: string;
+}): React$1.JSX.Element;
+declare namespace StatsRow {
+    var displayName: string;
+}
+interface FilterChip {
+    value: string;
+    label: string;
+    count?: number;
+}
+interface FilterBarProps {
+    search: string;
+    onSearch: (v: string) => void;
+    chips: FilterChip[];
+    active: string;
+    onChip: (v: string) => void;
+    sort?: {
+        value: string;
+        options: {
+            value: string;
+            label: string;
+        }[];
+        onSort: (v: string) => void;
+    };
+    searchPlaceholder?: string;
+    className?: string;
+}
+declare function FilterBar({ search, onSearch, chips, active, onChip, sort, searchPlaceholder, className }: FilterBarProps): React$1.JSX.Element;
+declare namespace FilterBar {
+    var displayName: string;
+}
+declare function Pager({ page, pages, onPage, className }: {
+    page: number;
+    pages: number;
+    onPage: (p: number) => void;
+    className?: string;
+}): React$1.JSX.Element | null;
+declare namespace Pager {
+    var displayName: string;
+}
+
+declare function Callout({ kind, title, children, className }: {
+    kind?: "info" | "warn" | "tip" | "note";
+    title?: string;
+    children: React$1.ReactNode;
+    className?: string;
+}): React$1.JSX.Element;
+declare namespace Callout {
+    var displayName: string;
+}
+interface DocsNavItem {
+    label: string;
+    href: string;
+}
+interface DocsNavGroup {
+    label: string;
+    items: DocsNavItem[];
+}
+declare function DocsSidebar({ groups, activeHref, className, onNavigate }: {
+    groups: DocsNavGroup[];
+    activeHref?: string;
+    className?: string;
+    onNavigate?: (href: string) => void;
+}): React$1.JSX.Element;
+declare namespace DocsSidebar {
+    var displayName: string;
+}
+interface TocItem {
+    id: string;
+    text: string;
+    level: number;
+}
+declare function DocsTOC({ items, className }: {
+    items: TocItem[];
+    className?: string;
+}): React$1.JSX.Element | null;
+declare namespace DocsTOC {
+    var displayName: string;
+}
+interface DocsLayoutProps {
+    sidebar: React$1.ReactNode;
+    toc?: React$1.ReactNode;
+    breadcrumb?: React$1.ReactNode;
+    topbar?: React$1.ReactNode;
+    children: React$1.ReactNode;
+    className?: string;
+}
+declare function DocsLayout({ sidebar, toc, breadcrumb, topbar, children, className }: DocsLayoutProps): React$1.JSX.Element;
+declare namespace DocsLayout {
+    var displayName: string;
+}
+interface PaletteItem {
+    label: string;
+    sublabel?: string;
+    href: string;
+    group?: string;
+}
+declare function CommandPalette({ items, placeholder, className }: {
+    items: PaletteItem[];
+    placeholder?: string;
+    className?: string;
+}): React$1.JSX.Element;
+declare namespace CommandPalette {
+    var displayName: string;
+}
+
+export { type A2UIActionItem, type A2UIActionsData, type A2UIArtifact$1 as A2UIArtifact, type A2UICardData, type A2UICardField, type A2UIChartData, type A2UIChartSeries, type A2UIClientCandidate, type A2UIClientCandidatesData, type A2UIClientDiffConfirmData, type A2UIClientDiffRow, type A2UIClientField, type A2UIClientFieldPickerData, type A2UIKind, type A2UIMarkdownData, type A2UIPersonaStarter, type A2UIPersonaStartersData, type A2UITableColumn, type A2UITableData, type ActivityBucket, AdminLayout, type AdminLayoutProps, type AdminSubNavItem, AgentSteps, type AlertMapItem, type AlertSeverity, type AppBrand, AppHeader, type AppHeaderProps, AppLayout, type AppLayoutProps, type AppNavGroup, type AppNavItem, AppPageShell, type AppPageShellProps, AppSidebar, type AppSidebarProps, type AppearanceMode, ArtifactActions, type ArtifactActionsProps, ArtifactCard, type ArtifactCardProps, ArtifactChart, type ArtifactChartProps, ArtifactClientCandidates, type ArtifactClientCandidatesProps, ArtifactClientDiffConfirm, type ArtifactClientDiffConfirmProps, ArtifactClientFieldPicker, type ArtifactClientFieldPickerProps, type ArtifactInteraction, ArtifactMarkdown, type ArtifactMarkdownProps, ArtifactPersonaStarters, type ArtifactPersonaStartersProps, ArtifactRenderer, type ArtifactRendererProps, ArtifactTable, type ArtifactTableProps, ArtifactViewer, AuroraBackground, type AuroraBackgroundProps, AuthCard, type AuthCardBrand, type AuthClient, AuthErrorAlert, AuthFlow, type AuthLayout, AuthStepHeader, type BarPoint, Callout, type CardFilter, CardGrid, type CardGridLabels, ChatThread, CodeBlock, CodeShowcase, type CodeShowcaseProps, type CodeShowcaseTab, ColorPicker, type ColorPickerProps, CommandPalette, ContextualSkeleton, type CopilotClient, type CopilotEvent, CopilotLauncher, CopilotProvider, type CopilotQuickAction, type CopilotRequest, CopilotSelectionTrigger, type CopilotSelectionTriggerProps, DEFAULT_LAYERS, DEFAULT_LEGEND_GROUPS, DEFAULT_REGION_PRESETS, DataState, type DataStateLabels, type DataStateProps, DataTable, type DataTableBulkAction, type DataTableColumnFilter, type DataTableColumnMeta, type DataTableDensity, type DataTableFilterType, type DataTableLanguage, type DataTableProps, type DataTableSelectOption, type DataTableServerCallbacks, type DataTableServerState, type DockPosition, DocsLayout, type DocsLayoutProps, type DocsNavGroup, type DocsNavItem, DocsSidebar, DocsTOC, DynamicIcon, DynamicSection, type DynamicSectionProps, EmptyState, type EmptyStateProps, EntityNetworkGraph, type EntityNetworkGraphProps, type ErrorFilter, ErrorTrackingPage, type ErrorTrackingPageProps, EventMapPanel, type EventMapPanelProps, Eyebrow, type EyebrowProps, FeatureCard, type FeatureCardProps, type FeedbackAttachment, FeedbackButton, type FeedbackButtonProps, FeedbackHub, type FeedbackHubProps, type FeedbackItem, type FeedbackKind, FeedbackWidget, type FeedbackWidgetProps, FilterBar, type FilterBarProps, type FilterChip, ForgotForm, GlassCard, type GlassCardProps, type GraphLink, type GraphNode, IconPicker, type IconPickerProps, type Issue$1 as Issue, type IssueAssignee, type IssueBreadcrumb, IssueDetail, type IssueDetailProps, type IssueLevel, type IssueSort, type IssueTag, IssuesList, type IssuesListProps, LANG_COOKIE_NAME, type LanguageContextValue, LanguageProvider, type LanguageProviderProps, type LegendGroup, type LegendItem, type LegendShapeType, LockScreen, type LockScreenProps, type LockScreenUser, type LogLevel, LoginForm, type LoginResult, Logo, type LogoProps, type LogoTone, type LogoVariant, type LogsFilter, LogsView, type LogsViewProps, MARKER_COLORS, MARKER_LABELS, type MapLayer, MapLayersPanel, type MapLayersPanelProps, MapLegend, type MapLegendProps, type MapMarker$1 as MapMarker, type MapMarkerType, MapPanel, type MapPanelProps, type MapRegionPreset, MapView, type MapViewProps, MarkdownContent, MarkdownEditor, type MarkdownEditorProps, MarkdownRenderer, type MarkdownRendererProps, MarkdownTable, type MarkdownView, MarketplaceCard, type MarketplaceCardProps, MiniBarChart, MockupWindow, type MockupWindowProps, type ModelOption, MotorFeedbackLauncher, type MotorFeedbackLauncherProps, NestedStepsEditor, type NestedStepsEditorProps, NetworkGraph, type NetworkGraphProps, type NewFeedback, OTPBoxGroup, type OtpResult, PIPELINE_STAGES, PageHeader, type PageHeaderProps, Pager, type PaletteItem, PasswordInput, PasswordLockScreen, type PasswordLockScreenProps, type PasswordLockScreenUser, type PasswordRule, PasswordStrengthMeter, type PickedLocation, PillButton, type PillButtonProps, type PipelineCard, type PipelineLane, type PipelineModel, type PluginActivitySummary, type PluginAppearanceFields, PluginAppearanceSection, type PluginAppearanceSectionProps, PluginCard, type PluginCatalogEntry, type PluginDetailIdentity, PluginDetailLayout, type PluginDetailLayoutProps, type PluginDetailTab, PluginHero, PluginHeroSkeleton, PluginPageHeader, PluginSectionCard, PluginSparkline, type ProfileSession, ProfileView, type ProfileViewProps, type RenderMapContext, ResetForm, type ResolvedIcon, Reveal, type RevealProps, RouteProgress, type RouteProgressProps, STEP_FIELD_REGISTRY, SectionBoard, type SectionBoardProps, SectionHeading, type SectionHeadingProps, type SectionModel, SectionSkeleton, SentraLoading, type ServiceLogRow, ServiceUnavailable, type ServiceUnavailableProps, SessionExpired, type SessionExpiredProps, SeverityChip, type SidebarConversation, type SidebarUser, SourceBadge, type SparklinePoint, type StackFrame, type StackFrameContextLine, StatCard, type StatCardProps, type StatTile, StatsRow, StatusBadge, type StatusBadgeProps, type StatusBadgeTone, type Step, type StepFieldDef, type StepFieldType, type StepMetrics7d, StepOptionsDialog, type StepOptionsDialogProps, StreamingMessage, type TestRunCallbacks, type TestRunCompletePayload, TestRunPanel, type TestRunPanelProps, type TestRunSavedItem, type TestRunStep, type TocItem, TwoFAForm, UnifiedCopilotDock, type UnlockCredentials, type Verify2FAResult, type View, ViewToggle, type ViewToggleProps, Wordmark, type WordmarkProps, Workflow, WorkflowEditor, type WorkflowEditorProps, type WorkflowPalette, WorkflowPipeline, type WorkflowPipelineProps, type WorkflowProps, type WorkflowSource, type WorkflowStep, type WorkflowStepLike, WorkflowStepNode, type WorkflowStepNodeProps, type WorkflowView, cn, computeRules, computeScore, feedbackButtonVariants, levelTone, resolveIcon, statValueVariants, statusBadgeVariants, useCopilot, useLanguage, useT };

package/dist/index.js

@@ -16008,6 +16008,264 @@ function PillButton({ className, variant = "flow", size = "lg", children, ...res
   );
 }
 PillButton.displayName = "PillButton";
+
+// src/components/marketing/Marketplace.tsx
+import * as React30 from "react";
+import { Search as Search8, Star as Star2, Download as Download2 } from "lucide-react";
+import { jsx as jsx99, jsxs as jsxs87 } from "react/jsx-runtime";
+var DISPLAY3 = { fontFamily: '"Sora", var(--togo-font-body, ui-sans-serif, system-ui, sans-serif)' };
+function MarketplaceCard({
+  name,
+  href,
+  category,
+  categoryColor = "#2D8CE6",
+  icon: Icon,
+  description,
+  author,
+  stars,
+  downloads,
+  enabled,
+  className
+}) {
+  return /* @__PURE__ */ jsx99("a", { href, className: cn("group block h-full", className), children: /* @__PURE__ */ jsxs87(GlassCard, { hover: true, className: "overflow-hidden h-full flex flex-col p-0", children: [
+    /* @__PURE__ */ jsxs87(
+      "div",
+      {
+        className: "relative h-28 flex items-center justify-center overflow-hidden",
+        style: { background: `radial-gradient(120% 140% at 0% 0%, ${categoryColor}55, transparent 62%), linear-gradient(135deg, ${categoryColor}26, #0b1016)` },
+        children: [
+          /* @__PURE__ */ jsx99("div", { className: "absolute inset-0 opacity-[0.14]", style: { backgroundImage: "radial-gradient(circle at 1px 1px, #fff 1px, transparent 0)", backgroundSize: "16px 16px" } }),
+          Icon && /* @__PURE__ */ jsx99("div", { className: "relative grid place-items-center w-14 h-14 rounded-2xl bg-white/10 backdrop-blur-sm ring-1 ring-white/15 transition-transform duration-300 group-hover:scale-105", children: /* @__PURE__ */ jsx99(Icon, { size: 28, style: { color: "#fff" } }) }),
+          enabled && /* @__PURE__ */ jsx99("span", { className: "absolute top-3 end-3 text-[10px] font-mono px-2 py-0.5 rounded-full bg-black/30 text-emerald-300 ring-1 ring-emerald-400/30", children: "enabled" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs87("div", { className: "p-5 flex flex-col flex-1", children: [
+      /* @__PURE__ */ jsxs87("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx99("h3", { style: DISPLAY3, className: "text-[15px] font-bold truncate", children: name }),
+        category && /* @__PURE__ */ jsx99("span", { className: "ms-auto shrink-0 text-[10px] font-mono uppercase tracking-wider px-2 py-0.5 rounded-full border border-white/12 text-muted-foreground", children: category })
+      ] }),
+      /* @__PURE__ */ jsx99("p", { className: "text-[13px] text-muted-foreground mt-1.5 line-clamp-2 flex-1", children: description || "A togo-framework plugin." }),
+      /* @__PURE__ */ jsxs87("div", { className: "flex items-center gap-3 mt-3 text-[11px] text-muted-foreground font-mono", children: [
+        author && /* @__PURE__ */ jsx99("span", { className: "truncate", children: author }),
+        /* @__PURE__ */ jsxs87("span", { className: "ms-auto flex items-center gap-3 shrink-0", children: [
+          typeof stars === "number" && stars > 0 && /* @__PURE__ */ jsxs87("span", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx99(Star2, { size: 11 }),
+            " ",
+            stars
+          ] }),
+          typeof downloads === "number" && downloads > 0 && /* @__PURE__ */ jsxs87("span", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx99(Download2, { size: 11 }),
+            " ",
+            downloads
+          ] })
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+MarketplaceCard.displayName = "MarketplaceCard";
+function StatsRow({ stats, className }) {
+  return /* @__PURE__ */ jsx99("div", { className: cn("grid grid-cols-3 gap-3 sm:gap-4", className), children: stats.map((s, i) => /* @__PURE__ */ jsxs87("div", { className: "rounded-2xl border border-white/10 bg-white/[0.04] backdrop-blur-md px-4 sm:px-5 py-4 text-center", children: [
+    /* @__PURE__ */ jsx99("div", { className: "text-[10px] font-mono uppercase tracking-[0.16em] text-muted-foreground/70", children: s.label }),
+    /* @__PURE__ */ jsx99("div", { style: DISPLAY3, className: "text-2xl sm:text-3xl font-bold mt-1", children: s.value })
+  ] }, i)) });
+}
+StatsRow.displayName = "StatsRow";
+function FilterBar({ search, onSearch, chips, active, onChip, sort, searchPlaceholder = "Search plugins\u2026", className }) {
+  return /* @__PURE__ */ jsxs87("div", { className: cn("flex flex-col gap-4", className), children: [
+    /* @__PURE__ */ jsxs87("div", { className: "flex flex-col sm:flex-row gap-3 sm:items-center", children: [
+      /* @__PURE__ */ jsxs87("div", { className: "relative flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsx99(Search8, { size: 15, className: "absolute start-3.5 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none" }),
+        /* @__PURE__ */ jsx99(
+          "input",
+          {
+            value: search,
+            onChange: (e) => onSearch(e.target.value),
+            placeholder: searchPlaceholder,
+            className: "w-full h-11 ps-10 pe-4 rounded-full border border-white/12 bg-white/[0.05] backdrop-blur-md text-sm outline-none focus:border-[color:rgba(31,199,220,.5)] transition-colors"
+          }
+        )
+      ] }),
+      sort && /* @__PURE__ */ jsx99(
+        "select",
+        {
+          value: sort.value,
+          onChange: (e) => sort.onSort(e.target.value),
+          className: "h-11 px-4 rounded-full border border-white/12 bg-white/[0.05] backdrop-blur-md text-sm outline-none cursor-pointer",
+          children: sort.options.map((o) => /* @__PURE__ */ jsx99("option", { value: o.value, className: "bg-[#0b1016]", children: o.label }, o.value))
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx99("div", { className: "flex flex-wrap gap-2", children: chips.map((c) => {
+      const on = active === c.value;
+      return /* @__PURE__ */ jsxs87(
+        "button",
+        {
+          onClick: () => onChip(c.value),
+          className: cn(
+            "font-mono text-[12px] px-3.5 py-1.5 rounded-full border transition-colors",
+            on ? "border-[color:rgba(31,199,220,.5)] text-[#5CDDEC] bg-[color:rgba(31,199,220,.08)]" : "border-white/12 text-muted-foreground hover:text-foreground hover:bg-white/[0.05]"
+          ),
+          children: [
+            c.label,
+            typeof c.count === "number" && /* @__PURE__ */ jsxs87("span", { className: "opacity-50", children: [
+              " ",
+              c.count
+            ] })
+          ]
+        },
+        c.value
+      );
+    }) })
+  ] });
+}
+FilterBar.displayName = "FilterBar";
+function Pager({ page, pages, onPage, className }) {
+  if (pages <= 1) return null;
+  const nums = Array.from({ length: pages }, (_, i) => i + 1).filter((n) => n === 1 || n === pages || Math.abs(n - page) <= 1);
+  const btn = "min-w-9 h-9 px-2 rounded-full border text-sm font-mono transition-colors";
+  return /* @__PURE__ */ jsxs87("div", { className: cn("flex items-center justify-center gap-1.5", className), children: [
+    /* @__PURE__ */ jsx99("button", { disabled: page <= 1, onClick: () => onPage(page - 1), className: cn(btn, "border-white/12 text-muted-foreground hover:text-foreground disabled:opacity-30"), children: "\u2039" }),
+    nums.map((n, i) => /* @__PURE__ */ jsxs87(React30.Fragment, { children: [
+      i > 0 && n - nums[i - 1] > 1 && /* @__PURE__ */ jsx99("span", { className: "text-muted-foreground/50 px-1", children: "\u2026" }),
+      /* @__PURE__ */ jsx99("button", { onClick: () => onPage(n), className: cn(btn, n === page ? "border-[color:rgba(31,199,220,.5)] text-[#5CDDEC] bg-[color:rgba(31,199,220,.08)]" : "border-white/12 text-muted-foreground hover:text-foreground"), children: n })
+    ] }, n)),
+    /* @__PURE__ */ jsx99("button", { disabled: page >= pages, onClick: () => onPage(page + 1), className: cn(btn, "border-white/12 text-muted-foreground hover:text-foreground disabled:opacity-30"), children: "\u203A" })
+  ] });
+}
+Pager.displayName = "Pager";
+
+// src/components/marketing/Docs.tsx
+import * as React31 from "react";
+import { Info as Info3, AlertTriangle as AlertTriangle5, Lightbulb as Lightbulb2, Search as Search9, ChevronRight as ChevronRight9 } from "lucide-react";
+import { Fragment as Fragment25, jsx as jsx100, jsxs as jsxs88 } from "react/jsx-runtime";
+var DISPLAY4 = { fontFamily: '"Sora", var(--togo-font-body, ui-sans-serif, system-ui, sans-serif)' };
+function Callout({ kind = "info", title, children, className }) {
+  const { Icon, c } = {
+    info: { Icon: Info3, c: "#2D8CE6" },
+    warn: { Icon: AlertTriangle5, c: "#f5a623" },
+    tip: { Icon: Lightbulb2, c: "#1FC7DC" },
+    note: { Icon: Info3, c: "#8b97a3" }
+  }[kind];
+  return /* @__PURE__ */ jsxs88("div", { className: cn("rounded-xl border p-4 flex gap-3 my-4", className), style: { borderColor: `${c}40`, background: `${c}12` }, children: [
+    /* @__PURE__ */ jsx100(Icon, { size: 18, style: { color: c }, className: "shrink-0 mt-0.5" }),
+    /* @__PURE__ */ jsxs88("div", { className: "text-sm text-foreground/90 [&>p]:m-0 [&>p]:leading-relaxed", children: [
+      title && /* @__PURE__ */ jsx100("div", { className: "font-semibold mb-1", style: DISPLAY4, children: title }),
+      children
+    ] })
+  ] });
+}
+Callout.displayName = "Callout";
+function DocsSidebar({ groups, activeHref, className, onNavigate }) {
+  return /* @__PURE__ */ jsx100("nav", { className: cn("text-sm", className), children: groups.map((g) => {
+    const hasActive = g.items.some((i) => i.href === activeHref);
+    return /* @__PURE__ */ jsx100(DocsGroup, { group: g, activeHref, defaultOpen: hasActive, onNavigate }, g.label);
+  }) });
+}
+function DocsGroup({ group, activeHref, defaultOpen, onNavigate }) {
+  const [open, setOpen] = React31.useState(defaultOpen);
+  return /* @__PURE__ */ jsxs88("div", { className: "mb-1", children: [
+    /* @__PURE__ */ jsxs88("button", { onClick: () => setOpen((o) => !o), className: "w-full flex items-center gap-1.5 px-2 py-1.5 text-[11px] font-mono uppercase tracking-[0.14em] text-muted-foreground/70 hover:text-foreground", children: [
+      /* @__PURE__ */ jsx100(ChevronRight9, { size: 12, className: cn("transition-transform", open && "rotate-90") }),
+      group.label
+    ] }),
+    open && /* @__PURE__ */ jsx100("ul", { className: "mt-0.5 mb-2 ms-3 border-s border-white/10", children: group.items.map((i) => {
+      const on = i.href === activeHref;
+      return /* @__PURE__ */ jsx100("li", { children: /* @__PURE__ */ jsx100(
+        "a",
+        {
+          href: i.href,
+          onClick: onNavigate ? (e) => {
+            e.preventDefault();
+            onNavigate(i.href);
+          } : void 0,
+          className: cn("block ps-3 -ms-px border-s py-1.5 transition-colors", on ? "border-[#1FC7DC] text-[#5CDDEC]" : "border-transparent text-muted-foreground hover:text-foreground"),
+          children: i.label
+        }
+      ) }, i.href);
+    }) })
+  ] });
+}
+DocsSidebar.displayName = "DocsSidebar";
+function DocsTOC({ items, className }) {
+  const [active, setActive] = React31.useState("");
+  React31.useEffect(() => {
+    if (!items.length) return;
+    const obs = new IntersectionObserver(
+      (entries) => {
+        const vis = entries.filter((e) => e.isIntersecting).sort((a, b) => a.boundingClientRect.top - b.boundingClientRect.top);
+        if (vis[0]) setActive(vis[0].target.id);
+      },
+      { rootMargin: "-80px 0px -70% 0px" }
+    );
+    items.forEach((i) => {
+      const el = document.getElementById(i.id);
+      if (el) obs.observe(el);
+    });
+    return () => obs.disconnect();
+  }, [items]);
+  if (!items.length) return null;
+  return /* @__PURE__ */ jsxs88("nav", { className: cn("text-sm", className), children: [
+    /* @__PURE__ */ jsx100("div", { className: "text-[10px] font-mono uppercase tracking-[0.16em] text-muted-foreground/60 mb-3", children: "On this page" }),
+    /* @__PURE__ */ jsx100("ul", { className: "border-s border-white/10", children: items.map((i) => /* @__PURE__ */ jsx100("li", { style: { paddingInlineStart: `${(Math.max(1, i.level) - 1) * 12}px` }, children: /* @__PURE__ */ jsx100("a", { href: `#${i.id}`, className: cn("block ps-3 -ms-px border-s py-1 transition-colors", active === i.id ? "border-[#1FC7DC] text-[#5CDDEC]" : "border-transparent text-muted-foreground hover:text-foreground"), children: i.text }) }, i.id)) })
+  ] });
+}
+DocsTOC.displayName = "DocsTOC";
+function DocsLayout({ sidebar, toc, breadcrumb, topbar, children, className }) {
+  return /* @__PURE__ */ jsxs88("div", { className: cn("mx-auto max-w-7xl px-4 sm:px-6", className), children: [
+    topbar,
+    /* @__PURE__ */ jsxs88("div", { className: "flex gap-8", children: [
+      /* @__PURE__ */ jsx100("aside", { className: "hidden lg:block w-60 shrink-0 sticky top-20 self-start max-h-[calc(100vh-6rem)] overflow-y-auto py-8 pe-2", children: sidebar }),
+      /* @__PURE__ */ jsxs88("main", { className: "min-w-0 flex-1 py-8 max-w-3xl", children: [
+        breadcrumb && /* @__PURE__ */ jsx100("div", { className: "text-[12px] font-mono text-muted-foreground/70 mb-3", children: breadcrumb }),
+        children
+      ] }),
+      toc && /* @__PURE__ */ jsx100("aside", { className: "hidden xl:block w-56 shrink-0 sticky top-20 self-start max-h-[calc(100vh-6rem)] overflow-y-auto py-8", children: toc })
+    ] })
+  ] });
+}
+DocsLayout.displayName = "DocsLayout";
+function CommandPalette({ items, placeholder = "Search docs & plugins\u2026", className }) {
+  const [open, setOpen] = React31.useState(false);
+  const [q, setQ] = React31.useState("");
+  React31.useEffect(() => {
+    const h = (e) => {
+      if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k") {
+        e.preventDefault();
+        setOpen((o) => !o);
+      }
+      if (e.key === "Escape") setOpen(false);
+    };
+    window.addEventListener("keydown", h);
+    return () => window.removeEventListener("keydown", h);
+  }, []);
+  const results = q ? items.filter((i) => (i.label + " " + (i.sublabel || "")).toLowerCase().includes(q.toLowerCase())).slice(0, 40) : items.slice(0, 24);
+  return /* @__PURE__ */ jsxs88(Fragment25, { children: [
+    /* @__PURE__ */ jsxs88("button", { onClick: () => setOpen(true), className: cn("inline-flex items-center gap-2 h-9 px-3 rounded-full border border-white/12 bg-white/[0.05] text-sm text-muted-foreground hover:text-foreground transition-colors", className), children: [
+      /* @__PURE__ */ jsx100(Search9, { size: 14 }),
+      " ",
+      /* @__PURE__ */ jsx100("span", { className: "hidden sm:inline", children: "Search" }),
+      /* @__PURE__ */ jsx100("kbd", { className: "hidden sm:inline font-mono text-[10px] border border-white/15 rounded px-1 py-0.5", children: "\u2318K" })
+    ] }),
+    open && /* @__PURE__ */ jsx100("div", { className: "fixed inset-0 z-[100] flex items-start justify-center pt-[12vh] bg-black/60 backdrop-blur-sm", onClick: () => setOpen(false), children: /* @__PURE__ */ jsxs88("div", { className: "w-full max-w-xl mx-4 rounded-2xl border border-white/12 bg-[#0b1016]/95 backdrop-blur-xl shadow-[0_30px_80px_-20px_rgba(0,0,0,.8)] overflow-hidden", onClick: (e) => e.stopPropagation(), children: [
+      /* @__PURE__ */ jsxs88("div", { className: "flex items-center gap-3 px-4 border-b border-white/10", children: [
+        /* @__PURE__ */ jsx100(Search9, { size: 16, className: "text-muted-foreground" }),
+        /* @__PURE__ */ jsx100("input", { autoFocus: true, value: q, onChange: (e) => setQ(e.target.value), placeholder, className: "flex-1 h-12 bg-transparent outline-none text-sm" }),
+        /* @__PURE__ */ jsx100("kbd", { className: "font-mono text-[10px] text-muted-foreground border border-white/15 rounded px-1", children: "esc" })
+      ] }),
+      /* @__PURE__ */ jsxs88("ul", { className: "max-h-[50vh] overflow-auto p-2", children: [
+        results.map((r, idx) => /* @__PURE__ */ jsx100("li", { children: /* @__PURE__ */ jsxs88("a", { href: r.href, className: "flex items-center gap-3 px-3 py-2.5 rounded-lg hover:bg-white/[0.06]", children: [
+          /* @__PURE__ */ jsx100("span", { className: "text-sm truncate", children: r.label }),
+          r.sublabel && /* @__PURE__ */ jsx100("span", { className: "text-xs text-muted-foreground truncate min-w-0", children: r.sublabel }),
+          r.group && /* @__PURE__ */ jsx100("span", { className: "ms-auto shrink-0 text-[10px] font-mono uppercase text-muted-foreground/60", children: r.group })
+        ] }) }, idx)),
+        !results.length && /* @__PURE__ */ jsx100("li", { className: "px-3 py-6 text-center text-sm text-muted-foreground", children: "No results." })
+      ] })
+    ] }) })
+  ] });
+}
+CommandPalette.displayName = "CommandPalette";
 export {
   Accordion,
   AccordionContent,
@@ -16064,6 +16322,7 @@ export {
   BreadcrumbSeparator,
   Button,
   Calendar,
+  Callout,
   Card,
   CardContent,
   CardDescription,
@@ -16098,6 +16357,7 @@ export {
   CommandInputPrimitive,
   CommandItem,
   CommandList,
+  CommandPalette,
   CommandSeparator,
   CommandShortcut,
   ContextMenu,
@@ -16135,6 +16395,9 @@ export {
   DialogTitle,
   DialogTrigger,
   DirectionalArrow,
+  DocsLayout,
+  DocsSidebar,
+  DocsTOC,
   Drawer,
   DrawerClose,
   DrawerContent,
@@ -16171,6 +16434,7 @@ export {
   FeedbackButton,
   FeedbackHub,
   FeedbackWidget,
+  FilterBar,
   ForgotForm_default as ForgotForm,
   Form,
   FormControl,
@@ -16209,6 +16473,7 @@ export {
   MarkdownEditor,
   MarkdownRenderer,
   MarkdownTable,
+  MarketplaceCard,
   Menubar,
   MenubarCheckboxItem,
   MenubarContent,
@@ -16242,6 +16507,7 @@ export {
   OTPBoxGroup_default as OTPBoxGroup,
   PIPELINE_STAGES,
   PageHeader,
+  Pager,
   Pagination,
   PaginationContent,
   PaginationEllipsis,
@@ -16334,6 +16600,7 @@ export {
   Slider,
   SourceBadge,
   StatCard,
+  StatsRow,
   StatusBadge,
   StepOptionsDialog,
   StreamingMessage_default as StreamingMessage,