lua-cli 2.4.1 → 2.5.1

package/dist/common/user.instance.js

@@ -1,12 +1,14 @@
 /**
  * User data instance class providing a fluent API for managing user data
  * Automatically sanitizes sensitive fields and provides methods for updating and clearing data
+ * Supports direct property access (e.g., user.name) instead of user.data.name
  */
 export default class UserDataInstance {
     /**
-     * Creates a new UserDataInstance
+     * Creates a new UserDataInstance with proxy support for direct property access
      * @param api - The UserDataAPI instance for making API calls
      * @param data - The user data from the API (will be sanitized automatically)
+     * @returns Proxied instance that allows direct access to data properties
      */
     constructor(api, data) {
         this.data = this.sanitizeData(data);
@@ -17,6 +19,60 @@ export default class UserDataInstance {
             enumerable: false,
             configurable: true
         });
+        // Return a proxy that allows direct property access
+        return new Proxy(this, {
+            get(target, prop, receiver) {
+                // If the property exists on the instance itself, return it
+                if (prop in target) {
+                    return Reflect.get(target, prop, receiver);
+                }
+                // Otherwise, try to get it from the data object
+                if (typeof prop === 'string' && prop in target.data) {
+                    return target.data[prop];
+                }
+                return undefined;
+            },
+            set(target, prop, value, receiver) {
+                // Reserved properties that should be set on the instance itself
+                const reservedProps = ['data', 'userAPI', 'update', 'clear', 'toJSON'];
+                if (typeof prop === 'string' && reservedProps.includes(prop)) {
+                    return Reflect.set(target, prop, value, receiver);
+                }
+                // All other properties get set on the data object
+                if (typeof prop === 'string') {
+                    target.data[prop] = value;
+                    return true;
+                }
+                return false;
+            },
+            has(target, prop) {
+                // Check if property exists on instance or in data
+                return prop in target || (typeof prop === 'string' && prop in target.data);
+            },
+            ownKeys(target) {
+                // Return both instance keys and data keys
+                const instanceKeys = Reflect.ownKeys(target);
+                const dataKeys = Object.keys(target.data);
+                return [...new Set([...instanceKeys, ...dataKeys])];
+            },
+            getOwnPropertyDescriptor(target, prop) {
+                // First check if it's an instance property
+                const instanceDesc = Reflect.getOwnPropertyDescriptor(target, prop);
+                if (instanceDesc) {
+                    return instanceDesc;
+                }
+                // Then check if it's a data property
+                if (typeof prop === 'string' && prop in target.data) {
+                    return {
+                        configurable: true,
+                        enumerable: true,
+                        writable: true,
+                        value: target.data[prop]
+                    };
+                }
+                return undefined;
+            }
+        });
     }
     /**
      * Removes sensitive fields from the data before storing
@@ -31,7 +87,7 @@ export default class UserDataInstance {
         // Create a copy of the data to avoid mutating the original
         const sanitized = { ...data };
         // Remove sensitive fields
-        const sensitiveFields = ['apiKey', 'agentId', 'userId', 'token', 'secret', 'key'];
+        const sensitiveFields = ['agentId', 'userId'];
         sensitiveFields.forEach(field => {
             delete sanitized[field];
         });

package/dist/web/app.css

@@ -10,6 +10,7 @@
     --lua-color-red-50: oklch(97.1% 0.013 17.38);
     --lua-color-red-100: oklch(93.6% 0.032 17.717);
     --lua-color-red-200: oklch(88.5% 0.062 18.334);
+    --lua-color-red-500: oklch(63.7% 0.237 25.331);
     --lua-color-red-600: oklch(57.7% 0.245 27.325);
     --lua-color-red-700: oklch(50.5% 0.213 27.518);
     --lua-color-red-800: oklch(44.4% 0.177 26.899);
@@ -293,6 +294,9 @@
   #lua-root .lua\:mx-4 {
     margin-inline: calc(var(--lua-spacing) * 4);
   }
+  #lua-root .lua\:mx-auto {
+    margin-inline: auto;
+  }
   #lua-root .lua\:mt-0 {
     margin-top: calc(var(--lua-spacing) * 0);
   }
@@ -335,6 +339,12 @@
   #lua-root .lua\:ml-4 {
     margin-left: calc(var(--lua-spacing) * 4);
   }
+  #lua-root .lua\:line-clamp-2 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+  }
   #lua-root .lua\:block {
     display: block;
   }
@@ -370,12 +380,21 @@
   #lua-root .lua\:h-10 {
     height: calc(var(--lua-spacing) * 10);
   }
+  #lua-root .lua\:h-12 {
+    height: calc(var(--lua-spacing) * 12);
+  }
   #lua-root .lua\:h-48 {
     height: calc(var(--lua-spacing) * 48);
   }
   #lua-root .lua\:h-full {
     height: 100%;
   }
+  #lua-root .lua\:max-h-96 {
+    max-height: calc(var(--lua-spacing) * 96);
+  }
+  #lua-root .lua\:max-h-full {
+    max-height: 100%;
+  }
   #lua-root .lua\:min-h-7 {
     min-height: calc(var(--lua-spacing) * 7);
   }
@@ -400,6 +419,9 @@
   #lua-root .lua\:w-8 {
     width: calc(var(--lua-spacing) * 8);
   }
+  #lua-root .lua\:w-12 {
+    width: calc(var(--lua-spacing) * 12);
+  }
   #lua-root .lua\:w-fit {
     width: -moz-fit-content;
     width: fit-content;
@@ -473,6 +495,9 @@
   #lua-root .lua\:grid-cols-1 {
     grid-template-columns: repeat(1, minmax(0, 1fr));
   }
+  #lua-root .lua\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
   #lua-root .lua\:flex-col {
     flex-direction: column;
   }
@@ -550,6 +575,20 @@
       margin-block-end: calc(calc(var(--lua-spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
+  #lua-root .lua\:space-y-6 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--lua-spacing) * 6) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--lua-spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  #lua-root .lua\:space-x-2 {
+    :where(& > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(calc(var(--lua-spacing) * 2) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(calc(var(--lua-spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
+    }
+  }
   #lua-root .lua\:divide-y {
     :where(& > :not(:last-child)) {
       --tw-divide-y-reverse: 0;
@@ -653,6 +692,9 @@
   #lua-root .lua\:border-red-200 {
     border-color: var(--lua-color-red-200);
   }
+  #lua-root .lua\:border-transparent {
+    border-color: transparent;
+  }
   #lua-root .lua\:border-yellow-200 {
     border-color: var(--lua-color-yellow-200);
   }
@@ -794,6 +836,12 @@
   #lua-root .lua\:py-10 {
     padding-block: calc(var(--lua-spacing) * 10);
   }
+  #lua-root .lua\:py-12 {
+    padding-block: calc(var(--lua-spacing) * 12);
+  }
+  #lua-root .lua\:pt-0 {
+    padding-top: calc(var(--lua-spacing) * 0);
+  }
   #lua-root .lua\:pt-4 {
     padding-top: calc(var(--lua-spacing) * 4);
   }
@@ -886,9 +934,15 @@
   #lua-root .lua\:whitespace-pre-wrap {
     white-space: pre-wrap;
   }
+  #lua-root .lua\:text-blue-600 {
+    color: var(--lua-color-blue-600);
+  }
   #lua-root .lua\:text-blue-700 {
     color: var(--lua-color-blue-700);
   }
+  #lua-root .lua\:text-blue-800 {
+    color: var(--lua-color-blue-800);
+  }
   #lua-root .lua\:text-gray-200 {
     color: var(--lua-color-gray-200);
   }
@@ -922,6 +976,9 @@
   #lua-root .lua\:text-green-800 {
     color: var(--lua-color-green-800);
   }
+  #lua-root .lua\:text-red-500 {
+    color: var(--lua-color-red-500);
+  }
   #lua-root .lua\:text-red-600 {
     color: var(--lua-color-red-600);
   }
@@ -1332,6 +1389,11 @@
       background-color: var(--lua-color-gray-50);
     }
   }
+  #lua-root .lua\:data-\[state\=active\]\:bg-white {
+    &[data-state="active"] {
+      background-color: var(--lua-color-white);
+    }
+  }
   #lua-root .lua\:data-\[state\=active\]\:text-blue-600 {
     &[data-state="active"] {
       color: var(--lua-color-blue-600);
@@ -1342,6 +1404,12 @@
       color: var(--lua-color-gray-900);
     }
   }
+  #lua-root .lua\:data-\[state\=active\]\:shadow-sm {
+    &[data-state="active"] {
+      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
   #lua-root .lua\:data-\[state\=inactive\]\:hidden {
     &[data-state="inactive"] {
       display: none;
@@ -1352,6 +1420,16 @@
       margin-inline: calc(var(--lua-spacing) * 5);
     }
   }
+  #lua-root .lua\:sm\:grid-cols-2 {
+    @media (width >= 40rem) {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+  }
+  #lua-root .lua\:lg\:grid-cols-3 {
+    @media (width >= 64rem) {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+  }
 }
 @layer base {
   #lua-root *, #lua-root ::after, #lua-root ::before, #lua-root ::backdrop, #lua-root ::file-selector-button {
@@ -1861,6 +1939,11 @@
   inherits: false;
   initial-value: 0;
 }
+@property --tw-space-x-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
 @property --tw-divide-y-reverse {
   syntax: "*";
   inherits: false;
@@ -1987,6 +2070,7 @@
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
     #lua-root *, #lua-root ::before, #lua-root ::after, #lua-root ::backdrop {
       --tw-space-y-reverse: 0;
+      --tw-space-x-reverse: 0;
       --tw-divide-y-reverse: 0;
       --tw-border-style: solid;
       --tw-leading: initial;
@@ -2667,7 +2751,6 @@ a:focus-visible,
 
 .logs-container {
   background: #1e1e1e;
-  border-top: 1px solid #3e3e42;
   display: flex;
   flex-direction: column;
   min-height: 150px;
@@ -2678,7 +2761,7 @@ a:focus-visible,
 
 .logs-resize-handle {
   height: 4px;
-  background: #3e3e42;
+  background: #d1d5dc;
   cursor: row-resize;
   position: relative;
   transition: background-color 0.2s;