@openuidev/react-ui 0.9.16 → 0.9.18

package/dist/components/OpenUIChat/withChatProvider.js

@@ -3,6 +3,7 @@ import { ChatProvider } from "@openuidev/react-headless";
 import { useMemo } from "react";
 import { ThemeProvider } from "../ThemeProvider";
 import { GenUIAssistantMessage } from "./GenUIAssistantMessage";
+import { GenUIUserMessage } from "./GenUIUserMessage";
 const DummyThemeProvider = ({ children }) => {
     return children;
 };
@@ -40,14 +41,23 @@ export function withChatProvider(WrappedComponent) {
         }
         const componentLibrary = innerProps["componentLibrary"];
         const customAssistantMessage = innerProps["assistantMessage"];
+        const customUserMessage = innerProps["userMessage"];
         const genUIAssistantMessage = useMemo(() => {
             if (customAssistantMessage || !componentLibrary)
                 return undefined;
             return ({ message }) => (_jsx(GenUIAssistantMessage, { message: message, library: componentLibrary }));
         }, [customAssistantMessage, componentLibrary]);
+        const genUIUserMessage = useMemo(() => {
+            if (customUserMessage || !componentLibrary)
+                return undefined;
+            return ({ message }) => _jsx(GenUIUserMessage, { message: message });
+        }, [customUserMessage, componentLibrary]);
         if (genUIAssistantMessage && !customAssistantMessage) {
             innerProps["assistantMessage"] = genUIAssistantMessage;
         }
+        if (genUIUserMessage && !customUserMessage) {
+            innerProps["userMessage"] = genUIUserMessage;
+        }
         const ThemeProviderComponent = disableThemeProvider ? DummyThemeProvider : ThemeProvider;
         return (_jsx(ThemeProviderComponent, { ...theme, children: _jsx(ChatProvider, { ...chatProviderProps, children: _jsx(WrappedComponent, { ...innerProps }) }) }));
     };

package/dist/components/OpenUIChat/withChatProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"withChatProvider.js","sourceRoot":"","sources":["../../../src/components/OpenUIChat/withChatProvider.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAc,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAahE,MAAM,kBAAkB,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE;IACzE,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAEF,MAAM,uBAAuB,GAAmD,IAAI,GAAG,CAAC;IACtF,QAAQ;IACR,gBAAgB;IAChB,cAAc;IACd,iBAAiB;IACjB,cAAc;IACd,cAAc;IACd,cAAc;IACd,YAAY;IACZ,gBAAgB;IAChB,eAAe;CAChB,CAAC,CAAC;AAEH,MAAM,UAAU,gBAAgB,CAAkB,gBAA0C;IAC1F,MAAM,gBAAgB,GAAG,CAAC,KAAkC,EAAE,EAAE;QAC9D,MAAM,UAAU,GAA4B,EAAE,CAAC;QAC/C,MAAM,iBAAiB,GAA4B,EAAE,CAAC;QACtD,IAAI,KAA6B,CAAC;QAClC,IAAI,oBAAoB,GAAG,KAAK,CAAC;QAEjC,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YACjD,IAAI,GAAG,KAAK,OAAO,EAAE,CAAC;gBACpB,KAAK,GAAG,KAAmB,CAAC;YAC9B,CAAC;iBAAM,IAAI,GAAG,KAAK,sBAAsB,EAAE,CAAC;gBAC1C,oBAAoB,GAAG,KAAgB,CAAC;YAC1C,CAAC;iBAAM,IAAI,uBAAuB,CAAC,GAAG,CAAC,GAAgD,CAAC,EAAE,CAAC;gBACzF,iBAAiB,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;YACjC,CAAC;iBAAM,CAAC;gBACN,UAAU,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;YAC1B,CAAC;QACH,CAAC;QAED,MAAM,gBAAgB,GAAG,UAAU,CAAC,kBAAkB,CAAwB,CAAC;QAC/E,MAAM,sBAAsB,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;QAE9D,MAAM,qBAAqB,GAAG,OAAO,CAAC,GAAG,EAAE;YACzC,IAAI,sBAAsB,IAAI,CAAC,gBAAgB;gBAAE,OAAO,SAAS,CAAC;YAClE,OAAO,CAAC,EAAE,OAAO,EAAiC,EAAE,EAAE,CAAC,CACrD,KAAC,qBAAqB,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,gBAAgB,GAAI,CACvE,CAAC;QACJ,CAAC,EAAE,CAAC,sBAAsB,EAAE,gBAAgB,CAAC,CAAC,CAAC;QAE/C,IAAI,qBAAqB,IAAI,CAAC,sBAAsB,EAAE,CAAC;YACrD,UAAU,CAAC,kBAAkB,CAAC,GAAG,qBAAqB,CAAC;QACzD,CAAC;QAED,MAAM,sBAAsB,GAAG,oBAAoB,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,aAAa,CAAC;QAEzF,OAAO,CACL,KAAC,sBAAsB,OAAK,KAAK,YAC/B,KAAC,YAAY,OAAM,iBAAyB,YAC1C,KAAC,gBAAgB,OAAK,UAAU,GAAI,GACvB,GACQ,CAC1B,CAAC;IACJ,CAAC,CAAC;IAEF,gBAAgB,CAAC,WAAW,GAAG,oBAAoB,gBAAgB,CAAC,WAAW,IAAI,gBAAgB,CAAC,IAAI,IAAI,WAAW,GAAG,CAAC;IAE3H,OAAO,gBAAgB,CAAC;AAC1B,CAAC"}
+{"version":3,"file":"withChatProvider.js","sourceRoot":"","sources":["../../../src/components/OpenUIChat/withChatProvider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAc,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAatD,MAAM,kBAAkB,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE;IACzE,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAEF,MAAM,uBAAuB,GAAmD,IAAI,GAAG,CAAC;IACtF,QAAQ;IACR,gBAAgB;IAChB,cAAc;IACd,iBAAiB;IACjB,cAAc;IACd,cAAc;IACd,cAAc;IACd,YAAY;IACZ,gBAAgB;IAChB,eAAe;CAChB,CAAC,CAAC;AAEH,MAAM,UAAU,gBAAgB,CAAkB,gBAA0C;IAC1F,MAAM,gBAAgB,GAAG,CAAC,KAAkC,EAAE,EAAE;QAC9D,MAAM,UAAU,GAA4B,EAAE,CAAC;QAC/C,MAAM,iBAAiB,GAA4B,EAAE,CAAC;QACtD,IAAI,KAA6B,CAAC;QAClC,IAAI,oBAAoB,GAAG,KAAK,CAAC;QAEjC,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YACjD,IAAI,GAAG,KAAK,OAAO,EAAE,CAAC;gBACpB,KAAK,GAAG,KAAmB,CAAC;YAC9B,CAAC;iBAAM,IAAI,GAAG,KAAK,sBAAsB,EAAE,CAAC;gBAC1C,oBAAoB,GAAG,KAAgB,CAAC;YAC1C,CAAC;iBAAM,IAAI,uBAAuB,CAAC,GAAG,CAAC,GAAgD,CAAC,EAAE,CAAC;gBACzF,iBAAiB,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;YACjC,CAAC;iBAAM,CAAC;gBACN,UAAU,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;YAC1B,CAAC;QACH,CAAC;QAED,MAAM,gBAAgB,GAAG,UAAU,CAAC,kBAAkB,CAAwB,CAAC;QAC/E,MAAM,sBAAsB,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;QAC9D,MAAM,iBAAiB,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;QAEpD,MAAM,qBAAqB,GAAG,OAAO,CAAC,GAAG,EAAE;YACzC,IAAI,sBAAsB,IAAI,CAAC,gBAAgB;gBAAE,OAAO,SAAS,CAAC;YAClE,OAAO,CAAC,EAAE,OAAO,EAAiC,EAAE,EAAE,CAAC,CACrD,KAAC,qBAAqB,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,gBAAgB,GAAI,CACvE,CAAC;QACJ,CAAC,EAAE,CAAC,sBAAsB,EAAE,gBAAgB,CAAC,CAAC,CAAC;QAE/C,MAAM,gBAAgB,GAAG,OAAO,CAAC,GAAG,EAAE;YACpC,IAAI,iBAAiB,IAAI,CAAC,gBAAgB;gBAAE,OAAO,SAAS,CAAC;YAC7D,OAAO,CAAC,EAAE,OAAO,EAA4B,EAAE,EAAE,CAAC,KAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,GAAI,CAAC;QAC3F,CAAC,EAAE,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,CAAC,CAAC;QAE1C,IAAI,qBAAqB,IAAI,CAAC,sBAAsB,EAAE,CAAC;YACrD,UAAU,CAAC,kBAAkB,CAAC,GAAG,qBAAqB,CAAC;QACzD,CAAC;QACD,IAAI,gBAAgB,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC3C,UAAU,CAAC,aAAa,CAAC,GAAG,gBAAgB,CAAC;QAC/C,CAAC;QAED,MAAM,sBAAsB,GAAG,oBAAoB,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,aAAa,CAAC;QAEzF,OAAO,CACL,KAAC,sBAAsB,OAAK,KAAK,YAC/B,KAAC,YAAY,OAAM,iBAAyB,YAC1C,KAAC,gBAAgB,OAAK,UAAU,GAAI,GACvB,GACQ,CAC1B,CAAC;IACJ,CAAC,CAAC;IAEF,gBAAgB,CAAC,WAAW,GAAG,oBAAoB,gBAAgB,CAAC,WAAW,IAAI,gBAAgB,CAAC,IAAI,IAAI,WAAW,GAAG,CAAC;IAE3H,OAAO,gBAAgB,CAAC;AAC1B,CAAC"}

package/dist/components/SectionBlock/FoldableSection.d.ts

@@ -0,0 +1,24 @@
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import React from "react";
+import "./foldableSection.scss";
+export type FoldableSectionRootProps = AccordionPrimitive.AccordionMultipleProps;
+export declare const FoldableSectionRoot: React.ForwardRefExoticComponent<AccordionPrimitive.AccordionMultipleProps & React.RefAttributes<HTMLDivElement>>;
+export interface FoldableSectionItemProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item> {
+    className?: string;
+    style?: React.CSSProperties;
+    value: string;
+}
+export declare const FoldableSectionItem: React.ForwardRefExoticComponent<FoldableSectionItemProps & React.RefAttributes<HTMLDivElement>>;
+export interface FoldableSectionTriggerProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> {
+    className?: string;
+    style?: React.CSSProperties;
+    text: React.ReactNode;
+}
+export declare const FoldableSectionTrigger: React.ForwardRefExoticComponent<FoldableSectionTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export interface FoldableSectionContentProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+export declare const FoldableSectionContent: React.ForwardRefExoticComponent<FoldableSectionContentProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=FoldableSection.d.ts.map

package/dist/components/SectionBlock/FoldableSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FoldableSection.d.ts","sourceRoot":"","sources":["../../../src/components/SectionBlock/FoldableSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAGhE,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,wBAAwB,CAAC;AAEhC,MAAM,MAAM,wBAAwB,GAAG,kBAAkB,CAAC,sBAAsB,CAAC;AAEjF,eAAO,MAAM,mBAAmB,kHAU9B,CAAC;AAGH,MAAM,WAAW,wBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,mBAAmB,iGAW9B,CAAC;AAGH,MAAM,WAAW,2BACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB;AAED,eAAO,MAAM,sBAAsB,uGA2BjC,CAAC;AAGH,MAAM,WAAW,2BACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,sBAAsB,oGAYjC,CAAC"}

package/dist/components/SectionBlock/FoldableSection.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import clsx from "clsx";
+import { ChevronRight } from "lucide-react";
+import { forwardRef } from "react";
+import { IconButton } from "../IconButton";
+import { Separator } from "../Separator";
+import "./foldableSection.css";
+export const FoldableSectionRoot = forwardRef(({ className, style, ...props }, ref) => (_jsx(AccordionPrimitive.Root, { ref: ref, className: clsx("openui-foldable-section-root", className), style: style, ...props })));
+FoldableSectionRoot.displayName = "FoldableSectionRoot";
+export const FoldableSectionItem = forwardRef(({ className, style, value, ...props }, ref) => (_jsx(AccordionPrimitive.Item, { ref: ref, className: clsx("openui-foldable-section-item", className), style: style, value: value, ...props })));
+FoldableSectionItem.displayName = "FoldableSectionItem";
+export const FoldableSectionTrigger = forwardRef(({ className, style, text, ...props }, ref) => (_jsx(AccordionPrimitive.Header, { className: "openui-foldable-section-header", children: _jsx(AccordionPrimitive.Trigger, { ref: ref, className: clsx("openui-foldable-section-trigger", className), style: style, ...props, children: _jsxs("div", { className: "openui-foldable-section-trigger-content-wrapper", children: [_jsx(Separator, { className: "openui-foldable-section-trigger-content-separator" }), _jsxs("div", { className: "openui-foldable-section-trigger-content-icon-button-wrapper", children: [_jsx(IconButton, { icon: _jsx(ChevronRight, { className: "openui-foldable-section-trigger-content-icon-button-icon" }), size: "3-extra-small", variant: "secondary", className: "openui-foldable-section-trigger-content-icon-button" }), _jsx("div", { className: "openui-foldable-section-trigger-content-text", children: text })] })] }) }) })));
+FoldableSectionTrigger.displayName = "FoldableSectionTrigger";
+export const FoldableSectionContent = forwardRef(({ className, style, children, ...props }, ref) => (_jsx(AccordionPrimitive.Content, { ref: ref, className: clsx("openui-foldable-section-content", className), style: style, ...props, children: children })));
+FoldableSectionContent.displayName = "FoldableSectionContent";
+//# sourceMappingURL=FoldableSection.js.map

package/dist/components/SectionBlock/FoldableSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FoldableSection.js","sourceRoot":"","sources":["../../../src/components/SectionBlock/FoldableSection.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,wBAAwB,CAAC;AAIhC,MAAM,CAAC,MAAM,mBAAmB,GAAG,UAAU,CAG3C,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACzC,KAAC,kBAAkB,CAAC,IAAI,IACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,8BAA8B,EAAE,SAAS,CAAC,EAC1D,KAAK,EAAE,KAAK,KACR,KAAK,GACT,CACH,CAAC,CAAC;AACH,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC;AASxD,MAAM,CAAC,MAAM,mBAAmB,GAAG,UAAU,CAG3C,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChD,KAAC,kBAAkB,CAAC,IAAI,IACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,8BAA8B,EAAE,SAAS,CAAC,EAC1D,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,KACR,KAAK,GACT,CACH,CAAC,CAAC;AACH,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC;AASxD,MAAM,CAAC,MAAM,sBAAsB,GAAG,UAAU,CAG9C,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC/C,KAAC,kBAAkB,CAAC,MAAM,IAAC,SAAS,EAAC,gCAAgC,YACnE,KAAC,kBAAkB,CAAC,OAAO,IACzB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,iCAAiC,EAAE,SAAS,CAAC,EAC7D,KAAK,EAAE,KAAK,KACR,KAAK,YAET,eAAK,SAAS,EAAC,iDAAiD,aAC9D,KAAC,SAAS,IAAC,SAAS,EAAC,mDAAmD,GAAG,EAC3E,eAAK,SAAS,EAAC,6DAA6D,aAC1E,KAAC,UAAU,IACT,IAAI,EACF,KAAC,YAAY,IAAC,SAAS,EAAC,0DAA0D,GAAG,EAEvF,IAAI,EAAC,eAAe,EACpB,OAAO,EAAC,WAAW,EACnB,SAAS,EAAC,qDAAqD,GAC/D,EACF,cAAK,SAAS,EAAC,8CAA8C,YAAE,IAAI,GAAO,IACtE,IACF,GACqB,GACH,CAC7B,CAAC,CAAC;AACH,sBAAsB,CAAC,WAAW,GAAG,wBAAwB,CAAC;AAS9D,MAAM,CAAC,MAAM,sBAAsB,GAAG,UAAU,CAG9C,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnD,KAAC,kBAAkB,CAAC,OAAO,IACzB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,iCAAiC,EAAE,SAAS,CAAC,EAC7D,KAAK,EAAE,KAAK,KACR,KAAK,YAER,QAAQ,GACkB,CAC9B,CAAC,CAAC;AACH,sBAAsB,CAAC,WAAW,GAAG,wBAAwB,CAAC"}

package/dist/components/SectionBlock/SectionV2.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import "./sectionV2.scss";
+interface SectionV2Props {
+    trigger: string;
+    children?: React.ReactNode;
+}
+export declare const SectionV2: ({ trigger, children }: SectionV2Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SectionV2.d.ts.map

package/dist/components/SectionBlock/SectionV2.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionV2.d.ts","sourceRoot":"","sources":["../../../src/components/SectionBlock/SectionV2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,kBAAkB,CAAC;AAE1B,UAAU,cAAc;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,SAAS,GAAI,uBAAuB,cAAc,4CAY9D,CAAC"}

package/dist/components/SectionBlock/SectionV2.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Separator } from "../Separator";
+import "./sectionV2.css";
+export const SectionV2 = ({ trigger, children }) => {
+    return (_jsx("div", { className: "openui-section-v2", children: _jsxs("div", { className: "openui-section-v2-wrapper", children: [_jsx(Separator, { orientation: "horizontal" }), _jsx("div", { className: "openui-section-v2-header", children: _jsx("div", { className: "openui-section-v2-header-trigger", children: trigger }) }), _jsx("div", { className: "openui-section-v2-content", children: children })] }) }));
+};
+//# sourceMappingURL=SectionV2.js.map

package/dist/components/SectionBlock/SectionV2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionV2.js","sourceRoot":"","sources":["../../../src/components/SectionBlock/SectionV2.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,kBAAkB,CAAC;AAO1B,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAkB,EAAE,EAAE;IACjE,OAAO,CACL,cAAK,SAAS,EAAC,mBAAmB,YAChC,eAAK,SAAS,EAAC,2BAA2B,aACxC,KAAC,SAAS,IAAC,WAAW,EAAC,YAAY,GAAG,EACtC,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,kCAAkC,YAAE,OAAO,GAAO,GAC7D,EACN,cAAK,SAAS,EAAC,2BAA2B,YAAE,QAAQ,GAAO,IACvD,GACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/SectionBlock/foldableSection.css

@@ -0,0 +1 @@
+.openui-foldable-section{box-sizing:border-box;padding:0;margin:0;width:100%}.openui-foldable-section-root{display:flex;flex-direction:column;gap:var(--openui-space-l, 18px)}.openui-foldable-section-item{width:100%;display:flex;flex-direction:column;gap:var(--openui-space-l, 18px)}.openui-foldable-section-header{display:flex;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0}.openui-foldable-section-trigger{background-color:rgba(0,0,0,0);border:none;padding:var(--openui-space-m, 12px) 0 var(--openui-space-xs, 6px) 0;width:100%;flex:1;display:flex;align-items:center;justify-content:space-between;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));cursor:pointer}.openui-foldable-section-trigger-content-wrapper{display:flex;flex-direction:column;gap:var(--openui-space-l, 18px);align-items:start;justify-content:center;width:100%}.openui-foldable-section-trigger-content-separator{margin:var(--openui-space-3xs, 2px)}.openui-foldable-section-trigger-content-icon-button-wrapper{display:flex;align-items:center;justify-content:start;gap:var(--openui-space-s, 8px);width:100%}.openui-foldable-section-trigger-content-icon-button{flex-shrink:0}.openui-foldable-section-trigger-content-icon-button-icon{transition:transform 300ms cubic-bezier(0.87, 0, 0.13, 1)}.openui-foldable-section-trigger[data-state=open] .openui-foldable-section-trigger-content-icon-button-icon{transform:rotate(90deg)}.openui-foldable-section-trigger-content-text{font:var(--openui-text-heading-sm);letter-spacing:var(--openui-text-heading-sm-letter-spacing);flex-grow:1;display:flex;align-items:center;justify-content:start;padding:0;margin:0}.openui-foldable-section-content{width:100%;display:flex;flex-direction:column;gap:var(--openui-space-xl, 24px);padding:0 0 0 28px}.openui-foldable-section-content[data-state=open]{height:fit-content}.openui-foldable-section-content[data-state=closed]{height:0}

package/dist/components/SectionBlock/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./FoldableSection";
+export * from "./SectionV2";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/SectionBlock/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SectionBlock/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC"}

package/dist/components/SectionBlock/index.js

@@ -0,0 +1,3 @@
+export * from "./FoldableSection";
+export * from "./SectionV2";
+//# sourceMappingURL=index.js.map

package/dist/components/SectionBlock/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SectionBlock/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC"}

package/dist/components/SectionBlock/sectionBlock.css

@@ -0,0 +1 @@
+.openui-foldable-section{box-sizing:border-box;padding:0;margin:0;width:100%}.openui-foldable-section-root{display:flex;flex-direction:column;gap:var(--openui-space-l, 18px)}.openui-foldable-section-item{width:100%;display:flex;flex-direction:column;gap:var(--openui-space-l, 18px)}.openui-foldable-section-header{display:flex;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0}.openui-foldable-section-trigger{background-color:rgba(0,0,0,0);border:none;padding:var(--openui-space-m, 12px) 0 var(--openui-space-xs, 6px) 0;width:100%;flex:1;display:flex;align-items:center;justify-content:space-between;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));cursor:pointer}.openui-foldable-section-trigger-content-wrapper{display:flex;flex-direction:column;gap:var(--openui-space-l, 18px);align-items:start;justify-content:center;width:100%}.openui-foldable-section-trigger-content-separator{margin:var(--openui-space-3xs, 2px)}.openui-foldable-section-trigger-content-icon-button-wrapper{display:flex;align-items:center;justify-content:start;gap:var(--openui-space-s, 8px);width:100%}.openui-foldable-section-trigger-content-icon-button{flex-shrink:0}.openui-foldable-section-trigger-content-icon-button-icon{transition:transform 300ms cubic-bezier(0.87, 0, 0.13, 1)}.openui-foldable-section-trigger[data-state=open] .openui-foldable-section-trigger-content-icon-button-icon{transform:rotate(90deg)}.openui-foldable-section-trigger-content-text{font:var(--openui-text-heading-sm);letter-spacing:var(--openui-text-heading-sm-letter-spacing);flex-grow:1;display:flex;align-items:center;justify-content:start;padding:0;margin:0}.openui-foldable-section-content{width:100%;display:flex;flex-direction:column;gap:var(--openui-space-xl, 24px);padding:0 0 0 28px}.openui-foldable-section-content[data-state=open]{height:fit-content}.openui-foldable-section-content[data-state=closed]{height:0}.openui-section-v2{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--openui-space-xl, 24px);margin-top:var(--openui-space-m, 12px)}.openui-section-v2-wrapper{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;gap:var(--openui-space-xl, 24px)}.openui-section-v2-header{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--openui-space-s, 8px);margin-bottom:var(--openui-space-2xs, 4px)}.openui-section-v2-header-trigger{font:var(--openui-text-heading-sm);letter-spacing:var(--openui-text-heading-sm-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-section-v2-content{width:100%;gap:var(--openui-space-xl, 24px);display:flex;flex-direction:column}

package/dist/components/SectionBlock/sectionV2.css

@@ -0,0 +1 @@
+.openui-section-v2{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--openui-space-xl, 24px);margin-top:var(--openui-space-m, 12px)}.openui-section-v2-wrapper{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;gap:var(--openui-space-xl, 24px)}.openui-section-v2-header{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--openui-space-s, 8px);margin-bottom:var(--openui-space-2xs, 4px)}.openui-section-v2-header-trigger{font:var(--openui-text-heading-sm);letter-spacing:var(--openui-text-heading-sm-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-section-v2-content{width:100%;gap:var(--openui-space-xl, 24px);display:flex;flex-direction:column}

package/dist/components/Shell/shell.css

@@ -1 +1 @@
-.openui-shell-sidebar-container{background:var(--openui-foreground, oklch(99.4% 0 89.876deg));border:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));height:100%;width:272px;border-radius:var(--openui-radius-m, 8px);padding:var(--openui-space-m, 12px);display:flex;flex-direction:column;gap:var(--openui-space-m, 12px);z-index:999;transition:width .4s ease-in-out,height .4s ease-in-out,transform .4s ease-in-out}.openui-shell-container--mobile .openui-shell-sidebar-container{width:294px;padding:var(--openui-space-l, 18px);position:absolute;left:0;top:0;z-index:1000;background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));border-radius:0;transition:left .3s ease-in-out}.openui-shell-sidebar-container--collapsed{width:104px;height:min-content;transform:translateX(0);gap:0}.openui-shell-container--mobile .openui-shell-sidebar-container--collapsed{width:294px;height:100%;left:-294px;transform:none}.openui-shell-sidebar-container--hidden{display:none}.openui-shell-sidebar-header{display:flex;align-items:center;gap:var(--openui-space-s, 8px)}.openui-shell-sidebar-header__logo{width:36px;height:36px;border-radius:var(--openui-radius-s, 6px)}.openui-shell-sidebar-header__agent-name{flex-grow:1;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-shell-sidebar-container--collapsed .openui-shell-sidebar-header__agent-name{display:none}.openui-shell-sidebar-content{width:calc(272px - var(--openui-space-m, 12px)*2);display:flex;flex-direction:column;gap:var(--openui-space-m, 12px);overflow:hidden;opacity:1;transition:opacity .2s ease-in-out .3s,display .4s .5s}.openui-shell-container--mobile .openui-shell-sidebar-content{width:100%}.openui-shell-sidebar-content--collapsed{opacity:0;display:none;transition:opacity .2s ease-in-out,display 0s .5s}.openui-shell-sidebar-separator{height:1px;width:100%;background-color:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06))}.openui-shell-container--mobile .openui-shell-sidebar-header__toggle-button{display:none}.openui-shell-sidebar-container__overlay{position:absolute;left:0;top:0;width:100%;height:100%;background-color:var(--openui-overlay, oklch(0% 0 0deg / 0.4));transition:opacity .3s ease-in-out;z-index:99}.openui-shell-sidebar-container__overlay--collapsed{opacity:0;pointer-events:none}.openui-shell-thread-list{display:flex;flex-direction:column;gap:var(--openui-space-s, 8px);overflow:auto}.openui-shell-thread-list-group{display:flex;padding-left:var(--openui-space-xs, 6px);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));font:var(--openui-text-label-default);letter-spacing:var(--openui-text-label-default-letter-spacing)}.openui-shell-thread-button{display:flex;align-items:center;justify-content:space-between;width:100%;border-radius:var(--openui-radius-s, 6px);border:1px solid rgba(0,0,0,0)}.openui-shell-thread-button--selected{background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04));border-color:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06))}.openui-shell-thread-button:hover .openui-shell-thread-button-dropdown-trigger{opacity:1}.openui-shell-thread-button-title{padding:0;border:0;background:rgba(0,0,0,0);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));padding:var(--openui-space-2xs, 4px) var(--openui-space-xs, 6px);width:100%;text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.openui-shell-thread-button-dropdown-trigger{padding:0;border:0;background:rgba(0,0,0,0);outline:none;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));padding:var(--openui-space-2xs, 4px) var(--openui-space-xs, 6px);flex-shrink:0;min-height:28px;cursor:pointer;opacity:0}.openui-shell-container--mobile .openui-shell-thread-button-dropdown-trigger{opacity:1}.openui-shell-thread-button-dropdown-trigger[data-state=open]{opacity:1}.openui-shell-thread-button-dropdown-menu{display:flex;flex-direction:column;padding:var(--openui-space-xs, 6px);border:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));border-radius:var(--openui-radius-m, 8px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));z-index:9999}.openui-shell-thread-button-dropdown-menu-item{padding:0;border:0;background:rgba(0,0,0,0);outline:none;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));padding:var(--openui-space-2xs, 4px) var(--openui-space-xs, 6px);display:flex;align-items:center;gap:var(--openui-space-2xs, 4px);cursor:pointer}.openui-shell-thread-button-dropdown-menu-item-icon{color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5))}.openui-shell-thread-container{flex:1;overflow:hidden;display:flex;flex-direction:column}.openui-shell-thread-wrapper{flex:1;display:flex;overflow:hidden;height:100%}.openui-shell-thread-chat-panel{display:flex;flex-direction:column;overflow:hidden;height:100%;min-width:360px;flex-shrink:0;position:relative}.openui-shell-thread-chat-panel--animating{transition:width .5s cubic-bezier(0.4, 0, 0.2, 1)}.openui-shell-thread-artifact-panel{display:flex;flex-direction:column;overflow:auto;height:100%;flex:1;min-width:0;background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));animation:slideInFromRight .5s cubic-bezier(0.4, 0, 0.2, 1);scrollbar-width:thin;scrollbar-color:var(--openui-highlight-strong, oklch(9.7% 0 0deg / 0.08)) rgba(0,0,0,0)}.openui-shell-thread-artifact-panel::-webkit-scrollbar{width:6px}.openui-shell-thread-artifact-panel::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.openui-shell-thread-artifact-panel::-webkit-scrollbar-thumb{background-color:var(--openui-highlight-strong, oklch(9.7% 0 0deg / 0.08));border-radius:var(--openui-radius-full, 9999px)}.openui-shell-thread-artifact-panel::-webkit-scrollbar-thumb:hover{background-color:var(--openui-highlight-intense, oklch(9.7% 0 0deg / 0.32))}.openui-shell-thread-artifact-panel--animating{transition:width .5s cubic-bezier(0.4, 0, 0.2, 1)}.openui-shell-thread-artifact-panel--mobile{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;animation:slideInFromBottom .3s cubic-bezier(0.4, 0, 0.2, 1)}@keyframes slideInFromRight{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromBottom{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.openui-shell-thread-scroll-container{display:flex;width:100%;flex-grow:1;position:relative;overflow:hidden}.openui-shell-thread-container:has(.openui-shell-welcome-screen) .openui-shell-thread-scroll-container{flex-grow:0}.openui-shell-thread-scroll-area{width:100%;height:100%;overflow:auto;padding:var(--openui-space-m, 12px) calc(32px + var(--openui-space-s, 8px)) var(--openui-space-xl, 24px);scrollbar-width:thin;scrollbar-color:var(--openui-highlight-strong, oklch(9.7% 0 0deg / 0.08)) rgba(0,0,0,0)}.openui-shell-thread-scroll-area::-webkit-scrollbar{width:6px}.openui-shell-thread-scroll-area::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.openui-shell-thread-scroll-area::-webkit-scrollbar-thumb{background-color:var(--openui-highlight-strong, oklch(9.7% 0 0deg / 0.08));border-radius:var(--openui-radius-full, 9999px)}.openui-shell-thread-scroll-area::-webkit-scrollbar-thumb:hover{background-color:var(--openui-highlight-intense, oklch(9.7% 0 0deg / 0.32))}.openui-shell-thread-container:has(.openui-shell-welcome-screen) .openui-shell-thread-scroll-area{padding:0}.openui-shell-container--mobile .openui-shell-thread-scroll-area{padding:var(--openui-space-l, 18px)}.openui-shell-thread-container--artifact-active .openui-shell-thread-scroll-area{padding-left:0;padding-right:var(--openui-space-m, 12px)}.openui-shell-thread-scroll-area--user-message-anchor .openui-shell-thread-messages>*:last-child{min-height:calc(-200px + 100dvh)}.openui-shell-thread-messages{max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:calc(2*var(--openui-space-l, 18px))}.openui-shell-thread-message-assistant{width:100%;display:flex;gap:var(--openui-space-s, 8px);padding-right:calc(32px + var(--openui-space-s, 8px));overflow:hidden}.openui-shell-container--mobile .openui-shell-thread-message-assistant{padding:0}.openui-shell-thread-container--artifact-active .openui-shell-thread-message-assistant{gap:0;padding-right:0}.openui-shell-thread-message-assistant__content{display:flex;flex-direction:column;gap:var(--openui-space-s, 8px);overflow:hidden;overflow-wrap:break-word;flex-grow:1}.openui-shell-thread-message-assistant__text{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-shell-thread-message-assistant__text:first-child{margin-top:var(--openui-space-xs, 6px)}.openui-shell-thread-message-assistant__logo{width:32px;height:32px;border-radius:var(--openui-radius-m, 8px)}.openui-shell-container--mobile .openui-shell-thread-message-assistant__logo{display:none}.openui-shell-thread-container--artifact-active .openui-shell-thread-message-assistant__logo{display:none}.openui-shell-thread-message-user{display:flex;justify-content:flex-end;padding:0 calc(32px + var(--openui-space-s, 8px))}.openui-shell-container--mobile .openui-shell-thread-message-user{padding:0}.openui-shell-thread-container--artifact-active .openui-shell-thread-message-user{padding-left:0;padding-right:0}.openui-shell-thread-message-user__content{padding:var(--openui-space-m, 12px) var(--openui-space-l, 18px);background-color:var(--openui-chat-user-response-bg, oklch(9.7% 0 0deg));color:var(--openui-chat-user-response-text, oklch(99.4% 0 89.876deg));border-radius:var(--openui-radius-2xl, 14px);overflow-wrap:break-word;max-width:100%;height:fit-content}.openui-shell-thread-message-loading{display:flex;padding:0 calc(32px + var(--openui-space-s, 8px))}.openui-shell-mobile-header{display:none}.openui-shell-container--mobile .openui-shell-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:var(--openui-space-m, 12px) var(--openui-space-l, 18px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg))}.openui-shell-mobile-header-logo-container{display:flex;align-items:center;gap:var(--openui-space-m, 12px);position:absolute;left:50%;transform:translateX(-50%)}.openui-shell-mobile-header-logo{width:32px;height:32px;border-radius:var(--openui-radius-m, 8px)}.openui-shell-mobile-header-agent-name{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-shell-mobile-header-actions{display:flex;align-items:center;gap:var(--openui-space-s, 8px)}.openui-shell-resizable-separator{width:1px;background-color:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));cursor:col-resize;position:relative;flex-shrink:0;user-select:none;animation:fadeIn .3s cubic-bezier(0.4, 0, 0.2, 1)}.openui-shell-resizable-separator::before{content:"";position:absolute;top:0;bottom:0;left:-8px;right:-8px;cursor:col-resize}.openui-shell-resizable-separator:hover{background-color:var(--openui-border-interactive-emphasis, oklch(9.7% 0 0deg / 0.3))}.openui-shell-resizable-separator:hover .openui-shell-resizable-separator__handle{opacity:1}.openui-shell-resizable-separator__handle{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:4px;height:40px;background-color:var(--openui-border-interactive-emphasis, oklch(9.7% 0 0deg / 0.3));border-radius:var(--openui-radius-full, 9999px);opacity:0;transition:opacity .2s ease-in-out;pointer-events:none}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.openui-shell-conversation-starter{width:100%;max-width:880px;margin:0 auto;padding:0 calc(32px + var(--openui-space-s, 8px)) var(--openui-space-m, 12px)}.openui-shell-conversation-starter--short{display:flex;flex-wrap:wrap;gap:var(--openui-space-s, 8px)}.openui-shell-conversation-starter--long{display:flex;flex-direction:column;gap:var(--openui-space-2xs, 4px)}.openui-shell-conversation-starter__separator{padding:var(--openui-space-3xs, 2px) var(--openui-space-xs, 6px)}.openui-shell-container--mobile .openui-shell-conversation-starter{padding:0 var(--openui-space-l, 18px)}.openui-shell-thread-container--artifact-active .openui-shell-conversation-starter{padding-left:0;padding-right:var(--openui-space-m, 12px)}.openui-shell-conversation-starter-item-short{display:flex;align-items:center;gap:var(--openui-space-xs, 6px);width:fit-content;padding:var(--openui-space-s, 8px) var(--openui-space-m, 12px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));border:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));border-radius:var(--openui-radius-m, 8px);cursor:pointer;transition:all .15s ease;font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));text-align:left}.openui-shell-conversation-starter-item-short__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-shell-conversation-starter-item-short__text{flex:1;white-space:nowrap}.openui-shell-conversation-starter-item-short:not(:disabled):hover{background-color:var(--openui-highlight, oklch(9.7% 0 0deg / 0.04));border-color:var(--openui-border-interactive-emphasis, oklch(9.7% 0 0deg / 0.3))}.openui-shell-conversation-starter-item-short:not(:disabled):active{background-color:var(--openui-highlight-subtle, oklch(9.7% 0 0deg / 0.02))}@media(max-width: 480px){.openui-shell-conversation-starter-item-short{padding:var(--openui-space-s, 8px) var(--openui-space-m, 12px)}}.openui-shell-conversation-starter-item-long{display:flex;align-items:center;gap:var(--openui-space-000, 0);width:100%;padding:var(--openui-space-xs, 6px) var(--openui-space-m, 12px);background-color:rgba(0,0,0,0);border:none;border-radius:var(--openui-radius-m, 8px);cursor:pointer;transition:background-color .15s ease;font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));text-align:left;overflow:hidden}.openui-shell-conversation-starter-item-long__content{display:flex;align-items:flex-start;gap:var(--openui-space-s, 8px);flex:1;min-width:0}.openui-shell-conversation-starter-item-long__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding-top:var(--openui-space-2xs, 4px);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-shell-conversation-starter-item-long__text{flex:1;min-width:0;line-height:1.5}.openui-shell-conversation-starter-item-long__arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:0;transition:opacity .15s ease;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-shell-conversation-starter-item-long:not(:disabled):hover{background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04))}.openui-shell-conversation-starter-item-long:not(:disabled):hover .openui-shell-conversation-starter-item-long__arrow{opacity:1}.openui-shell-conversation-starter-item-long:not(:disabled):active{background-color:var(--openui-highlight-subtle, oklch(9.7% 0 0deg / 0.02))}.openui-shell-welcome-screen{display:flex;flex-direction:column;gap:var(--openui-space-l, 18px);flex:1;justify-content:center;align-items:center;width:100%;height:100%;max-width:880px;margin:0 auto;padding:var(--openui-space-2xl, 36px) calc(32px + var(--openui-space-s, 8px))}.openui-shell-container--mobile .openui-shell-welcome-screen{padding:var(--openui-space-2xl, 36px) var(--openui-space-l, 18px)}.openui-shell-thread-container--artifact-active .openui-shell-welcome-screen{padding-left:0;padding-right:var(--openui-space-m, 12px)}.openui-shell-welcome-screen__header{display:flex;flex-direction:column;align-items:center;gap:var(--openui-space-l, 18px)}.openui-shell-welcome-screen__image-container{display:flex;align-items:center;justify-content:center;flex-shrink:0}.openui-shell-welcome-screen__image{width:64px;height:64px;object-fit:cover;border-radius:var(--openui-radius-xl, 12px)}.openui-shell-welcome-screen__content{display:flex;flex-direction:column;align-items:center;gap:var(--openui-space-xs, 6px);text-align:center}.openui-shell-welcome-screen__title{font:var(--openui-text-heading-sm);letter-spacing:var(--openui-text-heading-sm-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));margin:0}.openui-shell-welcome-screen__description{font:var(--openui-text-body-sm);letter-spacing:var(--openui-text-body-sm-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));margin:0;max-width:400px}.openui-shell-welcome-screen__composer-starters-container{display:flex;flex-direction:column;gap:var(--openui-space-l, 18px);width:100%}.openui-shell-welcome-screen__desktop-composer{display:flex;justify-content:center;width:100%}.openui-shell-container--mobile .openui-shell-welcome-screen__desktop-composer{display:none}.openui-shell-welcome-screen__desktop-starters{width:100%}.openui-shell-container--mobile .openui-shell-welcome-screen__desktop-starters{display:none}.openui-shell-welcome-screen__desktop-starters .openui-shell-conversation-starter{padding:0}.openui-shell-welcome-screen__desktop-starters .openui-shell-conversation-starter--short{justify-content:center}.openui-shell-welcome-screen--with-composer{gap:var(--openui-space-2xl, 36px)}.openui-shell-container--mobile .openui-shell-welcome-screen--with-composer{gap:var(--openui-space-l, 18px)}.openui-shell-thread-container:has(.openui-shell-welcome-screen--with-composer) .openui-shell-thread-composer{display:none}.openui-shell-container--mobile .openui-shell-thread-container:has(.openui-shell-welcome-screen--with-composer) .openui-shell-thread-composer{display:block}.openui-shell-container:not(.openui-shell-container--mobile) .openui-shell-thread-container:has(.openui-shell-welcome-screen--with-composer) .openui-shell-thread-composer{display:none}.openui-shell-container:not(.openui-shell-container--mobile) .openui-shell-thread-container:has(.openui-shell-welcome-screen__desktop-starters) .openui-shell-conversation-starter:not(.openui-shell-welcome-screen__desktop-starters .openui-shell-conversation-starter){display:none}.openui-shell-desktop-welcome-composer{display:flex;flex-direction:column;gap:var(--openui-space-m, 12px);padding:var(--openui-space-m, 12px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));border:1px solid var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12));border-radius:var(--openui-radius-2xl, 14px);box-shadow:var(--openui-shadow-s, 0 1px 3px -2px oklch(0% 0 0deg / 0.02), 0 2px 5px -2px oklch(0% 0 0deg / 0.04));width:100%;max-width:800px}.openui-shell-desktop-welcome-composer__input-container{display:flex;padding-left:var(--openui-space-3xs, 2px)}.openui-shell-desktop-welcome-composer__input{flex:1;padding:0;resize:none;max-height:200px;min-height:24px;outline:none;border:none;background:rgba(0,0,0,0);overflow:hidden;font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-shell-desktop-welcome-composer__input::placeholder{color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5))}.openui-shell-desktop-welcome-composer__actions{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between}.openui-shell-desktop-welcome-composer__action-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--openui-radius-m, 8px);cursor:pointer;transition:all .15s ease;flex-shrink:0}.openui-shell-thread-composer{max-width:880px;width:100%;margin:0 auto var(--openui-space-m, 12px);padding:0 calc(32px + var(--openui-space-s, 8px))}.openui-shell-container--mobile .openui-shell-thread-composer{margin:0;padding:var(--openui-space-m, 12px) 14px;background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg))}.openui-shell-thread-container--artifact-active .openui-shell-thread-composer{padding-left:0;padding-right:var(--openui-space-m, 12px)}.openui-shell-thread-composer__input-wrapper{border:1.256px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));border-radius:var(--openui-radius-xl, 12px);display:flex;align-items:flex-end;gap:var(--openui-space-s, 8px);padding:var(--openui-space-m, 12px)}.openui-shell-thread-composer__input{flex-grow:1;padding:0;resize:none;margin:auto 0px;min-height:1lh;max-height:154px;outline:none;border:none;background:rgba(0,0,0,0);overflow:hidden;font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-shell-thread-composer__input::placeholder{color:var(--openui-text-neutral-tertiary, oklch(9.7% 0 0deg / 0.2))}.openui-shell-container{display:flex;position:relative;height:100dvh;width:100dvw;padding:var(--openui-space-m, 12px);overflow:hidden;background:var(--openui-background, oklch(97% 0 89.876deg));box-sizing:border-box}.openui-shell-container *{box-sizing:border-box}.openui-shell-container.openui-shell-container--mobile{padding:0}.openui-shell-new-chat-button{width:100%;justify-content:space-between}
+.openui-shell-sidebar-container{background:var(--openui-foreground, oklch(99.4% 0 89.876deg));border:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));height:100%;width:272px;border-radius:var(--openui-radius-m, 8px);padding:var(--openui-space-m, 12px);display:flex;flex-direction:column;gap:var(--openui-space-m, 12px);z-index:999;transition:width .4s ease-in-out,height .4s ease-in-out,transform .4s ease-in-out}.openui-shell-container--mobile .openui-shell-sidebar-container{width:294px;padding:var(--openui-space-l, 18px);position:absolute;left:0;top:0;z-index:1000;background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));border-radius:0;transition:left .3s ease-in-out}.openui-shell-sidebar-container--collapsed{width:104px;height:min-content;transform:translateX(0);gap:0}.openui-shell-container--mobile .openui-shell-sidebar-container--collapsed{width:294px;height:100%;left:-294px;transform:none}.openui-shell-sidebar-container--hidden{display:none}.openui-shell-sidebar-header{display:flex;align-items:center;gap:var(--openui-space-s, 8px)}.openui-shell-sidebar-header__logo{width:36px;height:36px;border-radius:var(--openui-radius-s, 6px)}.openui-shell-sidebar-header__agent-name{flex-grow:1;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-shell-sidebar-container--collapsed .openui-shell-sidebar-header__agent-name{display:none}.openui-shell-sidebar-content{width:calc(272px - var(--openui-space-m, 12px)*2);display:flex;flex-direction:column;gap:var(--openui-space-m, 12px);overflow:hidden;opacity:1;transition:opacity .2s ease-in-out .3s,display .4s .5s}.openui-shell-container--mobile .openui-shell-sidebar-content{width:100%}.openui-shell-sidebar-content--collapsed{opacity:0;display:none;transition:opacity .2s ease-in-out,display 0s .5s}.openui-shell-sidebar-separator{height:1px;width:100%;background-color:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06))}.openui-shell-container--mobile .openui-shell-sidebar-header__toggle-button{display:none}.openui-shell-sidebar-container__overlay{position:absolute;left:0;top:0;width:100%;height:100%;background-color:var(--openui-overlay, oklch(0% 0 0deg / 0.4));transition:opacity .3s ease-in-out;z-index:99}.openui-shell-sidebar-container__overlay--collapsed{opacity:0;pointer-events:none}.openui-shell-thread-list{display:flex;flex-direction:column;gap:var(--openui-space-s, 8px);overflow:auto}.openui-shell-thread-list-group{display:flex;padding-left:var(--openui-space-xs, 6px);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));font:var(--openui-text-label-default);letter-spacing:var(--openui-text-label-default-letter-spacing)}.openui-shell-thread-button{display:flex;align-items:center;justify-content:space-between;width:100%;border-radius:var(--openui-radius-s, 6px);border:1px solid rgba(0,0,0,0)}.openui-shell-thread-button--selected{background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04));border-color:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06))}.openui-shell-thread-button:hover .openui-shell-thread-button-dropdown-trigger{opacity:1}.openui-shell-thread-button-title{padding:0;border:0;background:rgba(0,0,0,0);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));padding:var(--openui-space-2xs, 4px) var(--openui-space-xs, 6px);width:100%;text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.openui-shell-thread-button-dropdown-trigger{padding:0;border:0;background:rgba(0,0,0,0);outline:none;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));padding:var(--openui-space-2xs, 4px) var(--openui-space-xs, 6px);flex-shrink:0;min-height:28px;cursor:pointer;opacity:0}.openui-shell-container--mobile .openui-shell-thread-button-dropdown-trigger{opacity:1}.openui-shell-thread-button-dropdown-trigger[data-state=open]{opacity:1}.openui-shell-thread-button-dropdown-menu{display:flex;flex-direction:column;padding:var(--openui-space-xs, 6px);border:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));border-radius:var(--openui-radius-m, 8px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));z-index:9999}.openui-shell-thread-button-dropdown-menu-item{padding:0;border:0;background:rgba(0,0,0,0);outline:none;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));padding:var(--openui-space-2xs, 4px) var(--openui-space-xs, 6px);display:flex;align-items:center;gap:var(--openui-space-2xs, 4px);cursor:pointer}.openui-shell-thread-button-dropdown-menu-item-icon{color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5))}.openui-shell-thread-container{flex:1;overflow:hidden;display:flex;flex-direction:column}.openui-shell-thread-wrapper{flex:1;display:flex;overflow:hidden;height:100%}.openui-shell-thread-chat-panel{display:flex;flex-direction:column;overflow:hidden;height:100%;min-width:360px;flex-shrink:0;position:relative}.openui-shell-thread-chat-panel--animating{transition:width .5s cubic-bezier(0.4, 0, 0.2, 1)}.openui-shell-thread-artifact-panel{display:flex;flex-direction:column;overflow:auto;height:100%;flex:1;min-width:0;background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));animation:slideInFromRight .5s cubic-bezier(0.4, 0, 0.2, 1);scrollbar-width:thin;scrollbar-color:var(--openui-highlight-strong, oklch(9.7% 0 0deg / 0.08)) rgba(0,0,0,0)}.openui-shell-thread-artifact-panel::-webkit-scrollbar{width:6px}.openui-shell-thread-artifact-panel::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.openui-shell-thread-artifact-panel::-webkit-scrollbar-thumb{background-color:var(--openui-highlight-strong, oklch(9.7% 0 0deg / 0.08));border-radius:var(--openui-radius-full, 9999px)}.openui-shell-thread-artifact-panel::-webkit-scrollbar-thumb:hover{background-color:var(--openui-highlight-intense, oklch(9.7% 0 0deg / 0.32))}.openui-shell-thread-artifact-panel--animating{transition:width .5s cubic-bezier(0.4, 0, 0.2, 1)}.openui-shell-thread-artifact-panel--mobile{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;animation:slideInFromBottom .3s cubic-bezier(0.4, 0, 0.2, 1)}@keyframes slideInFromRight{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromBottom{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.openui-shell-thread-scroll-container{display:flex;width:100%;flex-grow:1;position:relative;overflow:hidden}.openui-shell-thread-container:has(.openui-shell-welcome-screen) .openui-shell-thread-scroll-container{flex-grow:0}.openui-shell-thread-scroll-area{width:100%;height:100%;overflow:auto;padding:var(--openui-space-m, 12px) calc(32px + var(--openui-space-s, 8px)) var(--openui-space-xl, 24px);scrollbar-width:thin;scrollbar-color:var(--openui-highlight-strong, oklch(9.7% 0 0deg / 0.08)) rgba(0,0,0,0)}.openui-shell-thread-scroll-area::-webkit-scrollbar{width:6px}.openui-shell-thread-scroll-area::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.openui-shell-thread-scroll-area::-webkit-scrollbar-thumb{background-color:var(--openui-highlight-strong, oklch(9.7% 0 0deg / 0.08));border-radius:var(--openui-radius-full, 9999px)}.openui-shell-thread-scroll-area::-webkit-scrollbar-thumb:hover{background-color:var(--openui-highlight-intense, oklch(9.7% 0 0deg / 0.32))}.openui-shell-thread-container:has(.openui-shell-welcome-screen) .openui-shell-thread-scroll-area{padding:0}.openui-shell-container--mobile .openui-shell-thread-scroll-area{padding:var(--openui-space-l, 18px)}.openui-shell-thread-container--artifact-active .openui-shell-thread-scroll-area{padding-left:0;padding-right:var(--openui-space-m, 12px)}.openui-shell-thread-scroll-area--user-message-anchor .openui-shell-thread-messages>*:last-child{min-height:calc(-200px + 100dvh)}.openui-shell-thread-messages{max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:calc(2*var(--openui-space-l, 18px))}.openui-shell-thread-message-assistant{width:100%;display:flex;gap:var(--openui-space-s, 8px);padding-right:calc(32px + var(--openui-space-s, 8px));overflow:hidden}.openui-shell-container--mobile .openui-shell-thread-message-assistant{padding:0}.openui-shell-thread-container--artifact-active .openui-shell-thread-message-assistant{gap:0;padding-right:0}.openui-shell-thread-message-assistant__content{display:flex;flex-direction:column;gap:var(--openui-space-s, 8px);overflow:hidden;overflow-wrap:break-word;flex-grow:1}.openui-shell-thread-message-assistant__text{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-shell-thread-message-assistant__text:first-child{margin-top:var(--openui-space-xs, 6px)}.openui-shell-thread-message-assistant__logo{width:32px;height:32px;border-radius:var(--openui-radius-m, 8px)}.openui-shell-container--mobile .openui-shell-thread-message-assistant__logo{display:none}.openui-shell-thread-container--artifact-active .openui-shell-thread-message-assistant__logo{display:none}.openui-shell-thread-message-user{display:flex;justify-content:flex-end;padding:0 calc(32px + var(--openui-space-s, 8px))}.openui-shell-container--mobile .openui-shell-thread-message-user{padding:0}.openui-shell-thread-container--artifact-active .openui-shell-thread-message-user{padding-left:0;padding-right:0}.openui-shell-thread-message-user__content{padding:var(--openui-space-m, 12px) var(--openui-space-l, 18px);background-color:var(--openui-chat-user-response-bg, oklch(9.7% 0 0deg));color:var(--openui-chat-user-response-text, oklch(99.4% 0 89.876deg));border-radius:var(--openui-radius-2xl, 14px);overflow-wrap:break-word;max-width:100%;height:fit-content}.openui-shell-thread-message-loading{display:flex;padding:0 calc(32px + var(--openui-space-s, 8px))}.openui-genui-user-message{display:flex;flex-direction:column;align-items:flex-end;gap:var(--openui-space-s, 8px);max-width:85%}.openui-genui-user-message__form-state{border:1px solid var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12));border-radius:var(--openui-radius-m, 8px);overflow:hidden;background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));width:100%;transition:border-color .15s ease}.openui-genui-user-message__form-state:hover{border-color:var(--openui-border-interactive-emphasis, oklch(9.7% 0 0deg / 0.3))}.openui-genui-user-message__form-state-header{padding:0;border:0;background:rgba(0,0,0,0);display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--openui-space-s, 8px) var(--openui-space-m, 12px);cursor:pointer;background-color:rgba(0,0,0,0)}.openui-genui-user-message__form-state-label{font:var(--openui-text-label-sm);letter-spacing:var(--openui-text-label-sm-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5))}.openui-genui-user-message__form-state-chevron{flex-shrink:0;color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));transition:transform .2s ease}.openui-genui-user-message__form-state-chevron--expanded{transform:rotate(180deg)}.openui-genui-user-message__form-state-content{border-top:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));display:flex;flex-direction:column;gap:var(--openui-space-xs, 6px);padding:var(--openui-space-s, 8px) var(--openui-space-m, 12px)}.openui-genui-user-message__form-field{display:flex;gap:var(--openui-space-xs, 6px);align-items:baseline}.openui-genui-user-message__form-field-label{font:var(--openui-text-label-sm);letter-spacing:var(--openui-text-label-sm-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));flex-shrink:0}.openui-genui-user-message__form-field-value{font:var(--openui-text-label-sm);letter-spacing:var(--openui-text-label-sm-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));overflow-wrap:break-word;min-width:0}.openui-shell-mobile-header{display:none}.openui-shell-container--mobile .openui-shell-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:var(--openui-space-m, 12px) var(--openui-space-l, 18px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg))}.openui-shell-mobile-header-logo-container{display:flex;align-items:center;gap:var(--openui-space-m, 12px);position:absolute;left:50%;transform:translateX(-50%)}.openui-shell-mobile-header-logo{width:32px;height:32px;border-radius:var(--openui-radius-m, 8px)}.openui-shell-mobile-header-agent-name{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-shell-mobile-header-actions{display:flex;align-items:center;gap:var(--openui-space-s, 8px)}.openui-shell-resizable-separator{width:1px;background-color:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));cursor:col-resize;position:relative;flex-shrink:0;user-select:none;animation:fadeIn .3s cubic-bezier(0.4, 0, 0.2, 1)}.openui-shell-resizable-separator::before{content:"";position:absolute;top:0;bottom:0;left:-8px;right:-8px;cursor:col-resize}.openui-shell-resizable-separator:hover{background-color:var(--openui-border-interactive-emphasis, oklch(9.7% 0 0deg / 0.3))}.openui-shell-resizable-separator:hover .openui-shell-resizable-separator__handle{opacity:1}.openui-shell-resizable-separator__handle{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:4px;height:40px;background-color:var(--openui-border-interactive-emphasis, oklch(9.7% 0 0deg / 0.3));border-radius:var(--openui-radius-full, 9999px);opacity:0;transition:opacity .2s ease-in-out;pointer-events:none}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.openui-shell-conversation-starter{width:100%;max-width:880px;margin:0 auto;padding:0 calc(32px + var(--openui-space-s, 8px)) var(--openui-space-m, 12px)}.openui-shell-conversation-starter--short{display:flex;flex-wrap:wrap;gap:var(--openui-space-s, 8px)}.openui-shell-conversation-starter--long{display:flex;flex-direction:column;gap:var(--openui-space-2xs, 4px)}.openui-shell-conversation-starter__separator{padding:var(--openui-space-3xs, 2px) var(--openui-space-xs, 6px)}.openui-shell-container--mobile .openui-shell-conversation-starter{padding:0 var(--openui-space-l, 18px)}.openui-shell-thread-container--artifact-active .openui-shell-conversation-starter{padding-left:0;padding-right:var(--openui-space-m, 12px)}.openui-shell-conversation-starter-item-short{display:flex;align-items:center;gap:var(--openui-space-xs, 6px);width:fit-content;padding:var(--openui-space-s, 8px) var(--openui-space-m, 12px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));border:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));border-radius:var(--openui-radius-m, 8px);cursor:pointer;transition:all .15s ease;font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));text-align:left}.openui-shell-conversation-starter-item-short__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-shell-conversation-starter-item-short__text{flex:1;white-space:nowrap}.openui-shell-conversation-starter-item-short:not(:disabled):hover{background-color:var(--openui-highlight, oklch(9.7% 0 0deg / 0.04));border-color:var(--openui-border-interactive-emphasis, oklch(9.7% 0 0deg / 0.3))}.openui-shell-conversation-starter-item-short:not(:disabled):active{background-color:var(--openui-highlight-subtle, oklch(9.7% 0 0deg / 0.02))}@media(max-width: 480px){.openui-shell-conversation-starter-item-short{padding:var(--openui-space-s, 8px) var(--openui-space-m, 12px)}}.openui-shell-conversation-starter-item-long{display:flex;align-items:center;gap:var(--openui-space-000, 0);width:100%;padding:var(--openui-space-xs, 6px) var(--openui-space-m, 12px);background-color:rgba(0,0,0,0);border:none;border-radius:var(--openui-radius-m, 8px);cursor:pointer;transition:background-color .15s ease;font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));text-align:left;overflow:hidden}.openui-shell-conversation-starter-item-long__content{display:flex;align-items:flex-start;gap:var(--openui-space-s, 8px);flex:1;min-width:0}.openui-shell-conversation-starter-item-long__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding-top:var(--openui-space-2xs, 4px);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-shell-conversation-starter-item-long__text{flex:1;min-width:0;line-height:1.5}.openui-shell-conversation-starter-item-long__arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:0;transition:opacity .15s ease;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-shell-conversation-starter-item-long:not(:disabled):hover{background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04))}.openui-shell-conversation-starter-item-long:not(:disabled):hover .openui-shell-conversation-starter-item-long__arrow{opacity:1}.openui-shell-conversation-starter-item-long:not(:disabled):active{background-color:var(--openui-highlight-subtle, oklch(9.7% 0 0deg / 0.02))}.openui-shell-welcome-screen{display:flex;flex-direction:column;gap:var(--openui-space-l, 18px);flex:1;justify-content:center;align-items:center;width:100%;height:100%;max-width:880px;margin:0 auto;padding:var(--openui-space-2xl, 36px) calc(32px + var(--openui-space-s, 8px))}.openui-shell-container--mobile .openui-shell-welcome-screen{padding:var(--openui-space-2xl, 36px) var(--openui-space-l, 18px)}.openui-shell-thread-container--artifact-active .openui-shell-welcome-screen{padding-left:0;padding-right:var(--openui-space-m, 12px)}.openui-shell-welcome-screen__header{display:flex;flex-direction:column;align-items:center;gap:var(--openui-space-l, 18px)}.openui-shell-welcome-screen__image-container{display:flex;align-items:center;justify-content:center;flex-shrink:0}.openui-shell-welcome-screen__image{width:64px;height:64px;object-fit:cover;border-radius:var(--openui-radius-xl, 12px)}.openui-shell-welcome-screen__content{display:flex;flex-direction:column;align-items:center;gap:var(--openui-space-xs, 6px);text-align:center}.openui-shell-welcome-screen__title{font:var(--openui-text-heading-sm);letter-spacing:var(--openui-text-heading-sm-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));margin:0}.openui-shell-welcome-screen__description{font:var(--openui-text-body-sm);letter-spacing:var(--openui-text-body-sm-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));margin:0;max-width:400px}.openui-shell-welcome-screen__composer-starters-container{display:flex;flex-direction:column;gap:var(--openui-space-l, 18px);width:100%}.openui-shell-welcome-screen__desktop-composer{display:flex;justify-content:center;width:100%}.openui-shell-container--mobile .openui-shell-welcome-screen__desktop-composer{display:none}.openui-shell-welcome-screen__desktop-starters{width:100%}.openui-shell-container--mobile .openui-shell-welcome-screen__desktop-starters{display:none}.openui-shell-welcome-screen__desktop-starters .openui-shell-conversation-starter{padding:0}.openui-shell-welcome-screen__desktop-starters .openui-shell-conversation-starter--short{justify-content:center}.openui-shell-welcome-screen--with-composer{gap:var(--openui-space-2xl, 36px)}.openui-shell-container--mobile .openui-shell-welcome-screen--with-composer{gap:var(--openui-space-l, 18px)}.openui-shell-thread-container:has(.openui-shell-welcome-screen--with-composer) .openui-shell-thread-composer{display:none}.openui-shell-container--mobile .openui-shell-thread-container:has(.openui-shell-welcome-screen--with-composer) .openui-shell-thread-composer{display:block}.openui-shell-container:not(.openui-shell-container--mobile) .openui-shell-thread-container:has(.openui-shell-welcome-screen--with-composer) .openui-shell-thread-composer{display:none}.openui-shell-container:not(.openui-shell-container--mobile) .openui-shell-thread-container:has(.openui-shell-welcome-screen__desktop-starters) .openui-shell-conversation-starter:not(.openui-shell-welcome-screen__desktop-starters .openui-shell-conversation-starter){display:none}.openui-shell-desktop-welcome-composer{display:flex;flex-direction:column;gap:var(--openui-space-m, 12px);padding:var(--openui-space-m, 12px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));border:1px solid var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12));border-radius:var(--openui-radius-2xl, 14px);box-shadow:var(--openui-shadow-s, 0 1px 3px -2px oklch(0% 0 0deg / 0.02), 0 2px 5px -2px oklch(0% 0 0deg / 0.04));width:100%;max-width:800px}.openui-shell-desktop-welcome-composer__input-container{display:flex;padding-left:var(--openui-space-3xs, 2px)}.openui-shell-desktop-welcome-composer__input{flex:1;padding:0;resize:none;max-height:200px;min-height:24px;outline:none;border:none;background:rgba(0,0,0,0);overflow:hidden;font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-shell-desktop-welcome-composer__input::placeholder{color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5))}.openui-shell-desktop-welcome-composer__actions{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between}.openui-shell-desktop-welcome-composer__action-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--openui-radius-m, 8px);cursor:pointer;transition:all .15s ease;flex-shrink:0}.openui-shell-thread-composer{max-width:880px;width:100%;margin:0 auto var(--openui-space-m, 12px);padding:0 calc(32px + var(--openui-space-s, 8px))}.openui-shell-container--mobile .openui-shell-thread-composer{margin:0;padding:var(--openui-space-m, 12px) 14px;background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg))}.openui-shell-thread-container--artifact-active .openui-shell-thread-composer{padding-left:0;padding-right:var(--openui-space-m, 12px)}.openui-shell-thread-composer__input-wrapper{border:1.256px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));border-radius:var(--openui-radius-xl, 12px);display:flex;align-items:flex-end;gap:var(--openui-space-s, 8px);padding:var(--openui-space-m, 12px)}.openui-shell-thread-composer__input{flex-grow:1;padding:0;resize:none;margin:auto 0px;min-height:1lh;max-height:154px;outline:none;border:none;background:rgba(0,0,0,0);overflow:hidden;font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-shell-thread-composer__input::placeholder{color:var(--openui-text-neutral-tertiary, oklch(9.7% 0 0deg / 0.2))}.openui-shell-container{display:flex;position:relative;height:100dvh;width:100dvw;padding:var(--openui-space-m, 12px);overflow:hidden;background:var(--openui-background, oklch(97% 0 89.876deg));box-sizing:border-box}.openui-shell-container *{box-sizing:border-box}.openui-shell-container.openui-shell-container--mobile{padding:0}.openui-shell-new-chat-button{width:100%;justify-content:space-between}

package/dist/components/Shell/thread.css

@@ -1 +1 @@
-.openui-shell-thread-container{flex:1;overflow:hidden;display:flex;flex-direction:column}.openui-shell-thread-wrapper{flex:1;display:flex;overflow:hidden;height:100%}.openui-shell-thread-chat-panel{display:flex;flex-direction:column;overflow:hidden;height:100%;min-width:360px;flex-shrink:0;position:relative}.openui-shell-thread-chat-panel--animating{transition:width .5s cubic-bezier(0.4, 0, 0.2, 1)}.openui-shell-thread-artifact-panel{display:flex;flex-direction:column;overflow:auto;height:100%;flex:1;min-width:0;background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));animation:slideInFromRight .5s cubic-bezier(0.4, 0, 0.2, 1);scrollbar-width:thin;scrollbar-color:var(--openui-highlight-strong, oklch(9.7% 0 0deg / 0.08)) rgba(0,0,0,0)}.openui-shell-thread-artifact-panel::-webkit-scrollbar{width:6px}.openui-shell-thread-artifact-panel::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.openui-shell-thread-artifact-panel::-webkit-scrollbar-thumb{background-color:var(--openui-highlight-strong, oklch(9.7% 0 0deg / 0.08));border-radius:var(--openui-radius-full, 9999px)}.openui-shell-thread-artifact-panel::-webkit-scrollbar-thumb:hover{background-color:var(--openui-highlight-intense, oklch(9.7% 0 0deg / 0.32))}.openui-shell-thread-artifact-panel--animating{transition:width .5s cubic-bezier(0.4, 0, 0.2, 1)}.openui-shell-thread-artifact-panel--mobile{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;animation:slideInFromBottom .3s cubic-bezier(0.4, 0, 0.2, 1)}@keyframes slideInFromRight{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromBottom{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.openui-shell-thread-scroll-container{display:flex;width:100%;flex-grow:1;position:relative;overflow:hidden}.openui-shell-thread-container:has(.openui-shell-welcome-screen) .openui-shell-thread-scroll-container{flex-grow:0}.openui-shell-thread-scroll-area{width:100%;height:100%;overflow:auto;padding:var(--openui-space-m, 12px) calc(32px + var(--openui-space-s, 8px)) var(--openui-space-xl, 24px);scrollbar-width:thin;scrollbar-color:var(--openui-highlight-strong, oklch(9.7% 0 0deg / 0.08)) rgba(0,0,0,0)}.openui-shell-thread-scroll-area::-webkit-scrollbar{width:6px}.openui-shell-thread-scroll-area::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.openui-shell-thread-scroll-area::-webkit-scrollbar-thumb{background-color:var(--openui-highlight-strong, oklch(9.7% 0 0deg / 0.08));border-radius:var(--openui-radius-full, 9999px)}.openui-shell-thread-scroll-area::-webkit-scrollbar-thumb:hover{background-color:var(--openui-highlight-intense, oklch(9.7% 0 0deg / 0.32))}.openui-shell-thread-container:has(.openui-shell-welcome-screen) .openui-shell-thread-scroll-area{padding:0}.openui-shell-container--mobile .openui-shell-thread-scroll-area{padding:var(--openui-space-l, 18px)}.openui-shell-thread-container--artifact-active .openui-shell-thread-scroll-area{padding-left:0;padding-right:var(--openui-space-m, 12px)}.openui-shell-thread-scroll-area--user-message-anchor .openui-shell-thread-messages>*:last-child{min-height:calc(-200px + 100dvh)}.openui-shell-thread-messages{max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:calc(2*var(--openui-space-l, 18px))}.openui-shell-thread-message-assistant{width:100%;display:flex;gap:var(--openui-space-s, 8px);padding-right:calc(32px + var(--openui-space-s, 8px));overflow:hidden}.openui-shell-container--mobile .openui-shell-thread-message-assistant{padding:0}.openui-shell-thread-container--artifact-active .openui-shell-thread-message-assistant{gap:0;padding-right:0}.openui-shell-thread-message-assistant__content{display:flex;flex-direction:column;gap:var(--openui-space-s, 8px);overflow:hidden;overflow-wrap:break-word;flex-grow:1}.openui-shell-thread-message-assistant__text{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-shell-thread-message-assistant__text:first-child{margin-top:var(--openui-space-xs, 6px)}.openui-shell-thread-message-assistant__logo{width:32px;height:32px;border-radius:var(--openui-radius-m, 8px)}.openui-shell-container--mobile .openui-shell-thread-message-assistant__logo{display:none}.openui-shell-thread-container--artifact-active .openui-shell-thread-message-assistant__logo{display:none}.openui-shell-thread-message-user{display:flex;justify-content:flex-end;padding:0 calc(32px + var(--openui-space-s, 8px))}.openui-shell-container--mobile .openui-shell-thread-message-user{padding:0}.openui-shell-thread-container--artifact-active .openui-shell-thread-message-user{padding-left:0;padding-right:0}.openui-shell-thread-message-user__content{padding:var(--openui-space-m, 12px) var(--openui-space-l, 18px);background-color:var(--openui-chat-user-response-bg, oklch(9.7% 0 0deg));color:var(--openui-chat-user-response-text, oklch(99.4% 0 89.876deg));border-radius:var(--openui-radius-2xl, 14px);overflow-wrap:break-word;max-width:100%;height:fit-content}.openui-shell-thread-message-loading{display:flex;padding:0 calc(32px + var(--openui-space-s, 8px))}
+.openui-shell-thread-container{flex:1;overflow:hidden;display:flex;flex-direction:column}.openui-shell-thread-wrapper{flex:1;display:flex;overflow:hidden;height:100%}.openui-shell-thread-chat-panel{display:flex;flex-direction:column;overflow:hidden;height:100%;min-width:360px;flex-shrink:0;position:relative}.openui-shell-thread-chat-panel--animating{transition:width .5s cubic-bezier(0.4, 0, 0.2, 1)}.openui-shell-thread-artifact-panel{display:flex;flex-direction:column;overflow:auto;height:100%;flex:1;min-width:0;background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));animation:slideInFromRight .5s cubic-bezier(0.4, 0, 0.2, 1);scrollbar-width:thin;scrollbar-color:var(--openui-highlight-strong, oklch(9.7% 0 0deg / 0.08)) rgba(0,0,0,0)}.openui-shell-thread-artifact-panel::-webkit-scrollbar{width:6px}.openui-shell-thread-artifact-panel::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.openui-shell-thread-artifact-panel::-webkit-scrollbar-thumb{background-color:var(--openui-highlight-strong, oklch(9.7% 0 0deg / 0.08));border-radius:var(--openui-radius-full, 9999px)}.openui-shell-thread-artifact-panel::-webkit-scrollbar-thumb:hover{background-color:var(--openui-highlight-intense, oklch(9.7% 0 0deg / 0.32))}.openui-shell-thread-artifact-panel--animating{transition:width .5s cubic-bezier(0.4, 0, 0.2, 1)}.openui-shell-thread-artifact-panel--mobile{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;animation:slideInFromBottom .3s cubic-bezier(0.4, 0, 0.2, 1)}@keyframes slideInFromRight{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromBottom{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.openui-shell-thread-scroll-container{display:flex;width:100%;flex-grow:1;position:relative;overflow:hidden}.openui-shell-thread-container:has(.openui-shell-welcome-screen) .openui-shell-thread-scroll-container{flex-grow:0}.openui-shell-thread-scroll-area{width:100%;height:100%;overflow:auto;padding:var(--openui-space-m, 12px) calc(32px + var(--openui-space-s, 8px)) var(--openui-space-xl, 24px);scrollbar-width:thin;scrollbar-color:var(--openui-highlight-strong, oklch(9.7% 0 0deg / 0.08)) rgba(0,0,0,0)}.openui-shell-thread-scroll-area::-webkit-scrollbar{width:6px}.openui-shell-thread-scroll-area::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.openui-shell-thread-scroll-area::-webkit-scrollbar-thumb{background-color:var(--openui-highlight-strong, oklch(9.7% 0 0deg / 0.08));border-radius:var(--openui-radius-full, 9999px)}.openui-shell-thread-scroll-area::-webkit-scrollbar-thumb:hover{background-color:var(--openui-highlight-intense, oklch(9.7% 0 0deg / 0.32))}.openui-shell-thread-container:has(.openui-shell-welcome-screen) .openui-shell-thread-scroll-area{padding:0}.openui-shell-container--mobile .openui-shell-thread-scroll-area{padding:var(--openui-space-l, 18px)}.openui-shell-thread-container--artifact-active .openui-shell-thread-scroll-area{padding-left:0;padding-right:var(--openui-space-m, 12px)}.openui-shell-thread-scroll-area--user-message-anchor .openui-shell-thread-messages>*:last-child{min-height:calc(-200px + 100dvh)}.openui-shell-thread-messages{max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:calc(2*var(--openui-space-l, 18px))}.openui-shell-thread-message-assistant{width:100%;display:flex;gap:var(--openui-space-s, 8px);padding-right:calc(32px + var(--openui-space-s, 8px));overflow:hidden}.openui-shell-container--mobile .openui-shell-thread-message-assistant{padding:0}.openui-shell-thread-container--artifact-active .openui-shell-thread-message-assistant{gap:0;padding-right:0}.openui-shell-thread-message-assistant__content{display:flex;flex-direction:column;gap:var(--openui-space-s, 8px);overflow:hidden;overflow-wrap:break-word;flex-grow:1}.openui-shell-thread-message-assistant__text{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-shell-thread-message-assistant__text:first-child{margin-top:var(--openui-space-xs, 6px)}.openui-shell-thread-message-assistant__logo{width:32px;height:32px;border-radius:var(--openui-radius-m, 8px)}.openui-shell-container--mobile .openui-shell-thread-message-assistant__logo{display:none}.openui-shell-thread-container--artifact-active .openui-shell-thread-message-assistant__logo{display:none}.openui-shell-thread-message-user{display:flex;justify-content:flex-end;padding:0 calc(32px + var(--openui-space-s, 8px))}.openui-shell-container--mobile .openui-shell-thread-message-user{padding:0}.openui-shell-thread-container--artifact-active .openui-shell-thread-message-user{padding-left:0;padding-right:0}.openui-shell-thread-message-user__content{padding:var(--openui-space-m, 12px) var(--openui-space-l, 18px);background-color:var(--openui-chat-user-response-bg, oklch(9.7% 0 0deg));color:var(--openui-chat-user-response-text, oklch(99.4% 0 89.876deg));border-radius:var(--openui-radius-2xl, 14px);overflow-wrap:break-word;max-width:100%;height:fit-content}.openui-shell-thread-message-loading{display:flex;padding:0 calc(32px + var(--openui-space-s, 8px))}.openui-genui-user-message{display:flex;flex-direction:column;align-items:flex-end;gap:var(--openui-space-s, 8px);max-width:85%}.openui-genui-user-message__form-state{border:1px solid var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12));border-radius:var(--openui-radius-m, 8px);overflow:hidden;background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));width:100%;transition:border-color .15s ease}.openui-genui-user-message__form-state:hover{border-color:var(--openui-border-interactive-emphasis, oklch(9.7% 0 0deg / 0.3))}.openui-genui-user-message__form-state-header{padding:0;border:0;background:rgba(0,0,0,0);display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--openui-space-s, 8px) var(--openui-space-m, 12px);cursor:pointer;background-color:rgba(0,0,0,0)}.openui-genui-user-message__form-state-label{font:var(--openui-text-label-sm);letter-spacing:var(--openui-text-label-sm-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5))}.openui-genui-user-message__form-state-chevron{flex-shrink:0;color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));transition:transform .2s ease}.openui-genui-user-message__form-state-chevron--expanded{transform:rotate(180deg)}.openui-genui-user-message__form-state-content{border-top:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));display:flex;flex-direction:column;gap:var(--openui-space-xs, 6px);padding:var(--openui-space-s, 8px) var(--openui-space-m, 12px)}.openui-genui-user-message__form-field{display:flex;gap:var(--openui-space-xs, 6px);align-items:baseline}.openui-genui-user-message__form-field-label{font:var(--openui-text-label-sm);letter-spacing:var(--openui-text-label-sm-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));flex-shrink:0}.openui-genui-user-message__form-field-value{font:var(--openui-text-label-sm);letter-spacing:var(--openui-text-label-sm-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));overflow-wrap:break-word;min-width:0}