@optiaxiom/react 1.9.0 → 1.9.2

package/dist/cjs/unstable.js

@@ -2,117 +2,116 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
 var React = require('react');
-var Textarea = require('./Textarea-DisYXvwB.js');
+var Textarea = require('./Textarea-Bm4Za0zq.js');
 var reactContext = require('@radix-ui/react-context');
-var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
 var dynamic = require('@vanilla-extract/dynamic');
 var clsx = require('clsx');
-require('./assets/src/layers/layers.css.ts.vanilla-B_jLTKAn.css');
-require('./assets/src/range/Range.css.ts.vanilla-CYklSEM2.css');
+require('./assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css');
+require('./assets/src/range/Range.css.ts.vanilla-BkKXvuex.css');
 var zod = require('zod');
 var reactId = require('@radix-ui/react-id');
 var reactSlot = require('@radix-ui/react-slot');
-require('./assets/src/details-panel/DetailsPanel.css.ts.vanilla-VoFdQA7k.css');
-require('./assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-BGGOeU4-.css');
-require('./assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-Wab_fAfb.css');
+require('./assets/src/details-panel/DetailsPanel.css.ts.vanilla-CcqHTaKj.css');
+require('./assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-x54teE06.css');
+require('./assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-BvLRVKj_.css');
 var reactComposeRefs = require('@radix-ui/react-compose-refs');
-require('./assets/src/file-upload/FileUpload.css.ts.vanilla-IvjPsVWh.css');
-require('./assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-DbagyNcT.css');
-require('./assets/src/highlight/Highlight.css.ts.vanilla-CLXs_VaN.css');
+require('./assets/src/file-upload/FileUpload.css.ts.vanilla-6jZns-mZ.css');
+require('./assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-B6en_vdM.css');
+require('./assets/src/highlight/Highlight.css.ts.vanilla-C0U7CWDC.css');
 var RadixHoverCard = require('@radix-ui/react-hover-card');
-require('./assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-CsmsV3v-.css');
-require('./assets/src/inline-input/InlineInput.css.ts.vanilla-Dk5Tbevb.css');
+require('./assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-BkChgwiO.css');
+require('./assets/src/inline-input/InlineInput.css.ts.vanilla-SyUvH1K9.css');
 var ResizablePrimitive = require('react-resizable-panels');
-require('./assets/src/resizable/ResizableHandle.css.ts.vanilla-jtVF4D3b.css');
-require('./assets/src/layout/Layout.css.ts.vanilla-DM52TWOG.css');
-require('./assets/src/layout/LayoutContent.css.ts.vanilla-sFEYB-l7.css');
-require('./assets/src/pill/Pill.css.ts.vanilla-TYb7HW7c.css');
+require('./assets/src/resizable/ResizableHandle.css.ts.vanilla-CWVoe7u1.css');
+require('./assets/src/layout/Layout.css.ts.vanilla-3f-2nwKb.css');
+require('./assets/src/layout/LayoutContent.css.ts.vanilla-CzP91iLT.css');
+require('./assets/src/pill/Pill.css.ts.vanilla-0H-gzPNK.css');
 var RadixRovingFocus = require('@radix-ui/react-roving-focus');
-require('./assets/src/pill-menu/PillMenuTrigger.css.ts.vanilla-O2xW6998.css');
+require('./assets/src/pill-menu/PillMenuTrigger.css.ts.vanilla-D6hNt14e.css');
 var helpers = require('@dnd-kit/helpers');
 var react = require('@dnd-kit/react');
-require('./assets/src/sortable/SortableHandle.css.ts.vanilla-BO8ic1NX.css');
+require('./assets/src/sortable/SortableHandle.css.ts.vanilla-CfW8ht0I.css');
 var sortable = require('@dnd-kit/react/sortable');
-require('./assets/src/sortable/SortableItem.css.ts.vanilla-DVRAi5L2.css');
+require('./assets/src/sortable/SortableItem.css.ts.vanilla-BAKKWis0.css');
 var globals = require('@optiaxiom/globals');
-require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-BHjo6qSc.css');
+require('./assets/src/link/Link.css.ts.vanilla-Bo6TGG5l.css');
+require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-DfHJF-Jz.css');
 require('downshift');
-require('./assets/src/command/CommandItem.css.ts.vanilla-C-4_R2Is.css');
-require('./assets/src/menu/MenuInput.css.ts.vanilla-BF-vBg5W.css');
+require('./assets/src/command/CommandItem.css.ts.vanilla-BY4_oTWP.css');
+require('./assets/src/menu/MenuInput.css.ts.vanilla-CfieqWiz.css');
 require('react-remove-scroll');
 require('@radix-ui/react-dialog');
 require('use-sync-external-store/shim');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-WBp4BSVx.css');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-CNEJYOtT.css');
-require('./assets/src/dialog/DialogContent.css.ts.vanilla-CziQxeOs.css');
-require('./assets/src/dialog/DialogFooter.css.ts.vanilla-DF-A3sdc.css');
-require('./assets/src/dialog/DialogHeader.css.ts.vanilla-ihfhiAFh.css');
-require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-BPdVG04o.css');
-require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-DZEY23Io.css');
-require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-DOCF4rOu.css');
-require('./assets/src/cover/Cover.css.ts.vanilla-BY12GJ4k.css');
-require('./assets/src/card/Card.css.ts.vanilla-6B1Zt0xh.css');
-require('./assets/src/card/CardCheckbox.css.ts.vanilla-DdHH54zv.css');
-require('./assets/src/card/CardHeader.css.ts.vanilla-CFOfCFv3.css');
-require('./assets/src/link/Link.css.ts.vanilla-cndkzeiv.css');
-require('./assets/src/card/CardPreview.css.ts.vanilla-CTfTyliN.css');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-WBp4BSVx.css');
-require('./assets/src/actions/ActionsContent.css.ts.vanilla-DFcH3jAM.css');
-require('./assets/src/table/Table.css.ts.vanilla-DEF-DE6U.css');
-require('./assets/src/table/TableBody.css.ts.vanilla-BPPkl6K4.css');
-require('./assets/src/table/TableRow.css.ts.vanilla-BSOYit4e.css');
-require('./assets/src/table/TableCell.css.ts.vanilla-W50elvgg.css');
-require('./assets/src/table/TableHeader.css.ts.vanilla-B_7Hze7f.css');
-require('./assets/src/table/TableHeaderCell.css.ts.vanilla-CXTolhxG.css');
-require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-z6nZcCW8.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-Cq8iC4_b.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-TMaosXUi.css');
+require('./assets/src/dialog/DialogContent.css.ts.vanilla-DzVVWxAI.css');
+require('./assets/src/dialog/DialogFooter.css.ts.vanilla-Dsc7LYoo.css');
+require('./assets/src/dialog/DialogHeader.css.ts.vanilla-B4duvzxO.css');
+require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-CkYsn2i1.css');
+require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-UJWznvTD.css');
+require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-CCz3cBOV.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-Cq8iC4_b.css');
+require('./assets/src/actions/ActionsContent.css.ts.vanilla-B-_vg5ii.css');
+require('./assets/src/table/Table.css.ts.vanilla-Bo5w8qND.css');
+require('./assets/src/table/TableBody.css.ts.vanilla-LqY-TxWC.css');
+require('./assets/src/table/TableRow.css.ts.vanilla-McnoZtVB.css');
+require('./assets/src/table/TableCell.css.ts.vanilla-DpPq3Ei3.css');
+require('./assets/src/table/TableHeader.css.ts.vanilla-DHrbEjzm.css');
+require('./assets/src/table/TableHeaderCell.css.ts.vanilla-BGnW_IRM.css');
+require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-BmRf4Tef.css');
 require('react-day-picker');
 require('@radix-ui/react-popper');
 require('@radix-ui/react-dismissable-layer');
 require('@radix-ui/react-focus-guards');
 require('@radix-ui/react-focus-scope');
-require('./assets/src/calendar/Calendar.css.ts.vanilla-B6erZYOC.css');
-require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-Bt_JPzry.css');
-require('./assets/src/calendar/CalendarGrid.css.ts.vanilla-CdkqDEOm.css');
-require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-DHBgPvJ7.css');
-require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-CWHqnCfU.css');
-require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-BXE9ThZ4.css');
+require('./assets/src/calendar/Calendar.css.ts.vanilla-CmoRIHWR.css');
+require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-bbvakFGi.css');
+require('./assets/src/calendar/CalendarGrid.css.ts.vanilla-DKN0Hoti.css');
+require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-DoUxOZiQ.css');
+require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-CaAA9P4y.css');
+require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-BuCnp289.css');
+require('@radix-ui/react-collapsible');
+require('./assets/src/disclosure/DisclosureContent.css.ts.vanilla-B_zLsmIi.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-DDO4z9cs.css');
+require('./assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-ceXriVo6.css');
 require('@radix-ui/react-label');
 require('@radix-ui/react-tooltip');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-DAnyVz7m.css');
-require('./assets/src/box/Box.css.ts.vanilla-DrTr7HOZ.css');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-WBp4BSVx.css');
-require('./assets/src/button/ButtonRoot.css.ts.vanilla-CpaCqK7r.css');
-require('./assets/src/button/ButtonLoadable.css.ts.vanilla-vG6De9AB.css');
-require('./assets/src/text/Text.css.ts.vanilla-CJZEaWwj.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-CHAq-pvT.css');
-require('./assets/src/transition/Transition.css.ts.vanilla-CcM_8e6o.css');
-require('./assets/src/alert/Alert.css.ts.vanilla-DEKCXugb.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-Cb-dtqrC.css');
+require('./assets/src/box/Box.css.ts.vanilla-BLGTf-P5.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-Cq8iC4_b.css');
+require('./assets/src/button/ButtonRoot.css.ts.vanilla-B54o4W4o.css');
+require('./assets/src/button/ButtonLoadable.css.ts.vanilla-C0V6ucDw.css');
+require('./assets/src/text/Text.css.ts.vanilla-kgMQrpaU.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-CIQyIG8u.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-CoR-JepX.css');
+require('./assets/src/alert/Alert.css.ts.vanilla-Cvp13SdV.css');
 require('@radix-ui/react-avatar');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-WBp4BSVx.css');
-require('./assets/src/avatar/Avatar.css.ts.vanilla-C76aUSqs.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-Cq8iC4_b.css');
+require('./assets/src/avatar/Avatar.css.ts.vanilla-t4_O2-i4.css');
 require('@radix-ui/react-popover');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-WBp4BSVx.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-CrytUVTz.css');
-require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-CpdwtyXH.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-Cq8iC4_b.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-0U1It8_o.css');
+require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-CQ32HDsn.css');
 require('@radix-ui/react-visually-hidden');
-require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-Ca8pC30f.css');
-require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-BxXbrOvd.css');
-require('./assets/src/listbox/ListboxItem.css.ts.vanilla-wXOfYTD5.css');
-require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-CFZXnbre.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-CiQe6X1o.css');
+require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-DXXpjMkH.css');
+require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-B04alo1v.css');
+require('./assets/src/listbox/ListboxItem.css.ts.vanilla-Dsuf7YCl.css');
+require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-CEavC5h3.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-C0q2g-Gi.css');
 require('@tanstack/react-virtual');
 require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-BQx6pyxJ.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-BY_Y7yGA.css');
-require('./assets/src/modal/ModalListbox.css.ts.vanilla-BAXa8Od2.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-BQwjm1Kg.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-CCceWbb2.css');
+require('./assets/src/modal/ModalListbox.css.ts.vanilla-Bw8Ls3Tg.css');
 require('@radix-ui/react-portal');
-require('./assets/src/input/Input.css.ts.vanilla-ByjwzT6K.css');
-require('./assets/src/input/InputControl.css.ts.vanilla-Bn84cpIc.css');
-require('./assets/src/input/InputRoot.css.ts.vanilla-GUX2WLT1.css');
-require('./assets/src/textarea/Textarea.css.ts.vanilla-CVX3rYg1.css');
-require('./assets/src/textarea/TextareaAutosize.css.ts.vanilla-CATtXHgd.css');
+require('./assets/src/input/Input.css.ts.vanilla-DZb4mhFb.css');
+require('./assets/src/input/InputControl.css.ts.vanilla-CzM3OvJp.css');
+require('./assets/src/input/InputRoot.css.ts.vanilla-DOwkDwOE.css');
+require('./assets/src/textarea/Textarea.css.ts.vanilla-B-qRLTSD.css');
+require('./assets/src/textarea/TextareaAutosize.css.ts.vanilla-D0y37DXs.css');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -351,14 +350,14 @@ function BlockLink({ children, ...props }) {
 }
 BlockLink.displayName = "@optiaxiom/react/BlockLink";
 
-var control = Textarea.recipeRuntime({base:[{bg:'transparent'},'_137e7i6']});
-var fillValue = 'var(--f7cu9i)';
-var mark$1 = Textarea.recipeRuntime({base:[{transition:'colors'},'ajf0yx'],variants:{active:{false:{color:'fg.secondary'},true:{}}}});
-var markValue = 'var(--ejgf9i)';
-var range = Textarea.recipeRuntime({base:[{h:'full',rounded:'inherit'},'_1241oc9']});
-var root$3 = Textarea.recipeRuntime({base:['_1vq6zx2',{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',w:'full'},'_12j23d3'],variants:{marks:{false:{},true:{mb:'24'}},size:{md:{h:'md'},lg:{h:'lg'}}}});
-var thumb = Textarea.recipeRuntime({base:[{border:'1',rounded:'full',shadow:'sm',size:'xs'},'_14gxwjj']});
-var track = Textarea.recipeRuntime({base:[{display:'flex',flex:'1',rounded:'full'},'_1mtappg']});
+var control = Textarea.recipeRuntime({base:[{bg:'transparent'},'_1v3brnn']});
+var fillValue = 'var(--_4q3kcb)';
+var mark$1 = Textarea.recipeRuntime({base:[{transition:'colors'},'_1fpncgm'],variants:{active:{false:{color:'fg.secondary'},true:{}}}});
+var markValue = 'var(--_1tmuwhs)';
+var range = Textarea.recipeRuntime({base:[{h:'full',rounded:'inherit'},'_1ylsthn']});
+var root$3 = Textarea.recipeRuntime({base:['_1ug83u5',{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',w:'full'},'_194jo3z'],variants:{marks:{false:{},true:{mb:'24'}},size:{md:{h:'md'},lg:{h:'lg'}}}});
+var thumb = Textarea.recipeRuntime({base:[{border:'1',rounded:'full',shadow:'sm',size:'xs'},'_1g2bq68']});
+var track = Textarea.recipeRuntime({base:[{display:'flex',flex:'1',rounded:'full'},'wedw9x']});
 
 const useTooltipState = () => {
   const [tooltipOpen, setTooltipOpen] = React.useState(false);
@@ -1333,7 +1332,7 @@ const BlockActionSchema = zod.z.object({
   onClick: zod.z.union([
     zod.z.object({
       tool: zod.z.string().describe("Name of registered tool to call")
-    }).strict().describe("Server-side tool call"),
+    }).describe("Server-side tool call"),
     zod.z.object({
       action: zod.z.literal("setVisibility").describe("Set visibility of target elements"),
       params: zod.z.record(zod.z.boolean()).describe(
@@ -1342,11 +1341,11 @@ const BlockActionSchema = zod.z.object({
       when: zod.z.string().describe(
         "Optional regex pattern - action only executes if value matches"
       ).optional()
-    }).strict().describe("Client-side setVisibility action")
+    }).describe("Client-side setVisibility action")
   ]).describe(
     "Handler for user interactions - either a tool call or client-side action"
   ).optional()
-}).strict();
+});
 const BlockCancelActionSchema = zod.z.object({
   $id: zod.z.string().describe(
     "Unique identifier for targeting by actions (e.g., setVisibility)"
@@ -1357,7 +1356,7 @@ const BlockCancelActionSchema = zod.z.object({
   ).optional(),
   children: zod.z.any().optional(),
   placeholder: zod.z.string().describe("Placeholder text for the text input field").optional()
-}).strict();
+});
 const BlockDocumentSchema = zod.z.object({
   $type: zod.z.literal("Block.Document"),
   actions: zod.z.array(
@@ -1386,7 +1385,7 @@ const BlockDocumentSchema = zod.z.object({
         onClick: zod.z.union([
           zod.z.object({
             tool: zod.z.string().describe("Name of registered tool to call")
-          }).strict().describe("Server-side tool call"),
+          }).describe("Server-side tool call"),
           zod.z.object({
             action: zod.z.literal("setVisibility").describe("Set visibility of target elements"),
             params: zod.z.record(zod.z.boolean()).describe(
@@ -1395,11 +1394,11 @@ const BlockDocumentSchema = zod.z.object({
             when: zod.z.string().describe(
               "Optional regex pattern - action only executes if value matches"
             ).optional()
-          }).strict().describe("Client-side setVisibility action")
+          }).describe("Client-side setVisibility action")
         ]).describe(
           "Handler for user interactions - either a tool call or client-side action"
         ).optional()
-      }).strict(),
+      }),
       zod.z.object({
         $id: zod.z.string().describe(
           "Unique identifier for targeting by actions (e.g., setVisibility)"
@@ -1410,16 +1409,24 @@ const BlockDocumentSchema = zod.z.object({
         ).optional(),
         children: zod.z.any().optional(),
         placeholder: zod.z.string().describe("Placeholder text for the text input field").optional()
-      }).strict()
+      })
     ])
   ).describe("Actions available for this document").optional(),
+  appIcon: zod.z.string().describe("A visual representation of the application").optional(),
+  appName: zod.z.string().describe("The official name of the application"),
   blocking: zod.z.boolean().describe(
     "If true, hides chat prompt and forces user interaction with document. User can press ESC or close to abandon."
   ).optional(),
-  children: zod.z.any()
-}).strict();
+  body: zod.z.any(),
+  subtitle: zod.z.string().describe(
+    "A brief description or tagline that provides additional context about the Block's purpose."
+  ).optional(),
+  title: zod.z.string().describe(
+    "A concise heading that encapsulates the essence of the Block's content or intended action."
+  )
+});
 zod.z.union([
-  zod.z.object({ tool: zod.z.string().describe("Name of registered tool to call") }).strict().describe("Server-side tool call"),
+  zod.z.object({ tool: zod.z.string().describe("Name of registered tool to call") }).describe("Server-side tool call"),
   zod.z.object({
     action: zod.z.literal("setVisibility").describe("Set visibility of target elements"),
     params: zod.z.record(zod.z.boolean()).describe(
@@ -1428,7 +1435,7 @@ zod.z.union([
     when: zod.z.string().describe(
       "Optional regex pattern - action only executes if value matches"
     ).optional()
-  }).strict().describe("Client-side setVisibility action")
+  }).describe("Client-side setVisibility action")
 ]).describe(
   "Handler for user interactions - either a tool call or client-side action"
 );
@@ -1502,7 +1509,7 @@ const BlockFieldSchema = zod.z.object({
   w: wSprinkleSchema.optional(),
   whiteSpace: whiteSpaceSprinkleSchema.optional(),
   z: zSprinkleSchema.optional()
-}).strict();
+});
 const BlockGroupSchema = zod.z.object({
   $id: zod.z.string().describe(
     "Unique identifier for targeting by actions (e.g., setVisibility)"
@@ -1584,7 +1591,7 @@ const BlockGroupSchema = zod.z.object({
   w: wSprinkleSchema.optional(),
   whiteSpace: whiteSpaceSprinkleSchema.optional(),
   z: zSprinkleSchema.optional()
-}).strict();
+});
 const BlockHeadingSchema = zod.z.object({
   $id: zod.z.string().describe(
     "Unique identifier for targeting by actions (e.g., setVisibility)"
@@ -1654,7 +1661,7 @@ const BlockHeadingSchema = zod.z.object({
   w: wSprinkleSchema.optional(),
   whiteSpace: whiteSpaceSprinkleSchema.optional(),
   z: zSprinkleSchema.optional()
-}).strict();
+});
 const BlockInputSchema = zod.z.object({
   $id: zod.z.string().describe(
     "Unique identifier for targeting by actions (e.g., setVisibility)"
@@ -1706,7 +1713,7 @@ const BlockInputSchema = zod.z.object({
   onValueChange: zod.z.union([
     zod.z.object({
       tool: zod.z.string().describe("Name of registered tool to call")
-    }).strict().describe("Server-side tool call"),
+    }).describe("Server-side tool call"),
     zod.z.object({
       action: zod.z.literal("setVisibility").describe("Set visibility of target elements"),
       params: zod.z.record(zod.z.boolean()).describe(
@@ -1715,7 +1722,7 @@ const BlockInputSchema = zod.z.object({
       when: zod.z.string().describe(
         "Optional regex pattern - action only executes if value matches"
       ).optional()
-    }).strict().describe("Client-side setVisibility action")
+    }).describe("Client-side setVisibility action")
   ]).describe(
     "Handler for user interactions - either a tool call or client-side action"
   ).optional(),
@@ -1765,7 +1772,7 @@ const BlockInputSchema = zod.z.object({
   w: wSprinkleSchema.optional(),
   whiteSpace: whiteSpaceSprinkleSchema.optional(),
   z: zSprinkleSchema.optional()
-}).strict();
+});
 const BlockLinkSchema = zod.z.object({
   $id: zod.z.string().describe(
     "Unique identifier for targeting by actions (e.g., setVisibility)"
@@ -1833,7 +1840,7 @@ const BlockLinkSchema = zod.z.object({
   w: wSprinkleSchema.optional(),
   whiteSpace: whiteSpaceSprinkleSchema.optional(),
   z: zSprinkleSchema.optional()
-}).strict();
+});
 const BlockRangeSchema = zod.z.object({
   $id: zod.z.string().describe(
     "Unique identifier for targeting by actions (e.g., setVisibility)"
@@ -1875,7 +1882,7 @@ const BlockRangeSchema = zod.z.object({
       zod.z.object({
         label: zod.z.string().describe("The label for the mark"),
         value: zod.z.number().describe("The value for the mark")
-      }).strict()
+      })
     ])
   ).describe("The marks to display on the range steps.").optional(),
   max: zod.z.number().describe("The maximum value for the range.").optional(),
@@ -1910,7 +1917,7 @@ const BlockRangeSchema = zod.z.object({
   w: wSprinkleSchema.optional(),
   whiteSpace: whiteSpaceSprinkleSchema.optional(),
   z: zSprinkleSchema.optional()
-}).strict();
+});
 const BlockSelectSchema = zod.z.object({
   $id: zod.z.string().describe(
     "Unique identifier for targeting by actions (e.g., setVisibility)"
@@ -1926,7 +1933,7 @@ const BlockSelectSchema = zod.z.object({
       execute: zod.z.union([
         zod.z.object({
           tool: zod.z.string().describe("Name of registered tool to call")
-        }).strict().describe("Server-side tool call"),
+        }).describe("Server-side tool call"),
         zod.z.object({
           action: zod.z.literal("setVisibility").describe("Set visibility of target elements"),
           params: zod.z.record(zod.z.boolean()).describe(
@@ -1935,15 +1942,15 @@ const BlockSelectSchema = zod.z.object({
           when: zod.z.string().describe(
             "Optional regex pattern - action only executes if value matches"
           ).optional()
-        }).strict().describe("Client-side setVisibility action")
+        }).describe("Client-side setVisibility action")
       ]).describe(
         "Handler for user interactions - either a tool call or client-side action"
       ).optional(),
       label: zod.z.string().describe("String representation of items"),
       value: zod.z.string().describe("Return a unique key for each item")
-    }).strict()
+    })
   ).describe("The select items/options we want to render.")
-}).strict();
+});
 const BlockSelectContentSchema = zod.z.object({
   $id: zod.z.string().describe(
     "Unique identifier for targeting by actions (e.g., setVisibility)"
@@ -2008,7 +2015,7 @@ const BlockSelectContentSchema = zod.z.object({
   w: wSprinkleSchema.optional(),
   whiteSpace: whiteSpaceSprinkleSchema.optional(),
   z: zSprinkleSchema.optional()
-}).strict();
+});
 const BlockSelectTriggerSchema = zod.z.object({
   $id: zod.z.string().describe(
     "Unique identifier for targeting by actions (e.g., setVisibility)"
@@ -2074,7 +2081,7 @@ const BlockSelectTriggerSchema = zod.z.object({
   w: wSprinkleSchema.optional(),
   whiteSpace: whiteSpaceSprinkleSchema.optional(),
   z: zSprinkleSchema.optional()
-}).strict();
+});
 const BlockSeparatorSchema = zod.z.object({
   $id: zod.z.string().describe(
     "Unique identifier for targeting by actions (e.g., setVisibility)"
@@ -2140,7 +2147,7 @@ const BlockSeparatorSchema = zod.z.object({
   w: wSprinkleSchema.optional(),
   whiteSpace: whiteSpaceSprinkleSchema.optional(),
   z: zSprinkleSchema.optional()
-}).strict();
+});
 const BlockTextSchema = zod.z.object({
   $id: zod.z.string().describe(
     "Unique identifier for targeting by actions (e.g., setVisibility)"
@@ -2207,7 +2214,7 @@ const BlockTextSchema = zod.z.object({
   w: wSprinkleSchema.optional(),
   whiteSpace: whiteSpaceSprinkleSchema.optional(),
   z: zSprinkleSchema.optional()
-}).strict();
+});
 const BlockTextareaSchema = zod.z.object({
   $id: zod.z.string().describe(
     "Unique identifier for targeting by actions (e.g., setVisibility)"
@@ -2263,7 +2270,7 @@ const BlockTextareaSchema = zod.z.object({
   onValueChange: zod.z.union([
     zod.z.object({
       tool: zod.z.string().describe("Name of registered tool to call")
-    }).strict().describe("Server-side tool call"),
+    }).describe("Server-side tool call"),
     zod.z.object({
       action: zod.z.literal("setVisibility").describe("Set visibility of target elements"),
       params: zod.z.record(zod.z.boolean()).describe(
@@ -2272,7 +2279,7 @@ const BlockTextareaSchema = zod.z.object({
       when: zod.z.string().describe(
         "Optional regex pattern - action only executes if value matches"
       ).optional()
-    }).strict().describe("Client-side setVisibility action")
+    }).describe("Client-side setVisibility action")
   ]).describe(
     "Handler for user interactions - either a tool call or client-side action"
   ).optional(),
@@ -2301,7 +2308,7 @@ const BlockTextareaSchema = zod.z.object({
   w: wSprinkleSchema.optional(),
   whiteSpace: whiteSpaceSprinkleSchema.optional(),
   z: zSprinkleSchema.optional()
-}).strict();
+});
 const BlockElementSchema = zod.z.discriminatedUnion("$type", [
   BlockActionSchema,
   BlockCancelActionSchema,
@@ -2378,16 +2385,26 @@ const omitType = (obj) => {
 };
 
 function BlockDocumentRenderer({
+  collapsible,
   data = {},
+  defaultOpen = true,
   element: elementProp,
   onCancelAction,
   onDataChange,
+  onOpenChange,
   onToolCall,
+  open: openProp,
   readOnly = false
 }) {
+  const [open, setOpen] = reactUseControllableState.useControllableState({
+    defaultProp: defaultOpen,
+    onChange: onOpenChange,
+    prop: openProp
+  });
   const [visibility, setVisibility] = React.useState({});
   const result = BlockDocumentSchema.safeParse(elementProp);
   if (!result.success) ;
+  const Trigger = collapsible ? Textarea.DisclosureTrigger : Textarea.Box;
   return /* @__PURE__ */ jsxRuntime.jsx(
     BlockDocumentProvider,
     {
@@ -2404,16 +2421,56 @@ function BlockDocumentRenderer({
             if (event.when && !(value || "").match(new RegExp(event.when))) {
               return;
             }
-            setVisibility(event.params);
+            setVisibility((visibility2) => ({ ...visibility2, ...event.params }));
           }
         }
       ),
       readOnly,
       visibility,
-      children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.Card, { alignItems: "stretch", flexDirection: "column", gap: "16", w: "full", children: result.success && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(BlockElement, { element: result.data.children }),
-        result.data.actions && result.data.actions.length > 0 && !readOnly && /* @__PURE__ */ jsxRuntime.jsx(Textarea.Flex, { gap: "16", w: "full", children: /* @__PURE__ */ jsxRuntime.jsx(BlockElement, { element: result.data.actions }) })
-      ] }) })
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        Textarea.Disclosure,
+        {
+          bg: "bg.default",
+          border: "1",
+          borderColor: "border.tertiary",
+          onOpenChange: setOpen,
+          open,
+          p: "16",
+          rounded: "lg",
+          children: result.success && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Trigger,
+              {
+                py: "0",
+                ...collapsible ? { chevronPosition: "end" } : {},
+                children: /* @__PURE__ */ jsxRuntime.jsxs(Textarea.Group, { fontSize: "sm", gap: "8", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { bg: "bg.accent.subtle", rounded: "xs", size: "20" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(Textarea.Text, { fontWeight: "500", children: result.data.appName }),
+                  !open && /* @__PURE__ */ jsxRuntime.jsx(Textarea.Text, { color: "fg.secondary", children: result.data.title })
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              Textarea.DisclosureContent,
+              {
+                alignItems: "stretch",
+                display: "flex",
+                flexDirection: "column",
+                gap: "16",
+                pt: "16",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(Textarea.Group, { flexDirection: "column", gap: "4", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(Textarea.Heading, { fontSize: "lg", fontWeight: "600", level: "2", children: result.data.title }),
+                    result.data.subtitle && /* @__PURE__ */ jsxRuntime.jsx(Textarea.Text, { color: "fg.secondary", fontSize: "sm", children: result.data.subtitle })
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsx(BlockElement, { element: result.data.body }),
+                  result.data.actions && result.data.actions.length > 0 && !readOnly && /* @__PURE__ */ jsxRuntime.jsx(Textarea.Flex, { gap: "16", w: "full", children: /* @__PURE__ */ jsxRuntime.jsx(BlockElement, { element: result.data.actions }) })
+                ]
+              }
+            )
+          ] })
+        }
+      )
     }
   );
 }
@@ -2458,7 +2515,7 @@ function DataTableExpandableHeader({
 }
 DataTableExpandableHeader.displayName = "@optiaxiom/react/DataTableExpandableHeader";
 
-var root$2 = Textarea.recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderL:'1',color:'fg.default',display:'flex',flexDirection:'column',h:'full',overflow:'auto'},'_15l3llw']});
+var root$2 = Textarea.recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderL:'1',color:'fg.default',display:'flex',flexDirection:'column',h:'full',overflow:'auto'},'_1o5fnow']});
 
 const [DetailsPanelProvider, useDetailsPanelContext] = reactContext.createContext("@optiaxiom/react/DetailsPanel");
 
@@ -2501,14 +2558,14 @@ const DetailsPanelBody = React.forwardRef(({ children, ...props }, ref) => {
 });
 DetailsPanelBody.displayName = "@optiaxiom/react/DetailsPanelBody";
 
-var footer = Textarea.recipeRuntime({base:[{bg:'bg.default',gap:'8',p:'16',pt:'8'},'ev9hih']});
+var footer = Textarea.recipeRuntime({base:[{bg:'bg.default',gap:'8',p:'16',pt:'8'},'_79tob5']});
 
 const DetailsPanelFooter = React.forwardRef(({ children, className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(Textarea.ButtonProvider, { size: "lg", children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.Group, { ref, ...footer({}, className), ...props, children }) });
 });
 DetailsPanelFooter.displayName = "@optiaxiom/react/DetailsPanelFooter";
 
-var header = Textarea.recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',p:'16',pb:'8'},'_1qw1yib']});
+var header = Textarea.recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',p:'16',pb:'8'},'_1qh80to']});
 
 const DetailsPanelHeader = React.forwardRef(
   ({ addonAfter, addonBefore, children, className, description, ...props }, ref) => {
@@ -2545,7 +2602,7 @@ const DetailsPanelHeader = React.forwardRef(
 );
 DetailsPanelHeader.displayName = "@optiaxiom/react/DetailsPanelHeader";
 
-var upload = Textarea.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_89kkok']});
+var upload = Textarea.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_8o2kam']});
 
 const [FileUploadProvider, useFileUploadContext] = reactContext.createContext("@optiaxiom/react/FileUpload");
 
@@ -2582,8 +2639,8 @@ const IconFileImport = Textarea.withIcon(
   )
 );
 
-var dropzone = Textarea.recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',flexDirection:'column',gap:'16',justifyContent:'center',p:'32',rounded:'md',textAlign:'center',transition:'colors'},'_1h5xchb'],variants:{drag:{false:{},true:['rs3a9j']},hidden:{false:'_1nd9qtt',true:'_1gw5r4g'},overlay:{false:{flex:'1'},true:[{z:'10'},'_1qr3vi8']}}});
-var label = Textarea.recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'8'}],variants:{disabled:{false:{},true:'_17sirew'}}});
+var dropzone = Textarea.recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',flexDirection:'column',gap:'16',justifyContent:'center',p:'32',rounded:'md',textAlign:'center',transition:'colors'},'hpf88t'],variants:{drag:{false:{},true:['_1kzfnz3']},hidden:{false:'_14kwwfv',true:'_1ffcllm'},overlay:{false:{flex:'1'},true:[{z:'10'},'qstu1d']}}});
+var label = Textarea.recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'8'}],variants:{disabled:{false:{},true:'_1uf8wwy'}}});
 
 const useFileUploadTrigger = () => {
   const { inputRef } = useFileUploadContext(
@@ -2930,7 +2987,7 @@ const FileUploadDropzone = React.forwardRef(
 );
 FileUploadDropzone.displayName = "@optiaxiom/react/FileUploadDropzone";
 
-var mark = Textarea.recipeRuntime({base:'vo6ga0'});
+var mark = Textarea.recipeRuntime({base:'_15vmlfg'});
 
 const useHighlightedChunks = (content, query) => {
   const terms = React.useMemo(
@@ -3044,7 +3101,7 @@ const HoverCardContent = React.forwardRef(
 );
 HoverCardContent.displayName = "@optiaxiom/react/HoverCardContent";
 
-var trigger$1 = Textarea.recipeRuntime({base:'_1s1wvnk'});
+var trigger$1 = Textarea.recipeRuntime({base:'bbk372'});
 
 const HoverCardTrigger = React.forwardRef(({ children, className, ...props }, ref) => {
   const { boxProps, restProps } = Textarea.extractBoxProps(props);
@@ -3052,8 +3109,8 @@ const HoverCardTrigger = React.forwardRef(({ children, className, ...props }, re
 });
 HoverCardTrigger.displayName = "@optiaxiom/react/HoverCardTrigger";
 
-var editor = Textarea.recipeRuntime({base:'_1kjarpm',variants:{empty:{false:{},true:'_1nnmyn3'}}});
-var input = Textarea.recipeRuntime({base:'wm8n2n'});
+var editor = Textarea.recipeRuntime({base:'_1rxn82h',variants:{empty:{false:{},true:'yy5vl2'}}});
+var input = Textarea.recipeRuntime({base:'_1u7tlsh'});
 
 const InlineInput = React.forwardRef(
   ({
@@ -3139,8 +3196,8 @@ const Resizable = ({ ...props }) => {
 };
 Resizable.displayName = "@optiaxiom/react/Resizable";
 
-var handle$1 = Textarea.recipeRuntime({base:[{border:'1',h:'56',rounded:'sm',w:'12'},'h6v535']});
-var root$1 = Textarea.recipeRuntime({base:[{flexDirection:'column',gap:'16',justifyContent:'center',rounded:'sm',z:'10'},'jps054']});
+var handle$1 = Textarea.recipeRuntime({base:[{border:'1',h:'56',rounded:'sm',w:'12'},'owl64j']});
+var root$1 = Textarea.recipeRuntime({base:[{flexDirection:'column',gap:'16',justifyContent:'center',rounded:'sm',z:'10'},'i3svqr']});
 
 const ResizableHandle = (props) => {
   return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Group, { asChild: true, ...root$1(), children: /* @__PURE__ */ jsxRuntime.jsx(ResizablePrimitive__namespace.PanelResizeHandle, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { ...handle$1() }) }) });
@@ -3152,7 +3209,7 @@ const ResizablePanel = ({ ...props }) => {
 };
 ResizablePanel.displayName = "@optiaxiom/react/ResizablePanel";
 
-var layout = Textarea.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_1bq2wp1'],variants:{size:{full:'y4cr5i',screen:'_1f5ymen'}}});
+var layout = Textarea.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_8p66p9'],variants:{size:{full:'ad2lpj',screen:'cwp4a9'}}});
 
 const Layout = React.forwardRef(
   ({
@@ -3185,7 +3242,7 @@ const Layout = React.forwardRef(
 );
 Layout.displayName = "@optiaxiom/react/Layout";
 
-var content = Textarea.recipeRuntime({base:[{flexDirection:'column',gap:'16',overflow:'auto',px:'32',py:'24'},'_1x3hwhz']});
+var content = Textarea.recipeRuntime({base:[{flexDirection:'column',gap:'16',overflow:'auto',px:'32',py:'24'},'_1h8r2i1']});
 
 const LayoutContent = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -3203,7 +3260,7 @@ const LayoutContent = React.forwardRef(
 );
 LayoutContent.displayName = "@optiaxiom/react/LayoutContent";
 
-var pill = Textarea.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',transition:'colors',whiteSpace:'nowrap'},'frg3a5'],variants:{interactive:{false:{},true:'_1m2ji47'},size:{xs:{h:'xs'},sm:{h:'sm'}}}});
+var pill = Textarea.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',transition:'colors',whiteSpace:'nowrap'},'_21xhm3'],variants:{interactive:{false:{},true:'_3fmmnr'},size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 const Slot$2 = reactSlot.createSlot("@optiaxiom/react/Pill");
 const Pill = React.forwardRef(
@@ -3464,9 +3521,9 @@ const PillMenuPill = React.forwardRef(
 );
 PillMenuPill.displayName = "@optiaxiom/react/PillMenuPill";
 
-var root = Textarea.recipeRuntime({base:[{border:'1',rounded:'md',transition:'colors'},'_1rwwsz2'],variants:{size:{md:'q079qv',lg:'_1ikepgs'}}});
-var trigger = Textarea.recipeRuntime({base:[{display:'grid',placeItems:'center',rounded:'md'},'_102x3ex']});
-var wrapper = Textarea.recipeRuntime({base:'_4un4n9'});
+var root = Textarea.recipeRuntime({base:[{border:'1',rounded:'md',transition:'colors'},'ljefv8'],variants:{size:{md:'_15ss09r',lg:'_10kaqv1'}}});
+var trigger = Textarea.recipeRuntime({base:[{display:'grid',placeItems:'center',rounded:'md'},'_1nest7y']});
+var wrapper = Textarea.recipeRuntime({base:'_1vack1r'});
 
 const remapSize = {
   md: "xs",
@@ -3614,7 +3671,7 @@ const SortableGroup = React.forwardRef(
 );
 SortableGroup.displayName = "@optiaxiom/react/SortableGroup";
 
-var handle = Textarea.recipeRuntime({base:'cnii56'});
+var handle = Textarea.recipeRuntime({base:'_1blvb42'});
 
 const [SortableItemProvider, useSortableItemContext] = reactContext.createContext("@optiaxiom/react/SortableItem");
 
@@ -3639,7 +3696,7 @@ const SortableHandle = React.forwardRef(
 );
 SortableHandle.displayName = "@optiaxiom/react/SortableHandle";
 
-var item = Textarea.recipeRuntime({base:'_1iam9n',variants:{handle:{false:{},true:'_12hb8wf'}}});
+var item = Textarea.recipeRuntime({base:'qm2aly',variants:{handle:{false:{},true:'_9ubbna'}}});
 
 const SortableItem = React.forwardRef(
   ({ children, className, index, item: id, ...props }, outerRef) => {