@elizaos/agent 2.0.0-alpha.358 → 2.0.0-alpha.376

package/packages/ui/src/layouts/content-layout/content-layout.d.ts

@@ -0,0 +1,21 @@
+/**
+ * ContentLayout — single-pane layout shell for views without a sidebar.
+ *
+ * Uses the same shared workspace shell as PageLayout, but keeps the
+ * content header inside the scrollable column for single-pane pages.
+ */
+import type { ReactNode } from "react";
+export interface ContentLayoutProps {
+    /** Optional header rendered above the content (e.g. SegmentedControl nav). */
+    contentHeader?: ReactNode;
+    /** Content body. */
+    children: ReactNode;
+    /** When true, strips outer padding for modal embedding. */
+    inModal?: boolean;
+    /** Additional classes on the outer scroll container. */
+    className?: string;
+    /** Additional classes on the inner content wrapper. */
+    contentClassName?: string;
+}
+export declare function ContentLayout({ contentHeader, children, inModal, className, contentClassName, }: ContentLayoutProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=content-layout.d.ts.map

package/packages/ui/src/layouts/content-layout/content-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"content-layout.d.ts","sourceRoot":"","sources":["../../../../../../../ui/src/layouts/content-layout/content-layout.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,kBAAkB;IACjC,8EAA8E;IAC9E,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,oBAAoB;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,wBAAgB,aAAa,CAAC,EAC5B,aAAa,EACb,QAAQ,EACR,OAAO,EACP,SAAS,EACT,gBAAgB,GACjB,EAAE,kBAAkB,2CAYpB"}

package/packages/ui/src/layouts/content-layout/content-layout.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { WorkspaceLayout } from "../workspace-layout";
+export function ContentLayout({ contentHeader, children, inModal, className, contentClassName, }) {
+    return (_jsx(WorkspaceLayout, { className: className, contentClassName: contentClassName, contentHeader: contentHeader, contentPadding: !inModal, headerPlacement: "inside", children: children }));
+}

package/packages/ui/src/layouts/content-layout/index.d.ts

@@ -0,0 +1,2 @@
+export { ContentLayout, type ContentLayoutProps } from "./content-layout";
+//# sourceMappingURL=index.d.ts.map

package/packages/ui/src/layouts/content-layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../ui/src/layouts/content-layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC"}

package/packages/ui/src/layouts/content-layout/index.js

@@ -0,0 +1 @@
+export { ContentLayout } from "./content-layout";

package/packages/ui/src/layouts/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./chat-panel-layout";
+export * from "./content-layout";
+export * from "./page-layout";
+export * from "./workspace-layout";
+//# sourceMappingURL=index.d.ts.map

package/packages/ui/src/layouts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../ui/src/layouts/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC"}

package/packages/ui/src/layouts/index.js

@@ -0,0 +1,4 @@
+export * from "./chat-panel-layout";
+export * from "./content-layout";
+export * from "./page-layout";
+export * from "./workspace-layout";

package/packages/ui/src/layouts/page-layout/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./page-layout";
+export * from "./page-layout-header";
+export * from "./page-layout-mobile-drawer";
+export * from "./page-layout-types";
+//# sourceMappingURL=index.d.ts.map

package/packages/ui/src/layouts/page-layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../ui/src/layouts/page-layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC"}

package/packages/ui/src/layouts/page-layout/index.js

@@ -0,0 +1,4 @@
+export * from "./page-layout";
+export * from "./page-layout-header";
+export * from "./page-layout-mobile-drawer";
+export * from "./page-layout-types";

package/packages/ui/src/layouts/page-layout/page-layout-header.d.ts

@@ -0,0 +1,287 @@
+import type { HTMLAttributes } from "react";
+import * as React from "react";
+export interface PageLayoutHeaderProps extends HTMLAttributes<HTMLDivElement> {
+}
+export declare function PageLayoutHeader({ className, ...props }: PageLayoutHeaderProps): React.DetailedReactHTMLElement<{
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
+    autoFocus?: boolean | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    nonce?: string | undefined;
+    slot?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    style?: React.CSSProperties | undefined;
+    tabIndex?: number | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    role?: React.AriaRole | undefined;
+    about?: string | undefined;
+    content?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    rel?: string | undefined;
+    resource?: string | undefined;
+    rev?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    color?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
+    popoverTarget?: string | undefined;
+    inert?: boolean | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+    is?: string | undefined;
+    exportparts?: string | undefined;
+    part?: string | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
+    children?: React.ReactNode | undefined;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined;
+    onCopy?: React.ClipboardEventHandler<HTMLDivElement>;
+    onCopyCapture?: React.ClipboardEventHandler<HTMLDivElement>;
+    onCut?: React.ClipboardEventHandler<HTMLDivElement>;
+    onCutCapture?: React.ClipboardEventHandler<HTMLDivElement>;
+    onPaste?: React.ClipboardEventHandler<HTMLDivElement>;
+    onPasteCapture?: React.ClipboardEventHandler<HTMLDivElement>;
+    onCompositionEnd?: React.CompositionEventHandler<HTMLDivElement>;
+    onCompositionEndCapture?: React.CompositionEventHandler<HTMLDivElement>;
+    onCompositionStart?: React.CompositionEventHandler<HTMLDivElement>;
+    onCompositionStartCapture?: React.CompositionEventHandler<HTMLDivElement>;
+    onCompositionUpdate?: React.CompositionEventHandler<HTMLDivElement>;
+    onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLDivElement>;
+    onFocus?: React.FocusEventHandler<HTMLDivElement>;
+    onFocusCapture?: React.FocusEventHandler<HTMLDivElement>;
+    onBlur?: React.FocusEventHandler<HTMLDivElement>;
+    onBlurCapture?: React.FocusEventHandler<HTMLDivElement>;
+    onChange?: React.ChangeEventHandler<HTMLDivElement, Element>;
+    onChangeCapture?: React.ChangeEventHandler<HTMLDivElement, Element>;
+    onBeforeInput?: React.InputEventHandler<HTMLDivElement>;
+    onBeforeInputCapture?: React.InputEventHandler<HTMLDivElement>;
+    onInput?: React.InputEventHandler<HTMLDivElement>;
+    onInputCapture?: React.InputEventHandler<HTMLDivElement>;
+    onReset?: React.ReactEventHandler<HTMLDivElement>;
+    onResetCapture?: React.ReactEventHandler<HTMLDivElement>;
+    onSubmit?: React.SubmitEventHandler<HTMLDivElement>;
+    onSubmitCapture?: React.SubmitEventHandler<HTMLDivElement>;
+    onInvalid?: React.ReactEventHandler<HTMLDivElement>;
+    onInvalidCapture?: React.ReactEventHandler<HTMLDivElement>;
+    onLoad?: React.ReactEventHandler<HTMLDivElement>;
+    onLoadCapture?: React.ReactEventHandler<HTMLDivElement>;
+    onError?: React.ReactEventHandler<HTMLDivElement>;
+    onErrorCapture?: React.ReactEventHandler<HTMLDivElement>;
+    onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
+    onKeyDownCapture?: React.KeyboardEventHandler<HTMLDivElement>;
+    onKeyPress?: React.KeyboardEventHandler<HTMLDivElement>;
+    onKeyPressCapture?: React.KeyboardEventHandler<HTMLDivElement>;
+    onKeyUp?: React.KeyboardEventHandler<HTMLDivElement>;
+    onKeyUpCapture?: React.KeyboardEventHandler<HTMLDivElement>;
+    onAbort?: React.ReactEventHandler<HTMLDivElement>;
+    onAbortCapture?: React.ReactEventHandler<HTMLDivElement>;
+    onCanPlay?: React.ReactEventHandler<HTMLDivElement>;
+    onCanPlayCapture?: React.ReactEventHandler<HTMLDivElement>;
+    onCanPlayThrough?: React.ReactEventHandler<HTMLDivElement>;
+    onCanPlayThroughCapture?: React.ReactEventHandler<HTMLDivElement>;
+    onDurationChange?: React.ReactEventHandler<HTMLDivElement>;
+    onDurationChangeCapture?: React.ReactEventHandler<HTMLDivElement>;
+    onEmptied?: React.ReactEventHandler<HTMLDivElement>;
+    onEmptiedCapture?: React.ReactEventHandler<HTMLDivElement>;
+    onEncrypted?: React.ReactEventHandler<HTMLDivElement>;
+    onEncryptedCapture?: React.ReactEventHandler<HTMLDivElement>;
+    onEnded?: React.ReactEventHandler<HTMLDivElement>;
+    onEndedCapture?: React.ReactEventHandler<HTMLDivElement>;
+    onLoadedData?: React.ReactEventHandler<HTMLDivElement>;
+    onLoadedDataCapture?: React.ReactEventHandler<HTMLDivElement>;
+    onLoadedMetadata?: React.ReactEventHandler<HTMLDivElement>;
+    onLoadedMetadataCapture?: React.ReactEventHandler<HTMLDivElement>;
+    onLoadStart?: React.ReactEventHandler<HTMLDivElement>;
+    onLoadStartCapture?: React.ReactEventHandler<HTMLDivElement>;
+    onPause?: React.ReactEventHandler<HTMLDivElement>;
+    onPauseCapture?: React.ReactEventHandler<HTMLDivElement>;
+    onPlay?: React.ReactEventHandler<HTMLDivElement>;
+    onPlayCapture?: React.ReactEventHandler<HTMLDivElement>;
+    onPlaying?: React.ReactEventHandler<HTMLDivElement>;
+    onPlayingCapture?: React.ReactEventHandler<HTMLDivElement>;
+    onProgress?: React.ReactEventHandler<HTMLDivElement>;
+    onProgressCapture?: React.ReactEventHandler<HTMLDivElement>;
+    onRateChange?: React.ReactEventHandler<HTMLDivElement>;
+    onRateChangeCapture?: React.ReactEventHandler<HTMLDivElement>;
+    onSeeked?: React.ReactEventHandler<HTMLDivElement>;
+    onSeekedCapture?: React.ReactEventHandler<HTMLDivElement>;
+    onSeeking?: React.ReactEventHandler<HTMLDivElement>;
+    onSeekingCapture?: React.ReactEventHandler<HTMLDivElement>;
+    onStalled?: React.ReactEventHandler<HTMLDivElement>;
+    onStalledCapture?: React.ReactEventHandler<HTMLDivElement>;
+    onSuspend?: React.ReactEventHandler<HTMLDivElement>;
+    onSuspendCapture?: React.ReactEventHandler<HTMLDivElement>;
+    onTimeUpdate?: React.ReactEventHandler<HTMLDivElement>;
+    onTimeUpdateCapture?: React.ReactEventHandler<HTMLDivElement>;
+    onVolumeChange?: React.ReactEventHandler<HTMLDivElement>;
+    onVolumeChangeCapture?: React.ReactEventHandler<HTMLDivElement>;
+    onWaiting?: React.ReactEventHandler<HTMLDivElement>;
+    onWaitingCapture?: React.ReactEventHandler<HTMLDivElement>;
+    onAuxClick?: React.MouseEventHandler<HTMLDivElement>;
+    onAuxClickCapture?: React.MouseEventHandler<HTMLDivElement>;
+    onClick?: React.MouseEventHandler<HTMLDivElement>;
+    onClickCapture?: React.MouseEventHandler<HTMLDivElement>;
+    onContextMenu?: React.MouseEventHandler<HTMLDivElement>;
+    onContextMenuCapture?: React.MouseEventHandler<HTMLDivElement>;
+    onDoubleClick?: React.MouseEventHandler<HTMLDivElement>;
+    onDoubleClickCapture?: React.MouseEventHandler<HTMLDivElement>;
+    onDrag?: React.DragEventHandler<HTMLDivElement>;
+    onDragCapture?: React.DragEventHandler<HTMLDivElement>;
+    onDragEnd?: React.DragEventHandler<HTMLDivElement>;
+    onDragEndCapture?: React.DragEventHandler<HTMLDivElement>;
+    onDragEnter?: React.DragEventHandler<HTMLDivElement>;
+    onDragEnterCapture?: React.DragEventHandler<HTMLDivElement>;
+    onDragExit?: React.DragEventHandler<HTMLDivElement>;
+    onDragExitCapture?: React.DragEventHandler<HTMLDivElement>;
+    onDragLeave?: React.DragEventHandler<HTMLDivElement>;
+    onDragLeaveCapture?: React.DragEventHandler<HTMLDivElement>;
+    onDragOver?: React.DragEventHandler<HTMLDivElement>;
+    onDragOverCapture?: React.DragEventHandler<HTMLDivElement>;
+    onDragStart?: React.DragEventHandler<HTMLDivElement>;
+    onDragStartCapture?: React.DragEventHandler<HTMLDivElement>;
+    onDrop?: React.DragEventHandler<HTMLDivElement>;
+    onDropCapture?: React.DragEventHandler<HTMLDivElement>;
+    onMouseDown?: React.MouseEventHandler<HTMLDivElement>;
+    onMouseDownCapture?: React.MouseEventHandler<HTMLDivElement>;
+    onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;
+    onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;
+    onMouseMove?: React.MouseEventHandler<HTMLDivElement>;
+    onMouseMoveCapture?: React.MouseEventHandler<HTMLDivElement>;
+    onMouseOut?: React.MouseEventHandler<HTMLDivElement>;
+    onMouseOutCapture?: React.MouseEventHandler<HTMLDivElement>;
+    onMouseOver?: React.MouseEventHandler<HTMLDivElement>;
+    onMouseOverCapture?: React.MouseEventHandler<HTMLDivElement>;
+    onMouseUp?: React.MouseEventHandler<HTMLDivElement>;
+    onMouseUpCapture?: React.MouseEventHandler<HTMLDivElement>;
+    onSelect?: React.ReactEventHandler<HTMLDivElement>;
+    onSelectCapture?: React.ReactEventHandler<HTMLDivElement>;
+    onTouchCancel?: React.TouchEventHandler<HTMLDivElement>;
+    onTouchCancelCapture?: React.TouchEventHandler<HTMLDivElement>;
+    onTouchEnd?: React.TouchEventHandler<HTMLDivElement>;
+    onTouchEndCapture?: React.TouchEventHandler<HTMLDivElement>;
+    onTouchMove?: React.TouchEventHandler<HTMLDivElement>;
+    onTouchMoveCapture?: React.TouchEventHandler<HTMLDivElement>;
+    onTouchStart?: React.TouchEventHandler<HTMLDivElement>;
+    onTouchStartCapture?: React.TouchEventHandler<HTMLDivElement>;
+    onPointerDown?: React.PointerEventHandler<HTMLDivElement>;
+    onPointerDownCapture?: React.PointerEventHandler<HTMLDivElement>;
+    onPointerMove?: React.PointerEventHandler<HTMLDivElement>;
+    onPointerMoveCapture?: React.PointerEventHandler<HTMLDivElement>;
+    onPointerUp?: React.PointerEventHandler<HTMLDivElement>;
+    onPointerUpCapture?: React.PointerEventHandler<HTMLDivElement>;
+    onPointerCancel?: React.PointerEventHandler<HTMLDivElement>;
+    onPointerCancelCapture?: React.PointerEventHandler<HTMLDivElement>;
+    onPointerEnter?: React.PointerEventHandler<HTMLDivElement>;
+    onPointerLeave?: React.PointerEventHandler<HTMLDivElement>;
+    onPointerOver?: React.PointerEventHandler<HTMLDivElement>;
+    onPointerOverCapture?: React.PointerEventHandler<HTMLDivElement>;
+    onPointerOut?: React.PointerEventHandler<HTMLDivElement>;
+    onPointerOutCapture?: React.PointerEventHandler<HTMLDivElement>;
+    onGotPointerCapture?: React.PointerEventHandler<HTMLDivElement>;
+    onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement>;
+    onLostPointerCapture?: React.PointerEventHandler<HTMLDivElement>;
+    onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement>;
+    onScroll?: React.UIEventHandler<HTMLDivElement>;
+    onScrollCapture?: React.UIEventHandler<HTMLDivElement>;
+    onScrollEnd?: React.UIEventHandler<HTMLDivElement>;
+    onScrollEndCapture?: React.UIEventHandler<HTMLDivElement>;
+    onWheel?: React.WheelEventHandler<HTMLDivElement>;
+    onWheelCapture?: React.WheelEventHandler<HTMLDivElement>;
+    onAnimationStart?: React.AnimationEventHandler<HTMLDivElement>;
+    onAnimationStartCapture?: React.AnimationEventHandler<HTMLDivElement>;
+    onAnimationEnd?: React.AnimationEventHandler<HTMLDivElement>;
+    onAnimationEndCapture?: React.AnimationEventHandler<HTMLDivElement>;
+    onAnimationIteration?: React.AnimationEventHandler<HTMLDivElement>;
+    onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement>;
+    onToggle?: React.ToggleEventHandler<HTMLDivElement>;
+    onBeforeToggle?: React.ToggleEventHandler<HTMLDivElement>;
+    onTransitionCancel?: React.TransitionEventHandler<HTMLDivElement>;
+    onTransitionCancelCapture?: React.TransitionEventHandler<HTMLDivElement>;
+    onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement>;
+    onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement>;
+    onTransitionRun?: React.TransitionEventHandler<HTMLDivElement>;
+    onTransitionRunCapture?: React.TransitionEventHandler<HTMLDivElement>;
+    onTransitionStart?: React.TransitionEventHandler<HTMLDivElement>;
+    onTransitionStartCapture?: React.TransitionEventHandler<HTMLDivElement>;
+    className: string;
+}, HTMLElement>;
+//# sourceMappingURL=page-layout-header.d.ts.map

package/packages/ui/src/layouts/page-layout/page-layout-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-layout-header.d.ts","sourceRoot":"","sources":["../../../../../../../ui/src/layouts/page-layout/page-layout-header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,cAAc,CAAC;CAAG;AAEhF,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAKvB"}

package/packages/ui/src/layouts/page-layout/page-layout-header.js

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { cn } from "../../lib/utils";
+export function PageLayoutHeader({ className, ...props }) {
+    return React.createElement("div", {
+        className: cn("mb-4 shrink-0", className),
+        ...props,
+    });
+}

package/packages/ui/src/layouts/page-layout/page-layout-mobile-drawer.d.ts

@@ -0,0 +1,3 @@
+import type { PageLayoutMobileDrawerProps } from "./page-layout-types";
+export declare function PageLayoutMobileDrawer({ isDesktop, mobileSidebarLabel, mobileSidebarOpen, mobileSidebarTriggerClassName, onMobileSidebarOpenChange, sidebar, }: PageLayoutMobileDrawerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=page-layout-mobile-drawer.d.ts.map

package/packages/ui/src/layouts/page-layout/page-layout-mobile-drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-layout-mobile-drawer.d.ts","sourceRoot":"","sources":["../../../../../../../ui/src/layouts/page-layout/page-layout-mobile-drawer.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,qBAAqB,CAAC;AAEvE,wBAAgB,sBAAsB,CAAC,EACrC,SAAS,EACT,kBAAkB,EAClB,iBAAiB,EACjB,6BAA6B,EAC7B,yBAAyB,EACzB,OAAO,GACR,EAAE,2BAA2B,2CAsE7B"}

package/packages/ui/src/layouts/page-layout/page-layout-mobile-drawer.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { PanelLeftOpen } from "lucide-react";
+import * as React from "react";
+import { Button } from "../../components/ui/button";
+import { cn } from "../../lib/utils";
+import { useWorkspaceMobileSidebarControls } from "../workspace-layout/workspace-mobile-sidebar-controls";
+export function PageLayoutMobileDrawer({ isDesktop, mobileSidebarLabel, mobileSidebarOpen, mobileSidebarTriggerClassName, onMobileSidebarOpenChange, sidebar, }) {
+    const controls = useWorkspaceMobileSidebarControls();
+    const sidebarId = React.useId();
+    const mobileSidebarElement = React.cloneElement(sidebar, {
+        className: cn("!mt-0 !h-full !w-full !min-w-0", sidebar.props.className),
+        collapsible: false,
+        variant: "mobile",
+        onMobileClose: () => onMobileSidebarOpenChange(false),
+    });
+    const drawerLabel = sidebar.props.mobileTitle ?? mobileSidebarLabel ?? "Browse";
+    React.useEffect(() => {
+        if (!controls || isDesktop)
+            return undefined;
+        return controls.register({
+            id: sidebarId,
+            label: drawerLabel,
+            open: mobileSidebarOpen,
+            setOpen: onMobileSidebarOpenChange,
+        });
+    }, [
+        controls,
+        drawerLabel,
+        isDesktop,
+        mobileSidebarOpen,
+        onMobileSidebarOpenChange,
+        sidebarId,
+    ]);
+    if (isDesktop)
+        return null;
+    return (_jsxs(_Fragment, { children: [!mobileSidebarOpen && !controls ? (_jsx("div", { className: "pointer-events-none fixed left-2 z-40 md:hidden", style: { top: "calc(var(--safe-area-top, 0px) + 2.75rem)" }, children: _jsx("div", { className: "pointer-events-auto", children: _jsxs(Button, { type: "button", variant: "outline", size: "sm", className: cn("h-[2.375rem] max-w-[min(11rem,calc(100vw-5.5rem))] rounded-full border-border/40 bg-card/92 px-3 text-sm font-semibold text-txt shadow-sm backdrop-blur-md", mobileSidebarTriggerClassName), "data-testid": "page-layout-mobile-sidebar-trigger", onClick: () => onMobileSidebarOpenChange(true), children: [_jsx(PanelLeftOpen, { className: "h-4 w-4 shrink-0" }), _jsx("span", { className: "truncate", children: drawerLabel })] }) }) })) : null, mobileSidebarOpen ? (_jsx("section", { className: "flex min-h-0 w-full flex-1 overflow-hidden", "data-testid": "page-layout-mobile-sidebar-drawer", "aria-label": typeof drawerLabel === "string" ? drawerLabel : undefined, children: mobileSidebarElement })) : null] }));
+}

package/packages/ui/src/layouts/page-layout/page-layout-types.d.ts

@@ -0,0 +1,15 @@
+import type * as React from "react";
+import type { SidebarProps } from "../../components/composites/sidebar";
+import type { WorkspaceLayoutProps } from "../workspace-layout/workspace-layout-types";
+export interface PageLayoutProps extends Omit<WorkspaceLayoutProps, "headerPlacement" | "sidebar"> {
+    sidebar: React.ReactElement<SidebarProps>;
+}
+export interface PageLayoutMobileDrawerProps {
+    isDesktop: boolean;
+    mobileSidebarLabel?: React.ReactNode;
+    mobileSidebarOpen: boolean;
+    mobileSidebarTriggerClassName?: string;
+    onMobileSidebarOpenChange: (open: boolean) => void;
+    sidebar: React.ReactElement<SidebarProps>;
+}
+//# sourceMappingURL=page-layout-types.d.ts.map

package/packages/ui/src/layouts/page-layout/page-layout-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-layout-types.d.ts","sourceRoot":"","sources":["../../../../../../../ui/src/layouts/page-layout/page-layout-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AACxE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4CAA4C,CAAC;AAEvF,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,iBAAiB,GAAG,SAAS,CAAC;IACjE,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;CAC3C;AAED,MAAM,WAAW,2BAA2B;IAC1C,SAAS,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,iBAAiB,EAAE,OAAO,CAAC;IAC3B,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,yBAAyB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;CAC3C"}

package/packages/ui/src/layouts/page-layout/page-layout-types.js

@@ -0,0 +1 @@
+export {};

package/packages/ui/src/layouts/page-layout/page-layout.d.ts

@@ -0,0 +1,3 @@
+import type { PageLayoutProps } from "./page-layout-types";
+export declare function PageLayout(props: PageLayoutProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=page-layout.d.ts.map

package/packages/ui/src/layouts/page-layout/page-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-layout.d.ts","sourceRoot":"","sources":["../../../../../../../ui/src/layouts/page-layout/page-layout.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE3D,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAEhD"}

package/packages/ui/src/layouts/page-layout/page-layout.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { WorkspaceLayout } from "../workspace-layout";
+export function PageLayout(props) {
+    return _jsx(WorkspaceLayout, { ...props, headerPlacement: "outside" });
+}

package/packages/ui/src/layouts/workspace-layout/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./workspace-layout";
+export * from "./workspace-layout-types";
+export * from "./workspace-mobile-sidebar-controls";
+//# sourceMappingURL=index.d.ts.map

package/packages/ui/src/layouts/workspace-layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../ui/src/layouts/workspace-layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qCAAqC,CAAC"}

package/packages/ui/src/layouts/workspace-layout/index.js

@@ -0,0 +1,3 @@
+export * from "./workspace-layout";
+export * from "./workspace-layout-types";
+export * from "./workspace-mobile-sidebar-controls";

package/packages/ui/src/layouts/workspace-layout/workspace-layout-types.d.ts

@@ -0,0 +1,19 @@
+import type * as React from "react";
+import type { SidebarProps } from "../../components/composites/sidebar";
+export type WorkspaceLayoutHeaderPlacement = "inside" | "outside";
+export interface WorkspaceLayoutProps extends React.HTMLAttributes<HTMLDivElement> {
+    sidebar?: React.ReactElement<SidebarProps> | null;
+    contentHeader?: React.ReactNode;
+    contentHeaderClassName?: string;
+    contentClassName?: string;
+    contentInnerClassName?: string;
+    contentRef?: React.Ref<HTMLElement>;
+    sidebarCollapsible?: boolean;
+    mobileSidebarLabel?: React.ReactNode;
+    mobileSidebarTriggerClassName?: string;
+    contentPadding?: boolean;
+    headerPlacement?: WorkspaceLayoutHeaderPlacement;
+    footer?: React.ReactNode;
+    footerClassName?: string;
+}
+//# sourceMappingURL=workspace-layout-types.d.ts.map

package/packages/ui/src/layouts/workspace-layout/workspace-layout-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-layout-types.d.ts","sourceRoot":"","sources":["../../../../../../../ui/src/layouts/workspace-layout/workspace-layout-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAExE,MAAM,MAAM,8BAA8B,GAAG,QAAQ,GAAG,SAAS,CAAC;AAElE,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC;IAClD,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,UAAU,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IACpC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,8BAA8B,CAAC;IACjD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B"}

package/packages/ui/src/layouts/workspace-layout/workspace-layout-types.js

@@ -0,0 +1 @@
+export {};

package/packages/ui/src/layouts/workspace-layout/workspace-layout.d.ts

@@ -0,0 +1,3 @@
+import type { WorkspaceLayoutProps } from "./workspace-layout-types";
+export declare function WorkspaceLayout({ children, className, contentClassName, contentHeader, contentHeaderClassName, contentInnerClassName, contentPadding, contentRef, footer, footerClassName, headerPlacement, mobileSidebarLabel, mobileSidebarTriggerClassName, sidebar, sidebarCollapsible, ...props }: WorkspaceLayoutProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=workspace-layout.d.ts.map

package/packages/ui/src/layouts/workspace-layout/workspace-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-layout.d.ts","sourceRoot":"","sources":["../../../../../../../ui/src/layouts/workspace-layout/workspace-layout.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAiDrE,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,sBAAsB,EACtB,qBAAqB,EACrB,cAAqB,EACrB,UAAU,EACV,MAAM,EACN,eAAe,EACf,eAA2B,EAC3B,kBAAkB,EAClB,6BAA6B,EAC7B,OAAO,EACP,kBAAyB,EACzB,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAwGtB"}

package/packages/ui/src/layouts/workspace-layout/workspace-layout.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+import { PageLayoutHeader } from "../page-layout/page-layout-header";
+import { PageLayoutMobileDrawer } from "../page-layout/page-layout-mobile-drawer";
+function assignRef(ref, value) {
+    if (typeof ref === "function") {
+        ref(value);
+        return;
+    }
+    if (ref) {
+        ref.current = value;
+    }
+}
+function useWorkspaceLayoutDesktopMode() {
+    const [isDesktop, setIsDesktop] = React.useState(() => {
+        if (typeof window === "undefined" ||
+            typeof window.matchMedia !== "function") {
+            return true;
+        }
+        return window.matchMedia("(min-width: 768px)").matches;
+    });
+    React.useEffect(() => {
+        if (typeof window === "undefined" ||
+            typeof window.matchMedia !== "function") {
+            setIsDesktop(true);
+            return;
+        }
+        const mediaQuery = window.matchMedia("(min-width: 768px)");
+        const update = () => setIsDesktop(mediaQuery.matches);
+        update();
+        if (typeof mediaQuery.addEventListener === "function") {
+            mediaQuery.addEventListener("change", update);
+            return () => mediaQuery.removeEventListener("change", update);
+        }
+        mediaQuery.addListener(update);
+        return () => mediaQuery.removeListener(update);
+    }, []);
+    return isDesktop;
+}
+export function WorkspaceLayout({ children, className, contentClassName, contentHeader, contentHeaderClassName, contentInnerClassName, contentPadding = true, contentRef, footer, footerClassName, headerPlacement = "outside", mobileSidebarLabel, mobileSidebarTriggerClassName, sidebar, sidebarCollapsible = true, ...props }) {
+    const isDesktop = useWorkspaceLayoutDesktopMode();
+    const [mobileSidebarOpen, setMobileSidebarOpen] = React.useState(false);
+    const showMobileSidebarPane = Boolean(sidebar && !isDesktop && mobileSidebarOpen);
+    React.useEffect(() => {
+        if (isDesktop) {
+            setMobileSidebarOpen(false);
+        }
+    }, [isDesktop]);
+    const desktopSidebarElement = sidebar
+        ? React.cloneElement(sidebar, {
+            className: cn("!mt-0 !h-full", sidebar.props.className),
+            collapsible: sidebar.props.collapsible ?? (sidebarCollapsible && isDesktop),
+            variant: sidebar.props.variant ?? "default",
+        })
+        : null;
+    const headerElement = contentHeader ? (_jsx(PageLayoutHeader, { className: contentHeaderClassName, children: contentHeader })) : null;
+    return (_jsxs("div", { className: cn("flex w-full min-h-0 min-w-0 flex-1 flex-col overflow-hidden", className), ...props, children: [contentHeader && headerPlacement === "outside" ? (_jsx("div", { className: cn("shrink-0", contentPadding && "px-4 pt-2 sm:px-6 sm:pt-3 lg:px-7 lg:pt-4"), children: headerElement })) : null, _jsxs("div", { className: cn("flex w-full min-h-0 min-w-0 flex-1 flex-col", sidebar && "md:flex-row"), children: [desktopSidebarElement ? (_jsx("div", { className: cn("hidden min-h-0 w-full shrink-0 items-stretch px-0 pb-0 md:flex md:w-auto", contentPadding && "pt-2 sm:pt-3 lg:pt-4"), children: desktopSidebarElement })) : null, _jsxs("main", { ref: (node) => assignRef(contentRef, node), className: cn("chat-native-scrollbar relative flex min-w-0 flex-1 flex-col bg-transparent", showMobileSidebarPane ? "overflow-hidden" : "overflow-y-auto", contentPadding &&
+                            !showMobileSidebarPane &&
+                            "px-4 pb-4 pt-2 sm:px-6 sm:pb-6 sm:pt-3 lg:px-7 lg:pb-7 lg:pt-4", !showMobileSidebarPane && contentClassName), children: [sidebar ? (_jsx(PageLayoutMobileDrawer, { isDesktop: isDesktop, mobileSidebarLabel: mobileSidebarLabel, mobileSidebarOpen: mobileSidebarOpen, mobileSidebarTriggerClassName: mobileSidebarTriggerClassName, onMobileSidebarOpenChange: setMobileSidebarOpen, sidebar: sidebar })) : null, contentHeader &&
+                                headerPlacement === "inside" &&
+                                !showMobileSidebarPane
+                                ? headerElement
+                                : null, _jsx("div", { className: cn("flex w-full min-h-0 flex-1 flex-col", contentInnerClassName, showMobileSidebarPane && "hidden"), children: children })] })] })] }));
+}

package/packages/ui/src/layouts/workspace-layout/workspace-mobile-sidebar-controls.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+export interface WorkspaceMobileSidebarControl {
+    id: string;
+    label?: React.ReactNode;
+    open: boolean;
+    setOpen: (open: boolean) => void;
+}
+export interface WorkspaceMobileSidebarControls {
+    register: (control: WorkspaceMobileSidebarControl) => () => void;
+}
+export declare const WorkspaceMobileSidebarControlsContext: React.Context<WorkspaceMobileSidebarControls>;
+export declare function useWorkspaceMobileSidebarControls(): WorkspaceMobileSidebarControls | null;
+//# sourceMappingURL=workspace-mobile-sidebar-controls.d.ts.map

package/packages/ui/src/layouts/workspace-layout/workspace-mobile-sidebar-controls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-mobile-sidebar-controls.d.ts","sourceRoot":"","sources":["../../../../../../../ui/src/layouts/workspace-layout/workspace-mobile-sidebar-controls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,6BAA6B;IAC5C,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAClC;AAED,MAAM,WAAW,8BAA8B;IAC7C,QAAQ,EAAE,CAAC,OAAO,EAAE,6BAA6B,KAAK,MAAM,IAAI,CAAC;CAClE;AAED,eAAO,MAAM,qCAAqC,+CACgB,CAAC;AAEnE,wBAAgB,iCAAiC,IAAI,8BAA8B,GAAG,IAAI,CAEzF"}

package/packages/ui/src/layouts/workspace-layout/workspace-mobile-sidebar-controls.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+export const WorkspaceMobileSidebarControlsContext = React.createContext(null);
+export function useWorkspaceMobileSidebarControls() {
+    return React.useContext(WorkspaceMobileSidebarControlsContext);
+}