@oxy.so/bloom 4.13.0 → 4.13.2

package/lib/typescript/commonjs/ai-chat/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/ai-chat/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAElE;;;;;;;;GAQG;AACH,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,aAAa,CAAC;QACrB,QAAQ,EAAE,SAAS,CAAC;QACpB,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QAC5B,OAAO,EAAE,OAAO,CAAC;QACjB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;KAC7C,CAAC,CAAC;IACH,cAAc,EAAE,aAAa,CAAC;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;IACvD,iBAAiB,EAAE,aAAa,CAAC;QAAE,QAAQ,EAAE,SAAS,CAAC;QAAC,IAAI,CAAC,EAAE,WAAW,CAAA;KAAE,CAAC,CAAC;CAC/E;AAED,eAAO,MAAM,qBAAqB,gDAA6C,CAAC;AAEhF,wBAAgB,iBAAiB,IAAI,cAAc,CAQlD;AAED;;;;GAIG;AACH,MAAM,WAAW,gBAAgB;IAC/B,qEAAqE;IACrE,OAAO,EAAE,OAAO,CAAC;IACjB,gDAAgD;IAChD,YAAY,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB;;;;;;;;;OASG;IACH,YAAY,EAAE,OAAO,CAAC;IACtB,8EAA8E;IAC9E,gBAAgB,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,cAAc,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,eAAe,CAAC;IAC3B,MAAM,EAAE;QACN,cAAc,EAAE,MAAM,CAAC;QACvB,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;KACtC,CAAC;CACH;AAED,+FAA+F;AAC/F,MAAM,MAAM,eAAe,GAAG,kBAAkB,CAAC;AAEjD,eAAO,MAAM,kBAAkB,kDAA+C,CAAC;AAE/E;;;;;;GAMG;AACH,eAAO,MAAM,2BAA2B,wCAAqC,CAAC;AAE9E,wBAAgB,cAAc,IAAI,gBAAgB,GAAG,IAAI,CAExD;AAED;;;;GAIG;AACH,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,sFAAsF;AACtF,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;;;GAIG;AACH,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,kBAAkB,CAAC;IAC3B,YAAY,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAC;CACtD;AAED,eAAO,MAAM,2BAA2B,sDAAmD,CAAC;AAE5F;;;;;GAKG;AACH,wBAAgB,qBAAqB,IAAI,kBAAkB,GAAG,IAAI,CAEjE"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/ai-chat/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAElE;;;;;;;;GAQG;AACH,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,aAAa,CAAC;QACrB,QAAQ,EAAE,SAAS,CAAC;QACpB,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QAC5B,OAAO,EAAE,OAAO,CAAC;QACjB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;KAC7C,CAAC,CAAC;IACH,cAAc,EAAE,aAAa,CAAC;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;IACvD,iBAAiB,EAAE,aAAa,CAAC;QAAE,QAAQ,EAAE,SAAS,CAAC;QAAC,IAAI,CAAC,EAAE,WAAW,CAAA;KAAE,CAAC,CAAC;IAC9E;;;OAGG;IACH,YAAY,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;CAChD;AAED,eAAO,MAAM,qBAAqB,gDAA6C,CAAC;AAEhF,wBAAgB,iBAAiB,IAAI,cAAc,CAQlD;AAED;;;;GAIG;AACH,MAAM,WAAW,gBAAgB;IAC/B,qEAAqE;IACrE,OAAO,EAAE,OAAO,CAAC;IACjB,gDAAgD;IAChD,YAAY,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB;;;;;;;;;OASG;IACH,YAAY,EAAE,OAAO,CAAC;IACtB,8EAA8E;IAC9E,gBAAgB,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,cAAc,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,eAAe,CAAC;IAC3B,MAAM,EAAE;QACN,cAAc,EAAE,MAAM,CAAC;QACvB,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;KACtC,CAAC;CACH;AAED,+FAA+F;AAC/F,MAAM,MAAM,eAAe,GAAG,kBAAkB,CAAC;AAEjD,eAAO,MAAM,kBAAkB,kDAA+C,CAAC;AAE/E;;;;;;GAMG;AACH,eAAO,MAAM,2BAA2B,wCAAqC,CAAC;AAE9E,wBAAgB,cAAc,IAAI,gBAAgB,GAAG,IAAI,CAExD;AAED;;;;GAIG;AACH,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,sFAAsF;AACtF,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;;;GAIG;AACH,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,kBAAkB,CAAC;IAC3B,YAAY,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAC;CACtD;AAED,eAAO,MAAM,2BAA2B,sDAAmD,CAAC;AAE5F;;;;;GAKG;AACH,wBAAgB,qBAAqB,IAAI,kBAAkB,GAAG,IAAI,CAEjE"}

package/lib/typescript/commonjs/ai-chat/index.d.ts

@@ -1,6 +1,6 @@
-export { AiChatAssistantMessage, AiChatFeedbackRow, AiChatGalleryPanel, AiChatImageGeneration, } from './AiChat';
+export { AiChatAssistantMessage, AiChatContainer, AiChatFeedbackRow, AiChatGalleryPanel, AiChatImageGeneration, } from './AiChat';
 export { AiChatCodePanel } from './AiChatCodePanel';
-export { AiChatContainer, AiChatThread } from './AiChatContainer';
+export { AiChatThread } from './AiChatContainer';
 export { AiChatBullet, AiChatBulletList, AiChatLinkChip, AiChatMessageLine, AiChatStrong, AiChatUserMessage, } from './AiChatMessages';
 export { AiChatMobileHeader, AiChatResizeHandle, AiChatShell } from './AiChatShell';
 export { useAiChatChromeInsets, useAiChatShell } from './context';

package/lib/typescript/commonjs/ai-chat/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ai-chat/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,GACtB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAClE,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,YAAY,EACZ,iBAAiB,GAClB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACpF,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAClE,YAAY,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AACtE,YAAY,EACV,2BAA2B,EAC3B,qBAAqB,EACrB,iBAAiB,EACjB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,qBAAqB,EACrB,oBAAoB,EACpB,oBAAoB,EACpB,sBAAsB,EACtB,wBAAwB,EACxB,uBAAuB,EACvB,gBAAgB,EAChB,mBAAmB,EACnB,2BAA2B,EAC3B,0BAA0B,EAC1B,mBAAmB,EACnB,sBAAsB,EACtB,uBAAuB,EACvB,iBAAiB,EACjB,cAAc,EACd,uBAAuB,EACvB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,sBAAsB,GACvB,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ai-chat/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,GACtB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,YAAY,EACZ,iBAAiB,GAClB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACpF,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAClE,YAAY,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AACtE,YAAY,EACV,2BAA2B,EAC3B,qBAAqB,EACrB,iBAAiB,EACjB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,qBAAqB,EACrB,oBAAoB,EACpB,oBAAoB,EACpB,sBAAsB,EACtB,wBAAwB,EACxB,uBAAuB,EACvB,gBAAgB,EAChB,mBAAmB,EACnB,2BAA2B,EAC3B,0BAA0B,EAC1B,mBAAmB,EACnB,sBAAsB,EACtB,uBAAuB,EACvB,iBAAiB,EACjB,cAAc,EACd,uBAAuB,EACvB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,sBAAsB,GACvB,MAAM,SAAS,CAAC"}

package/lib/typescript/commonjs/ai-chat/index.web.d.ts

@@ -1,6 +1,6 @@
-export { AiChatAssistantMessage, AiChatFeedbackRow, AiChatGalleryPanel, AiChatImageGeneration, } from './AiChat.web';
+export { AiChatAssistantMessage, AiChatContainer, AiChatFeedbackRow, AiChatGalleryPanel, AiChatImageGeneration, } from './AiChat.web';
 export { AiChatCodePanel } from './AiChatCodePanel';
-export { AiChatContainer, AiChatThread } from './AiChatContainer';
+export { AiChatThread } from './AiChatContainer';
 export { AiChatBullet, AiChatBulletList, AiChatLinkChip, AiChatMessageLine, AiChatStrong, AiChatUserMessage, } from './AiChatMessages';
 export { AiChatMobileHeader, AiChatResizeHandle, AiChatShell } from './AiChatShell';
 export { useAiChatChromeInsets, useAiChatShell } from './context';

package/lib/typescript/commonjs/ai-chat/index.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../src/ai-chat/index.web.ts"],"names":[],"mappings":"AAKA,OAAO,EACL,sBAAsB,EACtB,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,GACtB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAClE,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,YAAY,EACZ,iBAAiB,GAClB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACpF,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAClE,YAAY,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AACtE,YAAY,EACV,2BAA2B,EAC3B,qBAAqB,EACrB,iBAAiB,EACjB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,qBAAqB,EACrB,oBAAoB,EACpB,oBAAoB,EACpB,sBAAsB,EACtB,wBAAwB,EACxB,uBAAuB,EACvB,gBAAgB,EAChB,mBAAmB,EACnB,2BAA2B,EAC3B,0BAA0B,EAC1B,mBAAmB,EACnB,sBAAsB,EACtB,uBAAuB,EACvB,iBAAiB,EACjB,cAAc,EACd,uBAAuB,EACvB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,sBAAsB,GACvB,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../src/ai-chat/index.web.ts"],"names":[],"mappings":"AAKA,OAAO,EACL,sBAAsB,EACtB,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,GACtB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,YAAY,EACZ,iBAAiB,GAClB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACpF,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAClE,YAAY,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AACtE,YAAY,EACV,2BAA2B,EAC3B,qBAAqB,EACrB,iBAAiB,EACjB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,qBAAqB,EACrB,oBAAoB,EACpB,oBAAoB,EACpB,sBAAsB,EACtB,wBAAwB,EACxB,uBAAuB,EACvB,gBAAgB,EAChB,mBAAmB,EACnB,2BAA2B,EAC3B,0BAA0B,EAC1B,mBAAmB,EACnB,sBAAsB,EACtB,uBAAuB,EACvB,iBAAiB,EACjB,cAAc,EACd,uBAAuB,EACvB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,sBAAsB,GACvB,MAAM,SAAS,CAAC"}

package/lib/typescript/commonjs/ai-chat/shared.d.ts

@@ -61,12 +61,17 @@ export declare const SHELL_GUTTER = 12;
  * sticky box nowhere to move.
  */
 export declare const DOCUMENT_RAIL: WebCssStyle;
+/**
+ * `scroll="document"`: the card is a `ContentPanel`, and this is its radius.
+ */
+export declare const DOCUMENT_CARD_RADIUS: 28;
 /**
  * `scroll="document"`: a layer the size of the visible card that takes no room
  * in the flow — pinned like the rail, then pulled back out of the layout by an
  * equal negative margin, so what follows it starts where it does. The card's
- * frame and its `background` slot are drawn on it: the card grows with the
- * conversation, the layer stays the size of the screen.
+ * `background` slot is drawn on it: the card grows with the conversation, the
+ * layer stays the size of the screen — the same geometry as the panel's own
+ * sticky frame.
  */
 export declare const DOCUMENT_LAYER: WebCssStyle;
 /**
@@ -86,11 +91,9 @@ export declare function dataHook(name: string, value?: string): Record<string, u
  *   percentage transitioning 0% → 132% over 1550ms;
  * - the resize grip's hover reveal;
  * - the composer field's placeholder colour;
- * - the document-scrolled card's frame, clipped to its gutter (RN-web drops
- *   `clip-path` from `style`), and its thread out of the browser's scroll
- *   anchoring.
+ * - a document-scrolled thread out of the browser's scroll anchoring.
  */
-export declare const AI_CHAT_WEB_CSS = "\n@property --bloom-ai-reveal {\n  syntax: '<percentage>';\n  inherits: false;\n  initial-value: 0%;\n}\n[data-bloom-ai-chat-control] {\n  outline: none;\n  cursor: pointer;\n  transition: background-color 150ms ease, color 150ms ease, opacity 150ms ease;\n}\n[data-bloom-ai-chat-control]:focus-visible {\n  box-shadow: 0 0 0 2px var(--bloom-ai-chat-ring);\n}\n[data-bloom-ai-chat-control=\"inset\"]:focus-visible {\n  box-shadow: inset 0 0 0 2px var(--bloom-ai-chat-ring);\n}\n[data-bloom-ai-chat-control=\"bare\"]:focus-visible {\n  box-shadow: none;\n}\n[data-bloom-ai-chat-zoom] { outline: none; }\n[data-bloom-ai-chat-zoom=\"in\"] { cursor: zoom-in; }\n[data-bloom-ai-chat-zoom=\"out\"] { cursor: zoom-out; }\n[data-bloom-ai-chat-zoom]:focus-visible { box-shadow: inset 0 0 0 2px var(--bloom-ai-chat-ring); }\n[data-bloom-ai-chat-frame] { clip-path: inset(-12px -1px); }\n[data-bloom-ai-chat-thread] { overflow-anchor: none; }\n[data-bloom-ai-chat-scroll=\"thin\"] { scrollbar-width: thin; }\n[data-bloom-ai-chat-scroll=\"none\"] { scrollbar-width: none; }\n[data-bloom-ai-chat-scroll=\"none\"]::-webkit-scrollbar { display: none; }\n[data-bloom-ai-chat-tile] [data-bloom-ai-chat-scrim] {\n  opacity: 0;\n  transition: opacity 200ms cubic-bezier(0, 0, 0.2, 1);\n}\n[data-bloom-ai-chat-tile]:hover [data-bloom-ai-chat-scrim] { opacity: 1; }\n[data-bloom-ai-chat-tile-image] {\n  transition: transform 300ms cubic-bezier(0, 0, 0.2, 1);\n}\n[data-bloom-ai-chat-tile=\"lift\"]:hover [data-bloom-ai-chat-tile-image] { transform: scale(1.03); }\n@keyframes bloom-ai-flap-fall {\n  from { transform: rotateX(0deg); filter: brightness(1); }\n  to { transform: rotateX(-90deg); filter: brightness(0.86); }\n}\n@keyframes bloom-ai-flap-rise {\n  0% { transform: rotateX(90deg); filter: brightness(0.86); }\n  70% { transform: rotateX(-9deg); }\n  86% { transform: rotateX(4deg); }\n  100% { transform: rotateX(0deg); filter: brightness(1); }\n}\n[data-bloom-ai-chat-flap-card] { perspective: 70px; }\n[data-bloom-ai-chat-fade] { transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1); }\n[data-bloom-ai-chat-flap=\"fall\"] {\n  transform-origin: bottom center;\n  backface-visibility: hidden;\n  animation: bloom-ai-flap-fall 150ms cubic-bezier(0.55, 0, 0.9, 0.35) forwards;\n}\n[data-bloom-ai-chat-flap=\"rise\"] {\n  transform-origin: top center;\n  backface-visibility: hidden;\n  animation: bloom-ai-flap-rise 230ms cubic-bezier(0.25, 0.7, 0.35, 1) 150ms both;\n}\n[data-bloom-ai-chat-reveal] {\n  --bloom-ai-reveal: 0%;\n  opacity: 0;\n  filter: blur(10px);\n  -webkit-mask-image: radial-gradient(circle at 50% 50%, #000 calc(var(--bloom-ai-reveal) - 26%), transparent var(--bloom-ai-reveal));\n  mask-image: radial-gradient(circle at 50% 50%, #000 calc(var(--bloom-ai-reveal) - 26%), transparent var(--bloom-ai-reveal));\n  transition: --bloom-ai-reveal 1550ms cubic-bezier(0.4, 0, 0.2, 1), opacity 1550ms cubic-bezier(0.4, 0, 0.2, 1), filter 1550ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n[data-bloom-ai-chat-reveal=\"shown\"] {\n  --bloom-ai-reveal: 132%;\n  opacity: 1;\n  filter: blur(0px);\n}\n[data-bloom-ai-chat-grip] [data-bloom-ai-chat-grip-pill] {\n  opacity: 0;\n  transition: opacity 150ms ease;\n}\n[data-bloom-ai-chat-grip]:hover [data-bloom-ai-chat-grip-pill],\n[data-bloom-ai-chat-grip-pill=\"dragging\"] { opacity: 1; }\n[data-bloom-ai-chat-grip] { cursor: col-resize; touch-action: none; outline: none; }\n[data-bloom-ai-chat-dragging=\"on\"] { cursor: col-resize; user-select: none; }\n[data-bloom-ai-chat-chip] {\n  display: inline-flex;\n  max-width: calc(100% - 4px);\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n  gap: 2px;\n  vertical-align: middle;\n}\n[data-bloom-ai-chat-chip] > svg { flex-shrink: 0; }\n[data-bloom-ai-chat-chip] > [dir] { min-width: 0; overflow-wrap: anywhere; }\n@media (prefers-reduced-motion: reduce) {\n  [data-bloom-ai-chat-control],\n  [data-bloom-ai-chat-tile] [data-bloom-ai-chat-scrim],\n  [data-bloom-ai-chat-tile-image],\n  [data-bloom-ai-chat-grip] [data-bloom-ai-chat-grip-pill] { transition: none; }\n  [data-bloom-ai-chat-flap] { animation-duration: 1ms; animation-delay: 0ms; }\n}\n";
+export declare const AI_CHAT_WEB_CSS = "\n@property --bloom-ai-reveal {\n  syntax: '<percentage>';\n  inherits: false;\n  initial-value: 0%;\n}\n[data-bloom-ai-chat-control] {\n  outline: none;\n  cursor: pointer;\n  transition: background-color 150ms ease, color 150ms ease, opacity 150ms ease;\n}\n[data-bloom-ai-chat-control]:focus-visible {\n  box-shadow: 0 0 0 2px var(--bloom-ai-chat-ring);\n}\n[data-bloom-ai-chat-control=\"inset\"]:focus-visible {\n  box-shadow: inset 0 0 0 2px var(--bloom-ai-chat-ring);\n}\n[data-bloom-ai-chat-control=\"bare\"]:focus-visible {\n  box-shadow: none;\n}\n[data-bloom-ai-chat-zoom] { outline: none; }\n[data-bloom-ai-chat-zoom=\"in\"] { cursor: zoom-in; }\n[data-bloom-ai-chat-zoom=\"out\"] { cursor: zoom-out; }\n[data-bloom-ai-chat-zoom]:focus-visible { box-shadow: inset 0 0 0 2px var(--bloom-ai-chat-ring); }\n[data-bloom-ai-chat-thread] { overflow-anchor: none; }\n[data-bloom-ai-chat-scroll=\"thin\"] { scrollbar-width: thin; }\n[data-bloom-ai-chat-scroll=\"none\"] { scrollbar-width: none; }\n[data-bloom-ai-chat-scroll=\"none\"]::-webkit-scrollbar { display: none; }\n[data-bloom-ai-chat-tile] [data-bloom-ai-chat-scrim] {\n  opacity: 0;\n  transition: opacity 200ms cubic-bezier(0, 0, 0.2, 1);\n}\n[data-bloom-ai-chat-tile]:hover [data-bloom-ai-chat-scrim] { opacity: 1; }\n[data-bloom-ai-chat-tile-image] {\n  transition: transform 300ms cubic-bezier(0, 0, 0.2, 1);\n}\n[data-bloom-ai-chat-tile=\"lift\"]:hover [data-bloom-ai-chat-tile-image] { transform: scale(1.03); }\n@keyframes bloom-ai-flap-fall {\n  from { transform: rotateX(0deg); filter: brightness(1); }\n  to { transform: rotateX(-90deg); filter: brightness(0.86); }\n}\n@keyframes bloom-ai-flap-rise {\n  0% { transform: rotateX(90deg); filter: brightness(0.86); }\n  70% { transform: rotateX(-9deg); }\n  86% { transform: rotateX(4deg); }\n  100% { transform: rotateX(0deg); filter: brightness(1); }\n}\n[data-bloom-ai-chat-flap-card] { perspective: 70px; }\n[data-bloom-ai-chat-fade] { transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1); }\n[data-bloom-ai-chat-flap=\"fall\"] {\n  transform-origin: bottom center;\n  backface-visibility: hidden;\n  animation: bloom-ai-flap-fall 150ms cubic-bezier(0.55, 0, 0.9, 0.35) forwards;\n}\n[data-bloom-ai-chat-flap=\"rise\"] {\n  transform-origin: top center;\n  backface-visibility: hidden;\n  animation: bloom-ai-flap-rise 230ms cubic-bezier(0.25, 0.7, 0.35, 1) 150ms both;\n}\n[data-bloom-ai-chat-reveal] {\n  --bloom-ai-reveal: 0%;\n  opacity: 0;\n  filter: blur(10px);\n  -webkit-mask-image: radial-gradient(circle at 50% 50%, #000 calc(var(--bloom-ai-reveal) - 26%), transparent var(--bloom-ai-reveal));\n  mask-image: radial-gradient(circle at 50% 50%, #000 calc(var(--bloom-ai-reveal) - 26%), transparent var(--bloom-ai-reveal));\n  transition: --bloom-ai-reveal 1550ms cubic-bezier(0.4, 0, 0.2, 1), opacity 1550ms cubic-bezier(0.4, 0, 0.2, 1), filter 1550ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n[data-bloom-ai-chat-reveal=\"shown\"] {\n  --bloom-ai-reveal: 132%;\n  opacity: 1;\n  filter: blur(0px);\n}\n[data-bloom-ai-chat-grip] [data-bloom-ai-chat-grip-pill] {\n  opacity: 0;\n  transition: opacity 150ms ease;\n}\n[data-bloom-ai-chat-grip]:hover [data-bloom-ai-chat-grip-pill],\n[data-bloom-ai-chat-grip-pill=\"dragging\"] { opacity: 1; }\n[data-bloom-ai-chat-grip] { cursor: col-resize; touch-action: none; outline: none; }\n[data-bloom-ai-chat-dragging=\"on\"] { cursor: col-resize; user-select: none; }\n[data-bloom-ai-chat-chip] {\n  display: inline-flex;\n  max-width: calc(100% - 4px);\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n  gap: 2px;\n  vertical-align: middle;\n}\n[data-bloom-ai-chat-chip] > svg { flex-shrink: 0; }\n[data-bloom-ai-chat-chip] > [dir] { min-width: 0; overflow-wrap: anywhere; }\n@media (prefers-reduced-motion: reduce) {\n  [data-bloom-ai-chat-control],\n  [data-bloom-ai-chat-tile] [data-bloom-ai-chat-scrim],\n  [data-bloom-ai-chat-tile-image],\n  [data-bloom-ai-chat-grip] [data-bloom-ai-chat-grip-pill] { transition: none; }\n  [data-bloom-ai-chat-flap] { animation-duration: 1ms; animation-delay: 0ms; }\n}\n";
 /** Adopt the family sheet once (web; a no-op on native). */
 export declare function useAiChatWebCss(): void;
 //# sourceMappingURL=shared.d.ts.map

package/lib/typescript/commonjs/ai-chat/shared.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../../src/ai-chat/shared.ts"],"names":[],"mappings":"AAGA,OAAO,EAGL,KAAK,IAAI,EACV,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAG5C,oFAAoF;AACpF,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,IAAI,CAAC;IACd,iDAAiD;IACjD,QAAQ,EAAE,MAAM,CAAC;IACjB,+CAA+C;IAC/C,QAAQ,EAAE,MAAM,CAAC;IACjB,8DAA8D;IAC9D,kBAAkB,EAAE,MAAM,CAAC;IAC3B,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,KAAK,GAAG,aAAa,CA+BhE;AAED,oDAAoD;AACpD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAEjF;AAED,wBAAgB,gBAAgB,IAAI,aAAa,CAGhD;AAMD,0CAA0C;AAC1C,eAAO,MAAM,gBAAgB,KAAK,CAAC;AACnC,+DAA+D;AAC/D,eAAO,MAAM,WAAW,KAAK,CAAC;AAC9B,4CAA4C;AAC5C,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,sBAAsB;AACtB,eAAO,MAAM,aAAa,MAAM,CAAC;AACjC,0CAA0C;AAC1C,eAAO,MAAM,UAAU,OAAO,CAAC;AAC/B,2DAA2D;AAC3D,eAAO,MAAM,cAAc,6BAA8B,CAAC;AAE1D,eAAO,MAAM,MAAM,SAAwB,CAAC;AAE5C,0FAA0F;AAC1F,eAAO,MAAM,gBAAgB,OAAO,CAAC;AACrC,0EAA0E;AAC1E,eAAO,MAAM,kBAAkB,OAAO,CAAC;AAEvC,8DAA8D;AAC9D,eAAO,MAAM,YAAY,KAAK,CAAC;AAE/B;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,EAAE,WAM3B,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,EAAE,WAM5B,CAAC;AAMF;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,SAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAE1E;AAID;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,eAAe,klIAmG3B,CAAC;AAEF,4DAA4D;AAC5D,wBAAgB,eAAe,IAAI,IAAI,CAItC"}
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../../src/ai-chat/shared.ts"],"names":[],"mappings":"AAGA,OAAO,EAGL,KAAK,IAAI,EACV,MAAM,kBAAkB,CAAC;AAG1B,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAG5C,oFAAoF;AACpF,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,IAAI,CAAC;IACd,iDAAiD;IACjD,QAAQ,EAAE,MAAM,CAAC;IACjB,+CAA+C;IAC/C,QAAQ,EAAE,MAAM,CAAC;IACjB,8DAA8D;IAC9D,kBAAkB,EAAE,MAAM,CAAC;IAC3B,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,KAAK,GAAG,aAAa,CA+BhE;AAED,oDAAoD;AACpD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAEjF;AAED,wBAAgB,gBAAgB,IAAI,aAAa,CAGhD;AAMD,0CAA0C;AAC1C,eAAO,MAAM,gBAAgB,KAAK,CAAC;AACnC,+DAA+D;AAC/D,eAAO,MAAM,WAAW,KAAK,CAAC;AAC9B,4CAA4C;AAC5C,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,sBAAsB;AACtB,eAAO,MAAM,aAAa,MAAM,CAAC;AACjC,0CAA0C;AAC1C,eAAO,MAAM,UAAU,OAAO,CAAC;AAC/B,2DAA2D;AAC3D,eAAO,MAAM,cAAc,6BAA8B,CAAC;AAE1D,eAAO,MAAM,MAAM,SAAwB,CAAC;AAE5C,0FAA0F;AAC1F,eAAO,MAAM,gBAAgB,OAAO,CAAC;AACrC,0EAA0E;AAC1E,eAAO,MAAM,kBAAkB,OAAO,CAAC;AAEvC,8DAA8D;AAC9D,eAAO,MAAM,YAAY,KAAK,CAAC;AAE/B;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,EAAE,WAM3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,IAAoB,CAAC;AAEtD;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,EAAE,WAM5B,CAAC;AAMF;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,SAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAE1E;AAID;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe,ohIAkG3B,CAAC;AAEF,4DAA4D;AAC5D,wBAAgB,eAAe,IAAI,IAAI,CAItC"}

package/lib/typescript/module/ai-chat/AiChat.d.ts

@@ -14,4 +14,8 @@ export declare const AiChatGalleryPanel: {
     (props: import("./types").AiChatGalleryPanelProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
+export declare const AiChatContainer: {
+    (props: import("./types").AiChatContainerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=AiChat.d.ts.map

package/lib/typescript/module/ai-chat/AiChat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AiChat.d.ts","sourceRoot":"","sources":["../../../../src/ai-chat/AiChat.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,iBAAiB;;;CAA0B,CAAC;AACzD,eAAO,MAAM,sBAAsB;;;CAA+B,CAAC;AACnE,eAAO,MAAM,qBAAqB;;;CAA8B,CAAC;AACjE,eAAO,MAAM,kBAAkB;;;CAA2B,CAAC"}
+{"version":3,"file":"AiChat.d.ts","sourceRoot":"","sources":["../../../../src/ai-chat/AiChat.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,iBAAiB;;;CAA0B,CAAC;AACzD,eAAO,MAAM,sBAAsB;;;CAA+B,CAAC;AACnE,eAAO,MAAM,qBAAqB;;;CAA8B,CAAC;AACjE,eAAO,MAAM,kBAAkB;;;CAA2B,CAAC;AAC3D,eAAO,MAAM,eAAe;;;CAAwB,CAAC"}

package/lib/typescript/module/ai-chat/AiChat.web.d.ts

@@ -14,4 +14,8 @@ export declare const AiChatGalleryPanel: {
     (props: import("./types").AiChatGalleryPanelProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
+export declare const AiChatContainer: {
+    (props: import("./types").AiChatContainerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=AiChat.web.d.ts.map

package/lib/typescript/module/ai-chat/AiChat.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AiChat.web.d.ts","sourceRoot":"","sources":["../../../../src/ai-chat/AiChat.web.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,iBAAiB;;;CAA0B,CAAC;AACzD,eAAO,MAAM,sBAAsB;;;CAA+B,CAAC;AACnE,eAAO,MAAM,qBAAqB;;;CAA8B,CAAC;AACjE,eAAO,MAAM,kBAAkB;;;CAA2B,CAAC"}
+{"version":3,"file":"AiChat.web.d.ts","sourceRoot":"","sources":["../../../../src/ai-chat/AiChat.web.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,iBAAiB;;;CAA0B,CAAC;AACzD,eAAO,MAAM,sBAAsB;;;CAA+B,CAAC;AACnE,eAAO,MAAM,qBAAqB;;;CAA8B,CAAC;AACjE,eAAO,MAAM,kBAAkB;;;CAA2B,CAAC;AAC3D,eAAO,MAAM,eAAe;;;CAAwB,CAAC"}

package/lib/typescript/module/ai-chat/AiChatContainer.d.ts

@@ -33,13 +33,15 @@ import type { AiChatContainerProps, AiChatThreadHandle, AiChatThreadProps } from
  * `AiChatThread` child through context (its content padding) and any other
  * child through `useAiChatChromeInsets()`.
  *
- * Under a shell with `scroll="document"` the chrome always floats, since the
+ * Under a shell with `scroll="document"` the card is a `ContentPanel` — the
+ * framed document surface, whose sticky mask and edge keep the card's corners
+ * and gutter at the screen's edges — and the chrome always floats, since the
  * document is what moves: the header and the footer are `sticky` in the flow,
- * pinned to the screen's top and bottom gutter, the `background` slot and the
- * card's frame are layers the size of the screen, and the card grows with the
- * conversation. At rest nothing overlaps, so the insets are zero.
+ * pinned to the screen's top and bottom gutter, the `background` slot is a
+ * layer the size of the screen, and the card grows with the conversation. At
+ * rest nothing overlaps, so the insets are zero.
  */
-export declare function AiChatContainer({ project, title, projectIcon, onProjectPress, onShare, onMore, actions, header, children, composer, working, workingLabel, background, surface, floatingChrome, labels, style, testID, }: AiChatContainerProps): import("react/jsx-runtime").JSX.Element;
+export declare function AiChatContainerBase({ project, title, projectIcon, onProjectPress, onShare, onMore, actions, header, children, composer, working, workingLabel, background, surface, floatingChrome, labels, style, testID, }: AiChatContainerProps): import("react/jsx-runtime").JSX.Element;
 /**
  * The thread: the scrolling conversation, anchored to the bottom
  * so a short exchange sits just above the composer and grows upward — px 16 /

package/lib/typescript/module/ai-chat/AiChatContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AiChatContainer.d.ts","sourceRoot":"","sources":["../../../../src/ai-chat/AiChatContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAUN,MAAM,OAAO,CAAC;AAwCf,OAAO,KAAK,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAqB3F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,KAAK,EACL,WAA0B,EAC1B,cAAc,EACd,OAAO,EACP,MAAM,EACN,OAAO,EACP,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,OAAe,EACf,YAAY,EACZ,UAAU,EACV,OAAc,EACd,cAAsB,EACtB,MAAM,EACN,KAAK,EACL,MAAM,GACP,EAAE,oBAAoB,2CAiItB;AAiLD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,YAAY,8FAGvB,CAAC"}
+{"version":3,"file":"AiChatContainer.d.ts","sourceRoot":"","sources":["../../../../src/ai-chat/AiChatContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAUN,MAAM,OAAO,CAAC;AA0Cf,OAAO,KAAK,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAqB3F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,OAAO,EACP,KAAK,EACL,WAA0B,EAC1B,cAAc,EACd,OAAO,EACP,MAAM,EACN,OAAO,EACP,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,OAAe,EACf,YAAY,EACZ,UAAU,EACV,OAAc,EACd,cAAsB,EACtB,MAAM,EACN,KAAK,EACL,MAAM,GACP,EAAE,oBAAoB,2CAsHtB;AAoND;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,YAAY,8FAGvB,CAAC"}

package/lib/typescript/module/ai-chat/bindAiChat.d.ts

@@ -1,5 +1,5 @@
 import { type AiChatPlatform } from './context';
-import type { AiChatAssistantMessageProps, AiChatFeedbackRowProps, AiChatGalleryPanelProps, AiChatImageGenerationProps } from './types';
+import type { AiChatAssistantMessageProps, AiChatContainerProps, AiChatFeedbackRowProps, AiChatGalleryPanelProps, AiChatImageGenerationProps } from './types';
 /**
  * Binds the shared implementation to one platform's forked families. Called
  * once at module scope by `AiChat.tsx` (native) and `AiChat.web.tsx` (web) —
@@ -22,5 +22,9 @@ export declare function bindAiChat(platform: AiChatPlatform): {
         (props: AiChatGalleryPanelProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
+    AiChatContainer: {
+        (props: AiChatContainerProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
 };
 //# sourceMappingURL=bindAiChat.d.ts.map

package/lib/typescript/module/ai-chat/bindAiChat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bindAiChat.d.ts","sourceRoot":"","sources":["../../../../src/ai-chat/bindAiChat.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAyB,KAAK,cAAc,EAAE,MAAM,WAAW,CAAC;AACvE,OAAO,KAAK,EACV,2BAA2B,EAC3B,sBAAsB,EACtB,uBAAuB,EACvB,0BAA0B,EAC3B,MAAM,SAAS,CAAC;AAEjB;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,QAAQ,EAAE,cAAc;;gBACf,sBAAsB;;;;gBASjB,2BAA2B;;;;gBAS5B,0BAA0B;;;;gBAS7B,uBAAuB;;;EAU3D"}
+{"version":3,"file":"bindAiChat.d.ts","sourceRoot":"","sources":["../../../../src/ai-chat/bindAiChat.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAyB,KAAK,cAAc,EAAE,MAAM,WAAW,CAAC;AACvE,OAAO,KAAK,EACV,2BAA2B,EAC3B,oBAAoB,EACpB,sBAAsB,EACtB,uBAAuB,EACvB,0BAA0B,EAC3B,MAAM,SAAS,CAAC;AAEjB;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,QAAQ,EAAE,cAAc;;gBACf,sBAAsB;;;;gBASjB,2BAA2B;;;;gBAS5B,0BAA0B;;;;gBAS7B,uBAAuB;;;;gBAS1B,oBAAoB;;;EAUrD"}

package/lib/typescript/module/ai-chat/context.d.ts

@@ -1,4 +1,5 @@
 import { type ComponentType, type ReactNode } from 'react';
+import type { ContentPanelProps } from '../content-panel/types';
 import type { TooltipSize } from '../tooltip/constants';
 import type { BloomIconComponent } from '../icons/icon-component';
 /**
@@ -24,6 +25,11 @@ export interface AiChatPlatform {
         children: ReactNode;
         size?: TooltipSize;
     }>;
+    /**
+     * The framed document surface: a document-scrolled chat's card is one, so
+     * its gutter mask, corners and edge are the panel's own.
+     */
+    ContentPanel: ComponentType<ContentPanelProps>;
 }
 export declare const AiChatPlatformContext: import("react").Context<AiChatPlatform | null>;
 export declare function useAiChatPlatform(): AiChatPlatform;

package/lib/typescript/module/ai-chat/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/ai-chat/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAElE;;;;;;;;GAQG;AACH,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,aAAa,CAAC;QACrB,QAAQ,EAAE,SAAS,CAAC;QACpB,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QAC5B,OAAO,EAAE,OAAO,CAAC;QACjB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;KAC7C,CAAC,CAAC;IACH,cAAc,EAAE,aAAa,CAAC;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;IACvD,iBAAiB,EAAE,aAAa,CAAC;QAAE,QAAQ,EAAE,SAAS,CAAC;QAAC,IAAI,CAAC,EAAE,WAAW,CAAA;KAAE,CAAC,CAAC;CAC/E;AAED,eAAO,MAAM,qBAAqB,gDAA6C,CAAC;AAEhF,wBAAgB,iBAAiB,IAAI,cAAc,CAQlD;AAED;;;;GAIG;AACH,MAAM,WAAW,gBAAgB;IAC/B,qEAAqE;IACrE,OAAO,EAAE,OAAO,CAAC;IACjB,gDAAgD;IAChD,YAAY,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB;;;;;;;;;OASG;IACH,YAAY,EAAE,OAAO,CAAC;IACtB,8EAA8E;IAC9E,gBAAgB,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,cAAc,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,eAAe,CAAC;IAC3B,MAAM,EAAE;QACN,cAAc,EAAE,MAAM,CAAC;QACvB,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;KACtC,CAAC;CACH;AAED,+FAA+F;AAC/F,MAAM,MAAM,eAAe,GAAG,kBAAkB,CAAC;AAEjD,eAAO,MAAM,kBAAkB,kDAA+C,CAAC;AAE/E;;;;;;GAMG;AACH,eAAO,MAAM,2BAA2B,wCAAqC,CAAC;AAE9E,wBAAgB,cAAc,IAAI,gBAAgB,GAAG,IAAI,CAExD;AAED;;;;GAIG;AACH,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,sFAAsF;AACtF,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;;;GAIG;AACH,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,kBAAkB,CAAC;IAC3B,YAAY,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAC;CACtD;AAED,eAAO,MAAM,2BAA2B,sDAAmD,CAAC;AAE5F;;;;;GAKG;AACH,wBAAgB,qBAAqB,IAAI,kBAAkB,GAAG,IAAI,CAEjE"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/ai-chat/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAElE;;;;;;;;GAQG;AACH,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,aAAa,CAAC;QACrB,QAAQ,EAAE,SAAS,CAAC;QACpB,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QAC5B,OAAO,EAAE,OAAO,CAAC;QACjB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;KAC7C,CAAC,CAAC;IACH,cAAc,EAAE,aAAa,CAAC;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;IACvD,iBAAiB,EAAE,aAAa,CAAC;QAAE,QAAQ,EAAE,SAAS,CAAC;QAAC,IAAI,CAAC,EAAE,WAAW,CAAA;KAAE,CAAC,CAAC;IAC9E;;;OAGG;IACH,YAAY,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;CAChD;AAED,eAAO,MAAM,qBAAqB,gDAA6C,CAAC;AAEhF,wBAAgB,iBAAiB,IAAI,cAAc,CAQlD;AAED;;;;GAIG;AACH,MAAM,WAAW,gBAAgB;IAC/B,qEAAqE;IACrE,OAAO,EAAE,OAAO,CAAC;IACjB,gDAAgD;IAChD,YAAY,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB;;;;;;;;;OASG;IACH,YAAY,EAAE,OAAO,CAAC;IACtB,8EAA8E;IAC9E,gBAAgB,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,cAAc,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,eAAe,CAAC;IAC3B,MAAM,EAAE;QACN,cAAc,EAAE,MAAM,CAAC;QACvB,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;KACtC,CAAC;CACH;AAED,+FAA+F;AAC/F,MAAM,MAAM,eAAe,GAAG,kBAAkB,CAAC;AAEjD,eAAO,MAAM,kBAAkB,kDAA+C,CAAC;AAE/E;;;;;;GAMG;AACH,eAAO,MAAM,2BAA2B,wCAAqC,CAAC;AAE9E,wBAAgB,cAAc,IAAI,gBAAgB,GAAG,IAAI,CAExD;AAED;;;;GAIG;AACH,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,sFAAsF;AACtF,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;;;GAIG;AACH,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,kBAAkB,CAAC;IAC3B,YAAY,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAC;CACtD;AAED,eAAO,MAAM,2BAA2B,sDAAmD,CAAC;AAE5F;;;;;GAKG;AACH,wBAAgB,qBAAqB,IAAI,kBAAkB,GAAG,IAAI,CAEjE"}

package/lib/typescript/module/ai-chat/index.d.ts

@@ -1,6 +1,6 @@
-export { AiChatAssistantMessage, AiChatFeedbackRow, AiChatGalleryPanel, AiChatImageGeneration, } from './AiChat';
+export { AiChatAssistantMessage, AiChatContainer, AiChatFeedbackRow, AiChatGalleryPanel, AiChatImageGeneration, } from './AiChat';
 export { AiChatCodePanel } from './AiChatCodePanel';
-export { AiChatContainer, AiChatThread } from './AiChatContainer';
+export { AiChatThread } from './AiChatContainer';
 export { AiChatBullet, AiChatBulletList, AiChatLinkChip, AiChatMessageLine, AiChatStrong, AiChatUserMessage, } from './AiChatMessages';
 export { AiChatMobileHeader, AiChatResizeHandle, AiChatShell } from './AiChatShell';
 export { useAiChatChromeInsets, useAiChatShell } from './context';

package/lib/typescript/module/ai-chat/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ai-chat/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,GACtB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAClE,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,YAAY,EACZ,iBAAiB,GAClB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACpF,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAClE,YAAY,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AACtE,YAAY,EACV,2BAA2B,EAC3B,qBAAqB,EACrB,iBAAiB,EACjB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,qBAAqB,EACrB,oBAAoB,EACpB,oBAAoB,EACpB,sBAAsB,EACtB,wBAAwB,EACxB,uBAAuB,EACvB,gBAAgB,EAChB,mBAAmB,EACnB,2BAA2B,EAC3B,0BAA0B,EAC1B,mBAAmB,EACnB,sBAAsB,EACtB,uBAAuB,EACvB,iBAAiB,EACjB,cAAc,EACd,uBAAuB,EACvB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,sBAAsB,GACvB,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ai-chat/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,GACtB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,YAAY,EACZ,iBAAiB,GAClB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACpF,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAClE,YAAY,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AACtE,YAAY,EACV,2BAA2B,EAC3B,qBAAqB,EACrB,iBAAiB,EACjB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,qBAAqB,EACrB,oBAAoB,EACpB,oBAAoB,EACpB,sBAAsB,EACtB,wBAAwB,EACxB,uBAAuB,EACvB,gBAAgB,EAChB,mBAAmB,EACnB,2BAA2B,EAC3B,0BAA0B,EAC1B,mBAAmB,EACnB,sBAAsB,EACtB,uBAAuB,EACvB,iBAAiB,EACjB,cAAc,EACd,uBAAuB,EACvB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,sBAAsB,GACvB,MAAM,SAAS,CAAC"}

package/lib/typescript/module/ai-chat/index.web.d.ts

@@ -1,6 +1,6 @@
-export { AiChatAssistantMessage, AiChatFeedbackRow, AiChatGalleryPanel, AiChatImageGeneration, } from './AiChat.web';
+export { AiChatAssistantMessage, AiChatContainer, AiChatFeedbackRow, AiChatGalleryPanel, AiChatImageGeneration, } from './AiChat.web';
 export { AiChatCodePanel } from './AiChatCodePanel';
-export { AiChatContainer, AiChatThread } from './AiChatContainer';
+export { AiChatThread } from './AiChatContainer';
 export { AiChatBullet, AiChatBulletList, AiChatLinkChip, AiChatMessageLine, AiChatStrong, AiChatUserMessage, } from './AiChatMessages';
 export { AiChatMobileHeader, AiChatResizeHandle, AiChatShell } from './AiChatShell';
 export { useAiChatChromeInsets, useAiChatShell } from './context';

package/lib/typescript/module/ai-chat/index.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../src/ai-chat/index.web.ts"],"names":[],"mappings":"AAKA,OAAO,EACL,sBAAsB,EACtB,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,GACtB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAClE,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,YAAY,EACZ,iBAAiB,GAClB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACpF,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAClE,YAAY,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AACtE,YAAY,EACV,2BAA2B,EAC3B,qBAAqB,EACrB,iBAAiB,EACjB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,qBAAqB,EACrB,oBAAoB,EACpB,oBAAoB,EACpB,sBAAsB,EACtB,wBAAwB,EACxB,uBAAuB,EACvB,gBAAgB,EAChB,mBAAmB,EACnB,2BAA2B,EAC3B,0BAA0B,EAC1B,mBAAmB,EACnB,sBAAsB,EACtB,uBAAuB,EACvB,iBAAiB,EACjB,cAAc,EACd,uBAAuB,EACvB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,sBAAsB,GACvB,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../src/ai-chat/index.web.ts"],"names":[],"mappings":"AAKA,OAAO,EACL,sBAAsB,EACtB,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,GACtB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,YAAY,EACZ,iBAAiB,GAClB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACpF,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAClE,YAAY,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AACtE,YAAY,EACV,2BAA2B,EAC3B,qBAAqB,EACrB,iBAAiB,EACjB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,qBAAqB,EACrB,oBAAoB,EACpB,oBAAoB,EACpB,sBAAsB,EACtB,wBAAwB,EACxB,uBAAuB,EACvB,gBAAgB,EAChB,mBAAmB,EACnB,2BAA2B,EAC3B,0BAA0B,EAC1B,mBAAmB,EACnB,sBAAsB,EACtB,uBAAuB,EACvB,iBAAiB,EACjB,cAAc,EACd,uBAAuB,EACvB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,sBAAsB,GACvB,MAAM,SAAS,CAAC"}

package/lib/typescript/module/ai-chat/shared.d.ts

@@ -61,12 +61,17 @@ export declare const SHELL_GUTTER = 12;
  * sticky box nowhere to move.
  */
 export declare const DOCUMENT_RAIL: WebCssStyle;
+/**
+ * `scroll="document"`: the card is a `ContentPanel`, and this is its radius.
+ */
+export declare const DOCUMENT_CARD_RADIUS: 28;
 /**
  * `scroll="document"`: a layer the size of the visible card that takes no room
  * in the flow — pinned like the rail, then pulled back out of the layout by an
  * equal negative margin, so what follows it starts where it does. The card's
- * frame and its `background` slot are drawn on it: the card grows with the
- * conversation, the layer stays the size of the screen.
+ * `background` slot is drawn on it: the card grows with the conversation, the
+ * layer stays the size of the screen — the same geometry as the panel's own
+ * sticky frame.
  */
 export declare const DOCUMENT_LAYER: WebCssStyle;
 /**
@@ -86,11 +91,9 @@ export declare function dataHook(name: string, value?: string): Record<string, u
  *   percentage transitioning 0% → 132% over 1550ms;
  * - the resize grip's hover reveal;
  * - the composer field's placeholder colour;
- * - the document-scrolled card's frame, clipped to its gutter (RN-web drops
- *   `clip-path` from `style`), and its thread out of the browser's scroll
- *   anchoring.
+ * - a document-scrolled thread out of the browser's scroll anchoring.
  */
-export declare const AI_CHAT_WEB_CSS = "\n@property --bloom-ai-reveal {\n  syntax: '<percentage>';\n  inherits: false;\n  initial-value: 0%;\n}\n[data-bloom-ai-chat-control] {\n  outline: none;\n  cursor: pointer;\n  transition: background-color 150ms ease, color 150ms ease, opacity 150ms ease;\n}\n[data-bloom-ai-chat-control]:focus-visible {\n  box-shadow: 0 0 0 2px var(--bloom-ai-chat-ring);\n}\n[data-bloom-ai-chat-control=\"inset\"]:focus-visible {\n  box-shadow: inset 0 0 0 2px var(--bloom-ai-chat-ring);\n}\n[data-bloom-ai-chat-control=\"bare\"]:focus-visible {\n  box-shadow: none;\n}\n[data-bloom-ai-chat-zoom] { outline: none; }\n[data-bloom-ai-chat-zoom=\"in\"] { cursor: zoom-in; }\n[data-bloom-ai-chat-zoom=\"out\"] { cursor: zoom-out; }\n[data-bloom-ai-chat-zoom]:focus-visible { box-shadow: inset 0 0 0 2px var(--bloom-ai-chat-ring); }\n[data-bloom-ai-chat-frame] { clip-path: inset(-12px -1px); }\n[data-bloom-ai-chat-thread] { overflow-anchor: none; }\n[data-bloom-ai-chat-scroll=\"thin\"] { scrollbar-width: thin; }\n[data-bloom-ai-chat-scroll=\"none\"] { scrollbar-width: none; }\n[data-bloom-ai-chat-scroll=\"none\"]::-webkit-scrollbar { display: none; }\n[data-bloom-ai-chat-tile] [data-bloom-ai-chat-scrim] {\n  opacity: 0;\n  transition: opacity 200ms cubic-bezier(0, 0, 0.2, 1);\n}\n[data-bloom-ai-chat-tile]:hover [data-bloom-ai-chat-scrim] { opacity: 1; }\n[data-bloom-ai-chat-tile-image] {\n  transition: transform 300ms cubic-bezier(0, 0, 0.2, 1);\n}\n[data-bloom-ai-chat-tile=\"lift\"]:hover [data-bloom-ai-chat-tile-image] { transform: scale(1.03); }\n@keyframes bloom-ai-flap-fall {\n  from { transform: rotateX(0deg); filter: brightness(1); }\n  to { transform: rotateX(-90deg); filter: brightness(0.86); }\n}\n@keyframes bloom-ai-flap-rise {\n  0% { transform: rotateX(90deg); filter: brightness(0.86); }\n  70% { transform: rotateX(-9deg); }\n  86% { transform: rotateX(4deg); }\n  100% { transform: rotateX(0deg); filter: brightness(1); }\n}\n[data-bloom-ai-chat-flap-card] { perspective: 70px; }\n[data-bloom-ai-chat-fade] { transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1); }\n[data-bloom-ai-chat-flap=\"fall\"] {\n  transform-origin: bottom center;\n  backface-visibility: hidden;\n  animation: bloom-ai-flap-fall 150ms cubic-bezier(0.55, 0, 0.9, 0.35) forwards;\n}\n[data-bloom-ai-chat-flap=\"rise\"] {\n  transform-origin: top center;\n  backface-visibility: hidden;\n  animation: bloom-ai-flap-rise 230ms cubic-bezier(0.25, 0.7, 0.35, 1) 150ms both;\n}\n[data-bloom-ai-chat-reveal] {\n  --bloom-ai-reveal: 0%;\n  opacity: 0;\n  filter: blur(10px);\n  -webkit-mask-image: radial-gradient(circle at 50% 50%, #000 calc(var(--bloom-ai-reveal) - 26%), transparent var(--bloom-ai-reveal));\n  mask-image: radial-gradient(circle at 50% 50%, #000 calc(var(--bloom-ai-reveal) - 26%), transparent var(--bloom-ai-reveal));\n  transition: --bloom-ai-reveal 1550ms cubic-bezier(0.4, 0, 0.2, 1), opacity 1550ms cubic-bezier(0.4, 0, 0.2, 1), filter 1550ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n[data-bloom-ai-chat-reveal=\"shown\"] {\n  --bloom-ai-reveal: 132%;\n  opacity: 1;\n  filter: blur(0px);\n}\n[data-bloom-ai-chat-grip] [data-bloom-ai-chat-grip-pill] {\n  opacity: 0;\n  transition: opacity 150ms ease;\n}\n[data-bloom-ai-chat-grip]:hover [data-bloom-ai-chat-grip-pill],\n[data-bloom-ai-chat-grip-pill=\"dragging\"] { opacity: 1; }\n[data-bloom-ai-chat-grip] { cursor: col-resize; touch-action: none; outline: none; }\n[data-bloom-ai-chat-dragging=\"on\"] { cursor: col-resize; user-select: none; }\n[data-bloom-ai-chat-chip] {\n  display: inline-flex;\n  max-width: calc(100% - 4px);\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n  gap: 2px;\n  vertical-align: middle;\n}\n[data-bloom-ai-chat-chip] > svg { flex-shrink: 0; }\n[data-bloom-ai-chat-chip] > [dir] { min-width: 0; overflow-wrap: anywhere; }\n@media (prefers-reduced-motion: reduce) {\n  [data-bloom-ai-chat-control],\n  [data-bloom-ai-chat-tile] [data-bloom-ai-chat-scrim],\n  [data-bloom-ai-chat-tile-image],\n  [data-bloom-ai-chat-grip] [data-bloom-ai-chat-grip-pill] { transition: none; }\n  [data-bloom-ai-chat-flap] { animation-duration: 1ms; animation-delay: 0ms; }\n}\n";
+export declare const AI_CHAT_WEB_CSS = "\n@property --bloom-ai-reveal {\n  syntax: '<percentage>';\n  inherits: false;\n  initial-value: 0%;\n}\n[data-bloom-ai-chat-control] {\n  outline: none;\n  cursor: pointer;\n  transition: background-color 150ms ease, color 150ms ease, opacity 150ms ease;\n}\n[data-bloom-ai-chat-control]:focus-visible {\n  box-shadow: 0 0 0 2px var(--bloom-ai-chat-ring);\n}\n[data-bloom-ai-chat-control=\"inset\"]:focus-visible {\n  box-shadow: inset 0 0 0 2px var(--bloom-ai-chat-ring);\n}\n[data-bloom-ai-chat-control=\"bare\"]:focus-visible {\n  box-shadow: none;\n}\n[data-bloom-ai-chat-zoom] { outline: none; }\n[data-bloom-ai-chat-zoom=\"in\"] { cursor: zoom-in; }\n[data-bloom-ai-chat-zoom=\"out\"] { cursor: zoom-out; }\n[data-bloom-ai-chat-zoom]:focus-visible { box-shadow: inset 0 0 0 2px var(--bloom-ai-chat-ring); }\n[data-bloom-ai-chat-thread] { overflow-anchor: none; }\n[data-bloom-ai-chat-scroll=\"thin\"] { scrollbar-width: thin; }\n[data-bloom-ai-chat-scroll=\"none\"] { scrollbar-width: none; }\n[data-bloom-ai-chat-scroll=\"none\"]::-webkit-scrollbar { display: none; }\n[data-bloom-ai-chat-tile] [data-bloom-ai-chat-scrim] {\n  opacity: 0;\n  transition: opacity 200ms cubic-bezier(0, 0, 0.2, 1);\n}\n[data-bloom-ai-chat-tile]:hover [data-bloom-ai-chat-scrim] { opacity: 1; }\n[data-bloom-ai-chat-tile-image] {\n  transition: transform 300ms cubic-bezier(0, 0, 0.2, 1);\n}\n[data-bloom-ai-chat-tile=\"lift\"]:hover [data-bloom-ai-chat-tile-image] { transform: scale(1.03); }\n@keyframes bloom-ai-flap-fall {\n  from { transform: rotateX(0deg); filter: brightness(1); }\n  to { transform: rotateX(-90deg); filter: brightness(0.86); }\n}\n@keyframes bloom-ai-flap-rise {\n  0% { transform: rotateX(90deg); filter: brightness(0.86); }\n  70% { transform: rotateX(-9deg); }\n  86% { transform: rotateX(4deg); }\n  100% { transform: rotateX(0deg); filter: brightness(1); }\n}\n[data-bloom-ai-chat-flap-card] { perspective: 70px; }\n[data-bloom-ai-chat-fade] { transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1); }\n[data-bloom-ai-chat-flap=\"fall\"] {\n  transform-origin: bottom center;\n  backface-visibility: hidden;\n  animation: bloom-ai-flap-fall 150ms cubic-bezier(0.55, 0, 0.9, 0.35) forwards;\n}\n[data-bloom-ai-chat-flap=\"rise\"] {\n  transform-origin: top center;\n  backface-visibility: hidden;\n  animation: bloom-ai-flap-rise 230ms cubic-bezier(0.25, 0.7, 0.35, 1) 150ms both;\n}\n[data-bloom-ai-chat-reveal] {\n  --bloom-ai-reveal: 0%;\n  opacity: 0;\n  filter: blur(10px);\n  -webkit-mask-image: radial-gradient(circle at 50% 50%, #000 calc(var(--bloom-ai-reveal) - 26%), transparent var(--bloom-ai-reveal));\n  mask-image: radial-gradient(circle at 50% 50%, #000 calc(var(--bloom-ai-reveal) - 26%), transparent var(--bloom-ai-reveal));\n  transition: --bloom-ai-reveal 1550ms cubic-bezier(0.4, 0, 0.2, 1), opacity 1550ms cubic-bezier(0.4, 0, 0.2, 1), filter 1550ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n[data-bloom-ai-chat-reveal=\"shown\"] {\n  --bloom-ai-reveal: 132%;\n  opacity: 1;\n  filter: blur(0px);\n}\n[data-bloom-ai-chat-grip] [data-bloom-ai-chat-grip-pill] {\n  opacity: 0;\n  transition: opacity 150ms ease;\n}\n[data-bloom-ai-chat-grip]:hover [data-bloom-ai-chat-grip-pill],\n[data-bloom-ai-chat-grip-pill=\"dragging\"] { opacity: 1; }\n[data-bloom-ai-chat-grip] { cursor: col-resize; touch-action: none; outline: none; }\n[data-bloom-ai-chat-dragging=\"on\"] { cursor: col-resize; user-select: none; }\n[data-bloom-ai-chat-chip] {\n  display: inline-flex;\n  max-width: calc(100% - 4px);\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n  gap: 2px;\n  vertical-align: middle;\n}\n[data-bloom-ai-chat-chip] > svg { flex-shrink: 0; }\n[data-bloom-ai-chat-chip] > [dir] { min-width: 0; overflow-wrap: anywhere; }\n@media (prefers-reduced-motion: reduce) {\n  [data-bloom-ai-chat-control],\n  [data-bloom-ai-chat-tile] [data-bloom-ai-chat-scrim],\n  [data-bloom-ai-chat-tile-image],\n  [data-bloom-ai-chat-grip] [data-bloom-ai-chat-grip-pill] { transition: none; }\n  [data-bloom-ai-chat-flap] { animation-duration: 1ms; animation-delay: 0ms; }\n}\n";
 /** Adopt the family sheet once (web; a no-op on native). */
 export declare function useAiChatWebCss(): void;
 //# sourceMappingURL=shared.d.ts.map

package/lib/typescript/module/ai-chat/shared.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../../src/ai-chat/shared.ts"],"names":[],"mappings":"AAGA,OAAO,EAGL,KAAK,IAAI,EACV,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAG5C,oFAAoF;AACpF,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,IAAI,CAAC;IACd,iDAAiD;IACjD,QAAQ,EAAE,MAAM,CAAC;IACjB,+CAA+C;IAC/C,QAAQ,EAAE,MAAM,CAAC;IACjB,8DAA8D;IAC9D,kBAAkB,EAAE,MAAM,CAAC;IAC3B,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,KAAK,GAAG,aAAa,CA+BhE;AAED,oDAAoD;AACpD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAEjF;AAED,wBAAgB,gBAAgB,IAAI,aAAa,CAGhD;AAMD,0CAA0C;AAC1C,eAAO,MAAM,gBAAgB,KAAK,CAAC;AACnC,+DAA+D;AAC/D,eAAO,MAAM,WAAW,KAAK,CAAC;AAC9B,4CAA4C;AAC5C,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,sBAAsB;AACtB,eAAO,MAAM,aAAa,MAAM,CAAC;AACjC,0CAA0C;AAC1C,eAAO,MAAM,UAAU,OAAO,CAAC;AAC/B,2DAA2D;AAC3D,eAAO,MAAM,cAAc,6BAA8B,CAAC;AAE1D,eAAO,MAAM,MAAM,SAAwB,CAAC;AAE5C,0FAA0F;AAC1F,eAAO,MAAM,gBAAgB,OAAO,CAAC;AACrC,0EAA0E;AAC1E,eAAO,MAAM,kBAAkB,OAAO,CAAC;AAEvC,8DAA8D;AAC9D,eAAO,MAAM,YAAY,KAAK,CAAC;AAE/B;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,EAAE,WAM3B,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,EAAE,WAM5B,CAAC;AAMF;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,SAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAE1E;AAID;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,eAAe,klIAmG3B,CAAC;AAEF,4DAA4D;AAC5D,wBAAgB,eAAe,IAAI,IAAI,CAItC"}
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../../src/ai-chat/shared.ts"],"names":[],"mappings":"AAGA,OAAO,EAGL,KAAK,IAAI,EACV,MAAM,kBAAkB,CAAC;AAG1B,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAG5C,oFAAoF;AACpF,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,IAAI,CAAC;IACd,iDAAiD;IACjD,QAAQ,EAAE,MAAM,CAAC;IACjB,+CAA+C;IAC/C,QAAQ,EAAE,MAAM,CAAC;IACjB,8DAA8D;IAC9D,kBAAkB,EAAE,MAAM,CAAC;IAC3B,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,KAAK,GAAG,aAAa,CA+BhE;AAED,oDAAoD;AACpD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAEjF;AAED,wBAAgB,gBAAgB,IAAI,aAAa,CAGhD;AAMD,0CAA0C;AAC1C,eAAO,MAAM,gBAAgB,KAAK,CAAC;AACnC,+DAA+D;AAC/D,eAAO,MAAM,WAAW,KAAK,CAAC;AAC9B,4CAA4C;AAC5C,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,sBAAsB;AACtB,eAAO,MAAM,aAAa,MAAM,CAAC;AACjC,0CAA0C;AAC1C,eAAO,MAAM,UAAU,OAAO,CAAC;AAC/B,2DAA2D;AAC3D,eAAO,MAAM,cAAc,6BAA8B,CAAC;AAE1D,eAAO,MAAM,MAAM,SAAwB,CAAC;AAE5C,0FAA0F;AAC1F,eAAO,MAAM,gBAAgB,OAAO,CAAC;AACrC,0EAA0E;AAC1E,eAAO,MAAM,kBAAkB,OAAO,CAAC;AAEvC,8DAA8D;AAC9D,eAAO,MAAM,YAAY,KAAK,CAAC;AAE/B;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,EAAE,WAM3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,IAAoB,CAAC;AAEtD;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,EAAE,WAM5B,CAAC;AAMF;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,SAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAE1E;AAID;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe,ohIAkG3B,CAAC;AAEF,4DAA4D;AAC5D,wBAAgB,eAAe,IAAI,IAAI,CAItC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oxy.so/bloom",
-  "version": "4.13.0",
+  "version": "4.13.2",
   "packageManager": "bun@1.3.14",
   "description": "Bloom UI — Oxy ecosystem component library for React Native + Expo + Web",
   "main": "lib/commonjs/index.js",

package/src/ai-chat/AiChat.tsx

@@ -1,3 +1,4 @@
+import { ContentPanel } from '../content-panel';
 import { Tooltip, TooltipTextBubble, TooltipTrigger } from '../tooltip';
 import { bindAiChat } from './bindAiChat';
 
@@ -6,9 +7,10 @@ import { bindAiChat } from './bindAiChat';
  * implementation is the shared `*Base` files; this only names the platform's
  * forked family.
  */
-const parts = bindAiChat({ Tooltip, TooltipTrigger, TooltipTextBubble });
+const parts = bindAiChat({ Tooltip, TooltipTrigger, TooltipTextBubble, ContentPanel });
 
 export const AiChatFeedbackRow = parts.AiChatFeedbackRow;
 export const AiChatAssistantMessage = parts.AiChatAssistantMessage;
 export const AiChatImageGeneration = parts.AiChatImageGeneration;
 export const AiChatGalleryPanel = parts.AiChatGalleryPanel;
+export const AiChatContainer = parts.AiChatContainer;

package/src/ai-chat/AiChat.web.tsx

@@ -1,3 +1,4 @@
+import { ContentPanel } from '../content-panel/index.web';
 import { Tooltip, TooltipTextBubble, TooltipTrigger } from '../tooltip/index.web';
 import { bindAiChat } from './bindAiChat';
 
@@ -6,9 +7,10 @@ import { bindAiChat } from './bindAiChat';
  * `.web` path because a bundler resolving `package.json#exports` applies no
  * platform extensions to relative specifiers.
  */
-const parts = bindAiChat({ Tooltip, TooltipTrigger, TooltipTextBubble });
+const parts = bindAiChat({ Tooltip, TooltipTrigger, TooltipTextBubble, ContentPanel });
 
 export const AiChatFeedbackRow = parts.AiChatFeedbackRow;
 export const AiChatAssistantMessage = parts.AiChatAssistantMessage;
 export const AiChatImageGeneration = parts.AiChatImageGeneration;
 export const AiChatGalleryPanel = parts.AiChatGalleryPanel;
+export const AiChatContainer = parts.AiChatContainer;

package/src/ai-chat/AiChatContainer.tsx

@@ -33,6 +33,7 @@ import { GlyphAction } from './AiChatControls';
 import {
   AiChatDocumentGutterContext,
   AiChatFloatingChromeContext,
+  useAiChatPlatform,
   useAiChatShell,
   type AiChatChromeInsets,
   type AiChatFloatingChrome,
@@ -41,6 +42,7 @@ import {
 import {
   CONTAINER_RADIUS,
   dataHook,
+  DOCUMENT_CARD_RADIUS,
   DOCUMENT_LAYER,
   IS_WEB,
   SHELL_GUTTER,
@@ -102,13 +104,15 @@ const HIDDEN_FROM_A11Y = {
  * `AiChatThread` child through context (its content padding) and any other
  * child through `useAiChatChromeInsets()`.
  *
- * Under a shell with `scroll="document"` the chrome always floats, since the
+ * Under a shell with `scroll="document"` the card is a `ContentPanel` — the
+ * framed document surface, whose sticky mask and edge keep the card's corners
+ * and gutter at the screen's edges — and the chrome always floats, since the
  * document is what moves: the header and the footer are `sticky` in the flow,
- * pinned to the screen's top and bottom gutter, the `background` slot and the
- * card's frame are layers the size of the screen, and the card grows with the
- * conversation. At rest nothing overlaps, so the insets are zero.
+ * pinned to the screen's top and bottom gutter, the `background` slot is a
+ * layer the size of the screen, and the card grows with the conversation. At
+ * rest nothing overlaps, so the insets are zero.
  */
-export function AiChatContainer({
+export function AiChatContainerBase({
   project,
   title,
   projectIcon = RiFolderLine,
@@ -198,19 +202,8 @@ export function AiChatContainer({
       <FloatingChrome
         documentScroll
         testID={testID}
-        rootStyle={[
-          {
-            // Grows with the conversation, one screen at the least; nothing
-            // clips it, so the header and composer inside can stick.
-            minHeight: webViewportHeightMinus(SHELL_GUTTER * 2),
-            minWidth: 0,
-            flex: 1,
-            flexDirection: 'column',
-            borderRadius: CONTAINER_RADIUS,
-            backgroundColor: surface ? palette.secondary : 'transparent',
-          },
-          style,
-        ]}
+        rootStyle={style}
+        surfaceColor={surface ? palette.secondary : null}
         backgroundLayer={
           background ? (
             <View pointerEvents="none" style={[DOCUMENT_LAYER, { overflow: 'hidden' }]}>
@@ -269,7 +262,9 @@ interface FloatingChromeProps {
   footerBody: ReactNode;
   /** The opaque surface the header's edge fades to, or `null` for no fade. */
   fadeColor: string | null;
-  /** `documentScroll`: the gutter around the card, which its frame masks in. */
+  /** `documentScroll`: the card's own surface, or `null` for none. */
+  surfaceColor?: string | null;
+  /** `documentScroll`: the gutter around the card, which the panel masks in. */
   gutterColor?: string | null;
   children: ReactNode;
 }
@@ -296,6 +291,7 @@ function FloatingChrome({
   crumbRow,
   footerBody,
   fadeColor,
+  surfaceColor = null,
   gutterColor = null,
   children,
 }: FloatingChromeProps) {
@@ -371,9 +367,9 @@ function FloatingChrome({
               // does is a line across the transcript again.
               height: Math.round(headerHeight * (1 + SCRIM_TAIL_RATIO)),
               // The card's own corners, since nothing clips a document card.
-              borderTopLeftRadius: CONTAINER_RADIUS,
-              borderTopRightRadius: CONTAINER_RADIUS,
-              overflow: 'hidden',
+              ...(documentScroll
+                ? { borderTopLeftRadius: DOCUMENT_CARD_RADIUS, borderTopRightRadius: DOCUMENT_CARD_RADIUS, overflow: 'hidden' as const }
+                : null),
             },
             topStyle,
           ]}>
@@ -395,31 +391,24 @@ function FloatingChrome({
     </View>
   );
 
-  const thread = <AiChatFloatingChromeContext.Provider value={chrome}>{children}</AiChatFloatingChromeContext.Provider>;
+  // The conversation is ONE layer under the chrome and the frame. A turn's own
+  // parts may carry a z-index (a search log, a progress card, a date header);
+  // without a stacking context of its own, the highest of them would climb
+  // over the frame and show in the gutter, or over the header.
+  const thread = (
+    <View style={{ flexGrow: 1, flexShrink: 1, minWidth: 0, minHeight: 0, flexDirection: 'column', zIndex: 0 }}>
+      <AiChatFloatingChromeContext.Provider value={chrome}>{children}</AiChatFloatingChromeContext.Provider>
+    </View>
+  );
 
   if (documentScroll) {
     return (
-      <View testID={testID} style={rootStyle}>
+      <DocumentCard testID={testID} style={rootStyle} surfaceColor={surfaceColor} gutterColor={gutterColor}>
         {backgroundLayer}
-        {gutterColor ? (
-          // The card's frame, pinned to the screen: a ring of the gutter's
-          // colour painted over whatever of the conversation scrolls past the
-          // card's visible edge, so the card keeps its rounded corners and its
-          // gutter at the top and the bottom of the screen. Clipped to the
-          // gutter sideways (the family sheet), so it never reaches the columns
-          // beside the card.
-          <View
-            testID={`${prefix}-frame`}
-            pointerEvents="none"
-            {...HIDDEN_FROM_A11Y}
-            {...dataHook('bloomAiChatFrame')}
-            style={[DOCUMENT_LAYER, { zIndex: 1, boxShadow: `0 0 0 ${SHELL_GUTTER}px ${gutterColor}` }]}
-          />
-        ) : null}
         {top}
         {thread}
         {bottom}
-      </View>
+      </DocumentCard>
     );
   }
 
@@ -433,6 +422,45 @@ function FloatingChrome({
   );
 }
 
+/**
+ * A document-scrolled chat's card: a `ContentPanel`, framed at the shell's
+ * gutter. The panel's sticky overlays keep the card's rounded corners, its
+ * gutter (masked in the shell's colour) and its edge at the screen's edges
+ * while the conversation scrolls the document under them — the same surface a
+ * framed Oxy web page stands on.
+ */
+function DocumentCard({
+  testID,
+  style,
+  surfaceColor,
+  gutterColor,
+  children,
+}: {
+  testID?: string;
+  style: StyleProp<ViewStyle>;
+  surfaceColor: string | null;
+  gutterColor: string | null;
+  children: ReactNode;
+}) {
+  const { ContentPanel } = useAiChatPlatform();
+  return (
+    <ContentPanel
+      framed
+      overlayInset={SHELL_GUTTER}
+      maskColor={gutterColor ?? undefined}
+      surfaceStyle={{ backgroundColor: surfaceColor ?? 'transparent' }}
+      surfaceColor={surfaceColor ?? undefined}
+      contentStyle={{ flexDirection: 'column' }}>
+      <View
+        testID={testID}
+        // One screen at the least, growing with the conversation.
+        style={[{ minHeight: webViewportHeightMinus(SHELL_GUTTER * 2), flexGrow: 1, flexDirection: 'column' }, style]}>
+        {children}
+      </View>
+    </ContentPanel>
+  );
+}
+
 /**
  * The thread: the scrolling conversation, anchored to the bottom
  * so a short exchange sits just above the composer and grows upward — px 16 /

package/src/ai-chat/bindAiChat.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 
+import { AiChatContainerBase } from './AiChatContainer';
 import { AiChatFeedbackRowBase } from './AiChatFeedbackRowBase';
 import { AiChatGalleryPanelBase } from './AiChatGalleryPanelBase';
 import { AiChatImageGenerationBase } from './AiChatImageGenerationBase';
@@ -7,6 +8,7 @@ import { AiChatAssistantMessageBase } from './AiChatMessages';
 import { AiChatPlatformContext, type AiChatPlatform } from './context';
 import type {
   AiChatAssistantMessageProps,
+  AiChatContainerProps,
   AiChatFeedbackRowProps,
   AiChatGalleryPanelProps,
   AiChatImageGenerationProps,
@@ -54,5 +56,14 @@ export function bindAiChat(platform: AiChatPlatform) {
   }
   AiChatGalleryPanel.displayName = 'AiChatGalleryPanel';
 
-  return { AiChatFeedbackRow, AiChatAssistantMessage, AiChatImageGeneration, AiChatGalleryPanel };
+  function AiChatContainer(props: AiChatContainerProps) {
+    return (
+      <AiChatPlatformContext.Provider value={platform}>
+        <AiChatContainerBase {...props} />
+      </AiChatPlatformContext.Provider>
+    );
+  }
+  AiChatContainer.displayName = 'AiChatContainer';
+
+  return { AiChatFeedbackRow, AiChatAssistantMessage, AiChatImageGeneration, AiChatGalleryPanel, AiChatContainer };
 }

package/src/ai-chat/context.ts

@@ -1,5 +1,6 @@
 import { createContext, useContext, type ComponentType, type ReactNode } from 'react';
 
+import type { ContentPanelProps } from '../content-panel/types';
 import type { TooltipSize } from '../tooltip/constants';
 import type { BloomIconComponent } from '../icons/icon-component';
 
@@ -21,6 +22,11 @@ export interface AiChatPlatform {
   }>;
   TooltipTrigger: ComponentType<{ children: ReactNode }>;
   TooltipTextBubble: ComponentType<{ children: ReactNode; size?: TooltipSize }>;
+  /**
+   * The framed document surface: a document-scrolled chat's card is one, so
+   * its gutter mask, corners and edge are the panel's own.
+   */
+  ContentPanel: ComponentType<ContentPanelProps>;
 }
 
 export const AiChatPlatformContext = createContext<AiChatPlatform | null>(null);