@datum-cloud/datum-ui 2.4.0 → 2.6.0

package/dist/app-navigation/index.mjs

@@ -1,3 +1,3 @@
-import { C as SidebarProvider, S as SidebarGroupLabel, _ as SidebarMenuSubButton, a as SidebarInput, b as SidebarGroupAction, c as SidebarSeparator, d as SidebarMenuAction, f as SidebarMenuBadge, g as SidebarMenuSub, h as SidebarMenuSkeleton, i as SidebarHeader, l as SidebarTrigger, m as SidebarMenuItem, n as SidebarContent, o as SidebarInset, p as SidebarMenuButton, r as SidebarFooter, s as SidebarRail, t as Sidebar, u as SidebarMenu, v as SidebarMenuSubItem, w as useSidebar, x as SidebarGroupContent, y as SidebarGroup } from "../sidebar-D6BoAr6C.mjs";
-import { a as hasActiveDescendant, i as findItemByHref, n as NavMenu, o as isNavItemActive, r as NavMenuItem, s as normalizePath, t as AppNavigation } from "../app-navigation--tEBCrfl.mjs";
+import { C as SidebarProvider, S as SidebarGroupLabel, _ as SidebarMenuSubButton, a as SidebarInput, b as SidebarGroupAction, c as SidebarSeparator, d as SidebarMenuAction, f as SidebarMenuBadge, g as SidebarMenuSub, h as SidebarMenuSkeleton, i as SidebarHeader, l as SidebarTrigger, m as SidebarMenuItem, n as SidebarContent, o as SidebarInset, p as SidebarMenuButton, r as SidebarFooter, s as SidebarRail, t as Sidebar, u as SidebarMenu, v as SidebarMenuSubItem, w as useSidebar, x as SidebarGroupContent, y as SidebarGroup } from "../sidebar-BeWEEu7P.mjs";
+import { a as hasActiveDescendant, i as findItemByHref, n as NavMenu, o as isNavItemActive, r as NavMenuItem, s as normalizePath, t as AppNavigation } from "../app-navigation-DhPaPFnN.mjs";
 export { AppNavigation, NavMenu, NavMenuItem, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, findItemByHref, hasActiveDescendant, isNavItemActive, normalizePath, useSidebar };

package/dist/{app-navigation--tEBCrfl.mjs → app-navigation-DhPaPFnN.mjs}

@@ -1,7 +1,8 @@
 import { t as cn } from "./utils-Bu32wN-x.mjs";
 import { t as Icon } from "./icon-wrapper-DKfJlJd0.mjs";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./collapsible/index.mjs";
-import { c as SidebarSeparator, g as SidebarMenuSub, h as SidebarMenuSkeleton, i as SidebarHeader, l as SidebarTrigger, m as SidebarMenuItem, n as SidebarContent, p as SidebarMenuButton, r as SidebarFooter, t as Sidebar, u as SidebarMenu, w as useSidebar, x as SidebarGroupContent, y as SidebarGroup } from "./sidebar-D6BoAr6C.mjs";
+import { c as SidebarSeparator, g as SidebarMenuSub, h as SidebarMenuSkeleton, i as SidebarHeader, l as SidebarTrigger, m as SidebarMenuItem, n as SidebarContent, p as SidebarMenuButton, r as SidebarFooter, t as Sidebar, u as SidebarMenu, w as useSidebar, x as SidebarGroupContent, y as SidebarGroup } from "./sidebar-BeWEEu7P.mjs";
+import { n as EASE } from "./motion-DvGRWdsm.mjs";
 import { ChevronRight, ExternalLinkIcon } from "lucide-react";
 import { createContext, memo, use, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -152,12 +153,7 @@ const COLLAPSIBLE_CHILD_VARIANTS = {
 		y: 0,
 		transition: {
 			duration: .2,
-			ease: [
-				.32,
-				.72,
-				0,
-				1
-			]
+			ease: EASE.drawer
 		}
 	}
 };

package/dist/assistant/index.mjs

@@ -1,7 +1,8 @@
 import { t as cn } from "../utils-Bu32wN-x.mjs";
 import { t as Icon } from "../icon-wrapper-DKfJlJd0.mjs";
 import { a as DropdownMenuRadioGroup, c as DropdownMenuTrigger, i as DropdownMenuLabel, o as DropdownMenuRadioItem, r as DropdownMenuContent, s as DropdownMenuSeparator, t as DropdownMenu } from "../dropdown-menu-b8zY5Cs6.mjs";
-import { t as Tooltip } from "../tooltip-C_SL1imw.mjs";
+import { t as Tooltip } from "../tooltip-DhbN1BDK.mjs";
+import { n as EASE, t as DURATION } from "../motion-DvGRWdsm.mjs";
 import { ArrowDown, ArrowRight, ArrowUp, Brain, Check, ChevronDown, Copy, Download, MessagesSquare, Mic, MicOff, PanelLeft, Plus, RotateCw, Square, Trash2 } from "lucide-react";
 import { Fragment, createContext, useCallback, useContext, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -536,7 +537,10 @@ function ScrollToBottomButton({ show, onClick }) {
 			opacity: 0,
 			y: 8
 		},
-		transition: { duration: .15 },
+		transition: {
+			duration: DURATION.fast,
+			ease: EASE.out
+		},
 		onClick,
 		"aria-label": "Scroll to bottom",
 		className: "ring-border bg-card text-muted-foreground hover:text-foreground absolute -top-10 left-1/2 z-10 -translate-x-1/2 rounded-full p-1.5 ring-1 transition-colors",
@@ -736,7 +740,10 @@ function EmptyState({ name, isReady, onSuggestion, children }) {
 					opacity: 1,
 					y: 0
 				},
-				transition: { duration: .3 },
+				transition: {
+					duration: .3,
+					ease: EASE.out
+				},
 				className: "mb-8 flex flex-col items-center text-center",
 				children: [/* @__PURE__ */ jsx(BrainGlyph, { className: "mb-4 size-16" }), /* @__PURE__ */ jsx("h1", {
 					className: "text-foreground font-title text-3xl leading-[34px] font-normal tracking-[-1.2px]",
@@ -754,7 +761,8 @@ function EmptyState({ name, isReady, onSuggestion, children }) {
 				},
 				transition: {
 					duration: .3,
-					delay: .05
+					delay: .05,
+					ease: EASE.out
 				},
 				children
 			}),
@@ -771,8 +779,9 @@ function EmptyState({ name, isReady, onSuggestion, children }) {
 						y: 0
 					},
 					transition: {
-						duration: .25,
-						delay: .1 + .05 * i
+						duration: DURATION.medium,
+						delay: .1 + .05 * i,
+						ease: EASE.out
 					},
 					disabled: !isReady,
 					onClick: () => onSuggestion(suggestion),

package/dist/autocomplete/index.mjs

@@ -1,2 +1,2 @@
-import { t as Autocomplete } from "../autocomplete-DZ_HSBak.mjs";
+import { t as Autocomplete } from "../autocomplete-BxtzndxZ.mjs";
 export { Autocomplete };

package/dist/{autocomplete-DZ_HSBak.mjs → autocomplete-BxtzndxZ.mjs}

@@ -1,5 +1,5 @@
 import { t as cn } from "./utils-Bu32wN-x.mjs";
-import { t as ResponsivePopover } from "./responsive-popover-C_1nzIvm.mjs";
+import { t as ResponsivePopover } from "./responsive-popover-8VcjBM2d.mjs";
 import { t as LoaderOverlay } from "./loader-overlay-DD94azZX.mjs";
 import { n as OptionList, t as useOptionPicker } from "./use-option-picker-s2bUYwXC.mjs";
 import { ChevronDown } from "lucide-react";

package/dist/autosearch/index.mjs

@@ -1,8 +1,8 @@
 import { t as cn } from "../utils-Bu32wN-x.mjs";
-import { t as Button } from "../button-A1qTjZ8U.mjs";
+import { t as Button } from "../button-DoMqfQLu.mjs";
 import { t as Input } from "../input-j4tbmYYz.mjs";
-import { t as ResponsivePopover } from "../responsive-popover-C_1nzIvm.mjs";
-import { t as Tooltip } from "../tooltip-C_SL1imw.mjs";
+import { t as ResponsivePopover } from "../responsive-popover-8VcjBM2d.mjs";
+import { t as Tooltip } from "../tooltip-DhbN1BDK.mjs";
 import { n as OptionList, t as useOptionPicker } from "../use-option-picker-s2bUYwXC.mjs";
 import { AlertCircle, Loader2, X } from "lucide-react";
 import * as React from "react";

package/dist/avatar-stack/index.mjs

@@ -1,2 +1,2 @@
-import { n as avatarStackVariants, t as AvatarStack } from "../avatar-stack-BZK6zUJr.mjs";
+import { n as avatarStackVariants, t as AvatarStack } from "../avatar-stack-BUcsjhA6.mjs";
 export { AvatarStack, avatarStackVariants };

package/dist/{avatar-stack-BZK6zUJr.mjs → avatar-stack-BUcsjhA6.mjs}

@@ -1,6 +1,6 @@
 import { t as cn } from "./utils-Bu32wN-x.mjs";
 import { Avatar, AvatarFallback, AvatarImage } from "./avatar/index.mjs";
-import { t as Tooltip } from "./tooltip-C_SL1imw.mjs";
+import { t as Tooltip } from "./tooltip-DhbN1BDK.mjs";
 import { cva } from "class-variance-authority";
 import "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/button/index.mjs

@@ -1,3 +1,3 @@
-import { n as buttonVariants, t as Button } from "../button-A1qTjZ8U.mjs";
-import { t as LinkButton } from "../button-H_8dI-Ib.mjs";
+import { n as buttonVariants, t as Button } from "../button-DoMqfQLu.mjs";
+import { t as LinkButton } from "../button-CDPui_Ov.mjs";
 export { Button, LinkButton, buttonVariants };

package/dist/{button-H_8dI-Ib.mjs → button-CDPui_Ov.mjs}

@@ -1,5 +1,5 @@
 import { t as cn } from "./utils-Bu32wN-x.mjs";
-import { n as buttonVariants, r as getIconOnlyClass } from "./button-A1qTjZ8U.mjs";
+import { n as buttonVariants, r as getIconOnlyClass } from "./button-DoMqfQLu.mjs";
 import "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/base/button/link-button.tsx

package/dist/{button-A1qTjZ8U.mjs → button-DoMqfQLu.mjs}

@@ -24,7 +24,7 @@ function getIconOnlyClass(size, isIconOnly) {
 }
 //#endregion
 //#region src/components/base/button/button.tsx
-const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lg text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:opacity-50", {
+const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lg text-sm font-medium transition-[color,background-color,border-color,opacity,transform] duration-[var(--duration-fast)] ease-out focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:opacity-50 active:scale-[0.98] disabled:active:scale-100", {
 	variants: {
 		type: {
 			primary: "",

package/dist/{calendar-date-picker-ynSGADfR.mjs → calendar-date-picker-bpTUcGu_.mjs}

@@ -1,5 +1,5 @@
 import { t as useDeprecationWarning } from "./use-deprecation-warning-DXrGc0jX.mjs";
-import { a as DateRangePicker } from "./picker-raVuDxsh.mjs";
+import { a as DateRangePicker } from "./picker-DbKukBkk.mjs";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/features/calendar-date-picker/calendar-date-picker.tsx
 /**

package/dist/components/base/hover-card/hover-card.d.ts

@@ -0,0 +1,13 @@
+import { HoverCardContent as ShadcnHoverCardContent, HoverCard as ShadcnHoverCardRoot, HoverCardTrigger as ShadcnHoverCardTrigger } from '../../../_shadcn/ui/hover-card';
+import * as React from 'react';
+/**
+ * Datum HoverCard
+ *
+ * Thin wrapper over the shadcn hover card. Standardises `HoverCardContent`
+ * motion on the shared fast/ease-out tokens (shadcn already sets the
+ * trigger-anchored transform-origin). Root/Trigger pass through unchanged.
+ */
+declare const HoverCard: typeof ShadcnHoverCardRoot;
+declare const HoverCardTrigger: typeof ShadcnHoverCardTrigger;
+declare function HoverCardContent({ className, ...props }: React.ComponentProps<typeof ShadcnHoverCardContent>): React.JSX.Element;
+export { HoverCard, HoverCardContent, HoverCardTrigger };

package/dist/components/base/hover-card/index.d.ts

@@ -1 +1 @@
-export * from '../../../_shadcn/ui/hover-card';
+export { HoverCard, HoverCardContent, HoverCardTrigger } from './hover-card';

package/dist/components/base/popover/index.d.ts

@@ -1 +1 @@
-export * from '../../../_shadcn/ui/popover';
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from './popover';

package/dist/components/base/popover/popover.d.ts

@@ -0,0 +1,15 @@
+import { PopoverAnchor as ShadcnPopoverAnchor, PopoverContent as ShadcnPopoverContent, Popover as ShadcnPopoverRoot, PopoverTrigger as ShadcnPopoverTrigger } from '../../../_shadcn/ui/popover';
+import * as React from 'react';
+/**
+ * Datum Popover
+ *
+ * Thin wrapper over the shadcn popover. Adds trigger-anchored motion to
+ * `PopoverContent` (scale from the trigger, not the centre) with the shared
+ * fast/ease-out motion tokens. Root/Trigger/Anchor are passed through
+ * unchanged so this stays a drop-in replacement.
+ */
+declare const Popover: typeof ShadcnPopoverRoot;
+declare const PopoverTrigger: typeof ShadcnPopoverTrigger;
+declare const PopoverAnchor: typeof ShadcnPopoverAnchor;
+declare function PopoverContent({ className, ...props }: React.ComponentProps<typeof ShadcnPopoverContent>): React.JSX.Element;
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };

package/dist/components/features/logs/components/columns.d.ts

@@ -0,0 +1,15 @@
+import type { CSSProperties, ReactNode } from 'react';
+import type { LogColumn, LogColumnSize, LogColumnSpec } from '../types';
+/**
+ * Expand column specs into renderable columns. Unknown built-in ids are
+ * skipped (with a one-time dev warning) so a typo or a stale URL-driven
+ * column list degrades to a narrower table instead of a crash.
+ */
+export declare function resolveLogColumns(specs: readonly LogColumnSpec[]): LogColumn[];
+export declare function columnSize(column: LogColumn): LogColumnSize;
+export declare function columnWidth(column: LogColumn): number;
+export declare function columnHeadClass(column: LogColumn): string;
+export declare function columnCellClass(column: LogColumn): string;
+export declare function columnWidthStyle(column: LogColumn): CSSProperties | undefined;
+export declare function columnSkeleton(column: LogColumn, row: number): ReactNode;
+export declare function columnHeader(column: LogColumn): ReactNode;

package/dist/components/features/logs/components/root.d.ts

@@ -1,2 +1,2 @@
 import type { LogsRootProps } from '../types';
-export declare function LogsRoot({ entries, facets, timeRange, defaultTimeRange, filters, defaultFilters, search, defaultSearch, live, defaultLive, selectedId, defaultSelectedId, isLoading, error, columns, onTimeRangeChange, onFiltersChange, onSearchChange, onLiveChange, onSelectedIdChange, onRefresh, onExport, className, children, }: LogsRootProps): import("react").JSX.Element;
+export declare function LogsRoot({ entries, facets, histogram, timeRange, defaultTimeRange, filters, defaultFilters, search, defaultSearch, live, defaultLive, selectedId, defaultSelectedId, isLoading, error, columns, onTimeRangeChange, onFiltersChange, onSearchChange, onLiveChange, onSelectedIdChange, onRefresh, onExport, className, children, }: LogsRootProps): import("react").JSX.Element;

package/dist/components/features/logs/components/status-badge.d.ts

@@ -2,6 +2,11 @@ import type { ParsedLogLine } from '../types';
 export declare function LogsSeverityBadge({ severity }: {
     severity?: string;
 }): import("react").JSX.Element;
+/** Compact HTTP status chip, used inline next to the detail title. */
+export declare function LogsHttpStatusChip({ status, className }: {
+    status: number;
+    className?: string;
+}): import("react").JSX.Element;
 export declare function LogsStatusBadge({ parsed }: {
     parsed: ParsedLogLine;
 }): import("react").JSX.Element;

package/dist/components/features/logs/components/timeline.d.ts

@@ -0,0 +1,3 @@
+export declare function LogsTimeline({ className }: {
+    className?: string;
+}): import("react").JSX.Element;

package/dist/components/features/logs/fixtures/index.d.ts

@@ -1,2 +1,4 @@
 import type { LokiQueryRangeResponse } from '../types';
 export declare const queryRangeFixture: LokiQueryRangeResponse;
+/** Staging Envoy OTEL access logs: empty Body, HTTP fields on stream labels. */
+export declare const albQueryRangeFixture: LokiQueryRangeResponse;

package/dist/components/features/logs/index.d.ts

@@ -1,4 +1,5 @@
+export { resolveLogColumns } from './components/columns';
 export { useLogs } from './hooks/use-logs';
 export { Logs } from './logs';
-export type { BuildLogQLOptions, LogColumnId, LogEntry, LogFacet, LogFacetOption, LogFilters, LogsContextValue, LogsRootProps, LogTimeRange, LokiQueryRangeResponse, LokiStream, ParsedHttpLogLine, ParsedLogLine, ParsedTextLogLine, } from './types';
-export { buildLogQL, facetsFromEntries, filterEntries, flattenLokiStreams, httpStatusBadgeType, httpStatusTextClass, lastThirtyMinutes, logLineDisplay, nsToDate, parseLogLine, severityBadgeType, } from './utils';
+export type { BuildLogQLOptions, LogColumn, LogColumnCellContext, LogColumnId, LogColumnSize, LogColumnSkeletonContext, LogColumnSpec, LogEntry, LogFacet, LogFacetOption, LogFilters, LogHistogramBucket, LogsContextValue, LogsRootProps, LogTimeRange, LokiQueryRangeResponse, LokiStream, ParsedHttpLogLine, ParsedLogLine, ParsedTextLogLine, } from './types';
+export { buildLogQL, facetsFromEntries, filterEntries, flattenLokiStreams, formatHttpLogLine, histogramFromEntries, httpStatusBadgeType, httpStatusTextClass, lastThirtyMinutes, LOG_TIME_PRESETS, logLineDisplay, logRequestHost, logTimeRangeLabel, nsToDate, parseLogLine, resolveLogTimeRange, searchableLogText, severityBadgeType, splitPathQuery, } from './utils';

package/dist/components/features/logs/logs.d.ts

@@ -3,6 +3,7 @@ import { LogsExplorer } from './components/explorer';
 import { LogsFilterGroup, LogsFilters, LogsTimeRangeFilter } from './components/filters';
 import { LogsRoot } from './components/root';
 import { LogsTable } from './components/table';
+import { LogsTimeline } from './components/timeline';
 import { LogsLiveToggle, LogsSearch, LogsToolbar } from './components/toolbar';
 export declare const Logs: {
     readonly Root: typeof LogsRoot;
@@ -13,6 +14,7 @@ export declare const Logs: {
     readonly Toolbar: typeof LogsToolbar;
     readonly Search: typeof LogsSearch;
     readonly LiveToggle: typeof LogsLiveToggle;
+    readonly Timeline: typeof LogsTimeline;
     readonly Table: typeof LogsTable;
     readonly Detail: typeof LogsDetail;
 };

package/dist/components/features/logs/types.d.ts

@@ -31,9 +31,49 @@ export interface LogFacet {
 export interface LogTimeRange {
     from: string;
     to: string;
+    /**
+     * Key of the relative preset this range came from (e.g. `last-30m`).
+     * Absent for hand-picked absolute ranges. Pass through
+     * `resolveLogTimeRange` to slide a preset window forward to "now".
+     */
+    preset?: string;
 }
 export type LogFilters = Record<string, string[]>;
-export type LogColumnId = 'time' | 'severity' | 'status' | 'service' | 'resource' | 'path' | 'message';
+/** One bar of the timeline histogram. `start` is inclusive, `end` exclusive. */
+export interface LogHistogramBucket {
+    start: string;
+    end: string;
+    count: number;
+}
+export type LogColumnId = 'time' | 'severity' | 'status' | 'service' | 'resource' | 'host' | 'path' | 'message';
+/** How a column behaves in a full-width table. */
+export type LogColumnSize = 'hug' | 'fixed' | 'fill';
+export interface LogColumnCellContext {
+    entry: LogEntry;
+    parsed: ParsedLogLine;
+    path: string | null;
+    message: string;
+}
+/**
+ * A logs table column. Pass a built-in `LogColumnId` or a custom column
+ * so consumers can add Host / Request without CSS overrides.
+ */
+export interface LogColumnSkeletonContext {
+    row: number;
+}
+export interface LogColumn {
+    id: string;
+    header: ReactNode;
+    size?: LogColumnSize;
+    /** Pixel width when `size` is `fixed`. Defaults to 160. */
+    width?: number;
+    className?: string;
+    headerClassName?: string;
+    cell: (ctx: LogColumnCellContext) => ReactNode;
+    /** Placeholder that mirrors this cell's real content while logs load. */
+    skeleton?: (ctx: LogColumnSkeletonContext) => ReactNode;
+}
+export type LogColumnSpec = LogColumnId | LogColumn;
 export interface ParsedHttpLogLine {
     kind: 'http';
     method: string;
@@ -54,6 +94,13 @@ export type LogSeverity = 'DEBUG' | 'INFO' | 'WARN' | 'ERROR' | 'FATAL' | (strin
 export interface LogsRootProps {
     entries: readonly LogEntry[];
     facets?: readonly LogFacet[];
+    /**
+     * Bucketed counts for `Logs.Timeline`. Supply server-side counts (e.g. a
+     * LogQL `count_over_time` range query) so the histogram reflects the whole
+     * window rather than the loaded page. Defaults to bucketing `entries`
+     * across `timeRange`.
+     */
+    histogram?: readonly LogHistogramBucket[];
     timeRange?: LogTimeRange;
     defaultTimeRange?: LogTimeRange;
     filters?: LogFilters;
@@ -66,7 +113,7 @@ export interface LogsRootProps {
     defaultSelectedId?: string | null;
     isLoading?: boolean;
     error?: ReactNode;
-    columns?: readonly LogColumnId[];
+    columns?: readonly LogColumnSpec[];
     onTimeRangeChange?: (range: LogTimeRange) => void;
     onFiltersChange?: (filters: LogFilters) => void;
     onSearchChange?: (search: string) => void;
@@ -80,6 +127,7 @@ export interface LogsRootProps {
 export interface LogsContextValue {
     entries: readonly LogEntry[];
     facets: readonly LogFacet[];
+    histogram: readonly LogHistogramBucket[];
     timeRange: LogTimeRange;
     setTimeRange: (range: LogTimeRange) => void;
     filters: LogFilters;
@@ -98,7 +146,7 @@ export interface LogsContextValue {
     selectNext: () => void;
     isLoading: boolean;
     error: ReactNode;
-    columns: readonly LogColumnId[];
+    columns: readonly LogColumn[];
     hasActiveFilters: boolean;
     onRefresh?: () => void;
     onExport?: (entries: readonly LogEntry[]) => void;

package/dist/components/features/logs/utils/detail-width.d.ts

@@ -0,0 +1,3 @@
+export declare const LOGS_DETAIL_MIN_WIDTH = 400;
+export declare function clampLogsDetailWidth(width: number, maxWidth: number): number;
+export declare function logsDetailMaxWidth(node: HTMLElement | null): number;

package/dist/components/features/logs/utils/facets.d.ts

@@ -1,3 +1,10 @@
 import type { LogEntry, LogFacet, LogFilters } from '../types';
 export declare function facetsFromEntries(entries: readonly LogEntry[], names?: readonly string[]): LogFacet[];
 export declare function filterEntries(entries: readonly LogEntry[], filters: LogFilters, search?: string): LogEntry[];
+/**
+ * Text a search term is matched against: the line, plus the fields the table
+ * actually shows for a label-only access log (method, path, status, host).
+ * Other labels (request ids, user agents, pod names) are deliberately not
+ * searched so a hit is always visible on screen.
+ */
+export declare function searchableLogText(entry: LogEntry): string;

package/dist/components/features/logs/utils/format-timestamp.d.ts

@@ -1,3 +1,7 @@
+export declare function formatLogTimestampParts(date: Date): {
+    date: string;
+    time: string;
+};
 export declare function formatLogTimestamp(date: Date): string;
 export declare function formatRelativeTimestamp(date: Date, now?: Date): string;
 export declare function formatUtcTimestamp(date: Date): string;

package/dist/components/features/logs/utils/histogram.d.ts

@@ -0,0 +1,16 @@
+import type { LogEntry, LogHistogramBucket, LogTimeRange } from '../types';
+export declare const DEFAULT_HISTOGRAM_BUCKETS = 60;
+/**
+ * Bucket `entries` into `bucketCount` equal-width bars across `range`.
+ * Entries outside the range are ignored. Returns `[]` when the range is
+ * invalid or empty so the timeline can fall back to an axis-only state.
+ */
+export declare function histogramFromEntries(entries: readonly LogEntry[], range: LogTimeRange, bucketCount?: number): LogHistogramBucket[];
+/** Index of the bucket containing `date`, or `-1`. */
+export declare function histogramBucketIndex(histogram: readonly LogHistogramBucket[], date: Date): number;
+/** Total span covered by a histogram, in ms. `0` when empty. */
+export declare function histogramSpanMs(histogram: readonly LogHistogramBucket[]): number;
+/** Axis tick label whose precision follows the span being displayed. */
+export declare function formatTimelineTick(date: Date, spanMs: number): string;
+/** Tooltip text for a bucket: count plus its window. */
+export declare function formatBucketSummary(bucket: LogHistogramBucket, spanMs: number): string;

package/dist/components/features/logs/utils/host.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Host shown for an HTTP access log. An explicit `host` label (set by the
+ * host app) wins; otherwise prefer the name the client asked for
+ * (`requested_server_name`, `x_forwarded_host`) over the upstream
+ * `authority`, then fall back to `resource_name`.
+ */
+export declare function logRequestHost(labels: Record<string, string>): string | undefined;

package/dist/components/features/logs/utils/index.d.ts

@@ -1,8 +1,10 @@
 export { buildLogQL } from './build-logql';
 export { CANONICAL_FACET_NAMES, DEFAULT_LOG_COLUMNS, DEFAULT_LOGQL_MATCHER, FACET_LABELS, SEVERITY_ORDER, } from './constants';
-export { facetsFromEntries, filterEntries } from './facets';
+export { facetsFromEntries, filterEntries, searchableLogText } from './facets';
 export { flattenLokiStreams, nsToDate } from './flatten-loki';
-export { formatLocalTimestamp, formatLogTimestamp, formatRelativeTimestamp, formatUtcTimestamp, } from './format-timestamp';
-export { logLineDisplay, parseLogLine } from './parse-log-line';
+export { formatLocalTimestamp, formatLogTimestamp, formatLogTimestampParts, formatRelativeTimestamp, formatUtcTimestamp, } from './format-timestamp';
+export { DEFAULT_HISTOGRAM_BUCKETS, formatBucketSummary, formatTimelineTick, histogramBucketIndex, histogramFromEntries, histogramSpanMs, } from './histogram';
+export { logRequestHost } from './host';
+export { formatHttpLogLine, logLineDisplay, parseLogLine, splitPathQuery } from './parse-log-line';
 export { httpStatusBadgeType, httpStatusTextClass, severityBadgeType } from './severity';
-export { filtersAreActive, lastThirtyMinutes } from './time-range';
+export { filtersAreActive, lastThirtyMinutes, LOG_TIME_PRESETS, logTimeRangeLabel, resolveLogTimeRange, } from './time-range';

package/dist/components/features/logs/utils/parse-log-line.d.ts

@@ -1,6 +1,20 @@
-import type { ParsedLogLine } from '../types';
-export declare function parseLogLine(line: string): ParsedLogLine;
-export declare function logLineDisplay(line: string): {
+import type { ParsedHttpLogLine, ParsedLogLine } from '../types';
+/**
+ * Parse an access-log line, falling back to Envoy/OTEL stream labels when the
+ * body is empty (queryapi stores method/path/status as attributes).
+ */
+export declare function parseLogLine(line: string, labels?: Record<string, string>): ParsedLogLine;
+export declare function formatHttpLogLine(parsed: ParsedHttpLogLine): string;
+export interface SplitPath {
+    pathname: string;
+    /** Raw query string without the leading `?`, or `''`. */
+    search: string;
+    /** Decoded key/value pairs in order of appearance; repeated keys are kept. */
+    params: Array<[key: string, value: string]>;
+}
+/** Separate `/a/b?x=1&y=2` into its pathname and decoded search params. */
+export declare function splitPathQuery(path: string): SplitPath;
+export declare function logLineDisplay(line: string, labels?: Record<string, string>): {
     parsed: ParsedLogLine;
     path: string | null;
     message: string;

package/dist/components/features/logs/utils/time-range.d.ts

@@ -1,3 +1,22 @@
+import type { PickerPreset } from '../../picker/types';
 import type { LogTimeRange } from '../types';
+/**
+ * Relative "Last N" windows offered by `Logs.Filters`. Keys are persisted on
+ * `LogTimeRange.preset` so hosts can slide the window forward with
+ * `resolveLogTimeRange` on refresh or while live tailing.
+ *
+ * Shortcuts follow the `picker` datetime presets (`1` / `2` / `H` / `W`) that
+ * the logs picker is built on. Keys that mean something else in the pickers
+ * (`3` is "Last 30 minutes" in `time-range-picker`, `D` is "Today") are not
+ * reused, so muscle memory carries over between the two.
+ */
+export declare const LOG_TIME_PRESETS: readonly PickerPreset[];
 export declare function lastThirtyMinutes(now?: Date): LogTimeRange;
+/**
+ * Re-anchor a preset range to `now`. Absolute ranges (no `preset`, or an
+ * unknown key) are returned unchanged.
+ */
+export declare function resolveLogTimeRange(range: LogTimeRange, now?: Date): LogTimeRange;
+/** Human label for the time-range trigger: preset name, or a compact absolute range. */
+export declare function logTimeRangeLabel(range: LogTimeRange): string;
 export declare function filtersAreActive(filters: Record<string, string[]>): boolean;

package/dist/data-table/index.mjs

@@ -1,2 +1,2 @@
-import { _ as useNuqsAdapter, a as useDataTablePagination, b as DEFAULT_PAGE_SIZE, c as useDataTableSelection, d as resolvePath, f as rowMatchesSearch, g as createSelectionColumn, h as DataTableColumnHeader, i as useDataTableLoading, l as useDataTableSorting, m as DataTableRowActions, n as useDataTableFilters, o as useDataTableRows, p as dataTableFeatures, r as useDataTableInlineContents, s as useDataTableSearch, t as DataTable, u as createDataTableStore, v as DEFAULT_DEBOUNCE_MS, x as DEFAULT_PAGE_SIZES, y as DEFAULT_LOADING_ROWS } from "../data-table-ClfRpyHq.mjs";
+import { _ as useNuqsAdapter, a as useDataTablePagination, b as DEFAULT_PAGE_SIZE, c as useDataTableSelection, d as resolvePath, f as rowMatchesSearch, g as createSelectionColumn, h as DataTableColumnHeader, i as useDataTableLoading, l as useDataTableSorting, m as DataTableRowActions, n as useDataTableFilters, o as useDataTableRows, p as dataTableFeatures, r as useDataTableInlineContents, s as useDataTableSearch, t as DataTable, u as createDataTableStore, v as DEFAULT_DEBOUNCE_MS, x as DEFAULT_PAGE_SIZES, y as DEFAULT_LOADING_ROWS } from "../data-table-BaWOHdZX.mjs";
 export { DEFAULT_DEBOUNCE_MS, DEFAULT_LOADING_ROWS, DEFAULT_PAGE_SIZE, DEFAULT_PAGE_SIZES, DataTable, DataTableColumnHeader, DataTableRowActions, createDataTableStore, createSelectionColumn, dataTableFeatures, resolvePath, rowMatchesSearch, useDataTableFilters, useDataTableInlineContents, useDataTableLoading, useDataTablePagination, useDataTableRows, useDataTableSearch, useDataTableSelection, useDataTableSorting, useNuqsAdapter };

package/dist/{data-table-ClfRpyHq.mjs → data-table-BaWOHdZX.mjs}

@@ -1,17 +1,17 @@
 import { t as cn } from "./utils-Bu32wN-x.mjs";
 import { t as Badge } from "./badge-BTNW_FEU.mjs";
-import { t as Button } from "./button-A1qTjZ8U.mjs";
+import { t as Button } from "./button-DoMqfQLu.mjs";
 import { t as Checkbox } from "./checkbox-C6P12fio.mjs";
 import { t as Input } from "./input-j4tbmYYz.mjs";
-import { t as ResponsiveDropdown } from "./responsive-dropdown-n0Txkax5.mjs";
-import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "./select-DCU44UO6.mjs";
+import { t as ResponsiveDropdown } from "./responsive-dropdown-C_KKgLbH.mjs";
+import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "./select-CQsG8Kju.mjs";
 import { Skeleton } from "./skeleton/index.mjs";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "./table/index.mjs";
-import { t as Autocomplete } from "./autocomplete-DZ_HSBak.mjs";
-import { t as CalendarDatePicker } from "./calendar-date-picker-ynSGADfR.mjs";
+import { t as Autocomplete } from "./autocomplete-BxtzndxZ.mjs";
+import { t as CalendarDatePicker } from "./calendar-date-picker-bpTUcGu_.mjs";
 import { t as ActionRow } from "./action-row-DTvs91_3.mjs";
 import { n as useDebouncedSearchInput } from "./use-debounced-search-input-yu_F0QBt.mjs";
-import { t as MultiSelect } from "./multi-select-PtdMChPF.mjs";
+import { t as MultiSelect } from "./multi-select-CH8KERkt.mjs";
 import { ArrowDown, ArrowUp, ArrowUpDown, ChevronLeft, ChevronRight, MoreHorizontal, X } from "lucide-react";
 import { createContext, memo, use, useCallback, useContext, useEffect, useId, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/date-picker/index.mjs

@@ -1,4 +1,4 @@
-import { M as getBrowserTimezone, N as getTimezoneOffset, j as formatTimezoneLabel } from "../date-time-range-picker-Dog33Ry0.mjs";
-import { t as CalendarDatePicker } from "../calendar-date-picker-ynSGADfR.mjs";
-import { _ as getShortTimezoneDisplay, a as TimeRangePicker, b as utcToLocalInputString, c as getPresetByKey, d as TimezoneSelector, f as QuickRangesPanel, g as getDefaultTimezoneOptions, h as formatUtcForDisplay, i as formatTimeRangeDisplay, l as getPresetByShortcut, m as createTimezoneOption, n as formatDateForInput, o as DEFAULT_PRESETS, p as CustomRangePanel, r as formatSingleTimeDisplay, s as getDefaultPreset, t as toApiTimeRange, u as getPresetRange, v as localInputStringToUtc, x as zonedDateToUtcString, y as utcStringToZonedDate } from "../to-api-format-WC7b9Mcv.mjs";
+import { M as getBrowserTimezone, N as getTimezoneOffset, j as formatTimezoneLabel } from "../date-time-range-picker-DlFTh3DF.mjs";
+import { t as CalendarDatePicker } from "../calendar-date-picker-bpTUcGu_.mjs";
+import { _ as getShortTimezoneDisplay, a as TimeRangePicker, b as utcToLocalInputString, c as getPresetByKey, d as TimezoneSelector, f as QuickRangesPanel, g as getDefaultTimezoneOptions, h as formatUtcForDisplay, i as formatTimeRangeDisplay, l as getPresetByShortcut, m as createTimezoneOption, n as formatDateForInput, o as DEFAULT_PRESETS, p as CustomRangePanel, r as formatSingleTimeDisplay, s as getDefaultPreset, t as toApiTimeRange, u as getPresetRange, v as localInputStringToUtc, x as zonedDateToUtcString, y as utcStringToZonedDate } from "../to-api-format-Bm1VcKkS.mjs";
 export { CustomRangePanel as AbsoluteRangePanel, CustomRangePanel, CalendarDatePicker, DEFAULT_PRESETS, QuickRangesPanel, TimeRangePicker, TimezoneSelector, createTimezoneOption, formatDateForInput, formatSingleTimeDisplay, formatTimeRangeDisplay, formatTimezoneLabel, formatUtcForDisplay, getBrowserTimezone, getDefaultPreset, getDefaultTimezoneOptions, getPresetByKey, getPresetByShortcut, getPresetRange, getShortTimezoneDisplay, getTimezoneOffset, localInputStringToUtc, toApiTimeRange, utcStringToZonedDate, utcToLocalInputString, zonedDateToUtcString };

package/dist/date-time/index.mjs

@@ -1,2 +1,2 @@
-import { a as formatRelativeDate, c as getTimestamp, i as formatCombinedDate, l as getTimezoneAbbreviation, n as DEFAULT_DATE_FORMAT, o as formatTimezoneDate, r as formatAbsoluteDate, s as formatUTCDate, t as DateTime, u as parseDate } from "../date-time-CA-09lnw.mjs";
+import { a as formatRelativeDate, d as parseDate, i as formatCombinedDate, l as getTimestamp, n as DEFAULT_DATE_FORMAT, o as formatTimezoneDate, r as formatAbsoluteDate, s as formatUTCDate, t as DateTime, u as getTimezoneAbbreviation } from "../date-time-lZdefM4H.mjs";
 export { DEFAULT_DATE_FORMAT, DateTime, formatAbsoluteDate, formatCombinedDate, formatRelativeDate, formatTimezoneDate, formatUTCDate, getTimestamp, getTimezoneAbbreviation, parseDate };

package/dist/{date-time-CA-09lnw.mjs → date-time-lZdefM4H.mjs}

@@ -1,5 +1,5 @@
 import { t as cn } from "./utils-Bu32wN-x.mjs";
-import { t as Tooltip } from "./tooltip-C_SL1imw.mjs";
+import { t as Tooltip } from "./tooltip-DhbN1BDK.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { formatInTimeZone } from "date-fns-tz";
 import { format, formatDistanceToNowStrict } from "date-fns";
@@ -131,4 +131,4 @@ function getTooltipContent(date, variant, tooltip, options, timeZone, timestamp)
 	return null;
 }
 //#endregion
-export { formatRelativeDate as a, getTimestamp as c, formatCombinedDate as i, getTimezoneAbbreviation as l, DEFAULT_DATE_FORMAT as n, formatTimezoneDate as o, formatAbsoluteDate as r, formatUTCDate as s, DateTime as t, parseDate as u };
+export { formatRelativeDate as a, getBrowserTimezone as c, parseDate as d, formatCombinedDate as i, getTimestamp as l, DEFAULT_DATE_FORMAT as n, formatTimezoneDate as o, formatAbsoluteDate as r, formatUTCDate as s, DateTime as t, getTimezoneAbbreviation as u };

package/dist/date-time-picker/index.mjs

@@ -1,2 +1,2 @@
-import { t as DateTimePicker } from "../date-time-picker-BzcHrf-A.mjs";
+import { t as DateTimePicker } from "../date-time-picker-Bd7qSZVr.mjs";
 export { DateTimePicker };

package/dist/{date-time-picker-BzcHrf-A.mjs → date-time-picker-Bd7qSZVr.mjs}

@@ -1,5 +1,5 @@
 import { t as useDeprecationWarning } from "./use-deprecation-warning-DXrGc0jX.mjs";
-import { r as DateTimePicker$1 } from "./picker-raVuDxsh.mjs";
+import { r as DateTimePicker$1 } from "./picker-DbKukBkk.mjs";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/features/date-time-picker/date-time-picker.tsx
 /**