@innovastudio/contentbox 1.6.198 → 1.6.199

package/index.d.ts

@@ -407,13 +407,38 @@ interface ContentBoxOptions {
      */
     context?: 'all' | 'selection' | 'optimized';
     /**
-     * Include the optional Motion Path animation context (`data-fx-path`) — moving
-     * an object along a curved path through waypoints. A rare, story-page effect,
-     * so it's off by default; when on, it rides along wherever the animation
-     * framework is included in an AI code request.
-     * @default false
+     * Allow the AI to author Motion Path animations (`data-fx-path`) — moving an
+     * object along a curved path through waypoints.
+     *
+     * On by default. The reference is not sent with every request: it is
+     * included only when a request actually calls for a path, or when the markup
+     * being edited already contains one. Every ContentBox runtime renders the
+     * result, so an authored path needs no extra setup to publish.
+     *
+     * When off, the AI never authors a path. It is still shown the reference in
+     * preserve-only form if the content it is editing already contains
+     * `data-fx-path`, so an existing path survives an unrelated edit.
+     * @default true
      */
     motionPath?: boolean;
+    /**
+     * Which Code Chat engine handles requests.
+     * - 'v1' — the task-pipeline engine: a request is classified into tasks up
+     *          front, then each is executed.
+     * - 'v2' — the closed-loop engine: the model works through tools and looks
+     *          at the page between steps, so it can read a section before
+     *          editing it and adapt when something fails.
+     *
+     * 'v2' requires your `sendCommandUrl` route to handle the conversational
+     * request shape (a `messages` array plus `tools`, returning `message`).
+     * The bundled Node, PHP and Next.js examples already do. If yours does not,
+     * Code Chat says so on the first send rather than failing obscurely.
+     *
+     * Both engines share the same chat panel, settings and model list, so
+     * switching changes how requests are fulfilled, not what users see.
+     * @default 'v1'
+     */
+    chatEngine?: 'v1' | 'v2';
 
     //-- Code Chat: vision / attachments
     /** Let files be attached to a chat message. Off by default: the attach
@@ -483,21 +508,6 @@ interface ContentBoxOptions {
     generateMediaUrl_Fal?: string;
     checkRequestStatusUrl_Fal?: string;
     getResultUrl_Fal?: string;
-    /** OpenRouter image provider (defaultImageGenerationProvider: 'openrouter').
-     *  Same three-step request/status/result contract as the _Fal endpoints,
-     *  including reference-image features (restyle / edit existing photos),
-     *  which all three providers serve. */
-    generateMediaUrl_OpenRouter?: string;
-    checkRequestStatusUrl_OpenRouter?: string;
-    getResultUrl_OpenRouter?: string;
-    /** OpenAI image provider (defaultImageGenerationProvider: 'openai').
-     *  The same three-step request/status/result contract as the _Fal and
-     *  _OpenRouter endpoints, including reference-image features (an entry with
-     *  image_input: true routes to /v1/images/edits). Distinct from the older
-     *  one-shot generateMediaUrl_OpenAI_CreateImage(Edit) below. */
-    generateMediaUrl_OpenAI?: string;
-    checkRequestStatusUrl_OpenAI?: string;
-    getResultUrl_OpenAI?: string;
     minimizeImageUrl?: string;
     cleanup?: string;
     generateMediaUrl_OpenAI_CreateImage?: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@innovastudio/contentbox",
-  "version": "1.6.198",
+  "version": "1.6.199",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
   "types": "index.d.ts",
@@ -22,7 +22,8 @@
     "test:devicerow": "node tests/device-row.mjs",
     "test:canvas": "node tests/canvas-size.mjs",
     "test:fonts": "node tests/fonts.mjs",
-    "test": "node tests/box-structure.mjs && node tests/content-size-handles.mjs && node tests/spacing-panels.mjs && node tests/panel-section-state.mjs && node tests/device-row.mjs && node tests/canvas-size.mjs && node tests/fonts.mjs"
+    "test:mode": "node tests/mode-buttons.mjs",
+    "test": "node tests/box-structure.mjs && node tests/content-size-handles.mjs && node tests/spacing-panels.mjs && node tests/panel-section-state.mjs && node tests/device-row.mjs && node tests/canvas-size.mjs && node tests/fonts.mjs && node tests/mode-buttons.mjs"
   },
   "keywords": [],
   "author": "",
@@ -67,7 +68,7 @@
     "ws": "^8.13.0"
   },
   "dependencies": {
-    "@innovastudio/contentbuilder": "^1.5.216",
+    "@innovastudio/contentbuilder": "^1.5.217",
     "js-beautify": "^1.14.0",
     "marked": "^17.0.0",
     "sortablejs": "^1.15.2"

package/public/contentbox/contentbox.css

@@ -499,6 +499,9 @@ body.dark .motion-dock iframe, body.dark .cascade-dock iframe, body.dark .is-con
   line-height: 1.6;
 }
 .builder-ui .panel-plugin .cb-settings-form {
+  margin-top: 0;
+}
+.builder-ui .panel-plugin * ~ .cb-settings-form {
   margin-top: 20px;
 }
 .builder-ui .flex-unit {
@@ -925,6 +928,9 @@ body.controlpanel .builder-ui .is-controlpanel {
   right: 0px;
   box-shadow: rgba(0, 0, 0, 0.05) 0 0 16px 0px;
 }
+body.controlpanel [data-cb-ui] .is-modal.elementstyles {
+  right: 310px;
+}
 body.controlpanel .is-wrapper {
   width: calc(100% - 290px) !important;
   margin-left: 0 !important;
@@ -1076,7 +1082,7 @@ body.controlpanel .is-wrapper {
   font-family: sans-serif;
   font-weight: 300;
   font-size: 20px;
-  margin: 15px 0 12px;
+  margin: 15px 0 0;
 }
 .builder-ui .is-controlpanel [class^=panel-] {
   display: none;
@@ -1145,6 +1151,10 @@ body.controlpanel .is-wrapper {
 .builder-ui .is-controlpanel [class^=panel-] .submain {
   padding: 0 24px 16px;
 }
+.builder-ui .is-controlpanel [class^=panel-] .submain > div:first-child {
+  /* plugin custom settings */
+  margin-top: 5px;
+}
 .builder-ui .is-controlpanel [class^=panel-] .subpanel {
   padding: 14px 24px 15px;
   width: 100%;
@@ -4493,6 +4503,9 @@ body.fullview.fullview-scaled .is-content-view > div.iframe-resizer {
 #chatPanel .message.user .message-content {
   background: var(--cb-fill);
   color: var(--cb-text);
+  /* Keep the line breaks of pasted text; long unbroken URLs still wrap */
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
 }
 
 #chatPanel .message.assistant .message-content {
@@ -4712,12 +4725,18 @@ body.fullview.fullview-scaled .is-content-view > div.iframe-resizer {
   background: var(--cb-fill-hover);
 }
 
-#chatPanel .quick-image-size-button {
-  width: 48px;
+#chatPanel .input-area button.quick-image-size-button {
+  /* Square for a short label ("4:3", "auto"), wider for a pixel size
+     ("1536x1024"), which does not fit in 48px. */
+  min-width: 48px;
+  width: auto;
+  padding: 0 10px;
+  flex: 0 0 auto;
+  white-space: nowrap;
   height: 48px;
   border: none;
   border-radius: 8px;
-  font-size: 13px;
+  font-size: 12px;
   font-weight: 500;
   cursor: pointer;
   transition: background 0.2s;