@agent-native/core 0.84.53 → 0.84.55

package/dist/styles/agent-native.css

@@ -682,6 +682,23 @@
   line-height: 1.75rem;
 }
 
+.agent-composer-stack {
+  position: relative;
+  flex-shrink: 0;
+  width: 100%;
+}
+
+.agent-composer-stack[data-agent-composer-adjacent-ui="true"],
+.agent-composer-stack:has(.agent-selection-attached-pill) {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+
+.agent-composer-setup-card {
+  width: 100%;
+}
+
 [data-agent-empty-state="centered"] {
   justify-content: center;
 }
@@ -691,6 +708,33 @@
   overflow: visible;
 }
 
+[data-agent-empty-state="centered"]
+  > .agent-composer-stack:not([data-agent-composer-adjacent-ui="true"]):not(
+    :has(.agent-selection-attached-pill)
+  )
+  > .agent-composer-setup-card {
+  position: absolute;
+  left: 0;
+  right: 0;
+  z-index: 3;
+}
+
+[data-agent-empty-state="centered"]
+  > .agent-composer-stack:not([data-agent-composer-adjacent-ui="true"]):not(
+    :has(.agent-selection-attached-pill)
+  )
+  > .agent-composer-setup-card[data-agent-composer-setup-position="above"] {
+  bottom: calc(100% + 0.5rem);
+}
+
+[data-agent-empty-state="centered"]
+  > .agent-composer-stack:not([data-agent-composer-adjacent-ui="true"]):not(
+    :has(.agent-selection-attached-pill)
+  )
+  > .agent-composer-setup-card[data-agent-composer-setup-position="below"] {
+  top: calc(100% + 0.5rem);
+}
+
 [data-agent-empty-state="compact-setup"] > .agent-chat-scroll {
   flex: 0 0 auto;
   overflow: visible;

package/dist/styles/blocks.css

@@ -1290,6 +1290,20 @@
   line-height: 1.4;
 }
 
+.plan-diagram-frame[data-frame="show"] {
+  border: 1px solid var(--wf-diagram-line);
+  padding: 10px;
+}
+
+.plan-diagram-frame[data-frame="show"][data-rough-ready] {
+  border-color: transparent;
+}
+
+.plan-diagram-frame[data-frame="hide"] {
+  border: 0;
+  background: transparent;
+}
+
 .plan-diagram-frame[data-theme="dark"] {
   --wf-diagram-line: color-mix(in srgb, var(--wf-sketch) 72%, var(--wf-line));
 }
@@ -1312,6 +1326,10 @@
   direction: inherit;
 }
 
+.plan-diagram-frame[data-frame="show"] .plan-diagram-frame-content {
+  padding: 0;
+}
+
 .plan-diagram-frame-content
   > .diagram-panel:not([data-rough]):not([data-diagram-frame]) {
   --rough-skip: 1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agent-native/core",
-  "version": "0.84.53",
+  "version": "0.84.55",
   "description": "Framework for agent-native application development — where AI agents and UI share SQL state, actions, and context",
   "homepage": "https://github.com/BuilderIO/agent-native#readme",
   "bugs": {