@optiaxiom/react 1.9.14 → 1.9.15

package/dist/cjs/unstable.js

@@ -1,122 +1,125 @@
 "use client";
 'use strict';
 
-var Textarea = require('./Textarea-BUYD4nnR.js');
+var Textarea = require('./Textarea-BhDkuplG.js');
 var jsxRuntime = require('react/jsx-runtime');
 var reactId = require('@radix-ui/react-id');
 var clsx = require('clsx');
 var reactSlot = require('@radix-ui/react-slot');
 var React = require('react');
-require('./assets/src/layers/layers.css.ts.vanilla-BqhFg_d9.css');
-require('./assets/src/details-panel/DetailsPanel.css.ts.vanilla-BhrxTlnk.css');
+require('./assets/src/layers/layers.css.ts.vanilla-B_eNKbRT.css');
+require('./assets/src/details-panel/DetailsPanel.css.ts.vanilla-COaIejUr.css');
 var reactContext = require('@radix-ui/react-context');
-require('./assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-Y7rWMkIU.css');
-require('./assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-DDxacWuC.css');
+require('./assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-C6jd_ACO.css');
+require('./assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-BUq50WBd.css');
 var reactComposeRefs = require('@radix-ui/react-compose-refs');
-require('./assets/src/file-upload/FileUpload.css.ts.vanilla-BJJOj6XD.css');
-require('./assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-Db-1W_Yh.css');
-require('./assets/src/highlight/Highlight.css.ts.vanilla-6k0q10qm.css');
+require('./assets/src/file-upload/FileUpload.css.ts.vanilla-D8jrqLO5.css');
+require('./assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-Dx0pmmN9.css');
+require('./assets/src/highlight/Highlight.css.ts.vanilla-g4RvxUb_.css');
 var RadixHoverCard = require('@radix-ui/react-hover-card');
 var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
-require('./assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-Dg-FLtHw.css');
-require('./assets/src/inline-input/InlineInput.css.ts.vanilla-BTllnsu5.css');
+require('./assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-Bcc9gzf2.css');
+require('./assets/src/inline-input/InlineInput.css.ts.vanilla-Bk-xp805.css');
 var ResizablePrimitive = require('react-resizable-panels');
-require('./assets/src/resizable/ResizableHandle.css.ts.vanilla-4bidMKnS.css');
-require('./assets/src/layout/Layout.css.ts.vanilla-DgDCWr3e.css');
-require('./assets/src/layout/LayoutContent.css.ts.vanilla-1YkOoBnc.css');
-require('./assets/src/pill/Pill.css.ts.vanilla-Bg3HOEIF.css');
+require('./assets/src/resizable/ResizableHandle.css.ts.vanilla-BXZU_7zY.css');
+require('./assets/src/layout/Layout.css.ts.vanilla-VjIAuSGd.css');
+require('./assets/src/layout/LayoutContent.css.ts.vanilla-CRgxIrNy.css');
+require('./assets/src/pill/Pill.css.ts.vanilla-DZQF15es.css');
 var RadixRovingFocus = require('@radix-ui/react-roving-focus');
-require('./assets/src/pill-menu/PillMenuTrigger.css.ts.vanilla-BvEhFcWF.css');
+require('./assets/src/pill-menu/PillMenuTrigger.css.ts.vanilla-PnttnkIG.css');
 var jsonpointer = require('jsonpointer');
-var reactTable = require('@tanstack/react-table');
-require('./assets/src/proteus-document/ProteusImage.css.ts.vanilla-DsiME-TZ.css');
 var dynamic = require('@vanilla-extract/dynamic');
-require('./assets/src/range/Range.css.ts.vanilla-NICO9cBE.css');
+require('./assets/src/range/Range.css.ts.vanilla-BxeGZ2Ph.css');
+var reactTable = require('@tanstack/react-table');
 var jsonSchema = require('@cfworker/json-schema');
+var globals = require('@optiaxiom/globals');
+var recharts = require('recharts');
+require('./assets/src/proteus-document/ProteusChart.css.ts.vanilla-D9P5EXK2.css');
+require('./assets/src/proteus-document/ProteusChartTooltipContent.css.ts.vanilla-BvoKlvkh.css');
 var helpers = require('@dnd-kit/helpers');
 var react = require('@dnd-kit/react');
-require('./assets/src/sortable/SortableHandle.css.ts.vanilla-B-AhnUXU.css');
+require('./assets/src/sortable/SortableHandle.css.ts.vanilla-DHDRp25N.css');
 var sortable = require('@dnd-kit/react/sortable');
-require('./assets/src/sortable/SortableItem.css.ts.vanilla-BCtGYW3S.css');
-var globals = require('@optiaxiom/globals');
-require('./assets/src/badge/Badge.css.ts.vanilla-CFcO48Jt.css');
-require('./assets/src/link/Link.css.ts.vanilla-C87j3MYj.css');
-require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-6-jyhLKY.css');
+require('./assets/src/sortable/SortableItem.css.ts.vanilla-3QmIwO7l.css');
+require('./assets/src/badge/Badge.css.ts.vanilla-DcTKIP1o.css');
+require('./assets/src/link/Link.css.ts.vanilla-DkqulCAB.css');
+require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-9-TG0dnl.css');
 require('downshift');
-require('./assets/src/command/CommandItem.css.ts.vanilla-CwiUPoK2.css');
-require('./assets/src/menu/MenuInput.css.ts.vanilla-BLDTp5Vj.css');
+require('./assets/src/command/CommandItem.css.ts.vanilla-BJlixihV.css');
+require('./assets/src/menu/MenuInput.css.ts.vanilla-BBfJYmzE.css');
 require('react-remove-scroll');
 require('@radix-ui/react-dialog');
 require('use-sync-external-store/shim');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-DQx410Ns.css');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-DmkbL0Rp.css');
-require('./assets/src/dialog/DialogContent.css.ts.vanilla-D5ylbyE8.css');
-require('./assets/src/dialog/DialogFooter.css.ts.vanilla-DLJBTZmG.css');
-require('./assets/src/dialog/DialogHeader.css.ts.vanilla-IZk6f6pm.css');
-require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-xcs3E9E6.css');
-require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-BY6x9VSg.css');
-require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-6rQeySJj.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-WnRVaEEO.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-Brs6B1JF.css');
+require('./assets/src/dialog/DialogContent.css.ts.vanilla-nCOTIVFB.css');
+require('./assets/src/dialog/DialogFooter.css.ts.vanilla-BWkV0Qz0.css');
+require('./assets/src/dialog/DialogHeader.css.ts.vanilla-Fe3WinET.css');
+require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-DdhSkkjJ.css');
+require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-C_HkV7vR.css');
+require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-Dt52IfEw.css');
 require('@tanstack/react-virtual');
-require('./assets/src/table/Table.css.ts.vanilla-CJcI88c0.css');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-DQx410Ns.css');
-require('./assets/src/actions/ActionsContent.css.ts.vanilla-B86YNq9K.css');
-require('./assets/src/table/TableBody.css.ts.vanilla-B1ol3K5w.css');
-require('./assets/src/table/TableRow.css.ts.vanilla-CZp2HFAI.css');
-require('./assets/src/table/TableCell.css.ts.vanilla-DxLsGJnI.css');
-require('./assets/src/table/TableHeader.css.ts.vanilla-BUdMRapu.css');
-require('./assets/src/table/TableHeaderCell.css.ts.vanilla-DId3V66K.css');
-require('./assets/src/data-table/DataTableBody.css.ts.vanilla-BXY2b3iI.css');
-require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-DG9oekHr.css');
+require('./assets/src/table/Table.css.ts.vanilla-Du6gYQn5.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-WnRVaEEO.css');
+require('./assets/src/actions/ActionsContent.css.ts.vanilla-B541Flze.css');
+require('./assets/src/table/TableBody.css.ts.vanilla-BsteTC7X.css');
+require('./assets/src/table/TableRow.css.ts.vanilla-RGQP-wyQ.css');
+require('./assets/src/table/TableCell.css.ts.vanilla-CScdqWo3.css');
+require('./assets/src/table/TableHeader.css.ts.vanilla-DuNPfq0O.css');
+require('./assets/src/table/TableHeaderCell.css.ts.vanilla-CDuIzY18.css');
+require('./assets/src/data-table/DataTableBody.css.ts.vanilla-BbtPTaGz.css');
+require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-D9uYOe3f.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-CPOLmlFp.css');
-require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-B-AGds81.css');
-require('./assets/src/calendar/CalendarGrid.css.ts.vanilla-B7PDuqWI.css');
-require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-COoDbmbt.css');
-require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-DyVdQwyj.css');
-require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-2G5ygEYq.css');
+require('./assets/src/calendar/Calendar.css.ts.vanilla-dRxpFufR.css');
+require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-CnzGbQZ1.css');
+require('./assets/src/calendar/CalendarGrid.css.ts.vanilla-njtC310N.css');
+require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-HLtNAUp0.css');
+require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-CEfxGisd.css');
+require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-D1h4cgZ8.css');
 require('@radix-ui/react-collapsible');
-require('./assets/src/disclosure/DisclosureContent.css.ts.vanilla-Cwj7A2_M.css');
-require('./assets/src/cover/Cover.css.ts.vanilla-Dj1Vwroh.css');
-require('./assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-tM6CN4_z.css');
+require('./assets/src/disclosure/DisclosureContent.css.ts.vanilla-ZjHP2xbJ.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-MLRoUqIz.css');
+require('./assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-Dy13loQ2.css');
 require('@radix-ui/react-label');
 require('@radix-ui/react-tooltip');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-BqSHLFJ_.css');
-require('./assets/src/box/Box.css.ts.vanilla-C6csIwtG.css');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-DQx410Ns.css');
-require('./assets/src/button/ButtonRoot.css.ts.vanilla-BmbRhclQ.css');
-require('./assets/src/button/ButtonLoadable.css.ts.vanilla-Bq9BRUnx.css');
-require('./assets/src/text/Text.css.ts.vanilla-D13XlIzQ.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-DrtklfLm.css');
-require('./assets/src/transition/Transition.css.ts.vanilla-BL-y5ENd.css');
-require('./assets/src/alert/Alert.css.ts.vanilla-DHqTOa5s.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-7lhlLtyH.css');
+require('./assets/src/box/Box.css.ts.vanilla-Mwgk9JTB.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-WnRVaEEO.css');
+require('./assets/src/button/ButtonRoot.css.ts.vanilla-BZ1Rvfrv.css');
+require('./assets/src/button/ButtonLoadable.css.ts.vanilla-14JQ13Og.css');
+require('./assets/src/text/Text.css.ts.vanilla-CHKyRm7A.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-c5X5f7MA.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-DtqPL1fF.css');
+require('./assets/src/alert/Alert.css.ts.vanilla-DffyPpyK.css');
 require('@radix-ui/react-avatar');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-DQx410Ns.css');
-require('./assets/src/avatar/Avatar.css.ts.vanilla-BLfxoaQ3.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-WnRVaEEO.css');
+require('./assets/src/avatar/Avatar.css.ts.vanilla-DnGLoxrr.css');
 require('@radix-ui/react-popover');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-DQx410Ns.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-C-S5wvye.css');
-require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-CXIEXrK-.css');
+require('./assets/src/listbox/Listbox.css.ts.vanilla-BTGD60Mp.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-WnRVaEEO.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla--xixxGyL.css');
+require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-DmIBpPyz.css');
 require('@radix-ui/react-visually-hidden');
-require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-DK2kMaO-.css');
-require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-KzO1KjP0.css');
-require('./assets/src/listbox/ListboxItem.css.ts.vanilla-Ku7ih2ha.css');
-require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-Caa0Lzwj.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-DkQP0Cpc.css');
+require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-gjJipRUy.css');
+require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-DsY3zAML.css');
+require('./assets/src/listbox/ListboxItem.css.ts.vanilla-B0qxevMR.css');
+require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-DOg1RLgl.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-DGOOpm9c.css');
 require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-CZgkKodY.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-9ZXqvLGS.css');
-require('./assets/src/modal/ModalListbox.css.ts.vanilla-giSl8asV.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-CN5R6OO1.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-gmsf0bnm.css');
+require('./assets/src/modal/ModalListbox.css.ts.vanilla-BloJsYYx.css');
 require('@radix-ui/react-portal');
-require('./assets/src/input/Input.css.ts.vanilla-DSPz9yJL.css');
-require('./assets/src/input/InputControl.css.ts.vanilla-B1NUYlL0.css');
-require('./assets/src/input/InputRoot.css.ts.vanilla-Bea06Nhb.css');
-require('./assets/src/textarea/Textarea.css.ts.vanilla-CWGVlaHR.css');
-require('./assets/src/textarea/TextareaAutosize.css.ts.vanilla-Cbh9im_s.css');
+require('./assets/src/input/Input.css.ts.vanilla-CE6MxRlP.css');
+require('./assets/src/input/InputControl.css.ts.vanilla-XdoBVXey.css');
+require('./assets/src/input/InputRoot.css.ts.vanilla-D99PGk1i.css');
+require('./assets/src/textarea/Textarea.css.ts.vanilla-CCay8l1_.css');
+require('./assets/src/textarea/TextareaAutosize.css.ts.vanilla-BcRhX8xK.css');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -295,7 +298,7 @@ function DataTableExpandableHeader({
 }
 DataTableExpandableHeader.displayName = "@optiaxiom/react/DataTableExpandableHeader";
 
-var root$4 = Textarea.recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderL:'1',color:'fg.default',display:'flex',flexDirection:'column',h:'full',overflow:'auto'},'_5uwnog']});
+var root$3 = Textarea.recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderL:'1',color:'fg.default',display:'flex',flexDirection:'column',h:'full',overflow:'auto'},'vhjal2']});
 
 const [DetailsPanelProvider, useDetailsPanelContext] = reactContext.createContext("@optiaxiom/react/DetailsPanel");
 
@@ -312,7 +315,7 @@ const DetailsPanel = React.forwardRef(
         "aria-labelledby": labelId,
         asChild: true,
         tabIndex: 0,
-        ...root$4({}, className),
+        ...root$3({}, className),
         ...props,
         children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref, children })
       }
@@ -338,14 +341,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'},'_1y086q7']});
+var footer = Textarea.recipeRuntime({base:[{bg:'bg.default',gap:'8',p:'16',pt:'8'},'qh7bwi']});
 
 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'},'i2iyrq']});
+var header = Textarea.recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',p:'16',pb:'8'},'_7mp8j0']});
 
 const DetailsPanelHeader = React.forwardRef(
   ({ addonAfter, addonBefore, children, className, description, ...props }, ref) => {
@@ -382,7 +385,7 @@ const DetailsPanelHeader = React.forwardRef(
 );
 DetailsPanelHeader.displayName = "@optiaxiom/react/DetailsPanelHeader";
 
-var upload = Textarea.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'fajlvu']});
+var upload = Textarea.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'sbyylu']});
 
 const [FileUploadProvider, useFileUploadContext] = reactContext.createContext("@optiaxiom/react/FileUpload");
 
@@ -419,8 +422,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'},'_13jp8j0'],variants:{drag:{false:{},true:['_6akdej']},hidden:{false:'_1s8n789',true:'_1lvdu45'},overlay:{false:{flex:'1'},true:[{z:'10'},'ufl8b0']}}});
-var label = Textarea.recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'8'}],variants:{disabled:{false:{},true:'_1n612fy'}}});
+var dropzone = Textarea.recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',flexDirection:'column',gap:'16',justifyContent:'center',p:'32',rounded:'md',textAlign:'center',transition:'colors'},'_1p2ir9q'],variants:{drag:{false:{},true:['k5iwwn']},hidden:{false:'tfhv9a',true:'_1jlnlfy'},overlay:{false:{flex:'1'},true:[{z:'10'},'_1y2bm98']}}});
+var label = Textarea.recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'8'}],variants:{disabled:{false:{},true:'_6iyf5f'}}});
 
 const useFileUploadTrigger = () => {
   const { inputRef } = useFileUploadContext(
@@ -767,7 +770,7 @@ const FileUploadDropzone = React.forwardRef(
 );
 FileUploadDropzone.displayName = "@optiaxiom/react/FileUploadDropzone";
 
-var mark$1 = Textarea.recipeRuntime({base:'_13z5tp4'});
+var mark$1 = Textarea.recipeRuntime({base:'_17n1fut'});
 
 const useHighlightedChunks = (content, query) => {
   const terms = React.useMemo(
@@ -881,7 +884,7 @@ const HoverCardContent = React.forwardRef(
 );
 HoverCardContent.displayName = "@optiaxiom/react/HoverCardContent";
 
-var trigger$1 = Textarea.recipeRuntime({base:'_1bujvxx'});
+var trigger$1 = Textarea.recipeRuntime({base:'ujoa1b'});
 
 const HoverCardTrigger = React.forwardRef(({ children, className, ...props }, ref) => {
   const { boxProps, restProps } = Textarea.extractBoxProps(props);
@@ -889,8 +892,8 @@ const HoverCardTrigger = React.forwardRef(({ children, className, ...props }, re
 });
 HoverCardTrigger.displayName = "@optiaxiom/react/HoverCardTrigger";
 
-var editor = Textarea.recipeRuntime({base:'_4wsib4',variants:{empty:{false:{},true:'_114glxz'}}});
-var input = Textarea.recipeRuntime({base:'tfm6yd'});
+var editor = Textarea.recipeRuntime({base:'dcr2bn',variants:{empty:{false:{},true:'iamk53'}}});
+var input = Textarea.recipeRuntime({base:'_3obbyf'});
 
 const InlineInput = React.forwardRef(
   ({
@@ -976,11 +979,11 @@ const Resizable = ({ ...props }) => {
 };
 Resizable.displayName = "@optiaxiom/react/Resizable";
 
-var handle$1 = Textarea.recipeRuntime({base:[{border:'1',h:'56',rounded:'sm',w:'12'},'_1t8iuev']});
-var root$3 = Textarea.recipeRuntime({base:[{flexDirection:'column',gap:'16',justifyContent:'center',rounded:'sm',z:'10'},'_8d8nf4']});
+var handle$1 = Textarea.recipeRuntime({base:[{border:'1',h:'56',rounded:'sm',w:'12'},'qnvose']});
+var root$2 = Textarea.recipeRuntime({base:[{flexDirection:'column',gap:'16',justifyContent:'center',rounded:'sm',z:'10'},'_9rrmgo']});
 
 const ResizableHandle = (props) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Group, { asChild: true, ...root$3(), children: /* @__PURE__ */ jsxRuntime.jsx(ResizablePrimitive__namespace.PanelResizeHandle, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { ...handle$1() }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Group, { asChild: true, ...root$2(), children: /* @__PURE__ */ jsxRuntime.jsx(ResizablePrimitive__namespace.PanelResizeHandle, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { ...handle$1() }) }) });
 };
 ResizableHandle.displayName = "@optiaxiom/react/ResizableHandle";
 
@@ -989,7 +992,7 @@ const ResizablePanel = ({ ...props }) => {
 };
 ResizablePanel.displayName = "@optiaxiom/react/ResizablePanel";
 
-var layout = Textarea.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'xrp4v3'],variants:{size:{full:'_1bcqxpn',screen:'_571b9z'}}});
+var layout = Textarea.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_1q85i2c'],variants:{size:{full:'hnyko3',screen:'_1kzesfn'}}});
 
 const Layout = React.forwardRef(
   ({
@@ -1022,7 +1025,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'},'_82xlsr']});
+var content = Textarea.recipeRuntime({base:[{flexDirection:'column',gap:'16',overflow:'auto',px:'32',py:'24'},'_5jbvrp']});
 
 const LayoutContent = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -1040,7 +1043,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'},'_6o0g6w'],variants:{interactive:{false:{},true:'_1uwcsa2'},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'},'rak0m'],variants:{interactive:{false:{},true:'ok3rzw'},size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 const Slot$2 = reactSlot.createSlot("@optiaxiom/react/Pill");
 const Pill = React.forwardRef(
@@ -1301,9 +1304,9 @@ const PillMenuPill = React.forwardRef(
 );
 PillMenuPill.displayName = "@optiaxiom/react/PillMenuPill";
 
-var root$2 = Textarea.recipeRuntime({base:[{border:'1',rounded:'md',transition:'colors'},'_2jkrtq'],variants:{size:{md:'_17cdbmn',lg:'_1i9xyf5'}}});
-var trigger = Textarea.recipeRuntime({base:[{display:'grid',placeItems:'center',rounded:'md'},'_19kkd3t']});
-var wrapper = Textarea.recipeRuntime({base:'yqahee'});
+var root$1 = Textarea.recipeRuntime({base:[{border:'1',rounded:'md',transition:'colors'},'_1perlk9'],variants:{size:{md:'c4synk',lg:'_1n5rd1'}}});
+var trigger = Textarea.recipeRuntime({base:[{display:'grid',placeItems:'center',rounded:'md'},'_1wve59i']});
+var wrapper = Textarea.recipeRuntime({base:'mjtuk8'});
 
 const remapSize = {
   md: "xs",
@@ -1328,7 +1331,7 @@ const PillMenuTrigger = React.forwardRef(
           "data-readonly": readOnly,
           ref,
           role: "toolbar",
-          ...root$2({ size }, className),
+          ...root$1({ size }, className),
           ...props,
           children: /* @__PURE__ */ jsxRuntime.jsxs(RovingFocus, { disabled: readOnly, loop: true, orientation: "horizontal", children: [
             value.slice(0, -1).map((item) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -1402,450 +1405,160 @@ async function downloadFile(url) {
 
 const [ProteusDocumentProvider, useProteusDocumentContext] = reactContext.createContext("@optiaxiom/react/ProteusDocument");
 
-const [ProteusDocumentPathProvider, useProteusDocumentPathContext] = reactContext.createContext("@optiaxiom/react/ProteusDocumentPath", {
-  path: ""
-});
-
-function getProteusValue(data, path, parentPath) {
-  try {
-    return jsonpointer.get(data, path.startsWith("/") ? path : `${parentPath}/${path}`);
-  } catch (error) {
-    return null;
-  }
-}
-
-function resolveProteusValue(value, data, parentPath) {
-  if (typeof value === "object" && value !== null && "$type" in value && value.$type === "Value" && "path" in value && typeof value.path === "string") {
-    return getProteusValue(data, value.path, parentPath);
-  }
-  return value;
-}
-
-function useResolvedProteusProps(props) {
-  const { data } = useProteusDocumentContext(
-    "@optiaxiom/react/useResolvedProteusProps"
-  );
-  const { path: parentPath } = useProteusDocumentPathContext(
-    "@optiaxiom/react/useResolvedProteusProps"
-  );
-  const resolved = {};
-  for (const [key, value] of Object.entries(props)) {
-    resolved[key] = resolveProteusValue(value, data, parentPath);
-  }
-  return resolved;
-}
-
-function ProteusAction({
-  children,
-  onClick,
-  ...props
+function ProteusDocumentShell({
+  collapsible: collapsibleProp,
+  data = {},
+  defaultOpen = true,
+  element,
+  onDataChange,
+  onMessage,
+  onOpenChange,
+  onToolCall,
+  open: openProp,
+  readOnly = false
 }) {
-  const { onEvent } = useProteusDocumentContext(
-    "@optiaxiom/react/ProteusAction"
-  );
-  const resolvedOnClick = useResolvedProteusProps(
-    onClick ?? {}
-  );
-  const [loading, setLoading] = React.useState(false);
+  const [open, setOpen] = reactUseControllableState.useControllableState({
+    defaultProp: defaultOpen,
+    onChange: onOpenChange,
+    prop: openProp
+  });
+  const collapsible = collapsibleProp && element.appName;
+  const Trigger = collapsible ? Textarea.DisclosureTrigger : Textarea.Box;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Textarea.Button,
+    ProteusDocumentProvider,
     {
-      justifyContent: "center",
-      loading,
-      onClick: async () => {
-        if (!onClick || loading) {
-          return;
+      data,
+      onDataChange: Textarea.useEffectEvent((path, value) => {
+        const next = structuredClone(data);
+        jsonpointer.set(next, path, value);
+        onDataChange?.(next);
+      }),
+      onEvent: Textarea.useEffectEvent(async (event) => {
+        if ("tool" in event) {
+          await onToolCall?.(event.tool);
+        } else if ("message" in event) {
+          await onMessage?.(event.message);
+        } else if (event.action === "download") {
+          if (typeof event.url === "string") {
+            await downloadFile(event.url);
+          } else {
+            throw new Error("Invalid URL for download action");
+          }
         }
-        setLoading(true);
-        await onEvent(resolvedOnClick);
-        setLoading(false);
-      },
-      ...props,
-      children: children && /* @__PURE__ */ jsxRuntime.jsx(ProteusElement, { element: children })
+      }),
+      readOnly,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        Textarea.Disclosure,
+        {
+          bg: "bg.default",
+          border: "1",
+          borderColor: "border.tertiary",
+          onOpenChange: setOpen,
+          open,
+          p: "16",
+          rounded: "xl",
+          children: [
+            element.appName && /* @__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,
+                {
+                  asChild: true,
+                  bg: element.appIcon ? void 0 : "bg.accent.subtle",
+                  flex: "none",
+                  rounded: "xs",
+                  size: "20",
+                  children: element.appIcon ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: element.appIcon }) : /* @__PURE__ */ jsxRuntime.jsx("div", {})
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(Textarea.Text, { fontWeight: "500", children: element.appName }),
+              !open && /* @__PURE__ */ jsxRuntime.jsx(Textarea.Text, { color: "fg.secondary", lineClamp: "1", children: element.title })
+            ] }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              Textarea.DisclosureContent,
+              {
+                alignItems: "stretch",
+                display: "flex",
+                flexDirection: "column",
+                gap: "16",
+                pb: "0",
+                pt: element.appName ? "16" : "0",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(Textarea.Group, { flexDirection: "column", gap: "4", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(Textarea.Heading, { fontSize: "lg", fontWeight: "600", level: "2", lineClamp: "2", children: element.title }),
+                    !!element.subtitle && /* @__PURE__ */ jsxRuntime.jsx(Textarea.Text, { color: "fg.secondary", fontSize: "sm", children: element.subtitle })
+                  ] }),
+                  element.body,
+                  !readOnly && /* @__PURE__ */ jsxRuntime.jsx(Textarea.Group, { gap: "16", justifyContent: "end", w: "full", children: element.actions })
+                ]
+              }
+            )
+          ]
+        }
+      )
     }
   );
 }
-ProteusAction.displayName = "@optiaxiom/react/ProteusAction";
+ProteusDocumentShell.displayName = "@optiaxiom/react/ProteusDocumentShell";
 
-function ProteusBadge({ children, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Badge, { ...props, children: children && /* @__PURE__ */ jsxRuntime.jsx(ProteusElement, { element: children }) });
-}
-ProteusBadge.displayName = "@optiaxiom/react/ProteusBadge";
+var control = Textarea.recipeRuntime({base:[{bg:'transparent'},'_1u4f1xv']});
+var fillValue = 'var(--vejtt7)';
+var mark = Textarea.recipeRuntime({base:[{transition:'colors'},'_1bson1v'],variants:{active:{false:{color:'fg.secondary'},true:{}}}});
+var markValue = 'var(--_3l5qw3)';
+var range = Textarea.recipeRuntime({base:[{h:'full',rounded:'inherit'},'_1p2r543']});
+var root = Textarea.recipeRuntime({base:['_1p2v76p',{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',w:'full'},'_1eh7c38'],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'},'qlsvpc']});
+var track = Textarea.recipeRuntime({base:[{display:'flex',flex:'1',rounded:'full'},'xzziys']});
 
-function ProteusCancelAction({
-  children,
-  placeholder = "Tell Opal what to do instead"
-}) {
-  const { onEvent } = useProteusDocumentContext(
-    "@optiaxiom/react/ProteusCancelAction"
-  );
-  const [inputValue, setInputValue] = React.useState("");
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "form",
-    {
-      onSubmit: (event) => {
-        event.preventDefault();
-        void onEvent?.({ message: inputValue });
-      },
-      children: /* @__PURE__ */ jsxRuntime.jsxs(Textarea.Flex, { flexDirection: "row", gap: "16", w: "full", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Textarea.Input,
-          {
-            "aria-label": "Cancellation reason",
-            onChange: (event) => setInputValue(event.target.value),
-            placeholder,
-            size: "lg",
-            value: inputValue,
-            w: "full"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(Textarea.Button, { size: "lg", type: "submit", children: children && /* @__PURE__ */ jsxRuntime.jsx(ProteusElement, { element: children }) })
-      ] })
+const useTooltipState = () => {
+  const [tooltipOpen, setTooltipOpen] = React.useState(false);
+  const timerRef = React.useRef();
+  return [
+    tooltipOpen,
+    (flag, delayed = false) => {
+      if (delayed) {
+        window.clearTimeout(timerRef.current);
+        timerRef.current = window.setTimeout(() => {
+          setTooltipOpen(flag);
+        }, 50);
+      } else {
+        window.clearTimeout(timerRef.current);
+        setTooltipOpen(flag);
+      }
     }
-  );
-}
-ProteusCancelAction.displayName = "@optiaxiom/react/ProteusCancelAction";
-
-const ProteusDataTable = ({
-  columns,
-  data
-}) => {
-  const tableData = data;
-  const columnHelper = reactTable.createColumnHelper();
-  const columnDefs = columns.map(
-    (col) => columnHelper.accessor(col.accessorKey, {
-      header: col.header
-    })
-  );
-  const table = reactTable.useReactTable({
-    columns: columnDefs,
-    data: tableData,
-    enableSorting: false,
-    getCoreRowModel: reactTable.getCoreRowModel()
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(Textarea.DataTable, { maxH: "md", table, children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.DataTableBody, {}) });
+  ];
 };
-ProteusDataTable.displayName = "@optiaxiom/react/ProteusDataTable";
-
-function ProteusField({ children, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Field, { ...props, children: children && /* @__PURE__ */ jsxRuntime.jsx(ProteusElement, { element: children }) });
-}
-ProteusField.displayName = "@optiaxiom/react/ProteusField";
-
-function ProteusGroup({ children, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Group, { ...props, children: children && /* @__PURE__ */ jsxRuntime.jsx(ProteusElement, { element: children }) });
-}
-ProteusGroup.displayName = "@optiaxiom/react/ProteusGroup";
-
-function ProteusHeading({ children, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Heading, { ...props, children: children && /* @__PURE__ */ jsxRuntime.jsx(ProteusElement, { element: children }) });
-}
-ProteusHeading.displayName = "@optiaxiom/react/ProteusHeading";
-
-const IconArrowsDiagonal = Textarea.withIcon(
-  {
-    fill: "none",
-    height: 24,
-    name: "IconArrowsDiagonal",
-    width: 24
-  },
-  /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 4l4 0l0 4", stroke: "currentColor" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14 10l6 -6", stroke: "currentColor" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 20l-4 0l0 -4", stroke: "currentColor" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 20l6 -6", stroke: "currentColor" })
-  ] })
-);
-
-const IconCopy = Textarea.withIcon(
-  {
-    fill: "none",
-    height: 24,
-    name: "IconCopy",
-    width: 24
-  },
-  /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "path",
-      {
-        d: "M7 7m0 2.667a2.667 2.667 0 0 1 2.667 -2.667h8.666a2.667 2.667 0 0 1 2.667 2.667v8.666a2.667 2.667 0 0 1 -2.667 2.667h-8.666a2.667 2.667 0 0 1 -2.667 -2.667z",
-        stroke: "currentColor"
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "path",
-      {
-        d: "M4.012 16.737a2.005 2.005 0 0 1 -1.012 -1.737v-10c0 -1.1 .9 -2 2 -2h10c.75 0 1.158 .385 1.5 1",
-        stroke: "currentColor"
-      }
-    )
-  ] })
-);
 
-const IconDownload = Textarea.withIcon(
-  {
-    fill: "none",
-    height: 24,
-    name: "IconDownload",
-    width: 24
-  },
-  /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "path",
-      {
-        d: "M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2",
-        stroke: "currentColor"
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 11l5 5l5 -5", stroke: "currentColor" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 4l0 12", stroke: "currentColor" })
-  ] })
-);
-
-var actions = Textarea.recipeRuntime({base:[{justifyContent:'center'},'gq4den']});
-var root$1 = Textarea.recipeRuntime({base:[{},'_17bfx27','_1q2fni7']});
-
-function ProteusImage(props) {
-  const [isCopied, setIsCopied] = React.useState(false);
-  const [isDownloading, setIsDownloading] = React.useState(false);
-  const [isLoaded, setIsLoaded] = React.useState(false);
-  const imgRef = React.useRef(null);
-  const timerRef = React.useRef();
-  return /* @__PURE__ */ jsxRuntime.jsxs(Textarea.ActionsRoot, { ...root$1(), children: [
-    !isLoaded && /* @__PURE__ */ jsxRuntime.jsx(
-      Textarea.Box,
-      {
-        alignItems: "center",
-        bg: "bg.tertiary",
-        display: "flex",
-        justifyContent: "center",
-        p: "24",
-        rounded: "md",
-        style: { aspectRatio: "16 / 9" },
-        children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.Spinner, {})
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      Textarea.Box,
-      {
-        asChild: true,
-        display: isLoaded ? "block" : "none",
-        objectFit: "cover",
-        ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          "img",
-          {
-            alt: props.alt,
-            onLoad: () => setIsLoaded(true),
-            ref: imgRef,
-            src: props.src
-          }
-        )
-      }
-    ),
-    isLoaded && /* @__PURE__ */ jsxRuntime.jsx(Textarea.ActionsContent, { ...actions(), children: /* @__PURE__ */ jsxRuntime.jsxs(Textarea.Group, { bg: "bg.default", gap: "4", p: "4", rounded: "md", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        Textarea.Button,
-        {
-          appearance: "subtle",
-          "aria-label": "Copy",
-          icon: isCopied ? /* @__PURE__ */ jsxRuntime.jsx(Textarea.IconCheck, { pointerEvents: "none" }) : /* @__PURE__ */ jsxRuntime.jsx(IconCopy, { pointerEvents: "none" }),
-          onClick: async () => {
-            if (!imgRef.current) {
-              return;
-            }
-            setIsCopied(true);
-            const canvas = document.createElement("canvas");
-            canvas.width = imgRef.current.naturalWidth;
-            canvas.height = imgRef.current.naturalHeight;
-            canvas.getContext("2d")?.drawImage(imgRef.current, 0, 0);
-            const blob = await new Promise((resolve) => {
-              try {
-                canvas.toBlob(resolve, "image/png");
-              } catch {
-                resolve(null);
-              }
-            });
-            if (blob) {
-              await navigator.clipboard.write([
-                new ClipboardItem({ "image/png": blob })
-              ]);
-            } else {
-              await navigator.clipboard.writeText(String(props.src));
-            }
-            clearTimeout(timerRef.current);
-            timerRef.current = window.setTimeout(() => {
-              setIsCopied(false);
-            }, 2e3);
-          },
-          size: "sm"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxs(Textarea.Dialog, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Textarea.DialogTrigger,
-          {
-            appearance: "subtle",
-            "aria-label": "Expand",
-            icon: /* @__PURE__ */ jsxRuntime.jsx(IconArrowsDiagonal, {}),
-            size: "sm"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs(Textarea.DialogContent, { size: "lg", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Textarea.DialogHeader, { children: props.alt }),
-          /* @__PURE__ */ jsxRuntime.jsx(Textarea.DialogBody, { children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { asChild: true, display: "block", objectFit: "cover", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("img", { alt: props.alt, src: props.src }) }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(Textarea.DialogFooter, { children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.DialogClose, { children: "Close" }) })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        Textarea.Button,
-        {
-          appearance: "subtle",
-          "aria-label": "Download",
-          asChild: true,
-          icon: /* @__PURE__ */ jsxRuntime.jsx(IconDownload, {}),
-          loading: isDownloading,
-          onClick: async (event) => {
-            event.preventDefault();
-            if (isDownloading) {
-              return;
-            }
-            setIsDownloading(true);
-            try {
-              await downloadFile(String(props.src));
-            } finally {
-              setIsDownloading(false);
-            }
-          },
-          size: "sm",
-          children: /* @__PURE__ */ jsxRuntime.jsx("a", { download: true, href: props.src })
-        }
-      )
-    ] }) })
-  ] });
-}
-ProteusImage.displayName = "@optiaxiom/react/ProteusImage";
-
-function useProteusValue(path) {
-  const { data } = useProteusDocumentContext(
-    "@optiaxiom/react/useProteusValue"
-  );
-  const { path: parentPath } = useProteusDocumentPathContext(
-    "@optiaxiom/react/useProteusValue"
-  );
-  return getProteusValue(data, path, parentPath);
-}
-
-function ProteusInput(props) {
-  const { onDataChange, readOnly } = useProteusDocumentContext(
-    "@optiaxiom/react/ProteusInput"
-  );
-  const { path: parentPath } = useProteusDocumentPathContext(
-    "@optiaxiom/react/ProteusInput"
-  );
-  const value = useProteusValue(props.name ?? "");
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Textarea.Input,
-    {
-      ...props,
-      onValueChange: (value2) => {
-        if (props.name) {
-          onDataChange?.(`${parentPath}/${props.name}`, value2);
-        }
-      },
-      readOnly,
-      value: props.name ? String(value ?? "") : ""
-    }
-  );
-}
-ProteusInput.displayName = "@optiaxiom/react/ProteusInput";
-
-function ProteusLink({ children, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Link, { ...props, children: children && /* @__PURE__ */ jsxRuntime.jsx(ProteusElement, { element: children }) });
-}
-ProteusLink.displayName = "@optiaxiom/react/ProteusLink";
-
-function ProteusMap({
-  children,
-  path
-}) {
-  const { path: parentPath } = useProteusDocumentPathContext(
-    "@optiaxiom/react/ProteusMap"
-  );
-  const array = useProteusValue(path);
-  if (!Array.isArray(array)) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: array.map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
-    ProteusDocumentPathProvider,
-    {
-      path: `${path.startsWith("/") ? path : `${parentPath}/${path}`}/${index}`,
-      children: /* @__PURE__ */ jsxRuntime.jsx(ProteusElement, { element: children })
-    },
-    index
-  )) });
-}
-ProteusMap.displayName = "@optiaxiom/react/ProteusMap";
-
-var control = Textarea.recipeRuntime({base:[{bg:'transparent'},'_1buohqn']});
-var fillValue = 'var(--_11qnjw2)';
-var mark = Textarea.recipeRuntime({base:[{transition:'colors'},'_4jsnle'],variants:{active:{false:{color:'fg.secondary'},true:{}}}});
-var markValue = 'var(--ocrxj1)';
-var range = Textarea.recipeRuntime({base:[{h:'full',rounded:'inherit'},'fpgmcp']});
-var root = Textarea.recipeRuntime({base:['_1l17qs1',{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',w:'full'},'dk0uk6'],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'},'hs9dga']});
-var track = Textarea.recipeRuntime({base:[{display:'flex',flex:'1',rounded:'full'},'_14xrv65']});
-
-const useTooltipState = () => {
-  const [tooltipOpen, setTooltipOpen] = React.useState(false);
-  const timerRef = React.useRef();
-  return [
-    tooltipOpen,
-    (flag, delayed = false) => {
-      if (delayed) {
-        window.clearTimeout(timerRef.current);
-        timerRef.current = window.setTimeout(() => {
-          setTooltipOpen(flag);
-        }, 50);
-      } else {
-        window.clearTimeout(timerRef.current);
-        setTooltipOpen(flag);
-      }
-    }
-  ];
-};
-
-const Range = React.forwardRef(
-  ({
-    className,
-    defaultValue = 0,
-    disabled,
-    getLabel = (value) => value,
-    marks,
-    max = 100,
-    min = 0,
-    onChange,
-    onValueChange,
-    showTooltip = false,
-    size = "md",
-    step = 1,
-    value: valueProp,
-    ...props
-  }, ref) => {
-    const { boxProps, restProps } = Textarea.extractBoxProps(props);
-    const { descriptionId, error, errorId, inputId } = Textarea.useFieldContext(
-      "@optiaxiom/react/Range"
-    );
-    const [value, setValue] = reactUseControllableState.useControllableState({
-      caller: "@optiaxiom/react/Range",
-      defaultProp: defaultValue,
-      onChange: onValueChange,
-      prop: valueProp
-    });
-    const fillValue$1 = `${(value - min) / (max - min)}`;
-    const [tooltipOpen, setTooltipOpen] = useTooltipState();
-    const isPointerInsideRef = React.useRef(false);
-    return /* @__PURE__ */ jsxRuntime.jsxs(
+const Range = React.forwardRef(
+  ({
+    className,
+    defaultValue = 0,
+    disabled,
+    getLabel = (value) => value,
+    marks,
+    max = 100,
+    min = 0,
+    onChange,
+    onValueChange,
+    showTooltip = false,
+    size = "md",
+    step = 1,
+    value: valueProp,
+    ...props
+  }, ref) => {
+    const { boxProps, restProps } = Textarea.extractBoxProps(props);
+    const { descriptionId, error, errorId, inputId } = Textarea.useFieldContext(
+      "@optiaxiom/react/Range"
+    );
+    const [value, setValue] = reactUseControllableState.useControllableState({
+      caller: "@optiaxiom/react/Range",
+      defaultProp: defaultValue,
+      onChange: onValueChange,
+      prop: valueProp
+    });
+    const fillValue$1 = `${(value - min) / (max - min)}`;
+    const [tooltipOpen, setTooltipOpen] = useTooltipState();
+    const isPointerInsideRef = React.useRef(false);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
       Textarea.Box,
       {
         "data-disabled": disabled ? "" : void 0,
@@ -1954,10 +1667,355 @@ const Range = React.forwardRef(
 );
 Range.displayName = "@optiaxiom/react/Range";
 
-function ProteusRange(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Range, { ...props });
+const options = {
+  date: {
+    day: "numeric",
+    month: "short",
+    year: "numeric"
+  },
+  time: {
+    hour: "numeric",
+    minute: "numeric"
+  }};
+function formatDate(date, { showDate = true, showTime = false }) {
+  return date.toLocaleString(["default", "en-US"], {
+    ...showDate ? options.date : {},
+    ...showTime ? options.time : {}
+  });
+}
+
+const Time = React.forwardRef(
+  ({ date, showDate = true, showTime, ...props }, ref) => {
+    const { boxProps, restProps } = Textarea.extractBoxProps(props);
+    if (typeof date === "string") {
+      date = new Date(date);
+    }
+    const value = formatDate(date, { showDate, showTime });
+    return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { asChild: true, ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: date.toISOString(), ref, ...restProps, children: value }) });
+  }
+);
+Time.displayName = "@optiaxiom/react/Time";
+
+const [ProteusDocumentPathProvider, useProteusDocumentPathContext] = reactContext.createContext("@optiaxiom/react/ProteusDocumentPath", {
+  path: ""
+});
+
+function getProteusValue(data, element, parentPath) {
+  try {
+    const value = jsonpointer.get(
+      data,
+      element.path.startsWith("/") ? element.path : element.path ? `${parentPath}/${element.path}` : parentPath
+    );
+    if (element.formatter) {
+      return applyFormatter(value, element.formatter);
+    }
+    return value;
+  } catch (error) {
+    return null;
+  }
+}
+const formatters = {
+  DateTime: (value, options) => {
+    if (typeof value === "number" || typeof value === "string") {
+      return new Intl.DateTimeFormat(void 0, {
+        day: "numeric",
+        month: "short",
+        ...options
+      }).format(new Date(value));
+    }
+    return value;
+  },
+  Number: (value, options) => {
+    if (typeof value === "number") {
+      return new Intl.NumberFormat(void 0, options).format(value);
+    }
+    return value;
+  }
+};
+function applyFormatter(value, formatter) {
+  const key = typeof formatter === "string" ? formatter : formatter.type;
+  const fn = formatters[key];
+  if (!fn) {
+    return value;
+  }
+  const options = typeof formatter === "string" ? void 0 : formatter.options;
+  if (Array.isArray(value)) {
+    return value.map((v) => fn(v, options));
+  }
+  return fn(value, options);
+}
+
+function resolveProteusValue(value, data, parentPath) {
+  if (typeof value !== "object" || value === null || !("$type" in value)) {
+    return value;
+  }
+  if (value.$type === "Value" && "path" in value && typeof value.path === "string") {
+    return getProteusValue(
+      data,
+      value,
+      parentPath
+    );
+  }
+  if (value.$type === "Zip" && "sources" in value) {
+    const sources = value.sources;
+    const resolved = {};
+    let length = 0;
+    for (const [k, v] of Object.entries(sources)) {
+      const arr = resolveProteusValue(v, data, parentPath);
+      if (Array.isArray(arr)) {
+        resolved[k] = arr;
+        length = Math.max(length, arr.length);
+      }
+    }
+    return Array.from({ length }, (_, i) => {
+      const row = {};
+      for (const [k, arr] of Object.entries(resolved)) {
+        row[k] = arr[i];
+      }
+      return row;
+    });
+  }
+  return value;
+}
+
+function useResolvedProteusProps(props) {
+  const { data } = useProteusDocumentContext(
+    "@optiaxiom/react/useResolvedProteusProps"
+  );
+  const { path: parentPath } = useProteusDocumentPathContext(
+    "@optiaxiom/react/useResolvedProteusProps"
+  );
+  const resolved = {};
+  for (const [key, value] of Object.entries(props)) {
+    resolved[key] = resolveProteusValue(value, data, parentPath);
+  }
+  return resolved;
+}
+
+function ProteusAction({
+  children,
+  onClick,
+  ...props
+}) {
+  const { onEvent } = useProteusDocumentContext(
+    "@optiaxiom/react/ProteusAction"
+  );
+  const resolvedOnClick = useResolvedProteusProps(
+    onClick ?? {}
+  );
+  const [loading, setLoading] = React.useState(false);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Textarea.Button,
+    {
+      justifyContent: "center",
+      loading,
+      onClick: async () => {
+        if (!onClick || loading) {
+          return;
+        }
+        setLoading(true);
+        await onEvent(resolvedOnClick);
+        setLoading(false);
+      },
+      ...props,
+      children
+    }
+  );
+}
+ProteusAction.displayName = "@optiaxiom/react/ProteusAction";
+
+function ProteusCancelAction({
+  children,
+  placeholder = "Tell Opal what to do instead"
+}) {
+  const { onEvent } = useProteusDocumentContext(
+    "@optiaxiom/react/ProteusCancelAction"
+  );
+  const [inputValue, setInputValue] = React.useState("");
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "form",
+    {
+      onSubmit: (event) => {
+        event.preventDefault();
+        void onEvent?.({ message: inputValue });
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsxs(Textarea.Flex, { flexDirection: "row", gap: "16", w: "full", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Textarea.Input,
+          {
+            "aria-label": "Cancellation reason",
+            onChange: (event) => setInputValue(event.target.value),
+            placeholder,
+            size: "lg",
+            value: inputValue,
+            w: "full"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(Textarea.Button, { size: "lg", type: "submit", children })
+      ] })
+    }
+  );
+}
+ProteusCancelAction.displayName = "@optiaxiom/react/ProteusCancelAction";
+
+const ProteusDataTable = ({
+  columns,
+  data
+}) => {
+  const tableData = data;
+  const columnHelper = reactTable.createColumnHelper();
+  const columnDefs = columns.map(
+    (col) => columnHelper.accessor(col.accessorKey, {
+      header: col.header
+    })
+  );
+  const table = reactTable.useReactTable({
+    columns: columnDefs,
+    data: tableData,
+    enableSorting: false,
+    getCoreRowModel: reactTable.getCoreRowModel()
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(Textarea.DataTable, { maxH: "md", table, children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.DataTableBody, {}) });
+};
+ProteusDataTable.displayName = "@optiaxiom/react/ProteusDataTable";
+
+function ProteusImage(props) {
+  const [open, setOpen] = React.useState(false);
+  const [isDownloading, setIsDownloading] = React.useState(false);
+  const [isLoaded, setIsLoaded] = React.useState(false);
+  const imgRef = React.useRef(null);
+  return /* @__PURE__ */ jsxRuntime.jsxs(Textarea.Box, { children: [
+    !isLoaded && /* @__PURE__ */ jsxRuntime.jsx(
+      Textarea.Box,
+      {
+        alignItems: "center",
+        bg: "bg.tertiary",
+        display: "flex",
+        justifyContent: "center",
+        p: "24",
+        rounded: "md",
+        style: { aspectRatio: "16 / 9" },
+        children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.Spinner, {})
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(Textarea.Dialog, { onOpenChange: setOpen, open, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Textarea.DialogTrigger, { "aria-label": "Expand", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          href: props.src,
+          onClick: (event) => {
+            event.preventDefault();
+            setOpen(true);
+          },
+          type: "",
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            Textarea.Box,
+            {
+              asChild: true,
+              display: isLoaded ? "block" : "none",
+              objectFit: "cover",
+              ...props,
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                "img",
+                {
+                  alt: props.alt,
+                  onLoad: () => setIsLoaded(true),
+                  ref: imgRef,
+                  src: props.src
+                }
+              )
+            }
+          )
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(Textarea.DialogContent, { size: "lg", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Textarea.DialogHeader, { lineClamp: "2", children: props.alt }),
+        /* @__PURE__ */ jsxRuntime.jsx(Textarea.DialogBody, { children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { asChild: true, display: "block", objectFit: "cover", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("img", { alt: props.alt, src: props.src }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(Textarea.DialogFooter, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Textarea.DialogClose, { children: "Close" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Textarea.Button,
+            {
+              appearance: "primary",
+              asChild: true,
+              loading: isDownloading,
+              onClick: async (event) => {
+                event.preventDefault();
+                if (isDownloading) {
+                  return;
+                }
+                setIsDownloading(true);
+                try {
+                  await downloadFile(String(props.src));
+                } finally {
+                  setIsDownloading(false);
+                }
+              },
+              children: /* @__PURE__ */ jsxRuntime.jsx("a", { download: true, href: props.src, children: "Download" })
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+}
+ProteusImage.displayName = "@optiaxiom/react/ProteusImage";
+
+function useProteusValue(element) {
+  const { data } = useProteusDocumentContext(
+    "@optiaxiom/react/useProteusValue"
+  );
+  const { path: parentPath } = useProteusDocumentPathContext(
+    "@optiaxiom/react/useProteusValue"
+  );
+  return getProteusValue(data, element, parentPath);
+}
+
+function ProteusInput(props) {
+  const { onDataChange, readOnly } = useProteusDocumentContext(
+    "@optiaxiom/react/ProteusInput"
+  );
+  const { path: parentPath } = useProteusDocumentPathContext(
+    "@optiaxiom/react/ProteusInput"
+  );
+  const value = useProteusValue({ path: props.name ?? "" });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Textarea.Input,
+    {
+      ...props,
+      onValueChange: (value2) => {
+        if (props.name) {
+          onDataChange?.(`${parentPath}/${props.name}`, value2);
+        }
+      },
+      readOnly,
+      value: props.name ? String(value ?? "") : ""
+    }
+  );
+}
+ProteusInput.displayName = "@optiaxiom/react/ProteusInput";
+
+function ProteusMap({
+  children,
+  path
+}) {
+  const { path: parentPath } = useProteusDocumentPathContext(
+    "@optiaxiom/react/ProteusMap"
+  );
+  const array = useProteusValue({ path });
+  if (!Array.isArray(array)) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: array.map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
+    ProteusDocumentPathProvider,
+    {
+      path: `${path.startsWith("/") ? path : `${parentPath}/${path}`}/${index}`,
+      children
+    },
+    index
+  )) });
 }
-ProteusRange.displayName = "@optiaxiom/react/ProteusRange";
+ProteusMap.displayName = "@optiaxiom/react/ProteusMap";
 
 function ProteusSelect({
   children,
@@ -1972,7 +2030,7 @@ function ProteusSelect({
   );
   const optionsRef = React.useRef(options);
   optionsRef.current = options;
-  const resolved = useProteusValue(props.name ?? "");
+  const resolved = useProteusValue({ path: props.name ?? "" });
   const value = props.name ? String(resolved ?? options[0]?.value ?? "") : options[0]?.value ?? "";
   return /* @__PURE__ */ jsxRuntime.jsx(
     Textarea.Select,
@@ -1988,31 +2046,12 @@ function ProteusSelect({
       },
       options,
       value,
-      children: children && /* @__PURE__ */ jsxRuntime.jsx(ProteusElement, { element: children })
+      children
     }
   );
 }
 ProteusSelect.displayName = "@optiaxiom/react/ProteusSelect";
 
-function ProteusSelectContent(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Textarea.SelectContent, { ...props });
-}
-ProteusSelectContent.displayName = "@optiaxiom/react/ProteusSelectContent";
-
-function ProteusSelectTrigger({
-  children,
-  ...props
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Textarea.SelectTrigger, { ...props, children: children && /* @__PURE__ */ jsxRuntime.jsx(ProteusElement, { element: children }) });
-}
-ProteusSelectTrigger.displayName = "@optiaxiom/react/ProteusSelectTrigger";
-
-function ProteusSeparator(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Separator, { ...props });
-}
-ProteusSeparator.displayName = "@optiaxiom/react/ProteusSeparator";
-
 function ProteusShow({
   children,
   when
@@ -2028,7 +2067,7 @@ function ProteusShow({
   if (!shouldShow) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(ProteusElement, { element: children });
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
 }
 function evaluateCondition(condition, data, parentPath) {
   if (!condition) {
@@ -2079,11 +2118,6 @@ function evaluateCondition(condition, data, parentPath) {
 }
 ProteusShow.displayName = "@optiaxiom/react/ProteusShow";
 
-function ProteusText({ children, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Text, { ...props, children: children && /* @__PURE__ */ jsxRuntime.jsx(ProteusElement, { element: children }) });
-}
-ProteusText.displayName = "@optiaxiom/react/ProteusText";
-
 function ProteusTextarea(props) {
   const { onDataChange, readOnly } = useProteusDocumentContext(
     "@optiaxiom/react/ProteusTextarea"
@@ -2091,7 +2125,7 @@ function ProteusTextarea(props) {
   const { path: parentPath } = useProteusDocumentPathContext(
     "@optiaxiom/react/ProteusTextarea"
   );
-  const value = useProteusValue(props.name ?? "");
+  const value = useProteusValue({ path: props.name ?? "" });
   return /* @__PURE__ */ jsxRuntime.jsx(
     Textarea.Textarea,
     {
@@ -2108,42 +2142,8 @@ function ProteusTextarea(props) {
 }
 ProteusTextarea.displayName = "@optiaxiom/react/ProteusTextarea";
 
-const options = {
-  date: {
-    day: "numeric",
-    month: "short",
-    year: "numeric"
-  },
-  time: {
-    hour: "numeric",
-    minute: "numeric"
-  }};
-function formatDate(date, { showDate = true, showTime = false }) {
-  return date.toLocaleString(["default", "en-US"], {
-    ...showDate ? options.date : {},
-    ...showTime ? options.time : {}
-  });
-}
-
-const Time = React.forwardRef(
-  ({ date, showDate = true, showTime, ...props }, ref) => {
-    const { boxProps, restProps } = Textarea.extractBoxProps(props);
-    if (typeof date === "string") {
-      date = new Date(date);
-    }
-    const value = formatDate(date, { showDate, showTime });
-    return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { asChild: true, ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: date.toISOString(), ref, ...restProps, children: value }) });
-  }
-);
-Time.displayName = "@optiaxiom/react/Time";
-
-function ProteusTime(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Time, { ...props });
-}
-ProteusTime.displayName = "@optiaxiom/react/ProteusTime";
-
-function ProteusValue({ path }) {
-  return useProteusValue(path);
+function ProteusValue(element) {
+  return useProteusValue(element);
 }
 ProteusValue.displayName = "@optiaxiom/react/ProteusValue";
 
@@ -4941,6 +4941,52 @@ var definitions = {
 		],
 		description: "A Proteus node can be a string, number, boolean, null, a single element, or an array of these types (similar to ReactNode)"
 	},
+	ProteusZip: {
+		description: "Zips multiple parallel arrays into an array of objects. Each key in 'sources' becomes a property in the resulting row objects.",
+		examples: [
+			{
+				$type: "Zip",
+				sources: {
+					date: {
+						$type: "Value",
+						path: "/upserts/0/i"
+					},
+					measure0: {
+						$type: "Value",
+						path: "/upserts/1/i"
+					}
+				}
+			}
+		],
+		properties: {
+			$type: {
+				"const": "Zip"
+			},
+			sources: {
+				description: "Map of output property names to array sources. Each source should resolve to an array of the same length.",
+				patternProperties: {
+					".*": {
+						anyOf: [
+							{
+								$ref: "#/definitions/ProteusValue"
+							},
+							{
+								items: {
+								},
+								type: "array"
+							}
+						]
+					}
+				},
+				type: "object"
+			}
+		},
+		required: [
+			"$type",
+			"sources"
+		],
+		type: "object"
+	},
 	ProteusAction: {
 		examples: [
 			{
@@ -5615,26 +5661,21 @@ var definitions = {
 					},
 					{
 						$ref: "#/definitions/ProteusValue"
+					},
+					{
+						$ref: "#/definitions/ProteusZip"
 					}
 				],
-				description: "Chart data records, either inline or a ProteusValue reference"
+				description: "Chart data records, either inline, a ProteusValue reference, or a ProteusZip transformation"
 			},
 			series: {
 				description: "Data series configuration",
 				items: {
 					properties: {
-						color: {
-							description: "Series color",
-							type: "string"
-						},
 						dataKey: {
 							description: "Key in data records for this series",
 							type: "string"
 						},
-						labelKey: {
-							description: "Key in data records for pre-formatted labels displayed above bars",
-							type: "string"
-						},
 						name: {
 							description: "Display name for legend",
 							type: "string"
@@ -5648,7 +5689,14 @@ var definitions = {
 				type: "array"
 			},
 			type: {
-				"const": "bar",
+				anyOf: [
+					{
+						"const": "bar"
+					},
+					{
+						"const": "line"
+					}
+				],
 				description: "Chart type"
 			},
 			xAxisKey: {
@@ -5714,6 +5762,9 @@ var definitions = {
 					},
 					{
 						$ref: "#/definitions/ProteusValue"
+					},
+					{
+						$ref: "#/definitions/ProteusZip"
 					}
 				]
 			}
@@ -8756,6 +8807,40 @@ var definitions = {
 			$type: {
 				"const": "Value"
 			},
+			formatter: {
+				anyOf: [
+					{
+						description: "Shorthand formatter name. 'DateTime' formats timestamps using Intl.DateTimeFormat (default: month short, day numeric). 'Number' formats numbers using Intl.NumberFormat.",
+						"enum": [
+							"DateTime",
+							"Number"
+						],
+						type: "string"
+					},
+					{
+						description: "Formatter with custom Intl options. 'type' selects the formatter, 'options' are passed to the Intl constructor.",
+						properties: {
+							options: {
+								description: "Options passed to the Intl formatter constructor (e.g., Intl.DateTimeFormatOptions or Intl.NumberFormatOptions)",
+								type: "object"
+							},
+							type: {
+								description: "Formatter type",
+								"enum": [
+									"DateTime",
+									"Number"
+								],
+								type: "string"
+							}
+						},
+						required: [
+							"type"
+						],
+						type: "object"
+					}
+				],
+				description: "Optional formatter to apply to the resolved value. Can be a string shorthand or an object with type and options for Intl formatters."
+			},
 			path: {
 				description: "Path to a value in the data. Absolute paths start with '/' and resolve from the root (e.g., '/title', '/options/0/label'). Inside a Map template, paths without a leading '/' are relative to the current item (e.g., 'title' resolves to each item's 'title' field).",
 				type: "string"
@@ -8815,9 +8900,9 @@ function safeParseElement({
   return { error: result.errors, success: false };
 }
 
-const ProteusChart = React.lazy(async () => {
+const ProteusChart$2 = React.lazy(async () => {
   return {
-    default: (await Promise.resolve().then(function () { return require('./ProteusChart-CZQUBCqW.js'); })).ProteusChart
+    default: (await Promise.resolve().then(function () { return ProteusChart$1; })).ProteusChart
   };
 });
 const ProteusElement = ({
@@ -8841,7 +8926,9 @@ const ProteusElement = ({
   const element = result.data;
   const resolve = (obj) => {
     const { $type: _$type, children, ...rest } = obj;
-    const resolved = { children };
+    const resolved = {
+      children: children ? /* @__PURE__ */ jsxRuntime.jsx(ProteusElement, { element: children }) : children
+    };
     for (const [key, value] of Object.entries(rest)) {
       resolved[key] = resolveProteusValue(value, data, parentPath);
     }
@@ -8851,12 +8938,12 @@ const ProteusElement = ({
     case "Action":
       return /* @__PURE__ */ jsxRuntime.jsx(ProteusAction, { ...resolve(element) });
     case "Badge":
-      return /* @__PURE__ */ jsxRuntime.jsx(ProteusBadge, { ...resolve(element) });
+      return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Badge, { ...resolve(element) });
     case "CancelAction":
       return /* @__PURE__ */ jsxRuntime.jsx(ProteusCancelAction, { ...resolve(element) });
     case "Chart":
       return /* @__PURE__ */ jsxRuntime.jsx(React.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(
-        ProteusChart,
+        ProteusChart$2,
         {
           ...resolve(element)
         }
@@ -8869,17 +8956,17 @@ const ProteusElement = ({
         }
       );
     case "Field":
-      return /* @__PURE__ */ jsxRuntime.jsx(ProteusField, { ...resolve(element) });
+      return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Field, { ...resolve(element) });
     case "Group":
-      return /* @__PURE__ */ jsxRuntime.jsx(ProteusGroup, { ...resolve(element) });
+      return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Group, { ...resolve(element) });
     case "Heading":
-      return /* @__PURE__ */ jsxRuntime.jsx(ProteusHeading, { ...resolve(element) });
+      return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Heading, { ...resolve(element) });
     case "Image":
       return /* @__PURE__ */ jsxRuntime.jsx(ProteusImage, { ...resolve(element) });
     case "Input":
       return /* @__PURE__ */ jsxRuntime.jsx(ProteusInput, { ...resolve(element) });
     case "Link":
-      return /* @__PURE__ */ jsxRuntime.jsx(ProteusLink, { ...resolve(element) });
+      return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Link, { ...resolve(element) });
     case "Map":
       return /* @__PURE__ */ jsxRuntime.jsx(
         ProteusMap,
@@ -8888,15 +8975,15 @@ const ProteusElement = ({
         }
       );
     case "Range":
-      return /* @__PURE__ */ jsxRuntime.jsx(ProteusRange, { ...resolve(element) });
+      return /* @__PURE__ */ jsxRuntime.jsx(Range, { ...resolve(element) });
     case "Select":
       return /* @__PURE__ */ jsxRuntime.jsx(ProteusSelect, { ...resolve(element) });
     case "SelectContent":
-      return /* @__PURE__ */ jsxRuntime.jsx(ProteusSelectContent, { ...resolve(element) });
+      return /* @__PURE__ */ jsxRuntime.jsx(Textarea.SelectContent, { ...resolve(element) });
     case "SelectTrigger":
-      return /* @__PURE__ */ jsxRuntime.jsx(ProteusSelectTrigger, { ...resolve(element) });
+      return /* @__PURE__ */ jsxRuntime.jsx(Textarea.SelectTrigger, { ...resolve(element) });
     case "Separator":
-      return /* @__PURE__ */ jsxRuntime.jsx(ProteusSeparator, { ...resolve(element) });
+      return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Separator, { ...resolve(element) });
     case "Show":
       return /* @__PURE__ */ jsxRuntime.jsx(
         ProteusShow,
@@ -8905,16 +8992,21 @@ const ProteusElement = ({
         }
       );
     case "Text":
-      return /* @__PURE__ */ jsxRuntime.jsx(ProteusText, { ...resolve(element) });
+      return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Text, { ...resolve(element) });
     case "Textarea":
       return /* @__PURE__ */ jsxRuntime.jsx(ProteusTextarea, { ...resolve(element) });
     case "Time":
-      return /* @__PURE__ */ jsxRuntime.jsx(ProteusTime, { ...resolve(element) });
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        Time,
+        {
+          ...resolve(element)
+        }
+      );
     case "Value":
       return /* @__PURE__ */ jsxRuntime.jsx(
         ProteusValue,
         {
-          ...resolve(element)
+          ...element
         }
       );
     default:
@@ -8924,109 +9016,139 @@ const ProteusElement = ({
 ProteusElement.displayName = "@optiaxiom/react/ProteusElement";
 
 function ProteusDocumentRenderer({
-  collapsible: collapsibleProp,
-  data = {},
-  defaultOpen = true,
   element: elementProp,
-  onDataChange,
-  onMessage,
-  onOpenChange,
-  onToolCall,
-  open: openProp,
-  readOnly = false
+  ...props
 }) {
-  const [open, setOpen] = reactUseControllableState.useControllableState({
-    defaultProp: defaultOpen,
-    onChange: onOpenChange,
-    prop: openProp
-  });
   const result = safeParseDocument(elementProp);
-  if (!result.success) ;
-  const collapsible = collapsibleProp && result.success && result.data.appName;
-  const Trigger = collapsible ? Textarea.DisclosureTrigger : Textarea.Box;
+  if (!result.success) {
+    return null;
+  }
   return /* @__PURE__ */ jsxRuntime.jsx(
-    ProteusDocumentProvider,
+    ProteusDocumentShell,
     {
-      data,
-      onDataChange: Textarea.useEffectEvent((path, value) => {
-        const next = structuredClone(data);
-        jsonpointer.set(next, path, value);
-        onDataChange?.(next);
-      }),
-      onEvent: Textarea.useEffectEvent(async (event) => {
-        if ("tool" in event) {
-          await onToolCall?.(event.tool);
-        } else if ("message" in event) {
-          await onMessage?.(event.message);
-        } else if (event.action === "download") {
-          if (typeof event.url === "string") {
-            await downloadFile(event.url);
-          } else {
-            throw new Error("Invalid URL for download action");
-          }
-        }
-      }),
-      readOnly,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        Textarea.Disclosure,
-        {
-          bg: "bg.default",
-          border: "1",
-          borderColor: "border.tertiary",
-          onOpenChange: setOpen,
-          open,
-          p: "16",
-          rounded: "xl",
-          children: result.success && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            result.data.appName && /* @__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,
-                    {
-                      asChild: true,
-                      bg: result.data.appIcon ? void 0 : "bg.accent.subtle",
-                      flex: "none",
-                      rounded: "xs",
-                      size: "20",
-                      children: result.data.appIcon ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: result.data.appIcon }) : /* @__PURE__ */ jsxRuntime.jsx("div", {})
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx(Textarea.Text, { fontWeight: "500", children: result.data.appName }),
-                  !open && /* @__PURE__ */ jsxRuntime.jsx(Textarea.Text, { color: "fg.secondary", lineClamp: "1", children: /* @__PURE__ */ jsxRuntime.jsx(ProteusElement, { element: result.data.title }) })
-                ] })
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsxs(
-              Textarea.DisclosureContent,
-              {
-                alignItems: "stretch",
-                display: "flex",
-                flexDirection: "column",
-                gap: "16",
-                pb: "0",
-                pt: result.data.appName ? "16" : "0",
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs(Textarea.Group, { flexDirection: "column", gap: "4", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(Textarea.Heading, { fontSize: "lg", fontWeight: "600", level: "2", lineClamp: "2", children: /* @__PURE__ */ jsxRuntime.jsx(ProteusElement, { element: result.data.title }) }),
-                    !!result.data.subtitle && /* @__PURE__ */ jsxRuntime.jsx(Textarea.Text, { color: "fg.secondary", fontSize: "sm", children: /* @__PURE__ */ jsxRuntime.jsx(ProteusElement, { element: result.data.subtitle }) })
-                  ] }),
-                  /* @__PURE__ */ jsxRuntime.jsx(ProteusElement, { element: result.data.body }),
-                  !!result.data.actions && !readOnly && /* @__PURE__ */ jsxRuntime.jsx(Textarea.Group, { gap: "16", justifyContent: "end", w: "full", children: /* @__PURE__ */ jsxRuntime.jsx(ProteusElement, { element: result.data.actions }) })
-                ]
-              }
-            )
-          ] })
-        }
-      )
+      element: {
+        ...result.data,
+        actions: /* @__PURE__ */ jsxRuntime.jsx(ProteusElement, { element: result.data.actions }),
+        body: /* @__PURE__ */ jsxRuntime.jsx(ProteusElement, { element: result.data.body }),
+        subtitle: /* @__PURE__ */ jsxRuntime.jsx(ProteusElement, { element: result.data.subtitle }),
+        title: /* @__PURE__ */ jsxRuntime.jsx(ProteusElement, { element: result.data.title })
+      },
+      ...props
     }
   );
 }
 ProteusDocumentRenderer.displayName = "@optiaxiom/react/ProteusDocumentRenderer";
 
+var chart = Textarea.recipeRuntime({base:[{border:'1',borderColor:'border.tertiary',fontSize:'sm',p:'16'},'_1prt2ai','_1fkdmul']});
+
+var tooltip = Textarea.recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.secondary',display:'grid',fontSize:'sm',gap:'6',px:'8',py:'10',rounded:'lg',shadow:'lg'},'_1d33xjp']});
+var value = Textarea.recipeRuntime({base:[{color:'fg.default',fontWeight:'500'},'y2jw4a']});
+
+function ProteusChartTooltipContent({
+  active,
+  label,
+  payload
+}) {
+  if (!active || !payload?.length) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(Textarea.Box, { ...tooltip(), children: [
+    label && /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { fontWeight: "500", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { children: payload.filter((item) => item.type !== "none").map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+      Textarea.Box,
+      {
+        alignItems: "center",
+        display: "flex",
+        gap: "8",
+        justifyContent: "space-between",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(Textarea.Group, { gap: "8", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Textarea.Box,
+              {
+                flex: "none",
+                rounded: "xs",
+                size: "10",
+                style: { backgroundColor: item.color }
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { color: "fg.tertiary", children: item.name ?? item.dataKey })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { ...value(), children: typeof item.value === "number" ? item.value.toLocaleString() : item.value })
+        ]
+      },
+      item.dataKey
+    )) })
+  ] });
+}
+
+const DEFAULT_COLORS = ["#096DD9", "#E59700", "#38C56C", "#D1D8DE"];
+const getColor = (index) => DEFAULT_COLORS[index % DEFAULT_COLORS.length];
+const ProteusChart = ({
+  data,
+  series,
+  type,
+  xAxisKey
+}) => {
+  const ChartComponent = type === "bar" ? recharts.BarChart : recharts.LineChart;
+  const Chart = type === "bar" ? recharts.Bar : recharts.Line;
+  return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { asChild: true, ...chart(), children: /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { aspect: 16 / 9, width: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(ChartComponent, { data, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.CartesianGrid,
+      {
+        stroke: "#E0E0E0",
+        strokeDasharray: "4 4",
+        vertical: false
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.XAxis,
+      {
+        axisLine: false,
+        dataKey: xAxisKey,
+        minTickGap: 32,
+        padding: { left: 16, right: 16 },
+        tick: { fill: globals.theme.colors["fg.secondary"] },
+        tickLine: false,
+        tickMargin: 8
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.YAxis,
+      {
+        axisLine: { stroke: "#CBD5E1" },
+        minTickGap: 32,
+        tick: { fill: globals.theme.colors["fg.secondary"] },
+        tickFormatter: (value) => new Intl.NumberFormat(void 0, {
+          compactDisplay: "short",
+          notation: "compact"
+        }).format(value),
+        tickMargin: 8,
+        width: "auto"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(recharts.Tooltip, { content: ProteusChartTooltipContent, cursor: false }),
+    series.map((s, i) => /* @__PURE__ */ jsxRuntime.jsx(
+      Chart,
+      {
+        dataKey: s.dataKey,
+        dot: false,
+        fill: getColor(i),
+        name: s.name ?? s.dataKey,
+        radius: type === "bar" ? 4 : void 0,
+        type: "natural"
+      },
+      s.dataKey
+    ))
+  ] }) }) });
+};
+ProteusChart.displayName = "@optiaxiom/react/ProteusChart";
+
+var ProteusChart$1 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  ProteusChart: ProteusChart
+});
+
 const [SortableProvider, useSortableContext] = reactContext.createContext("@optiaxiom/react/Sortable");
 
 const Sortable = React.forwardRef(
@@ -9089,7 +9211,7 @@ const SortableGroup = React.forwardRef(
 );
 SortableGroup.displayName = "@optiaxiom/react/SortableGroup";
 
-var handle = Textarea.recipeRuntime({base:'yso43f'});
+var handle = Textarea.recipeRuntime({base:'_1yqwbg'});
 
 const [SortableItemProvider, useSortableItemContext] = reactContext.createContext("@optiaxiom/react/SortableItem");
 
@@ -9114,7 +9236,7 @@ const SortableHandle = React.forwardRef(
 );
 SortableHandle.displayName = "@optiaxiom/react/SortableHandle";
 
-var item = Textarea.recipeRuntime({base:'z2w8ka',variants:{handle:{false:{},true:'_1wra3or'}}});
+var item = Textarea.recipeRuntime({base:'l6s43m',variants:{handle:{false:{},true:'_1h1r4sj'}}});
 
 const SortableItem = React.forwardRef(
   ({ children, className, index, item: id, ...props }, outerRef) => {
@@ -9213,7 +9335,19 @@ exports.PillGroup = PillGroup;
 exports.PillMenu = PillMenu;
 exports.PillMenuContent = PillMenuContent;
 exports.PillMenuTrigger = PillMenuTrigger;
+exports.ProteusAction = ProteusAction;
+exports.ProteusCancelAction = ProteusCancelAction;
+exports.ProteusChart = ProteusChart;
+exports.ProteusDataTable = ProteusDataTable;
 exports.ProteusDocumentRenderer = ProteusDocumentRenderer;
+exports.ProteusDocumentShell = ProteusDocumentShell;
+exports.ProteusImage = ProteusImage;
+exports.ProteusInput = ProteusInput;
+exports.ProteusMap = ProteusMap;
+exports.ProteusSelect = ProteusSelect;
+exports.ProteusShow = ProteusShow;
+exports.ProteusTextarea = ProteusTextarea;
+exports.ProteusValue = ProteusValue;
 exports.Range = Range;
 exports.Sortable = Sortable;
 exports.SortableGroup = SortableGroup;