@m6d/cortex-react 0.13.0 → 0.14.1

package/dist/styles.css

@@ -257,24 +257,30 @@
   inset: 0;
   display: flex;
   flex-direction: column;
-  transition: transform 0.3s ease-out;
+  transition: transform 0.3s ease-out, visibility 0s 0.3s;
 }
 
 .cortex-widget__screen--active {
   transform: translateX(0);
+  transition-delay: 0s;
+}
+
+.cortex-widget__screen--left,
+.cortex-widget__screen--right {
+  visibility: hidden;
 }
 
 .cortex-widget__screen--left {
   transform: translateX(-100%);
 }
-[dir=rtl] .cortex-widget__screen--left {
+.cortex-widget__screen--left:dir(rtl) {
   transform: translateX(100%);
 }
 
 .cortex-widget__screen--right {
   transform: translateX(100%);
 }
-[dir=rtl] .cortex-widget__screen--right {
+.cortex-widget__screen--right:dir(rtl) {
   transform: translateX(-100%);
 }
 
@@ -349,6 +355,7 @@
 }
 .cortex-widget__container--full > .cortex-widget__screen.cortex-widget__screen--active, .cortex-widget__container--full > .cortex-widget__screen.cortex-widget__screen--left, .cortex-widget__container--full > .cortex-widget__screen.cortex-widget__screen--right {
   transform: none;
+  visibility: visible;
 }
 .cortex-widget__container--full > .cortex-widget__screen:first-child {
   width: 280px;
@@ -357,7 +364,7 @@
   border-right: 1px solid var(--cortex-color-border);
   background: var(--cortex-color-surface-subtle);
 }
-[dir=rtl] .cortex-widget__container--full > .cortex-widget__screen:first-child {
+.cortex-widget__container--full > .cortex-widget__screen:first-child:dir(rtl) {
   border-right: 0;
   border-left: 1px solid var(--cortex-color-border);
 }
@@ -397,9 +404,10 @@
     min-width: 280px;
     z-index: 110;
     transform: translateX(-100%);
-    transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
+    visibility: hidden;
+    transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s 0.28s;
   }
-  [dir=rtl] .cortex-widget__container--full > .cortex-widget__screen:first-child {
+  .cortex-widget__container--full > .cortex-widget__screen:first-child:dir(rtl) {
     transform: translateX(100%);
     border-left: 1px solid var(--cortex-color-border);
     border-right: 0;
@@ -443,6 +451,8 @@
 @media (max-width: 768px) {
   .cortex-widget__container--full.cortex-widget__container--sidebar-open > .cortex-widget__screen:first-child {
     transform: translateX(0);
+    visibility: visible;
+    transition-delay: 0s;
   }
   .cortex-widget__container--full.cortex-widget__container--sidebar-open .cortex-widget__sidebar-backdrop {
     display: block;
@@ -493,7 +503,7 @@
   background: var(--cortex-color-surface-muted);
 }
 
-[dir=rtl] .cortex-widget__back-icon {
+.cortex-widget__back-icon:dir(rtl) {
   transform: rotate(180deg);
 }
 
@@ -573,7 +583,7 @@
   justify-content: center;
   margin-bottom: 0.875rem;
 }
-[dir=rtl] .cortex-widget__landing-icon {
+.cortex-widget__landing-icon:dir(rtl) {
   transform: scaleX(-1);
 }
 
@@ -834,7 +844,7 @@ cortex-llm-usage-chips {
   background: color-mix(in oklab, var(--cortex-color-primary) 85%, var(--cortex-color-primary-foreground));
 }
 
-[dir=rtl] .cortex-widget__send-icon {
+.cortex-widget__send-icon:dir(rtl) {
   transform: rotate(180deg);
 }
 
@@ -970,7 +980,7 @@ cortex-llm-usage-chips {
   background: var(--cortex-color-accent-surface);
   color: var(--cortex-color-accent);
 }
-[dir=rtl] .cortex-widget__thread-icon {
+.cortex-widget__thread-icon:dir(rtl) {
   transform: scaleX(-1);
 }
 .cortex-widget__thread-icon--active {
@@ -1090,7 +1100,7 @@ cortex-llm-usage-chips {
   color: var(--cortex-color-border-strong);
   pointer-events: none;
 }
-[dir=rtl] .cortex-widget__thread-arrow {
+.cortex-widget__thread-arrow:dir(rtl) {
   transform: rotate(180deg);
 }
 .cortex-widget__thread-item:hover > .cortex-widget__thread-arrow {
@@ -1200,7 +1210,7 @@ cortex-llm-usage-chips {
   --cortex-reveal-end: 0%;
   animation: cortex-part-reveal 700ms cubic-bezier(0.22, 1, 0.36, 1) backwards;
 }
-[dir=rtl] .cortex-working-thinking {
+.cortex-working-thinking:dir(rtl) {
   --cortex-reveal-from: 1rem;
   --cortex-reveal-mask: linear-gradient(to left, #000 40%, rgb(0 0 0 / 0.35) 60%);
   --cortex-reveal-start: 0%;
@@ -1298,20 +1308,20 @@ cortex-llm-usage-chips {
 .cortex-message--working-turn .cortex-subtle-activity {
   translate: 2rem;
 }
-[dir=rtl] .cortex-message--working-turn .cortex-text-bubble--assistant,
-[dir=rtl] .cortex-message--working-turn .cortex-subtle-activity {
+.cortex-message--working-turn .cortex-text-bubble--assistant:dir(rtl),
+.cortex-message--working-turn .cortex-subtle-activity:dir(rtl) {
   translate: -2rem;
 }
 .cortex-message--working-turn .cortex-tool-pill {
   translate: 0.875rem;
 }
-[dir=rtl] .cortex-message--working-turn .cortex-tool-pill {
+.cortex-message--working-turn .cortex-tool-pill:dir(rtl) {
   translate: -0.875rem;
 }
 .cortex-message--working-turn .cortex-tool-pill .cortex-tool-pill__icon {
   translate: -0.5rem;
 }
-[dir=rtl] .cortex-message--working-turn .cortex-tool-pill .cortex-tool-pill__icon {
+.cortex-message--working-turn .cortex-tool-pill .cortex-tool-pill__icon:dir(rtl) {
   translate: 0.5rem;
 }
 
@@ -1391,7 +1401,7 @@ cortex-llm-usage-chips {
   --cortex-reveal-end: 0%;
   animation: cortex-part-reveal 700ms cubic-bezier(0.22, 1, 0.36, 1) backwards;
 }
-[dir=rtl] .cortex-message-part--animated {
+.cortex-message-part--animated:dir(rtl) {
   --cortex-reveal-from: 1rem;
   --cortex-reveal-mask: linear-gradient(to left, #000 40%, rgb(0 0 0 / 0.35) 60%);
   --cortex-reveal-start: 0%;
@@ -3055,10 +3065,10 @@ details[open] > summary .cortex-debug-tool__chevron {
 }
 
 /* ─── Summary row ──────────────────────────────────────────────────── */
-html[dir=rtl] .cortex-token-usage__summary {
+.cortex-token-usage__summary:dir(rtl) {
   align-self: end;
 }
-html[dir=ltr] .cortex-token-usage__summary {
+.cortex-token-usage__summary:dir(ltr) {
   align-self: start;
 }
 .cortex-token-usage__summary {
@@ -3291,10 +3301,10 @@ html[dir=ltr] .cortex-token-usage__summary {
 }
 
 /* ─── Trigger button ───────────────────────────────────────────────── */
-html[dir=rtl] .cortex-llm-inspector__trigger {
+.cortex-llm-inspector__trigger:dir(rtl) {
   align-self: end;
 }
-html[dir=ltr] .cortex-llm-inspector__trigger {
+.cortex-llm-inspector__trigger:dir(ltr) {
   align-self: start;
 }
 .cortex-llm-inspector__trigger {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@m6d/cortex-react",
-    "version": "0.13.0",
+    "version": "0.14.1",
     "description": "React chat widget for Cortex agents",
     "license": "MIT",
     "sideEffects": [
@@ -31,11 +31,9 @@
     "devDependencies": {
         "@cortex/client": "workspace:*",
         "@cortex/contracts": "workspace:*",
-        "@m6d/prettier-config": "workspace:*",
         "@m6d/tsconfig": "workspace:*",
         "@tanstack/ai": "^0.55.0",
         "@tanstack/ai-client": "^0.32.1",
-        "@tanstack/ai-react": "^0.27.0",
         "@types/bun": "1.3.14",
         "@types/jsdom": "^28.0.0",
         "@types/leaflet": "^1.9.22",
@@ -56,9 +54,8 @@
         "vega-lite": "^6.4.3"
     },
     "peerDependencies": {
-        "@tanstack/ai": "^0.55.0",
-        "@tanstack/ai-client": "^0.32.1",
-        "@tanstack/ai-react": "^0.27.0",
+        "@tanstack/ai": ">=0.55.0 <1.0.0",
+        "@tanstack/ai-client": ">=0.32.0 <1.0.0",
         "dompurify": "^3.0.0",
         "highlight.js": "^11.0.0",
         "leaflet": "^1.9.0",
@@ -74,10 +71,6 @@
         "access": "public"
     },
     "releaseWatchPaths": [
-        "internal/client",
-        "internal/contracts/src/charts",
-        "internal/contracts/src/client-tools",
-        "internal/contracts/src/markdown",
-        "internal/contracts/src/wire"
+        "internal/client"
     ]
 }