@tangle-network/sandbox-ui 0.123.0 → 0.123.2

package/dist/globals.css

@@ -5,7 +5,6 @@
   :root, :host {
     --font-sans: "Inter", "Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;
     --font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;
-    --color-red-200: oklch(88.5% 0.062 18.334);
     --color-red-400: oklch(70.4% 0.191 22.216);
     --color-red-500: oklch(63.7% 0.237 25.331);
     --color-red-600: oklch(57.7% 0.245 27.325);
@@ -576,6 +575,9 @@
   .mt-auto {
     margin-top: auto;
   }
+  .mt-px {
+    margin-top: 1px;
+  }
   .mr-1 {
     margin-right: var(--spacing);
   }
@@ -2178,6 +2180,9 @@
   .border-\[var\(--md3-outline-variant\)\] {
     border-color: var(--md3-outline-variant);
   }
+  .border-\[var\(--md3-surface-container-lowest\)\] {
+    border-color: var(--md3-surface-container-lowest);
+  }
   .border-\[var\(--status-running\)\]\/30 {
     border-color: var(--status-running);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2436,6 +2441,9 @@
   .bg-\[var\(--md3-surface-container\)\] {
     background-color: var(--md3-surface-container);
   }
+  .bg-\[var\(--md3-surface-container-lowest\)\] {
+    background-color: var(--md3-surface-container-lowest);
+  }
   .bg-\[var\(--run-mix-cancelled\)\] {
     background-color: var(--run-mix-cancelled);
   }
@@ -3200,6 +3208,9 @@
   .text-\[length\:var\(--font-size-3xl\,1\.875rem\)\] {
     font-size: var(--font-size-3xl,1.875rem);
   }
+  .text-\[length\:var\(--font-size-base\)\] {
+    font-size: var(--font-size-base);
+  }
   .text-\[length\:var\(--font-size-display\,3rem\)\] {
     font-size: var(--font-size-display,3rem);
   }
@@ -3215,6 +3226,9 @@
   .text-\[length\:var\(--font-size-xl\,1\.25rem\)\] {
     font-size: var(--font-size-xl,1.25rem);
   }
+  .text-\[length\:var\(--font-size-xs\)\] {
+    font-size: var(--font-size-xs);
+  }
   .leading-4 {
     --tw-leading: calc(var(--spacing) * 4);
     line-height: calc(var(--spacing) * 4);
@@ -3449,12 +3463,6 @@
   .text-\[var\(--code-success\,\#10B981\)\] {
     color: var(--code-success,#10B981);
   }
-  .text-\[var\(--font-size-base\)\] {
-    color: var(--font-size-base);
-  }
-  .text-\[var\(--font-size-xs\)\] {
-    color: var(--font-size-xs);
-  }
   .text-\[var\(--md3-on-primary\)\] {
     color: var(--md3-on-primary);
   }
@@ -3515,6 +3523,9 @@
   .text-\[var\(--text-secondary\)\] {
     color: var(--text-secondary);
   }
+  .text-\[var\(--x\)\] {
+    color: var(--x);
+  }
   .text-\[var\(--x\)\]\/40 {
     color: var(--x);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3632,9 +3643,6 @@
       color: color-mix(in oklab, hsl(var(--primary)) 70%, transparent);
     }
   }
-  .text-red-200 {
-    color: var(--color-red-200);
-  }
   .text-red-400 {
     color: var(--color-red-400);
   }
@@ -4285,14 +4293,6 @@
         background-color: color-mix(in oklab, hsl(var(--accent)) 40%, transparent);
       }
     }
-    .hover\:bg-accent\/45:hover {
-      background-color: hsl(var(--accent));
-    }
-    @supports (color: color-mix(in lab, red, red)) {
-      .hover\:bg-accent\/45:hover {
-        background-color: color-mix(in oklab, hsl(var(--accent)) 45%, transparent);
-      }
-    }
     .hover\:bg-accent\/50:hover {
       background-color: hsl(var(--accent));
     }
@@ -4434,6 +4434,14 @@
     .hover\:bg-surface-container-highest:hover {
       background-color: var(--md3-surface-container-highest);
     }
+    .hover\:bg-white\/5:hover {
+      background-color: color-mix(in srgb, #fff 5%, transparent);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-white\/5:hover {
+        background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
+      }
+    }
     .hover\:bg-yellow-600\/30:hover {
       background-color: color-mix(in srgb, oklch(68.1% 0.162 75.834) 30%, transparent);
     }
@@ -5330,6 +5338,78 @@
   .\[\&\>\*\]\:min-w-0 > * {
     min-width: 0px;
   }
+  .\[\&\>\:is\(ul\,ol\)\:last-child\>li\:last-child\]\:after\:ml-0\.5 > :is(ul, ol):last-child > li:last-child::after {
+    content: var(--tw-content);
+    margin-left: calc(var(--spacing) * 0.5);
+  }
+  .\[\&\>\:is\(ul\,ol\)\:last-child\>li\:last-child\]\:after\:inline-block > :is(ul, ol):last-child > li:last-child::after {
+    content: var(--tw-content);
+    display: inline-block;
+  }
+  .\[\&\>\:is\(ul\,ol\)\:last-child\>li\:last-child\]\:after\:h-\[1em\] > :is(ul, ol):last-child > li:last-child::after {
+    content: var(--tw-content);
+    height: 1em;
+  }
+  .\[\&\>\:is\(ul\,ol\)\:last-child\>li\:last-child\]\:after\:w-0\.5 > :is(ul, ol):last-child > li:last-child::after {
+    content: var(--tw-content);
+    width: calc(var(--spacing) * 0.5);
+  }
+  .\[\&\>\:is\(ul\,ol\)\:last-child\>li\:last-child\]\:after\:animate-pulse > :is(ul, ol):last-child > li:last-child::after {
+    content: var(--tw-content);
+    animation: var(--animate-pulse);
+  }
+  .\[\&\>\:is\(ul\,ol\)\:last-child\>li\:last-child\]\:after\:rounded-full > :is(ul, ol):last-child > li:last-child::after {
+    content: var(--tw-content);
+    border-radius: var(--radius-full);
+  }
+  .\[\&\>\:is\(ul\,ol\)\:last-child\>li\:last-child\]\:after\:bg-muted-foreground > :is(ul, ol):last-child > li:last-child::after {
+    content: var(--tw-content);
+    background-color: hsl(var(--muted-foreground));
+  }
+  .\[\&\>\:is\(ul\,ol\)\:last-child\>li\:last-child\]\:after\:align-text-bottom > :is(ul, ol):last-child > li:last-child::after {
+    content: var(--tw-content);
+    vertical-align: text-bottom;
+  }
+  .\[\&\>\:is\(ul\,ol\)\:last-child\>li\:last-child\]\:after\:content-\[\'\'\] > :is(ul, ol):last-child > li:last-child::after {
+    --tw-content: '';
+    content: var(--tw-content);
+  }
+  .\[\&\>\:last-child\:not\(ul\,ol\)\]\:after\:ml-0\.5 > :last-child:not(ul, ol)::after {
+    content: var(--tw-content);
+    margin-left: calc(var(--spacing) * 0.5);
+  }
+  .\[\&\>\:last-child\:not\(ul\,ol\)\]\:after\:inline-block > :last-child:not(ul, ol)::after {
+    content: var(--tw-content);
+    display: inline-block;
+  }
+  .\[\&\>\:last-child\:not\(ul\,ol\)\]\:after\:h-\[1em\] > :last-child:not(ul, ol)::after {
+    content: var(--tw-content);
+    height: 1em;
+  }
+  .\[\&\>\:last-child\:not\(ul\,ol\)\]\:after\:w-0\.5 > :last-child:not(ul, ol)::after {
+    content: var(--tw-content);
+    width: calc(var(--spacing) * 0.5);
+  }
+  .\[\&\>\:last-child\:not\(ul\,ol\)\]\:after\:animate-pulse > :last-child:not(ul, ol)::after {
+    content: var(--tw-content);
+    animation: var(--animate-pulse);
+  }
+  .\[\&\>\:last-child\:not\(ul\,ol\)\]\:after\:rounded-full > :last-child:not(ul, ol)::after {
+    content: var(--tw-content);
+    border-radius: var(--radius-full);
+  }
+  .\[\&\>\:last-child\:not\(ul\,ol\)\]\:after\:bg-muted-foreground > :last-child:not(ul, ol)::after {
+    content: var(--tw-content);
+    background-color: hsl(var(--muted-foreground));
+  }
+  .\[\&\>\:last-child\:not\(ul\,ol\)\]\:after\:align-text-bottom > :last-child:not(ul, ol)::after {
+    content: var(--tw-content);
+    vertical-align: text-bottom;
+  }
+  .\[\&\>\:last-child\:not\(ul\,ol\)\]\:after\:content-\[\'\'\] > :last-child:not(ul, ol)::after {
+    --tw-content: '';
+    content: var(--tw-content);
+  }
   @media (width < 40rem) {
     .max-sm\:\[\&\>div\:not\(\:nth-child\(2n\+1\)\)\]\:border-l > div:not(:nth-child(2n+1)) {
       border-left-style: var(--tw-border-style);
@@ -5509,11 +5589,11 @@
   --surface-success-bg: #2f5146;
   --surface-success-border: #3c7760;
   --surface-success-text: #5ed7a4;
-  --surface-warning-bg: #6a402c;
-  --surface-warning-border: #916436;
+  --surface-warning-bg: #4b4232;
+  --surface-warning-border: #7a6236;
   --surface-warning-text: #f4c14f;
-  --surface-danger-bg: #733b36;
-  --surface-danger-border: #9a5b56;
+  --surface-danger-bg: #5a3b40;
+  --surface-danger-border: #7d4d53;
   --surface-danger-text: #ffada9;
   --surface-info-bg: #2d4e67;
   --surface-info-border: #3d7292;
@@ -5521,9 +5601,9 @@
   --surface-teal-bg: #042f2e;
   --surface-teal-border: #134e4a;
   --surface-teal-text: #2dd4bf;
-  --surface-violet-bg: #1e1b4b;
-  --surface-violet-border: #3730a3;
-  --surface-violet-text: #B8B2F5;
+  --surface-violet-bg: #403d66;
+  --surface-violet-border: #5f58b8;
+  --surface-violet-text: #c9c4ff;
   --surface-orange-bg: #431407;
   --surface-orange-border: #7c2d12;
   --surface-orange-text: #fb923c;
@@ -5641,7 +5721,7 @@
   --tool-card-py: 0.5rem;
   --tool-icon-size: 1.75rem;
   --code-header-bg: hsl(var(--hsl-background));
-  --syntax-comment: #8b8fbc;
+  --syntax-comment: #9ea2cc;
   --syntax-keyword: #A78FFF;
   --syntax-string: #10b981;
   --syntax-function: #6D9FFF;

package/dist/styles.css

@@ -5,7 +5,6 @@
   :root, :host {
     --font-sans: "Inter", "Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;
     --font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;
-    --color-red-200: oklch(88.5% 0.062 18.334);
     --color-red-400: oklch(70.4% 0.191 22.216);
     --color-red-500: oklch(63.7% 0.237 25.331);
     --color-red-600: oklch(57.7% 0.245 27.325);
@@ -576,6 +575,9 @@
   .mt-auto {
     margin-top: auto;
   }
+  .mt-px {
+    margin-top: 1px;
+  }
   .mr-1 {
     margin-right: var(--spacing);
   }
@@ -2178,6 +2180,9 @@
   .border-\[var\(--md3-outline-variant\)\] {
     border-color: var(--md3-outline-variant);
   }
+  .border-\[var\(--md3-surface-container-lowest\)\] {
+    border-color: var(--md3-surface-container-lowest);
+  }
   .border-\[var\(--status-running\)\]\/30 {
     border-color: var(--status-running);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2436,6 +2441,9 @@
   .bg-\[var\(--md3-surface-container\)\] {
     background-color: var(--md3-surface-container);
   }
+  .bg-\[var\(--md3-surface-container-lowest\)\] {
+    background-color: var(--md3-surface-container-lowest);
+  }
   .bg-\[var\(--run-mix-cancelled\)\] {
     background-color: var(--run-mix-cancelled);
   }
@@ -3200,6 +3208,9 @@
   .text-\[length\:var\(--font-size-3xl\,1\.875rem\)\] {
     font-size: var(--font-size-3xl,1.875rem);
   }
+  .text-\[length\:var\(--font-size-base\)\] {
+    font-size: var(--font-size-base);
+  }
   .text-\[length\:var\(--font-size-display\,3rem\)\] {
     font-size: var(--font-size-display,3rem);
   }
@@ -3215,6 +3226,9 @@
   .text-\[length\:var\(--font-size-xl\,1\.25rem\)\] {
     font-size: var(--font-size-xl,1.25rem);
   }
+  .text-\[length\:var\(--font-size-xs\)\] {
+    font-size: var(--font-size-xs);
+  }
   .leading-4 {
     --tw-leading: calc(var(--spacing) * 4);
     line-height: calc(var(--spacing) * 4);
@@ -3449,12 +3463,6 @@
   .text-\[var\(--code-success\,\#10B981\)\] {
     color: var(--code-success,#10B981);
   }
-  .text-\[var\(--font-size-base\)\] {
-    color: var(--font-size-base);
-  }
-  .text-\[var\(--font-size-xs\)\] {
-    color: var(--font-size-xs);
-  }
   .text-\[var\(--md3-on-primary\)\] {
     color: var(--md3-on-primary);
   }
@@ -3515,6 +3523,9 @@
   .text-\[var\(--text-secondary\)\] {
     color: var(--text-secondary);
   }
+  .text-\[var\(--x\)\] {
+    color: var(--x);
+  }
   .text-\[var\(--x\)\]\/40 {
     color: var(--x);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3632,9 +3643,6 @@
       color: color-mix(in oklab, hsl(var(--primary)) 70%, transparent);
     }
   }
-  .text-red-200 {
-    color: var(--color-red-200);
-  }
   .text-red-400 {
     color: var(--color-red-400);
   }
@@ -4285,14 +4293,6 @@
         background-color: color-mix(in oklab, hsl(var(--accent)) 40%, transparent);
       }
     }
-    .hover\:bg-accent\/45:hover {
-      background-color: hsl(var(--accent));
-    }
-    @supports (color: color-mix(in lab, red, red)) {
-      .hover\:bg-accent\/45:hover {
-        background-color: color-mix(in oklab, hsl(var(--accent)) 45%, transparent);
-      }
-    }
     .hover\:bg-accent\/50:hover {
       background-color: hsl(var(--accent));
     }
@@ -4434,6 +4434,14 @@
     .hover\:bg-surface-container-highest:hover {
       background-color: var(--md3-surface-container-highest);
     }
+    .hover\:bg-white\/5:hover {
+      background-color: color-mix(in srgb, #fff 5%, transparent);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-white\/5:hover {
+        background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
+      }
+    }
     .hover\:bg-yellow-600\/30:hover {
       background-color: color-mix(in srgb, oklch(68.1% 0.162 75.834) 30%, transparent);
     }
@@ -5330,6 +5338,78 @@
   .\[\&\>\*\]\:min-w-0 > * {
     min-width: 0px;
   }
+  .\[\&\>\:is\(ul\,ol\)\:last-child\>li\:last-child\]\:after\:ml-0\.5 > :is(ul, ol):last-child > li:last-child::after {
+    content: var(--tw-content);
+    margin-left: calc(var(--spacing) * 0.5);
+  }
+  .\[\&\>\:is\(ul\,ol\)\:last-child\>li\:last-child\]\:after\:inline-block > :is(ul, ol):last-child > li:last-child::after {
+    content: var(--tw-content);
+    display: inline-block;
+  }
+  .\[\&\>\:is\(ul\,ol\)\:last-child\>li\:last-child\]\:after\:h-\[1em\] > :is(ul, ol):last-child > li:last-child::after {
+    content: var(--tw-content);
+    height: 1em;
+  }
+  .\[\&\>\:is\(ul\,ol\)\:last-child\>li\:last-child\]\:after\:w-0\.5 > :is(ul, ol):last-child > li:last-child::after {
+    content: var(--tw-content);
+    width: calc(var(--spacing) * 0.5);
+  }
+  .\[\&\>\:is\(ul\,ol\)\:last-child\>li\:last-child\]\:after\:animate-pulse > :is(ul, ol):last-child > li:last-child::after {
+    content: var(--tw-content);
+    animation: var(--animate-pulse);
+  }
+  .\[\&\>\:is\(ul\,ol\)\:last-child\>li\:last-child\]\:after\:rounded-full > :is(ul, ol):last-child > li:last-child::after {
+    content: var(--tw-content);
+    border-radius: var(--radius-full);
+  }
+  .\[\&\>\:is\(ul\,ol\)\:last-child\>li\:last-child\]\:after\:bg-muted-foreground > :is(ul, ol):last-child > li:last-child::after {
+    content: var(--tw-content);
+    background-color: hsl(var(--muted-foreground));
+  }
+  .\[\&\>\:is\(ul\,ol\)\:last-child\>li\:last-child\]\:after\:align-text-bottom > :is(ul, ol):last-child > li:last-child::after {
+    content: var(--tw-content);
+    vertical-align: text-bottom;
+  }
+  .\[\&\>\:is\(ul\,ol\)\:last-child\>li\:last-child\]\:after\:content-\[\'\'\] > :is(ul, ol):last-child > li:last-child::after {
+    --tw-content: '';
+    content: var(--tw-content);
+  }
+  .\[\&\>\:last-child\:not\(ul\,ol\)\]\:after\:ml-0\.5 > :last-child:not(ul, ol)::after {
+    content: var(--tw-content);
+    margin-left: calc(var(--spacing) * 0.5);
+  }
+  .\[\&\>\:last-child\:not\(ul\,ol\)\]\:after\:inline-block > :last-child:not(ul, ol)::after {
+    content: var(--tw-content);
+    display: inline-block;
+  }
+  .\[\&\>\:last-child\:not\(ul\,ol\)\]\:after\:h-\[1em\] > :last-child:not(ul, ol)::after {
+    content: var(--tw-content);
+    height: 1em;
+  }
+  .\[\&\>\:last-child\:not\(ul\,ol\)\]\:after\:w-0\.5 > :last-child:not(ul, ol)::after {
+    content: var(--tw-content);
+    width: calc(var(--spacing) * 0.5);
+  }
+  .\[\&\>\:last-child\:not\(ul\,ol\)\]\:after\:animate-pulse > :last-child:not(ul, ol)::after {
+    content: var(--tw-content);
+    animation: var(--animate-pulse);
+  }
+  .\[\&\>\:last-child\:not\(ul\,ol\)\]\:after\:rounded-full > :last-child:not(ul, ol)::after {
+    content: var(--tw-content);
+    border-radius: var(--radius-full);
+  }
+  .\[\&\>\:last-child\:not\(ul\,ol\)\]\:after\:bg-muted-foreground > :last-child:not(ul, ol)::after {
+    content: var(--tw-content);
+    background-color: hsl(var(--muted-foreground));
+  }
+  .\[\&\>\:last-child\:not\(ul\,ol\)\]\:after\:align-text-bottom > :last-child:not(ul, ol)::after {
+    content: var(--tw-content);
+    vertical-align: text-bottom;
+  }
+  .\[\&\>\:last-child\:not\(ul\,ol\)\]\:after\:content-\[\'\'\] > :last-child:not(ul, ol)::after {
+    --tw-content: '';
+    content: var(--tw-content);
+  }
   @media (width < 40rem) {
     .max-sm\:\[\&\>div\:not\(\:nth-child\(2n\+1\)\)\]\:border-l > div:not(:nth-child(2n+1)) {
       border-left-style: var(--tw-border-style);
@@ -5509,11 +5589,11 @@
   --surface-success-bg: #2f5146;
   --surface-success-border: #3c7760;
   --surface-success-text: #5ed7a4;
-  --surface-warning-bg: #6a402c;
-  --surface-warning-border: #916436;
+  --surface-warning-bg: #4b4232;
+  --surface-warning-border: #7a6236;
   --surface-warning-text: #f4c14f;
-  --surface-danger-bg: #733b36;
-  --surface-danger-border: #9a5b56;
+  --surface-danger-bg: #5a3b40;
+  --surface-danger-border: #7d4d53;
   --surface-danger-text: #ffada9;
   --surface-info-bg: #2d4e67;
   --surface-info-border: #3d7292;
@@ -5521,9 +5601,9 @@
   --surface-teal-bg: #042f2e;
   --surface-teal-border: #134e4a;
   --surface-teal-text: #2dd4bf;
-  --surface-violet-bg: #1e1b4b;
-  --surface-violet-border: #3730a3;
-  --surface-violet-text: #B8B2F5;
+  --surface-violet-bg: #403d66;
+  --surface-violet-border: #5f58b8;
+  --surface-violet-text: #c9c4ff;
   --surface-orange-bg: #431407;
   --surface-orange-border: #7c2d12;
   --surface-orange-text: #fb923c;
@@ -5641,7 +5721,7 @@
   --tool-card-py: 0.5rem;
   --tool-icon-size: 1.75rem;
   --code-header-bg: hsl(var(--hsl-background));
-  --syntax-comment: #8b8fbc;
+  --syntax-comment: #9ea2cc;
   --syntax-keyword: #A78FFF;
   --syntax-string: #10b981;
   --syntax-function: #6D9FFF;

package/dist/tokens.css

@@ -197,11 +197,11 @@
   --surface-success-bg: #2f5146;
   --surface-success-border: #3c7760;
   --surface-success-text: #5ed7a4;
-  --surface-warning-bg: #6a402c;
-  --surface-warning-border: #916436;
+  --surface-warning-bg: #4b4232;
+  --surface-warning-border: #7a6236;
   --surface-warning-text: #f4c14f;
-  --surface-danger-bg: #733b36;
-  --surface-danger-border: #9a5b56;
+  --surface-danger-bg: #5a3b40;
+  --surface-danger-border: #7d4d53;
   --surface-danger-text: #ffada9;
   --surface-info-bg: #2d4e67;
   --surface-info-border: #3d7292;
@@ -209,9 +209,9 @@
   --surface-teal-bg: #042f2e;
   --surface-teal-border: #134e4a;
   --surface-teal-text: #2dd4bf;
-  --surface-violet-bg: #1e1b4b;
-  --surface-violet-border: #3730a3;
-  --surface-violet-text: #B8B2F5;
+  --surface-violet-bg: #403d66;
+  --surface-violet-border: #5f58b8;
+  --surface-violet-text: #c9c4ff;
   --surface-orange-bg: #431407;
   --surface-orange-border: #7c2d12;
   --surface-orange-text: #fb923c;
@@ -409,7 +409,7 @@
 
   /* Syntax highlighting — the light palette is authored below. */
   --code-header-bg: hsl(var(--hsl-background));
-  --syntax-comment: #8b8fbc;
+  --syntax-comment: #9ea2cc;
   --syntax-keyword: #A78FFF;
   --syntax-string: #10b981;
   --syntax-function: #6D9FFF;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "0.123.0",
+  "version": "0.123.2",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
     "type": "git",
@@ -127,8 +127,8 @@
     "@hocuspocus/provider": ">=2.15.0 <5.0.0",
     "@nanostores/react": ">=0.8.4 <2.0.0",
     "@tangle-network/agent-interface": "^1.0.0 || ^2.0.0",
-    "@tangle-network/brand": "^1.10.0",
-    "@tangle-network/ui": "^11.15.2",
+    "@tangle-network/brand": "^1.10.3",
+    "@tangle-network/ui": "^11.16.6",
     "@tanstack/react-query": "^5.0.0",
     "@tiptap/core": ">=3.20.4 <4.0.0",
     "@tiptap/extension-collaboration": ">=3.20.4 <4.0.0",
@@ -213,8 +213,8 @@
     "@storybook/react-vite": "^10.6.0",
     "@tailwindcss/postcss": "^4.3.3",
     "@tangle-network/agent-interface": "2.13.1",
-    "@tangle-network/brand": "1.10.0",
-    "@tangle-network/ui": "11.15.2",
+    "@tangle-network/brand": "1.10.3",
+    "@tangle-network/ui": "11.16.6",
     "@tanstack/react-query": "^5.104.0",
     "@testing-library/dom": "^10.4.2",
     "@testing-library/jest-dom": "^7.0.1",