@iloveagents/foundry-web-ui 0.25.0 → 0.27.0

package/dist/components/message-timestamp.js

@@ -9,10 +9,11 @@ import { cn } from "@iloveagents/foundry-web-primitives";
  */
 export const MessageTimestamp = ({ className }) => {
     const createdAt = useAuiState((s) => s.message.createdAt);
-    if (!createdAt)
+    const running = useAuiState((s) => s.thread.isRunning);
+    if (!createdAt || running)
         return null;
     const d = createdAt instanceof Date ? createdAt : new Date(createdAt);
     if (Number.isNaN(d.getTime()))
         return null;
-    return (_jsx("span", { title: d.toLocaleString(undefined, { dateStyle: "medium", timeStyle: "short" }), className: cn("text-xs text-muted-foreground/70 tabular-nums select-none", "opacity-0 transition-opacity group-hover:opacity-100", className), children: d.toLocaleTimeString(undefined, { hour: "2-digit", minute: "2-digit" }) }));
+    return (_jsx("span", { title: d.toLocaleString(undefined, { dateStyle: "medium", timeStyle: "short" }), className: cn("text-xs text-muted-foreground/70 tabular-nums select-none", "opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100", className), children: d.toLocaleTimeString(undefined, { hour: "2-digit", minute: "2-digit" }) }));
 };

package/dist/components/pin-state-icon.d.ts

@@ -0,0 +1,5 @@
+/** State glyph; controls retain explicit Pin/Unpin action labels. */
+export declare function PinStateIcon({ pinned, className }: {
+    pinned: boolean;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/pin-state-icon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Pin } from "lucide-react";
+import { cn } from "@iloveagents/foundry-web-primitives";
+/** State glyph; controls retain explicit Pin/Unpin action labels. */
+export function PinStateIcon({ pinned, className }) {
+    return (_jsx(Pin, { "aria-hidden": "true", className: cn("size-4", pinned ? "text-primary fill-primary/25" : "text-muted-foreground", className) }));
+}

package/dist/components/pin-toggle.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentProps } from "react";
+import { Button } from "@iloveagents/foundry-web-primitives";
+/** Pin state uses one upright glyph everywhere; the label describes the action. */
+export declare function PinToggle({ pinned, label, className, ...props }: Omit<ComponentProps<typeof Button>, "children"> & {
+    pinned: boolean;
+    label: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/pin-toggle.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PinStateIcon } from "./pin-state-icon.js";
+import { Button, cn } from "@iloveagents/foundry-web-primitives";
+/** Pin state uses one upright glyph everywhere; the label describes the action. */
+export function PinToggle({ pinned, label, className, ...props }) {
+    const action = `${pinned ? "Unpin" : "Pin"} ${label}`;
+    return (_jsx(Button, { type: "button", variant: "ghost", size: "icon", "aria-label": action, "aria-pressed": pinned, title: action, ...props, className: cn("shrink-0 shadow-none", pinned
+            ? "bg-primary/10 text-primary hover:bg-primary/15 hover:text-primary"
+            : "text-muted-foreground", className), children: _jsx(PinStateIcon, { pinned: pinned }) }));
+}

package/dist/components/sidebar.d.ts

@@ -1,4 +1,21 @@
+import { type ReactNode } from "react";
+import type { NavGroup } from "../lib/nav-config.js";
 declare function scrollNavRowIntoView(nav: HTMLElement, row: HTMLElement): void;
 export declare const _scrollNavRowIntoViewForTest: typeof scrollNavRowIntoView;
-export declare function Sidebar(): import("react/jsx-runtime").JSX.Element;
+interface SidebarViewProps {
+    /** Display-only navigation override; the navigation registry remains intact. */
+    groups?: NavGroup[];
+    onNewConversation?: () => void;
+    hideFooterActions?: boolean;
+    hideNewConversation?: boolean;
+    /** Compact rail shows group entry points instead of every child item. */
+    collapsedGroupsOnly?: boolean;
+    /** Place the primary action beneath a scope heading instead of above navigation. */
+    newConversationAfterGroup?: string;
+    newConversationLabel?: string;
+}
+export declare function Sidebar({ footer, collapsedFooter, ...view }?: SidebarViewProps & {
+    footer?: ReactNode;
+    collapsedFooter?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
 export {};