@rizom/brain 0.2.0-alpha.373 → 0.2.0-alpha.375

package/dist/ui/app.js.map

@@ -1496,7 +1496,7 @@
     "var styleq = {};\n\nvar hasRequiredStyleq;\n\nfunction requireStyleq () {\n\tif (hasRequiredStyleq) return styleq;\n\thasRequiredStyleq = 1;\n\n\tObject.defineProperty(styleq, \"__esModule\", {\n\t  value: true\n\t});\n\tstyleq.styleq = void 0;\n\tvar cache = new WeakMap();\n\tvar compiledKey = '$$css';\n\tfunction createStyleq(options) {\n\t  var disableCache;\n\t  var disableMix;\n\t  var transform;\n\t  if (options != null) {\n\t    disableCache = options.disableCache === true;\n\t    disableMix = options.disableMix === true;\n\t    transform = options.transform;\n\t  }\n\t  return function styleq() {\n\t    var definedProperties = [];\n\t    var className = '';\n\t    var inlineStyle = null;\n\t    var debugString = '';\n\t    var nextCache = disableCache ? null : cache;\n\t    var styles = new Array(arguments.length);\n\t    for (var i = 0; i < arguments.length; i++) {\n\t      styles[i] = arguments[i];\n\t    }\n\t    while (styles.length > 0) {\n\t      var possibleStyle = styles.pop();\n\t      if (possibleStyle == null || possibleStyle === false) {\n\t        continue;\n\t      }\n\t      if (Array.isArray(possibleStyle)) {\n\t        for (var _i = 0; _i < possibleStyle.length; _i++) {\n\t          styles.push(possibleStyle[_i]);\n\t        }\n\t        continue;\n\t      }\n\t      var style = transform != null ? transform(possibleStyle) : possibleStyle;\n\t      if (style.$$css != null) {\n\t        var classNameChunk = '';\n\t        if (nextCache != null && nextCache.has(style)) {\n\t          var cacheEntry = nextCache.get(style);\n\t          if (cacheEntry != null) {\n\t            classNameChunk = cacheEntry[0];\n\t            debugString = cacheEntry[2];\n\t            definedProperties.push.apply(definedProperties, cacheEntry[1]);\n\t            nextCache = cacheEntry[3];\n\t          }\n\t        } else {\n\t          var definedPropertiesChunk = [];\n\t          for (var prop in style) {\n\t            var value = style[prop];\n\t            if (prop === compiledKey) {\n\t              var compiledKeyValue = style[prop];\n\t              if (compiledKeyValue !== true) {\n\t                debugString = debugString ? compiledKeyValue + '; ' + debugString : compiledKeyValue;\n\t              }\n\t              continue;\n\t            }\n\t            if (typeof value === 'string' || value === null) {\n\t              if (!definedProperties.includes(prop)) {\n\t                definedProperties.push(prop);\n\t                if (nextCache != null) {\n\t                  definedPropertiesChunk.push(prop);\n\t                }\n\t                if (typeof value === 'string') {\n\t                  classNameChunk += classNameChunk ? ' ' + value : value;\n\t                }\n\t              }\n\t            } else {\n\t              console.error(\"styleq: \".concat(prop, \" typeof \").concat(String(value), \" is not \\\"string\\\" or \\\"null\\\".\"));\n\t            }\n\t          }\n\t          if (nextCache != null) {\n\t            var weakMap = new WeakMap();\n\t            nextCache.set(style, [classNameChunk, definedPropertiesChunk, debugString, weakMap]);\n\t            nextCache = weakMap;\n\t          }\n\t        }\n\t        if (classNameChunk) {\n\t          className = className ? classNameChunk + ' ' + className : classNameChunk;\n\t        }\n\t      } else {\n\t        if (disableMix) {\n\t          if (inlineStyle == null) {\n\t            inlineStyle = {};\n\t          }\n\t          inlineStyle = Object.assign({}, style, inlineStyle);\n\t        } else {\n\t          var subStyle = null;\n\t          for (var _prop in style) {\n\t            var _value = style[_prop];\n\t            if (_value !== undefined) {\n\t              if (!definedProperties.includes(_prop)) {\n\t                if (_value != null) {\n\t                  if (inlineStyle == null) {\n\t                    inlineStyle = {};\n\t                  }\n\t                  if (subStyle == null) {\n\t                    subStyle = {};\n\t                  }\n\t                  subStyle[_prop] = _value;\n\t                }\n\t                definedProperties.push(_prop);\n\t                nextCache = null;\n\t              }\n\t            }\n\t          }\n\t          if (subStyle != null) {\n\t            inlineStyle = Object.assign(subStyle, inlineStyle);\n\t          }\n\t        }\n\t      }\n\t    }\n\t    var styleProps = [className, inlineStyle, debugString];\n\t    return styleProps;\n\t  };\n\t}\n\tvar styleq$1 = styleq.styleq = createStyleq();\n\tstyleq$1.factory = createStyleq;\n\treturn styleq;\n}\n\nvar styleqExports = /*@__PURE__*/ requireStyleq();\n\nconst errorForFn = name => new Error(`Unexpected 'stylex.${name}' call at runtime. Styles must be compiled by '@stylexjs/babel-plugin'.`);\nconst errorForType = key => errorForFn(`types.${key}`);\nconst create = function stylexCreate(_styles) {\n  throw errorForFn('create');\n};\nconst createTheme = (_baseTokens, _overrides) => {\n  throw errorForFn('createTheme');\n};\nconst defineConsts = function stylexDefineConsts(_styles) {\n  throw errorForFn('defineConsts');\n};\nconst defineVars = function stylexDefineVars(_styles) {\n  throw errorForFn('defineVars');\n};\nconst unstable_conditional = function stylexConditional(_value) {\n  throw errorForFn('unstable_conditional');\n};\nconst unstable_defineVarsNested = function stylexDefineVarsNested(_styles) {\n  throw errorForFn('unstable_defineVarsNested');\n};\nconst unstable_defineConstsNested = function stylexDefineConstsNested(_styles) {\n  throw errorForFn('unstable_defineConstsNested');\n};\nconst unstable_createThemeNested = (_baseTokens, _overrides) => {\n  throw errorForFn('unstable_createThemeNested');\n};\nconst defineMarker = () => {\n  throw errorForFn('defineMarker');\n};\nconst firstThatWorks = (..._styles) => {\n  throw errorForFn('firstThatWorks');\n};\nconst keyframes = _keyframes => {\n  throw errorForFn('keyframes');\n};\nconst positionTry = _positionTry => {\n  throw errorForFn('positionTry');\n};\nfunction props(...styles) {\n  const [className, style, dataStyleSrc] = styleqExports.styleq(styles);\n  const result = {};\n  if (className != null && className !== '') {\n    result.className = className;\n  }\n  if (style != null && Object.keys(style).length > 0) {\n    result.style = style;\n  }\n  if (dataStyleSrc != null && dataStyleSrc !== '') {\n    result['data-style-src'] = dataStyleSrc;\n  }\n  return result;\n}\nconst toKebabCase = str => str.replace(/([A-Z])/g, '-$1').toLowerCase();\nfunction attrs(...styles) {\n  const {\n    className,\n    style,\n    'data-style-src': dataStyleSrc\n  } = props.apply(this, styles);\n  const result = {};\n  if (className != null) {\n    result.class = className;\n  }\n  if (style != null) {\n    result.style = Object.entries(style).map(([key, value]) => `${toKebabCase(key)}:${value}`).join(';');\n  }\n  if (dataStyleSrc != null) {\n    result['data-style-src'] = dataStyleSrc;\n  }\n  return result;\n}\nconst viewTransitionClass = _viewTransitionClass => {\n  throw errorForFn('viewTransitionClass');\n};\nconst defaultMarker = () => {\n  throw errorForFn('defaultMarker');\n};\nconst when = {\n  ancestor: _p => {\n    throw errorForFn('when.ancestor');\n  },\n  descendant: _p => {\n    throw errorForFn('when.descendant');\n  },\n  siblingBefore: _p => {\n    throw errorForFn('when.siblingBefore');\n  },\n  siblingAfter: _p => {\n    throw errorForFn('when.siblingAfter');\n  },\n  anySibling: _p => {\n    throw errorForFn('when.anySibling');\n  }\n};\nconst env = Object.freeze({});\nconst types = {\n  angle: _v => {\n    throw errorForType('angle');\n  },\n  color: _v => {\n    throw errorForType('color');\n  },\n  url: _v => {\n    throw errorForType('url');\n  },\n  image: _v => {\n    throw errorForType('image');\n  },\n  integer: _v => {\n    throw errorForType('integer');\n  },\n  lengthPercentage: _v => {\n    throw errorForType('lengthPercentage');\n  },\n  length: _v => {\n    throw errorForType('length');\n  },\n  percentage: _v => {\n    throw errorForType('percentage');\n  },\n  number: _v => {\n    throw errorForType('number');\n  },\n  resolution: _v => {\n    throw errorForType('resolution');\n  },\n  time: _v => {\n    throw errorForType('time');\n  },\n  transformFunction: _v => {\n    throw errorForType('transformFunction');\n  },\n  transformList: _v => {\n    throw errorForType('transformList');\n  }\n};\nconst legacyMerge = /*@__PURE__*/ function () {\n  function _legacyMerge(...styles) {\n    const [className] = styleqExports.styleq(styles);\n    return className;\n  }\n  _legacyMerge.create = create;\n  _legacyMerge.createTheme = createTheme;\n  _legacyMerge.defineConsts = defineConsts;\n  _legacyMerge.defineMarker = defineMarker;\n  _legacyMerge.defineVars = defineVars;\n  _legacyMerge.defaultMarker = defaultMarker;\n  _legacyMerge.firstThatWorks = firstThatWorks;\n  _legacyMerge.keyframes = keyframes;\n  _legacyMerge.positionTry = positionTry;\n  _legacyMerge.props = props;\n  _legacyMerge.attrs = attrs;\n  _legacyMerge.types = types;\n  _legacyMerge.when = when;\n  _legacyMerge.viewTransitionClass = viewTransitionClass;\n  _legacyMerge.env = env;\n  _legacyMerge.unstable_conditional = unstable_conditional;\n  _legacyMerge.unstable_defineVarsNested = unstable_defineVarsNested;\n  _legacyMerge.unstable_defineConstsNested = unstable_defineConstsNested;\n  _legacyMerge.unstable_createThemeNested = unstable_createThemeNested;\n  return _legacyMerge;\n}();\n\nexport { attrs, create, createTheme, defaultMarker, defineConsts, defineMarker, defineVars, env, firstThatWorks, keyframes, legacyMerge, positionTry, props, types, unstable_conditional, unstable_createThemeNested, unstable_defineConstsNested, unstable_defineVarsNested, viewTransitionClass, when };\n",
     "// src/compose-refs.tsx\nimport * as React from \"react\";\nfunction setRef(ref, value) {\n  if (typeof ref === \"function\") {\n    return ref(value);\n  } else if (ref !== null && ref !== void 0) {\n    ref.current = value;\n  }\n}\nfunction composeRefs(...refs) {\n  return (node) => {\n    let hasCleanup = false;\n    const cleanups = refs.map((ref) => {\n      const cleanup = setRef(ref, node);\n      if (!hasCleanup && typeof cleanup == \"function\") {\n        hasCleanup = true;\n      }\n      return cleanup;\n    });\n    if (hasCleanup) {\n      return () => {\n        for (let i = 0; i < cleanups.length; i++) {\n          const cleanup = cleanups[i];\n          if (typeof cleanup == \"function\") {\n            cleanup();\n          } else {\n            setRef(refs[i], null);\n          }\n        }\n      };\n    }\n  };\n}\nfunction useComposedRefs(...refs) {\n  return React.useCallback(composeRefs(...refs), refs);\n}\nexport {\n  composeRefs,\n  useComposedRefs\n};\n//# sourceMappingURL=index.mjs.map\n",
     "// src/slot.tsx\nimport * as React from \"react\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\n// @__NO_SIDE_EFFECTS__\nfunction createSlot(ownerName) {\n  const Slot2 = React.forwardRef((props, forwardedRef) => {\n    let { children, ...slotProps } = props;\n    let slottableElement = null;\n    let hasSlottable = false;\n    const newChildren = [];\n    if (isLazyComponent(children) && typeof use === \"function\") {\n      children = use(children._payload);\n    }\n    React.Children.forEach(children, (maybeSlottable) => {\n      if (isSlottable(maybeSlottable)) {\n        hasSlottable = true;\n        const slottable = maybeSlottable;\n        let child = \"child\" in slottable.props ? slottable.props.child : slottable.props.children;\n        if (isLazyComponent(child) && typeof use === \"function\") {\n          child = use(child._payload);\n        }\n        slottableElement = getSlottableElementFromSlottable(slottable, child);\n        newChildren.push(slottableElement?.props?.children);\n      } else {\n        newChildren.push(maybeSlottable);\n      }\n    });\n    if (slottableElement) {\n      slottableElement = React.cloneElement(slottableElement, void 0, newChildren);\n    } else if (\n      // A `Slottable` was found but it didn't resolve to a single element (e.g.\n      // it wrapped multiple elements, text, or a render-prop `child` that\n      // wasn't an element). Don't fall back to treating the `Slottable` wrapper\n      // itself as the slot target — throw a descriptive error below instead.\n      !hasSlottable && React.Children.count(children) === 1 && React.isValidElement(children)\n    ) {\n      slottableElement = children;\n    }\n    const slottableElementRef = slottableElement ? getElementRef(slottableElement) : void 0;\n    const composedRef = useComposedRefs(forwardedRef, slottableElementRef);\n    if (!slottableElement) {\n      if (children || children === 0) {\n        throw new Error(\n          hasSlottable ? createSlottableError(ownerName) : createSlotError(ownerName)\n        );\n      }\n      return children;\n    }\n    const mergedProps = mergeProps(slotProps, slottableElement.props ?? {});\n    if (slottableElement.type !== React.Fragment) {\n      mergedProps.ref = forwardedRef ? composedRef : slottableElementRef;\n    }\n    return React.cloneElement(slottableElement, mergedProps);\n  });\n  Slot2.displayName = `${ownerName}.Slot`;\n  return Slot2;\n}\nvar Slot = /* @__PURE__ */ createSlot(\"Slot\");\nvar SLOTTABLE_IDENTIFIER = Symbol.for(\"radix.slottable\");\n// @__NO_SIDE_EFFECTS__\nfunction createSlottable(ownerName) {\n  const Slottable2 = (props) => \"child\" in props ? props.children(props.child) : props.children;\n  Slottable2.displayName = `${ownerName}.Slottable`;\n  Slottable2.__radixId = SLOTTABLE_IDENTIFIER;\n  return Slottable2;\n}\nvar Slottable = /* @__PURE__ */ createSlottable(\"Slottable\");\nvar getSlottableElementFromSlottable = (slottable, child) => {\n  if (\"child\" in slottable.props) {\n    const child2 = slottable.props.child;\n    if (!React.isValidElement(child2)) return null;\n    return React.cloneElement(child2, void 0, slottable.props.children(child2.props.children));\n  }\n  return React.isValidElement(child) ? child : null;\n};\nfunction mergeProps(slotProps, childProps) {\n  const overrideProps = { ...childProps };\n  for (const propName in childProps) {\n    const slotPropValue = slotProps[propName];\n    const childPropValue = childProps[propName];\n    const isHandler = /^on[A-Z]/.test(propName);\n    if (isHandler) {\n      if (slotPropValue && childPropValue) {\n        overrideProps[propName] = (...args) => {\n          const result = childPropValue(...args);\n          slotPropValue(...args);\n          return result;\n        };\n      } else if (slotPropValue) {\n        overrideProps[propName] = slotPropValue;\n      }\n    } else if (propName === \"style\") {\n      overrideProps[propName] = { ...slotPropValue, ...childPropValue };\n    } else if (propName === \"className\") {\n      overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(\" \");\n    }\n  }\n  return { ...slotProps, ...overrideProps };\n}\nfunction getElementRef(element) {\n  let getter = Object.getOwnPropertyDescriptor(element.props, \"ref\")?.get;\n  let mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n  if (mayWarn) {\n    return element.ref;\n  }\n  getter = Object.getOwnPropertyDescriptor(element, \"ref\")?.get;\n  mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n  if (mayWarn) {\n    return element.props.ref;\n  }\n  return element.props.ref || element.ref;\n}\nfunction isSlottable(child) {\n  return React.isValidElement(child) && typeof child.type === \"function\" && \"__radixId\" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;\n}\nvar REACT_LAZY_TYPE = Symbol.for(\"react.lazy\");\nfunction isLazyComponent(element) {\n  return element != null && typeof element === \"object\" && \"$$typeof\" in element && element.$$typeof === REACT_LAZY_TYPE && \"_payload\" in element && isPromiseLike(element._payload);\n}\nfunction isPromiseLike(value) {\n  return typeof value === \"object\" && value !== null && \"then\" in value;\n}\nvar createSlotError = (ownerName) => {\n  return `${ownerName} failed to slot onto its children. Expected a single React element child or \\`Slottable\\`.`;\n};\nvar createSlottableError = (ownerName) => {\n  return `${ownerName} failed to slot onto its \\`Slottable\\`. Expected \\`Slottable\\` to receive a single React element child.`;\n};\nvar use = React[\" use \".trim().toString()];\nexport {\n  Slot as Root,\n  Slot,\n  Slottable,\n  createSlot,\n  createSlottable\n};\n//# sourceMappingURL=index.mjs.map\n",
-    "/** @jsxImportSource react */\nimport * as stylex from \"@stylexjs/stylex\";\nimport { Slot, Switch as SwitchPrimitive } from \"radix-ui\";\nimport type { ButtonHTMLAttributes, InputHTMLAttributes, ReactElement, SelectHTMLAttributes, TextareaHTMLAttributes } from \"react\";\nexport type AppButtonVariant = \"default\" | \"primary\" | \"destructive\" | \"danger\" | \"outline\" | \"secondary\" | \"ghost\" | \"link\";\nexport type AppButtonSize = \"default\" | \"xs\" | \"sm\" | \"lg\" | \"icon\" | \"icon-xs\" | \"icon-sm\" | \"icon-lg\";\nfunction classes(...values: Array<string | undefined>): string | undefined {\n  const value = values.filter(Boolean).join(\" \");\n  return value || undefined;\n}\nconst styles = {\n  button: {\n    kGNEyG: \"x6s0dn4\",\n    kysU6D: \"xjyslct\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"xmkeg23\",\n    kaIpWk: \"xu4hgxq\",\n    kB7OPa: \"x9f619\",\n    kkrTdU: \"x1ypdohk\",\n    k1xSpc: \"x3nfvp2\",\n    kmuXW: \"x2lah0s\",\n    kMv6JI: \"x5ddh9m\",\n    kGuDYH: \"x4z9k3i\",\n    k63SB2: \"x1s688f\",\n    kOIVth: \"x167g77z\",\n    kjj79g: \"xl56j7k\",\n    kLWn49: \"xo5v014\",\n    kAzted: \"xu0aao5\",\n    k7Eaqz: \"xeuugli\",\n    ks0D6T: \"x193iq5w\",\n    kHjlTd: \"xj0a0fe\",\n    kI3sdo: \"x1a2a7pz\",\n    k8WAf4: \"x1vvogim\",\n    kg3NbH: \"xqin4a2\",\n    kybGjl: \"x1hl2dhg\",\n    kmkexE: \"x5gjymy x9kvfbb\",\n    khDVqt: \"xeaf4i8\",\n    kEtg5x: \"x1a2sn02\",\n    kYPGJ8: \"x1s07b3s\",\n    kWCcOm: \"xijokvz\",\n    kEVmhK: \"x1gl3shj\",\n    kTWfjk: \"x126n28w\",\n    $$css: true\n  },\n  primary: {\n    kWkggS: \"x15vqgvx\",\n    kVAM5u: \"xawfzfr\",\n    kMwMTN: \"x1um1dla\",\n    k3aq6I: \"x14ow2ja xnotfpo\",\n    kGzVvX: \"x1kgmmxr\",\n    kaVNsj: \"xahbki9\",\n    $$css: true\n  },\n  secondary: {\n    kWkggS: \"xbslqsl\",\n    kVAM5u: \"x8tuc8h\",\n    kMwMTN: \"xqvuw85\",\n    kGzVvX: \"x1uvu3ev\",\n    kaVNsj: \"x1jokge8\",\n    $$css: true\n  },\n  outline: {\n    kWkggS: \"xjbqb8w\",\n    kVAM5u: \"x8tuc8h\",\n    kMwMTN: \"xgi1xjn\",\n    kGzVvX: \"xgvbf8n\",\n    kaVNsj: \"x1jokge8\",\n    kDPRdz: \"x18m2ztq\",\n    $$css: true\n  },\n  ghost: {\n    kWkggS: \"xjbqb8w\",\n    kVAM5u: \"x9r1u3d\",\n    kMwMTN: \"xgi1xjn\",\n    kGzVvX: \"xgvbf8n\",\n    kDPRdz: \"x18m2ztq\",\n    $$css: true\n  },\n  danger: {\n    kWkggS: \"xjbqb8w\",\n    kVAM5u: \"x1ezim0c\",\n    kMwMTN: \"x1mel2pz\",\n    kGzVvX: \"xo6m4nm\",\n    kaVNsj: \"xu43hr4\",\n    kEtg5x: \"xfmqteo\",\n    $$css: true\n  },\n  link: {\n    kWkggS: \"xjbqb8w\",\n    kVAM5u: \"x9r1u3d\",\n    kMwMTN: \"x1myn341\",\n    kAzted: \"x65nank\",\n    k8WAf4: \"xj8oexa\",\n    kg3NbH: \"xnjsko4\",\n    k67Jb4: \"xt0b8zv\",\n    $$css: true\n  },\n  sizeXs: {\n    kaIpWk: \"x1kogg8i\",\n    kGuDYH: \"x1j6dyjg\",\n    kOIVth: \"x1nejdyq\",\n    kAzted: \"xe0p6wg\",\n    k8WAf4: \"xifx94n\",\n    kg3NbH: \"x1q4txso\",\n    $$css: true\n  },\n  sizeSm: {\n    kGuDYH: \"xfifm61\",\n    kAzted: \"x21xpn4\",\n    k8WAf4: \"x1t0vds8\",\n    kg3NbH: \"xfoe8qy\",\n    $$css: true\n  },\n  sizeLg: {\n    kGuDYH: \"xif65rj\",\n    kAzted: \"xgujvf1\",\n    k8WAf4: \"xp59q4u\",\n    kg3NbH: \"x17qtykl\",\n    $$css: true\n  },\n  icon: {\n    kZKoxP: \"xc9qbxq\",\n    kAzted: \"xu0aao5\",\n    kmVPX3: \"x1717udv\",\n    kzqmXN: \"x14qfxbe\",\n    $$css: true\n  },\n  iconXs: {\n    kZKoxP: \"x1fgtraw\",\n    kAzted: \"xe0p6wg\",\n    kmVPX3: \"x1717udv\",\n    kzqmXN: \"xgd8bvy\",\n    $$css: true\n  },\n  iconSm: {\n    kZKoxP: \"x10w6t97\",\n    kAzted: \"x21xpn4\",\n    kmVPX3: \"x1717udv\",\n    kzqmXN: \"x1td3qas\",\n    $$css: true\n  },\n  iconLg: {\n    kZKoxP: \"x5kalc8\",\n    kAzted: \"xgujvf1\",\n    kmVPX3: \"x1717udv\",\n    kzqmXN: \"x10h3iyq\",\n    $$css: true\n  },\n  touchIcon: {\n    k7Eaqz: \"xeuugli x160ygfx\",\n    $$css: true\n  },\n  control: {\n    kysU6D: \"xjyslct\",\n    kWkggS: \"x18s3upu\",\n    kVAM5u: \"x8tuc8h\",\n    kaIpWk: \"xu4hgxq\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"xmkeg23\",\n    kB7OPa: \"x9f619\",\n    kMwMTN: \"xqvuw85\",\n    kMv6JI: \"x5ddh9m\",\n    kGuDYH: \"x1j61zf2\",\n    kLWn49: \"x1xfvgam\",\n    kAzted: \"x1ba4aug\",\n    k7Eaqz: \"xeuugli\",\n    kI3sdo: \"x1a2a7pz\",\n    k8WAf4: \"x1vvogim\",\n    kg3NbH: \"xfoe8qy\",\n    kmkexE: \"x1p5amsn\",\n    kzqmXN: \"xh8yej3\",\n    k8Qsv1: \"x1wku8z5\",\n    k4mVRr: \"xf77ohz\",\n    kWEjV4: \"x6q9x63\",\n    kYPGJ8: \"x1s07b3s\",\n    kWCcOm: \"xk0mbs4\",\n    kHRqo9: \"xck444f\",\n    kSaF8F: \"x10ve9f0\",\n    $$css: true\n  },\n  select: {\n    kKwaWg: \"x18wh80x\",\n    k1YJky: \"xqbhmck\",\n    kz484i: \"xiy17q3\",\n    kgSjnq: \"x6khlng\",\n    kwRFfy: \"x5zjp28\",\n    $$css: true\n  },\n  textarea: {\n    kAzted: \"xefclja\",\n    kHenm0: \"x288g5\",\n    $$css: true\n  }\n};\nfunction buttonStyles(variant: AppButtonVariant, size: AppButtonSize): stylex.StyleXStyles[] {\n  const tone = variant === \"default\" || variant === \"primary\" ? styles.primary : variant === \"destructive\" || variant === \"danger\" ? styles.danger : variant === \"secondary\" ? styles.secondary : variant === \"ghost\" ? styles.ghost : variant === \"link\" ? styles.link : styles.outline;\n  const sizeStyle = size === \"xs\" ? styles.sizeXs : size === \"sm\" ? styles.sizeSm : size === \"lg\" ? styles.sizeLg : size === \"icon\" ? styles.icon : size === \"icon-xs\" ? styles.iconXs : size === \"icon-sm\" ? styles.iconSm : size === \"icon-lg\" ? styles.iconLg : undefined;\n  return sizeStyle ? [styles.button, tone, sizeStyle, size.startsWith(\"icon\") && styles.touchIcon] : [styles.button, tone];\n}\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: AppButtonVariant | undefined;\n  size?: AppButtonSize | undefined;\n  asChild?: boolean | undefined;\n  xstyle?: stylex.StyleXStyles;\n}\nexport function buttonClassName(variant: AppButtonVariant = \"default\", size: AppButtonSize = \"default\"): string {\n  return stylex.props(...buttonStyles(variant, size)).className ?? \"\";\n}\nexport function Button({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  asChild = false,\n  xstyle,\n  style,\n  ...props\n}: ButtonProps): ReactElement {\n  const Component = asChild ? Slot.Root : \"button\";\n  const styleProps = stylex.props(...buttonStyles(variant, size), xstyle);\n  return <Component data-slot=\"button\" data-variant={variant} data-size={size} className={classes(styleProps.className, className)} style={{\n    ...styleProps.style,\n    ...style\n  }} {...props} />;\n}\nexport function Input({\n  className,\n  xstyle,\n  style,\n  ...props\n}: InputHTMLAttributes<HTMLInputElement> & {\n  xstyle?: stylex.StyleXStyles;\n}): ReactElement {\n  const styleProps = stylex.props(styles.control, xstyle);\n  return <input data-slot=\"input\" className={classes(styleProps.className, className)} style={{\n    ...styleProps.style,\n    ...style\n  }} {...props} />;\n}\nexport function NativeSelect({\n  className,\n  xstyle,\n  style,\n  ...props\n}: SelectHTMLAttributes<HTMLSelectElement> & {\n  xstyle?: stylex.StyleXStyles;\n}): ReactElement {\n  const styleProps = stylex.props(styles.control, styles.select, xstyle);\n  return <select data-slot=\"native-select\" className={classes(styleProps.className, className)} style={{\n    ...styleProps.style,\n    ...style\n  }} {...props} />;\n}\nexport function Textarea({\n  className,\n  xstyle,\n  style,\n  ...props\n}: TextareaHTMLAttributes<HTMLTextAreaElement> & {\n  xstyle?: stylex.StyleXStyles;\n}): ReactElement {\n  const styleProps = stylex.props(styles.control, styles.textarea, xstyle);\n  return <textarea data-slot=\"textarea\" className={classes(styleProps.className, className)} style={{\n    ...styleProps.style,\n    ...style\n  }} {...props} />;\n}\nexport type SwitchProps = React.ComponentProps<typeof SwitchPrimitive.Root>;\nexport function Switch({\n  className,\n  ...props\n}: SwitchProps): ReactElement {\n  const rootProps = {\n    className: \"xjyslct xbslqsl x8tuc8h x1e6avla x1y0btm7 xmkeg23 x1ypdohk x3nfvp2 xxk0z11 x1a2a7pz x1i3ajwb x1oagamk x10h3iyq x8a9xbt x1n1caiv x16yjenj x1s07b3s xijokvz\"\n  };\n  const thumbProps = {\n    className: \"xyo362y x16rqkct x1lliihq xmix8c7 xbryuvx x1gt6r2q x1xp8n7a x1bguay0 xu021ln\"\n  };\n  return <SwitchPrimitive.Root data-slot=\"switch\" className={classes(rootProps.className, className)} {...props}>\n      <SwitchPrimitive.Thumb data-slot=\"switch-thumb\" className={thumbProps.className} />\n    </SwitchPrimitive.Root>;\n}",
+    "/** @jsxImportSource react */\nimport * as stylex from \"@stylexjs/stylex\";\nimport { Slot, Switch as SwitchPrimitive } from \"radix-ui\";\nimport type { ButtonHTMLAttributes, ComponentPropsWithRef, ReactElement, SelectHTMLAttributes, TextareaHTMLAttributes } from \"react\";\nexport type AppButtonVariant = \"default\" | \"primary\" | \"destructive\" | \"danger\" | \"outline\" | \"secondary\" | \"ghost\" | \"link\";\nexport type AppButtonSize = \"default\" | \"xs\" | \"sm\" | \"lg\" | \"icon\" | \"icon-xs\" | \"icon-sm\" | \"icon-lg\";\nfunction classes(...values: Array<string | undefined>): string | undefined {\n  const value = values.filter(Boolean).join(\" \");\n  return value || undefined;\n}\nconst styles = {\n  button: {\n    kGNEyG: \"x6s0dn4\",\n    kysU6D: \"xjyslct\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"xmkeg23\",\n    kaIpWk: \"xu4hgxq\",\n    kB7OPa: \"x9f619\",\n    kkrTdU: \"x1ypdohk\",\n    k1xSpc: \"x3nfvp2\",\n    kmuXW: \"x2lah0s\",\n    kMv6JI: \"x5ddh9m\",\n    kGuDYH: \"x4z9k3i\",\n    k63SB2: \"x1s688f\",\n    kOIVth: \"x167g77z\",\n    kjj79g: \"xl56j7k\",\n    kLWn49: \"xo5v014\",\n    kAzted: \"xu0aao5\",\n    k7Eaqz: \"xeuugli\",\n    ks0D6T: \"x193iq5w\",\n    kHjlTd: \"xj0a0fe\",\n    kI3sdo: \"x1a2a7pz\",\n    k8WAf4: \"x1vvogim\",\n    kg3NbH: \"xqin4a2\",\n    kybGjl: \"x1hl2dhg\",\n    kmkexE: \"x5gjymy x9kvfbb\",\n    khDVqt: \"xeaf4i8\",\n    kEtg5x: \"x1a2sn02\",\n    kYPGJ8: \"x1s07b3s\",\n    kWCcOm: \"xijokvz\",\n    kEVmhK: \"x1gl3shj\",\n    kTWfjk: \"x126n28w\",\n    $$css: true\n  },\n  primary: {\n    kWkggS: \"x15vqgvx\",\n    kVAM5u: \"xawfzfr\",\n    kMwMTN: \"x1um1dla\",\n    k3aq6I: \"x14ow2ja xnotfpo\",\n    kGzVvX: \"x1kgmmxr\",\n    kaVNsj: \"xahbki9\",\n    $$css: true\n  },\n  secondary: {\n    kWkggS: \"xbslqsl\",\n    kVAM5u: \"x8tuc8h\",\n    kMwMTN: \"xqvuw85\",\n    kGzVvX: \"x1uvu3ev\",\n    kaVNsj: \"x1jokge8\",\n    $$css: true\n  },\n  outline: {\n    kWkggS: \"xjbqb8w\",\n    kVAM5u: \"x8tuc8h\",\n    kMwMTN: \"xgi1xjn\",\n    kGzVvX: \"xgvbf8n\",\n    kaVNsj: \"x1jokge8\",\n    kDPRdz: \"x18m2ztq\",\n    $$css: true\n  },\n  ghost: {\n    kWkggS: \"xjbqb8w\",\n    kVAM5u: \"x9r1u3d\",\n    kMwMTN: \"xgi1xjn\",\n    kGzVvX: \"xgvbf8n\",\n    kDPRdz: \"x18m2ztq\",\n    $$css: true\n  },\n  danger: {\n    kWkggS: \"xjbqb8w\",\n    kVAM5u: \"x1ezim0c\",\n    kMwMTN: \"x1mel2pz\",\n    kGzVvX: \"xo6m4nm\",\n    kaVNsj: \"xu43hr4\",\n    kEtg5x: \"xfmqteo\",\n    $$css: true\n  },\n  link: {\n    kWkggS: \"xjbqb8w\",\n    kVAM5u: \"x9r1u3d\",\n    kMwMTN: \"x1myn341\",\n    kAzted: \"x65nank\",\n    k8WAf4: \"xj8oexa\",\n    kg3NbH: \"xnjsko4\",\n    k67Jb4: \"xt0b8zv\",\n    $$css: true\n  },\n  sizeXs: {\n    kaIpWk: \"x1kogg8i\",\n    kGuDYH: \"x1j6dyjg\",\n    kOIVth: \"x1nejdyq\",\n    kAzted: \"xe0p6wg\",\n    k8WAf4: \"xifx94n\",\n    kg3NbH: \"x1q4txso\",\n    $$css: true\n  },\n  sizeSm: {\n    kGuDYH: \"xfifm61\",\n    kAzted: \"x21xpn4\",\n    k8WAf4: \"x1t0vds8\",\n    kg3NbH: \"xfoe8qy\",\n    $$css: true\n  },\n  sizeLg: {\n    kGuDYH: \"xif65rj\",\n    kAzted: \"xgujvf1\",\n    k8WAf4: \"xp59q4u\",\n    kg3NbH: \"x17qtykl\",\n    $$css: true\n  },\n  icon: {\n    kZKoxP: \"xc9qbxq\",\n    kAzted: \"xu0aao5\",\n    kmVPX3: \"x1717udv\",\n    kzqmXN: \"x14qfxbe\",\n    $$css: true\n  },\n  iconXs: {\n    kZKoxP: \"x1fgtraw\",\n    kAzted: \"xe0p6wg\",\n    kmVPX3: \"x1717udv\",\n    kzqmXN: \"xgd8bvy\",\n    $$css: true\n  },\n  iconSm: {\n    kZKoxP: \"x10w6t97\",\n    kAzted: \"x21xpn4\",\n    kmVPX3: \"x1717udv\",\n    kzqmXN: \"x1td3qas\",\n    $$css: true\n  },\n  iconLg: {\n    kZKoxP: \"x5kalc8\",\n    kAzted: \"xgujvf1\",\n    kmVPX3: \"x1717udv\",\n    kzqmXN: \"x10h3iyq\",\n    $$css: true\n  },\n  touchIcon: {\n    k7Eaqz: \"xeuugli x160ygfx\",\n    $$css: true\n  },\n  control: {\n    kysU6D: \"xjyslct\",\n    kWkggS: \"x18s3upu\",\n    kVAM5u: \"x8tuc8h\",\n    kaIpWk: \"xu4hgxq\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"xmkeg23\",\n    kB7OPa: \"x9f619\",\n    kMwMTN: \"xqvuw85\",\n    kMv6JI: \"x5ddh9m\",\n    kGuDYH: \"x1j61zf2\",\n    kLWn49: \"x1xfvgam\",\n    kAzted: \"x1ba4aug\",\n    k7Eaqz: \"xeuugli\",\n    kI3sdo: \"x1a2a7pz\",\n    k8WAf4: \"x1vvogim\",\n    kg3NbH: \"xfoe8qy\",\n    kmkexE: \"x1p5amsn\",\n    kzqmXN: \"xh8yej3\",\n    k8Qsv1: \"x1wku8z5\",\n    k4mVRr: \"xf77ohz\",\n    kWEjV4: \"x6q9x63\",\n    kYPGJ8: \"x1s07b3s\",\n    kWCcOm: \"xk0mbs4\",\n    kHRqo9: \"xck444f\",\n    kSaF8F: \"x10ve9f0\",\n    $$css: true\n  },\n  select: {\n    kKwaWg: \"x18wh80x\",\n    k1YJky: \"xqbhmck\",\n    kz484i: \"xiy17q3\",\n    kgSjnq: \"x6khlng\",\n    kwRFfy: \"x5zjp28\",\n    $$css: true\n  },\n  textarea: {\n    kAzted: \"xefclja\",\n    kHenm0: \"x288g5\",\n    $$css: true\n  }\n};\nfunction buttonStyles(variant: AppButtonVariant, size: AppButtonSize): stylex.StyleXStyles[] {\n  const tone = variant === \"default\" || variant === \"primary\" ? styles.primary : variant === \"destructive\" || variant === \"danger\" ? styles.danger : variant === \"secondary\" ? styles.secondary : variant === \"ghost\" ? styles.ghost : variant === \"link\" ? styles.link : styles.outline;\n  const sizeStyle = size === \"xs\" ? styles.sizeXs : size === \"sm\" ? styles.sizeSm : size === \"lg\" ? styles.sizeLg : size === \"icon\" ? styles.icon : size === \"icon-xs\" ? styles.iconXs : size === \"icon-sm\" ? styles.iconSm : size === \"icon-lg\" ? styles.iconLg : undefined;\n  return sizeStyle ? [styles.button, tone, sizeStyle, size.startsWith(\"icon\") && styles.touchIcon] : [styles.button, tone];\n}\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: AppButtonVariant | undefined;\n  size?: AppButtonSize | undefined;\n  asChild?: boolean | undefined;\n  xstyle?: stylex.StyleXStyles;\n}\nexport function buttonClassName(variant: AppButtonVariant = \"default\", size: AppButtonSize = \"default\"): string {\n  return stylex.props(...buttonStyles(variant, size)).className ?? \"\";\n}\nexport function Button({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  asChild = false,\n  xstyle,\n  style,\n  ...props\n}: ButtonProps): ReactElement {\n  const Component = asChild ? Slot.Root : \"button\";\n  const styleProps = stylex.props(...buttonStyles(variant, size), xstyle);\n  return <Component data-slot=\"button\" data-variant={variant} data-size={size} className={classes(styleProps.className, className)} style={{\n    ...styleProps.style,\n    ...style\n  }} {...props} />;\n}\nexport function Input({\n  className,\n  xstyle,\n  style,\n  ...props\n}: ComponentPropsWithRef<\"input\"> & {\n  xstyle?: stylex.StyleXStyles;\n}): ReactElement {\n  const styleProps = stylex.props(styles.control, xstyle);\n  return <input data-slot=\"input\" className={classes(styleProps.className, className)} style={{\n    ...styleProps.style,\n    ...style\n  }} {...props} />;\n}\nexport function NativeSelect({\n  className,\n  xstyle,\n  style,\n  ...props\n}: SelectHTMLAttributes<HTMLSelectElement> & {\n  xstyle?: stylex.StyleXStyles;\n}): ReactElement {\n  const styleProps = stylex.props(styles.control, styles.select, xstyle);\n  return <select data-slot=\"native-select\" className={classes(styleProps.className, className)} style={{\n    ...styleProps.style,\n    ...style\n  }} {...props} />;\n}\nexport function Textarea({\n  className,\n  xstyle,\n  style,\n  ...props\n}: TextareaHTMLAttributes<HTMLTextAreaElement> & {\n  xstyle?: stylex.StyleXStyles;\n}): ReactElement {\n  const styleProps = stylex.props(styles.control, styles.textarea, xstyle);\n  return <textarea data-slot=\"textarea\" className={classes(styleProps.className, className)} style={{\n    ...styleProps.style,\n    ...style\n  }} {...props} />;\n}\nexport type SwitchProps = React.ComponentProps<typeof SwitchPrimitive.Root>;\nexport function Switch({\n  className,\n  ...props\n}: SwitchProps): ReactElement {\n  const rootProps = {\n    className: \"xjyslct xbslqsl x8tuc8h x1e6avla x1y0btm7 xmkeg23 x1ypdohk x3nfvp2 xxk0z11 x1a2a7pz x1i3ajwb x1oagamk x10h3iyq x8a9xbt x1n1caiv x16yjenj x1s07b3s xijokvz\"\n  };\n  const thumbProps = {\n    className: \"xyo362y x16rqkct x1lliihq xmix8c7 xbryuvx x1gt6r2q x1xp8n7a x1bguay0 xu021ln\"\n  };\n  return <SwitchPrimitive.Root data-slot=\"switch\" className={classes(rootProps.className, className)} {...props}>\n      <SwitchPrimitive.Thumb data-slot=\"switch-thumb\" className={thumbProps.className} />\n    </SwitchPrimitive.Root>;\n}",
     "/** @jsxImportSource react */\nimport * as stylex from \"@stylexjs/stylex\";\nimport { AlertDialog as AlertDialogPrimitive, Dialog as DialogPrimitive, DropdownMenu as DropdownMenuPrimitive, Select as SelectPrimitive, Tabs as TabsPrimitive } from \"radix-ui\";\nimport { Fragment, useSyncExternalStore, type ComponentProps, type ReactElement, type ReactNode } from \"react\";\nimport { Button } from \"./controls\";\nfunction classes(...values: Array<string | undefined>): string | undefined {\n  const value = values.filter(Boolean).join(\" \");\n  return value || undefined;\n}\nconst styles = {\n  disclosureTrigger: {\n    kFhvOy: \"x1lqcxt8\",\n    $$css: true\n  }\n};\nexport function Dialog(props: ComponentProps<typeof DialogPrimitive.Root>): ReactElement {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\nexport function DialogTrigger(props: ComponentProps<typeof DialogPrimitive.Trigger>): ReactElement {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\nexport function DialogPortal(props: ComponentProps<typeof DialogPrimitive.Portal>): ReactElement {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\nexport function DialogClose(props: ComponentProps<typeof DialogPrimitive.Close>): ReactElement {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\nexport function DialogOverlay({\n  className,\n  ...props\n}: ComponentProps<typeof DialogPrimitive.Overlay>): ReactElement {\n  return <DialogPrimitive.Overlay data-slot=\"dialog-overlay\" className={classes({\n    className: \"x779uuu xpivpjv x10a8y8t xixxii4 xfo81ep\"\n  }.className, className)} {...props} />;\n}\nexport function DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  ...props\n}: ComponentProps<typeof DialogPrimitive.Content> & {\n  showCloseButton?: boolean | undefined;\n}): ReactElement {\n  return <DialogPortal>\n      <DialogOverlay />\n      <DialogPrimitive.Content data-slot=\"dialog-content\" className={classes({\n      className: \"x18s3upu x8tuc8h xixl9f9 x1y0btm7 xmkeg23 xqz5wv3 xqvuw85 xj0a0fe xrvj5dj xou54vl x1nrll8i xojfs98 xw7nakj x1a2a7pz x1odjw0f xggk2y7 xixxii4 xwa60dl x11lhmoz xv9tjks x1bkdxzg x1lclwwd xgrp7ii x1imafyg x1lgz1aq x172uiah xxnk3sr xeyi6kz x1lak8av x1qa1qnr xl7365u x1mji7za x1dbdljh\"\n    }.className, className)} {...props}>\n        {children}\n        {showCloseButton && <DialogPrimitive.Close data-slot=\"dialog-close\" className={{\n        className: \"x6s0dn4 xjyslct xjbqb8w x9r1u3d xu4hgxq x1y0btm7 xmkeg23 x1ar3pfp x1ypdohk x3nfvp2 xa9opjo xosj86m x10w6t97 xl56j7k x1a2a7pz x10l6tqk x44moml xuivejd x1td3qas xzy26m8 x1fkvin3 xgvbf8n x18m2ztq x1iom3s4 x1x9skyz\"\n      }.className} aria-label=\"Close\">\n            ×\n          </DialogPrimitive.Close>}\n      </DialogPrimitive.Content>\n    </DialogPortal>;\n}\nexport function DialogHeader({\n  className,\n  ...props\n}: ComponentProps<\"div\">): ReactElement {\n  return <div data-slot=\"dialog-header\" className={classes({\n    className: \"xrvj5dj x1j9xkj6 xsfy40s x1s77nak\"\n  }.className, className)} {...props} />;\n}\nexport function DialogFooter({\n  className,\n  showCloseButton = false,\n  children,\n  ...props\n}: ComponentProps<\"div\"> & {\n  showCloseButton?: boolean | undefined;\n}): ReactElement {\n  return <div data-slot=\"dialog-footer\" className={classes({\n    className: \"x78zum5 x883omv x13a6bvl x10acg2q x5z33oq\"\n  }.className, className)} {...props}>\n      {children}\n      {showCloseButton && <DialogPrimitive.Close asChild>\n          <Button variant=\"outline\">Close</Button>\n        </DialogPrimitive.Close>}\n    </div>;\n}\nexport function DialogTitle({\n  className,\n  ...props\n}: ComponentProps<typeof DialogPrimitive.Title>): ReactElement {\n  return <DialogPrimitive.Title data-slot=\"dialog-title\" className={classes({\n    className: \"xqvuw85 xssy22x x1i1m3gp xk50ysn x1uo3zyz x1ghz6dp\"\n  }.className, className)} {...props} />;\n}\nexport function DialogDescription({\n  className,\n  ...props\n}: ComponentProps<typeof DialogPrimitive.Description>): ReactElement {\n  return <DialogPrimitive.Description data-slot=\"dialog-description\" className={classes({\n    className: \"xgi1xjn xif65rj x1jjo3f5 x1ghz6dp\"\n  }.className, className)} {...props} />;\n}\nexport interface ConfirmDialogProps {\n  mark: string;\n  title: string;\n  titleId: string;\n  children: ReactNode;\n  cancelLabel: string;\n  confirmLabel: string;\n  pending?: boolean | undefined;\n  sectionClassName?: string | undefined;\n  confirmVariant?: \"primary\" | \"danger\" | undefined;\n  confirmClassName?: string | undefined;\n  /** The caller owns outside-dismiss policy; pending confirmations cannot dismiss. */\n  dismissOnOutside?: boolean | undefined;\n  onCancel: () => void;\n  onConfirm: () => void;\n}\nfunction subscribeToClient(): () => void {\n  return (): void => {};\n}\nfunction clientSnapshot(): boolean {\n  return true;\n}\nfunction serverSnapshot(): boolean {\n  return false;\n}\nexport function ConfirmDialog(props: ConfirmDialogProps): ReactElement {\n  const pending = props.pending === true;\n  // Keep useful SSR markup, then move the live modal outside containing blocks.\n  const client = useSyncExternalStore(subscribeToClient, clientSnapshot, serverSnapshot);\n  const Surface = client ? AlertDialogPrimitive.Portal : Fragment;\n  return <AlertDialogPrimitive.Root open onOpenChange={open => {\n    if (!open && !pending) props.onCancel();\n  }}>\n      <Surface {...client ? {\n      container: document.body\n    } : {}}>\n        <AlertDialogPrimitive.Overlay className={{\n        className: \"x779uuu xpivpjv x10a8y8t xixxii4 xfo81ep\"\n      }.className} onPointerDown={props.dismissOnOutside && !pending ? props.onCancel : undefined} />\n        <AlertDialogPrimitive.Content className={classes({\n        className: \"x18s3upu x8tuc8h xixl9f9 x1y0btm7 xmkeg23 xqz5wv3 xqvuw85 xj0a0fe xrvj5dj xou54vl x1nrll8i xojfs98 xw7nakj x1a2a7pz x1odjw0f xggk2y7 xixxii4 xwa60dl x11lhmoz xv9tjks x1bkdxzg x1lclwwd xgrp7ii x1imafyg x1lgz1aq x172uiah xxnk3sr xeyi6kz x1lak8av x1qa1qnr xl7365u x1mji7za x1dbdljh\"\n      }.className, \"delete-modal\", props.sectionClassName)} aria-labelledby={props.titleId}>\n          <span className={{\n          className: \"x6s0dn4 xu2kkqm x16rqkct x1mel2pz x3nfvp2 xa9opjo xosj86m xc9qbxq xl56j7k x14qfxbe\"\n        }.className} aria-hidden>\n            {props.mark}\n          </span>\n          <AlertDialogPrimitive.Title id={props.titleId} className={{\n          className: \"xqvuw85 xssy22x x1i1m3gp xk50ysn x1uo3zyz x1ghz6dp\"\n        }.className}>\n            {props.title}\n          </AlertDialogPrimitive.Title>\n          <AlertDialogPrimitive.Description asChild>\n            <div>{props.children}</div>\n          </AlertDialogPrimitive.Description>\n          <div className={{\n          className: \"x78zum5 x883omv x13a6bvl x10acg2q x5z33oq\"\n        }.className}>\n            <AlertDialogPrimitive.Cancel asChild>\n              <Button type=\"button\" variant=\"outline\" disabled={pending}>\n                {props.cancelLabel}\n              </Button>\n            </AlertDialogPrimitive.Cancel>\n            <Button type=\"button\" variant={props.confirmVariant ?? \"primary\"} className={props.confirmClassName} disabled={pending} onClick={props.onConfirm}>\n              {props.confirmLabel}\n            </Button>\n          </div>\n        </AlertDialogPrimitive.Content>\n      </Surface>\n    </AlertDialogPrimitive.Root>;\n}\nexport function DisclosureSheet(props: {\n  title: string;\n  triggerLabel: ReactNode;\n  triggerVariant?: \"outline\" | \"link\" | \"primary\" | undefined;\n  children: ReactNode;\n  className?: string | undefined;\n}): ReactElement {\n  return <Dialog>\n      <DialogTrigger asChild>\n        <Button type=\"button\" variant={props.triggerVariant ?? \"outline\"} xstyle={styles.disclosureTrigger} className={props.className}>\n          {props.triggerLabel}\n        </Button>\n      </DialogTrigger>\n      <DialogContent aria-label={props.title} aria-describedby={undefined}>\n        <DialogHeader>\n          <DialogTitle>{props.title}</DialogTitle>\n        </DialogHeader>\n        {props.children}\n      </DialogContent>\n    </Dialog>;\n}\nexport function Tabs(props: ComponentProps<typeof TabsPrimitive.Root>): ReactElement {\n  return <TabsPrimitive.Root data-slot=\"tabs\" {...props} />;\n}\nexport function TabsList({\n  className,\n  ...props\n}: ComponentProps<typeof TabsPrimitive.List>): ReactElement {\n  return <TabsPrimitive.List data-slot=\"tabs-list\" className={classes({\n    className: \"xna4lh4 x1q0q8m5 xso031l x78zum5 x1jnr06f xw2csxc\"\n  }.className, className)} {...props} />;\n}\nexport function TabsTrigger({\n  className,\n  ...props\n}: ComponentProps<typeof TabsPrimitive.Trigger>): ReactElement {\n  return <TabsPrimitive.Trigger data-slot=\"tabs-trigger\" className={classes({\n    className: \"xjyslct xjbqb8w x9r1u3d x1y0btm7 xc342km xlxy82 x1ar3pfp x1ypdohk x5ddh9m x4z9k3i x1s688f x1ba4aug x1a2a7pz xaope02 xuxw1ft x18m2ztq x18rpbmq xtobj18 x72d8q6\"\n  }.className, className)} {...props} />;\n}\nexport function TabsContent({\n  className,\n  ...props\n}: ComponentProps<typeof TabsPrimitive.Content>): ReactElement {\n  return <TabsPrimitive.Content data-slot=\"tabs-content\" className={classes({\n    className: \"x1a2a7pz xyamay9\"\n  }.className, className)} {...props} />;\n}\nexport interface AppTabDefinition {\n  value: string;\n  label: ReactNode;\n  count?: number | undefined;\n  content: ReactNode;\n}\nexport function AppTabs(props: {\n  label: string;\n  value: string;\n  tabs: readonly AppTabDefinition[];\n  onValueChange: (value: string) => void;\n}): ReactElement {\n  return <TabsPrimitive.Root value={props.value} onValueChange={props.onValueChange}>\n      <TabsPrimitive.List aria-label={props.label} className={{\n      className: \"xna4lh4 x1q0q8m5 xso031l x78zum5 x1jnr06f xw2csxc\"\n    }.className}>\n        {props.tabs.map(tab => <TabsPrimitive.Trigger key={tab.value} value={tab.value} className={{\n        className: \"xjyslct xjbqb8w x9r1u3d x1y0btm7 xc342km xlxy82 x1ar3pfp x1ypdohk x5ddh9m x4z9k3i x1s688f x1ba4aug x1a2a7pz xaope02 xuxw1ft x18m2ztq x18rpbmq xtobj18 x72d8q6\"\n      }.className}>\n            {tab.label}\n            {tab.count !== undefined ? ` (${tab.count})` : \"\"}\n          </TabsPrimitive.Trigger>)}\n      </TabsPrimitive.List>\n      {props.tabs.map(tab => <TabsPrimitive.Content key={tab.value} value={tab.value} className={{\n      className: \"x1a2a7pz xyamay9\"\n    }.className}>\n          {tab.content}\n        </TabsPrimitive.Content>)}\n    </TabsPrimitive.Root>;\n}\nexport function DropdownMenu(props: ComponentProps<typeof DropdownMenuPrimitive.Root>): ReactElement {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />;\n}\nexport function DropdownMenuPortal(props: ComponentProps<typeof DropdownMenuPrimitive.Portal>): ReactElement {\n  return <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />;\n}\nexport function DropdownMenuTrigger(props: ComponentProps<typeof DropdownMenuPrimitive.Trigger>): ReactElement {\n  return <DropdownMenuPrimitive.Trigger data-slot=\"dropdown-menu-trigger\" {...props} />;\n}\nexport function DropdownMenuContent({\n  className,\n  sideOffset = 4,\n  ...props\n}: ComponentProps<typeof DropdownMenuPrimitive.Content>): ReactElement {\n  return <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content data-slot=\"dropdown-menu-content\" sideOffset={sideOffset} className={classes({\n      className: \"x18s3upu x8tuc8h xhpnuu7 x1y0btm7 xmkeg23 x11niwyr xqvuw85 xlz9g7p xfb3i0g x1odjw0f x14odnwx xp6lfbs\"\n    }.className, className)} {...props} />\n    </DropdownMenuPrimitive.Portal>;\n}\nexport function DropdownMenuGroup(props: ComponentProps<typeof DropdownMenuPrimitive.Group>): ReactElement {\n  return <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />;\n}\nexport function DropdownMenuItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  inset?: boolean | undefined;\n  variant?: \"default\" | \"destructive\" | undefined;\n}): ReactElement {\n  return <DropdownMenuPrimitive.Item data-slot=\"dropdown-menu-item\" data-inset={inset === true ? true : undefined} data-variant={variant} className={classes({\n    0: {\n      className: \"x6s0dn4 x1kogg8i xgi1xjn xt0e3qv x78zum5 x5ddh9m x4z9k3i x167g77z xu97haq x1a2a7pz xknfcqp x1q4txso x1n2onr6 x87ps6o xs1gn80 xs9chkp x1k4xm7o xye1tj0\"\n    },\n    2: {\n      className: \"x6s0dn4 x1kogg8i xgi1xjn xt0e3qv x78zum5 x5ddh9m x4z9k3i x167g77z xu97haq x1a2a7pz xknfcqp x1q4txso x1n2onr6 x87ps6o xs1gn80 xs9chkp x1k4xm7o xye1tj0 x162tt16\"\n    },\n    1: {\n      className: \"x6s0dn4 x1kogg8i xt0e3qv x78zum5 x5ddh9m x4z9k3i x167g77z xu97haq x1a2a7pz xknfcqp x1q4txso x1n2onr6 x87ps6o x1k4xm7o xye1tj0 x1mel2pz xc3vbd0 x4jg2hm\"\n    },\n    3: {\n      className: \"x6s0dn4 x1kogg8i xt0e3qv x78zum5 x5ddh9m x4z9k3i x167g77z xu97haq x1a2a7pz xknfcqp x1q4txso x1n2onr6 x87ps6o x1k4xm7o xye1tj0 x162tt16 x1mel2pz xc3vbd0 x4jg2hm\"\n    }\n  }[!!inset << 1 | !!(variant === \"destructive\") << 0].className, className)} {...props} />;\n}\nexport function DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): ReactElement {\n  return <DropdownMenuPrimitive.CheckboxItem data-slot=\"dropdown-menu-checkbox-item\" className={classes({\n    className: \"x6s0dn4 x1kogg8i xgi1xjn xt0e3qv x78zum5 x5ddh9m x4z9k3i x167g77z xu97haq x1a2a7pz xknfcqp x1q4txso x1n2onr6 x87ps6o xs1gn80 xs9chkp x1k4xm7o xye1tj0 x162tt16\"\n  }.className, className)} {...checked === undefined ? {} : {\n    checked\n  }} {...props}>\n      <span className={{\n      className: \"x6s0dn4 x78zum5 xl56j7k x1rgg377 x10l6tqk x6jxa94\"\n    }.className}>\n        <DropdownMenuPrimitive.ItemIndicator>\n          ✓\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>;\n}\nexport function DropdownMenuRadioGroup(props: ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): ReactElement {\n  return <DropdownMenuPrimitive.RadioGroup data-slot=\"dropdown-menu-radio-group\" {...props} />;\n}\nexport function DropdownMenuRadioItem({\n  className,\n  children,\n  ...props\n}: ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): ReactElement {\n  return <DropdownMenuPrimitive.RadioItem data-slot=\"dropdown-menu-radio-item\" className={classes({\n    className: \"x6s0dn4 x1kogg8i xgi1xjn xt0e3qv x78zum5 x5ddh9m x4z9k3i x167g77z xu97haq x1a2a7pz xknfcqp x1q4txso x1n2onr6 x87ps6o xs1gn80 xs9chkp x1k4xm7o xye1tj0 x162tt16\"\n  }.className, className)} {...props}>\n      <span className={{\n      className: \"x6s0dn4 x78zum5 xl56j7k x1rgg377 x10l6tqk x6jxa94\"\n    }.className}>\n        <DropdownMenuPrimitive.ItemIndicator>\n          •\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>;\n}\nexport function DropdownMenuLabel({\n  className,\n  inset,\n  ...props\n}: ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n  inset?: boolean | undefined;\n}): ReactElement {\n  return <DropdownMenuPrimitive.Label data-slot=\"dropdown-menu-label\" className={classes({\n    0: {\n      className: \"x1ar3pfp xa9opjo x1k6wstc x1dor1uw x11dh7js x1q4txso xtvhhri\"\n    },\n    1: {\n      className: \"x1ar3pfp xa9opjo x1k6wstc x1dor1uw x11dh7js x1q4txso xtvhhri x162tt16\"\n    }\n  }[!!inset << 0].className, className)} {...props} />;\n}\nexport function DropdownMenuSeparator({\n  className,\n  ...props\n}: ComponentProps<typeof DropdownMenuPrimitive.Separator>): ReactElement {\n  return <DropdownMenuPrimitive.Separator data-slot=\"dropdown-menu-separator\" className={classes({\n    className: \"xg47p5g xjm9jq1 xg9jes1\"\n  }.className, className)} {...props} />;\n}\nexport function DropdownMenuShortcut({\n  className,\n  ...props\n}: ComponentProps<\"span\">): ReactElement {\n  return <span data-slot=\"dropdown-menu-shortcut\" className={classes({\n    className: \"x1ar3pfp xa9opjo x1k6wstc xvc5jky\"\n  }.className, className)} {...props} />;\n}\nexport function DropdownMenuSub(props: ComponentProps<typeof DropdownMenuPrimitive.Sub>): ReactElement {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />;\n}\nexport function DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n  inset?: boolean | undefined;\n}): ReactElement {\n  return <DropdownMenuPrimitive.SubTrigger data-slot=\"dropdown-menu-sub-trigger\" className={classes({\n    0: {\n      className: \"x6s0dn4 x1kogg8i xgi1xjn xt0e3qv x78zum5 x5ddh9m x4z9k3i x167g77z xu97haq x1a2a7pz xknfcqp x1q4txso x1n2onr6 x87ps6o xs1gn80 xs9chkp x1k4xm7o xye1tj0\"\n    },\n    1: {\n      className: \"x6s0dn4 x1kogg8i xgi1xjn xt0e3qv x78zum5 x5ddh9m x4z9k3i x167g77z xu97haq x1a2a7pz xknfcqp x1q4txso x1n2onr6 x87ps6o xs1gn80 xs9chkp x1k4xm7o xye1tj0 x162tt16\"\n    }\n  }[!!inset << 0].className, className)} {...props}>\n      {children}\n      <span aria-hidden>›</span>\n    </DropdownMenuPrimitive.SubTrigger>;\n}\nexport function DropdownMenuSubContent({\n  className,\n  ...props\n}: ComponentProps<typeof DropdownMenuPrimitive.SubContent>): ReactElement {\n  return <DropdownMenuPrimitive.SubContent data-slot=\"dropdown-menu-sub-content\" className={classes({\n    className: \"x18s3upu x8tuc8h xhpnuu7 x1y0btm7 xmkeg23 x11niwyr xqvuw85 xlz9g7p xfb3i0g x1odjw0f x14odnwx xp6lfbs\"\n  }.className, className)} {...props} />;\n}\nexport function Select(props: ComponentProps<typeof SelectPrimitive.Root>): ReactElement {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\nexport function SelectGroup(props: ComponentProps<typeof SelectPrimitive.Group>): ReactElement {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />;\n}\nexport function SelectValue(props: ComponentProps<typeof SelectPrimitive.Value>): ReactElement {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\nexport function SelectTrigger({\n  className,\n  size = \"default\",\n  children,\n  ...props\n}: ComponentProps<typeof SelectPrimitive.Trigger> & {\n  size?: \"sm\" | \"default\" | undefined;\n}): ReactElement {\n  return <SelectPrimitive.Trigger data-slot=\"select-trigger\" data-size={size} className={classes({\n    0: {\n      className: \"x6s0dn4 xjyslct x18s3upu x8tuc8h xu4hgxq x1y0btm7 xmkeg23 xqvuw85 x1ypdohk x3nfvp2 x5ddh9m x1j61zf2 x167g77z x1qughib x1ba4aug x5w4yej x1a2a7pz xfoe8qy x1iom3s4 x1o00wks x1ibo89m x1s07b3s xijokvz\"\n    },\n    1: {\n      className: \"x6s0dn4 xjyslct x18s3upu x8tuc8h xu4hgxq x1y0btm7 xmkeg23 xqvuw85 x1ypdohk x3nfvp2 x5ddh9m x167g77z x1qughib x5w4yej x1a2a7pz xfoe8qy x1iom3s4 x1o00wks x1ibo89m x1s07b3s xijokvz x4z9k3i xu97haq\"\n    }\n  }[!!(size === \"sm\") << 0].className, className)} {...props}>\n      {children}\n      <SelectPrimitive.Icon aria-hidden>⌄</SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>;\n}\nexport function SelectContent({\n  className,\n  children,\n  position = \"item-aligned\",\n  align = \"center\",\n  ...props\n}: ComponentProps<typeof SelectPrimitive.Content>): ReactElement {\n  return <SelectPrimitive.Portal>\n      <SelectPrimitive.Content data-slot=\"select-content\" position={position} align={align} className={classes({\n      className: \"x18s3upu x8tuc8h xhpnuu7 x1y0btm7 xmkeg23 x11niwyr xqvuw85 x1odjw0f x14odnwx xp6lfbs x1yy5vjr x113rx6s\"\n    }.className, className)} {...props}>\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport className={{\n        className: \"x14odnwx\"\n      }.className}>\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>;\n}\nexport function SelectLabel({\n  className,\n  ...props\n}: ComponentProps<typeof SelectPrimitive.Label>): ReactElement {\n  return <SelectPrimitive.Label data-slot=\"select-label\" className={classes({\n    className: \"x1ar3pfp xa9opjo x1k6wstc x1dor1uw x11dh7js x1q4txso xtvhhri\"\n  }.className, className)} {...props} />;\n}\nexport function SelectItem({\n  className,\n  children,\n  ...props\n}: ComponentProps<typeof SelectPrimitive.Item>): ReactElement {\n  return <SelectPrimitive.Item data-slot=\"select-item\" className={classes({\n    className: \"x6s0dn4 x1kogg8i xgi1xjn xt0e3qv x78zum5 x5ddh9m x4z9k3i x167g77z xu97haq x1a2a7pz xknfcqp x1q4txso x1n2onr6 x87ps6o xs1gn80 xs9chkp x1k4xm7o xye1tj0 x5zjp28\"\n  }.className, className)} {...props}>\n      <span className={{\n      className: \"x6s0dn4 x78zum5 xl56j7k x1rgg377 x10l6tqk x6jxa94\"\n    }.className}>\n        <SelectPrimitive.ItemIndicator>✓</SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>;\n}\nexport function SelectSeparator({\n  className,\n  ...props\n}: ComponentProps<typeof SelectPrimitive.Separator>): ReactElement {\n  return <SelectPrimitive.Separator data-slot=\"select-separator\" className={classes({\n    className: \"xg47p5g xjm9jq1 xg9jes1\"\n  }.className, className)} {...props} />;\n}\nexport function SelectScrollUpButton({\n  className,\n  ...props\n}: ComponentProps<typeof SelectPrimitive.ScrollUpButton>): ReactElement {\n  return <SelectPrimitive.ScrollUpButton data-slot=\"select-scroll-up-button\" className={classes({\n    className: \"x6s0dn4 x1ar3pfp x78zum5 x1fgtraw xl56j7k\"\n  }.className, className)} {...props}>\n      ↑\n    </SelectPrimitive.ScrollUpButton>;\n}\nexport function SelectScrollDownButton({\n  className,\n  ...props\n}: ComponentProps<typeof SelectPrimitive.ScrollDownButton>): ReactElement {\n  return <SelectPrimitive.ScrollDownButton data-slot=\"select-scroll-down-button\" className={classes({\n    className: \"x6s0dn4 x1ar3pfp x78zum5 x1fgtraw xl56j7k\"\n  }.className, className)} {...props}>\n      ↓\n    </SelectPrimitive.ScrollDownButton>;\n}",
     "import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n",
     "/**\n * @license lucide-react v1.23.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport { forwardRef, createElement } from 'react';\nimport { mergeClasses } from './shared/src/utils/mergeClasses.mjs';\nimport { toKebabCase } from './shared/src/utils/toKebabCase.mjs';\nimport { toPascalCase } from './shared/src/utils/toPascalCase.mjs';\nimport Icon from './Icon.mjs';\n\nconst createLucideIcon = (iconName, iconNode) => {\n  const Component = forwardRef(\n    ({ className, ...props }, ref) => createElement(Icon, {\n      ref,\n      iconNode,\n      className: mergeClasses(\n        `lucide-${toKebabCase(toPascalCase(iconName))}`,\n        `lucide-${iconName}`,\n        className\n      ),\n      ...props\n    })\n  );\n  Component.displayName = toPascalCase(iconName);\n  return Component;\n};\n\nexport { createLucideIcon as default };\n//# sourceMappingURL=createLucideIcon.mjs.map\n",

package/dist/ui/studio-app.css

@@ -70,6 +70,7 @@
 .x1rbkbsg:not(#\#){margin:10px 2px 0}
 .xhv1u6h:not(#\#){margin:16px 0}
 .x1nwhpgf:not(#\#){margin:18px 0}
+.x1vmk1f4:not(#\#){margin:20px 36px}
 .x91luw6:not(#\#){margin:7px 0 3px}
 .xe4ajzu:not(#\#){padding:0 0 10px}
 .xri99sx:not(#\#){padding:0 0 12px}
@@ -91,7 +92,9 @@
 .xvethbn:not(#\#){padding:14px 0 16px}
 .x7obcpk:not(#\#){padding:14px 10px}
 .xbxpdvy:not(#\#){padding:14px 16px 16px}
+.x1j671cp:not(#\#){padding:14px 16px}
 .x1y7lb24:not(#\#){padding:14px 4px 0}
+.x1gnqi22:not(#\#){padding:14px}
 .x1ecgsid:not(#\#){padding:15px 4px 14px}
 .x6w2896:not(#\#){padding:15px}
 .x1g8o3q3:not(#\#){padding:16px 0}
@@ -105,6 +108,7 @@
 .x10czhz2:not(#\#){padding:24px 8px 24px 0}
 .xggk2y7:not(#\#){padding:24px}
 .xga4tv:not(#\#){padding:26px 26px 60px}
+.x11wck8f:not(#\#){padding:26px 36px}
 .x111265a:not(#\#){padding:2px 0 2px 18px}
 .x1i3ajwb:not(#\#){padding:2px}
 .x1539ny5:not(#\#){padding:30px 34px}
@@ -119,7 +123,6 @@
 .xk61eof:not(#\#){padding:6px 10px}
 .x1jmcyos:not(#\#){padding:6px 9px}
 .x6uox72:not(#\#){padding:7px 0 18px 9px}
-.x1160tuk:not(#\#){padding:8px 10px}
 .x153ncpu:not(#\#){padding:8px 12px}
 .xbnpv00:not(#\#){padding:8px 14px}
 .x1ff1495:not(#\#){padding:8px 16px}
@@ -129,11 +132,14 @@
 .x1r1m0to:not(#\#){padding:9px 12px}
 .xskserf:not(#\#){padding:9px}
 .xb3dhe4:empty:not(#\#){margin:0}
+@media (max-width: 640px){.x1hyyza1.x1hyyza1:not(#\#){margin:18px 20px}}
 @media (max-width: 640px){.x17jz4hc.x17jz4hc:not(#\#){padding:0 16px}}
+@media (max-width: 640px){.x1bf66pj.x1bf66pj:not(#\#){padding:0}}
 @media (max-width: 900px){.xb1114b.xb1114b:not(#\#){padding:0}}
 @media (max-width: 640px){.xlko52b.xlko52b:not(#\#){padding:10px 12px}}
 @media (max-width: 640px){.xj4fmvg.xj4fmvg:not(#\#){padding:14px 2px}}
 @media (max-width: 640px){.x10fa4w8.x10fa4w8:not(#\#){padding:18px 18px 88px}}
+@media (max-width: 640px){.x1h32jcg.x1h32jcg:not(#\#){padding:22px 20px 26px}}
 @media (max-width: 640px){.x11btecl.x11btecl:not(#\#){padding:6px 12px calc(6px + env(safe-area-inset-bottom))}}
 @media (min-width: 641px) and (max-width: 900px){.xj3o16p.xj3o16p:not(#\#){padding:7px 12px}}
 @media (max-width: 640px){.xiuf7f6.xiuf7f6:not(#\#){padding:7px 14px}}
@@ -146,6 +152,7 @@
 .x9r1u3d:not(#\#):not(#\#){border-color:transparent}
 .xawfzfr:not(#\#):not(#\#){border-color:var(--console-accent)}
 .x5a8oox:not(#\#):not(#\#){border-color:var(--console-ok)}
+.xmt0h0j:not(#\#):not(#\#){border-color:var(--console-rule-accent)}
 .x8tuc8h:not(#\#):not(#\#){border-color:var(--console-rule-strong)}
 .xy1lt07:not(#\#):not(#\#){border-color:var(--console-rule)}
 .x1vw2y1n:not(#\#):not(#\#){border-color:var(--console-text-muted)}
@@ -166,6 +173,8 @@
 .xmkeg23:not(#\#):not(#\#){border-width:1px}
 .x3psx0u:not(#\#):not(#\#){flex:0 0 auto}
 .xy3jww0:not(#\#):not(#\#){flex:1 0 100%}
+.x1mg3qzt:not(#\#):not(#\#){flex:1 0 480px}
+.x12lumcd:not(#\#):not(#\#){flex:1 1 auto}
 .x98rzlu:not(#\#):not(#\#){flex:1}
 .x883omv:not(#\#):not(#\#){gap:10px}
 .x1v2ro7d:not(#\#):not(#\#){gap:12px}
@@ -201,8 +210,7 @@
 .xish69e:not(#\#):not(#\#){overscroll-behavior:contain}
 .xt970qd:not(#\#):not(#\#){padding-block:0}
 .xp59q4u:not(#\#):not(#\#){padding-block:10px}
-.x10dr8xq:not(#\#):not(#\#){padding-block:12px}
-.x1xn8qrt:not(#\#):not(#\#){padding-block:16px}
+.xxlmvz2:not(#\#):not(#\#){padding-block:14px}
 .xj8oexa:not(#\#):not(#\#){padding-block:2px}
 .xifx94n:not(#\#):not(#\#){padding-block:5px}
 .x1t0vds8:not(#\#):not(#\#){padding-block:6px}
@@ -242,6 +250,7 @@
 .xdn345r:hover:not(#\#):not(#\#){border-color:var(--console-rule)}
 .xt0b8zv:hover:not(#\#):not(#\#){text-decoration:underline}
 .xf77ohz:focus:not(#\#):not(#\#){border-color:var(--console-accent)}
+@media (max-width: 640px){.xwddm5z.xwddm5z:not(#\#):not(#\#){border-width:0}}
 @media (max-width: 900px){.x16vwd7e.x16vwd7e:not(#\#):not(#\#){border-width:0}}
 @media (max-width: 640px){.x1d3ddqg.x1d3ddqg:not(#\#):not(#\#){gap:10px}}
 @media (min-width: 641px) and (max-width: 900px){.x1anjdel.x1anjdel:not(#\#):not(#\#){gap:10px}}
@@ -272,7 +281,6 @@
 .x10ukxgv:not(#\#):not(#\#):not(#\#){align-content:start}
 .x1pha0wt:not(#\#):not(#\#):not(#\#){align-items:baseline}
 .x6s0dn4:not(#\#):not(#\#):not(#\#){align-items:center}
-.xpqajaz:not(#\#):not(#\#):not(#\#){align-items:end}
 .x1qjc9v5:not(#\#):not(#\#):not(#\#){align-items:stretch}
 .xegkacw:not(#\#):not(#\#):not(#\#){animation-duration:.9s}
 .x1m9vv7p:not(#\#):not(#\#):not(#\#){animation-duration:1.2s}
@@ -317,6 +325,7 @@
 .x11niwyr:not(#\#):not(#\#):not(#\#){box-shadow:0 18px 48px -22px color-mix(in srgb,var(--console-bg-deep) 76%,transparent)}
 .xqz5wv3:not(#\#):not(#\#):not(#\#){box-shadow:0 32px 80px -28px color-mix(in srgb,var(--console-bg-deep) 72%,transparent)}
 .x1gnnqk1:not(#\#):not(#\#):not(#\#){box-shadow:none}
+.x1mxzbga:not(#\#):not(#\#):not(#\#){box-shadow:var(--console-shadow-card)}
 .x9f619:not(#\#):not(#\#):not(#\#){box-sizing:border-box}
 .x1hyvwdk:not(#\#):not(#\#):not(#\#){clip-path:inset(50%)}
 .x19aimcq:not(#\#):not(#\#):not(#\#){color-scheme:light}
@@ -417,11 +426,14 @@
 .xju1xpo:not(#\#):not(#\#):not(#\#){grid-template-columns:minmax(0,1fr) auto}
 .xcjjqqt:not(#\#):not(#\#):not(#\#){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .x1mkdm3x:not(#\#):not(#\#):not(#\#){grid-template-columns:minmax(0,1fr)}
-.x1hb4pgi:not(#\#):not(#\#):not(#\#){grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
+.x1rdfzu:not(#\#):not(#\#):not(#\#){grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
 .x1yn14it:not(#\#):not(#\#):not(#\#){grid-template-rows:auto auto minmax(0,1fr)}
 .xxq7klm:not(#\#):not(#\#):not(#\#){grid-template-rows:auto minmax(0,1fr) auto}
 .x16p6thf:not(#\#):not(#\#):not(#\#){grid-template-rows:auto minmax(0,1fr)}
 .x5o4joa:not(#\#):not(#\#):not(#\#){grid-template-rows:minmax(0,1fr)}
+.xxx7yvo:not(#\#):not(#\#):not(#\#){inset-inline-end:4px}
+.x1o0tod:not(#\#):not(#\#):not(#\#){inset-inline-start:0}
+.xi5uv41:not(#\#):not(#\#):not(#\#){inset-inline-start:10px}
 .xl56j7k:not(#\#):not(#\#):not(#\#){justify-content:center}
 .x13a6bvl:not(#\#):not(#\#):not(#\#){justify-content:flex-end}
 .x1nhvcw1:not(#\#):not(#\#):not(#\#){justify-content:flex-start}
@@ -462,9 +474,13 @@
 .x2ssjo2:not(#\#):not(#\#):not(#\#){outline-offset:-2px}
 .x1hl8ikr:not(#\#):not(#\#):not(#\#){outline-offset:2px}
 .xj0a0fe:not(#\#):not(#\#):not(#\#){overflow-wrap:anywhere}
+.xpdmqnj:not(#\#):not(#\#):not(#\#){padding-inline-end:12px}
 .x5zjp28:not(#\#):not(#\#):not(#\#){padding-inline-end:30px}
 .xsfy40s:not(#\#):not(#\#):not(#\#){padding-inline-end:32px}
+.xhig867:not(#\#):not(#\#):not(#\#){padding-inline-end:34px}
 .x162tt16:not(#\#):not(#\#):not(#\#){padding-inline-start:30px}
+.xhikr00:not(#\#):not(#\#):not(#\#){padding-inline-start:31px}
+.x47corl:not(#\#):not(#\#):not(#\#){pointer-events:none}
 .x10l6tqk:not(#\#):not(#\#):not(#\#){position:absolute}
 .xixxii4:not(#\#):not(#\#):not(#\#){position:fixed}
 .x1n2onr6:not(#\#):not(#\#):not(#\#){position:relative}
@@ -502,6 +518,7 @@
 .xoegz02:not(#\#):not(#\#):not(#\#){z-index:4}
 .xf5e64p:not(#\#):not(#\#):not(#\#){z-index:40}
 .x6y9o1m:not(#\#):not(#\#):not(#\#){z-index:59}
+.x1w0boku:not(#\#):not(#\#):not(#\#){z-index:6}
 .x1aciyhk:not(#\#):not(#\#):not(#\#){z-index:60}
 .x1lfl0h9:focus-within:not(#\#):not(#\#):not(#\#){background-color:color-mix(in srgb,var(--console-accent) 4%,var(--console-card))}
 .x7gom6s:focus-visible:not(#\#):not(#\#):not(#\#){background-color:var(--console-accent-soft)}
@@ -572,18 +589,22 @@
 @media (max-width: 640px){.x1o3peri.x1o3peri:not(#\#):not(#\#):not(#\#){align-items:stretch}}
 @media (max-width: 640px){.x1y8onsm.x1y8onsm:not(#\#):not(#\#):not(#\#){align-self:baseline}}
 @media (prefers-reduced-motion: reduce){.x1aquc0h.x1aquc0h:not(#\#):not(#\#):not(#\#){animation-name:none}}
+@media (max-width: 640px){.x1norit2.x1norit2:not(#\#):not(#\#):not(#\#){background-color:transparent}}
 @media (max-width: 640px){.x1bir9hm.x1bir9hm:not(#\#):not(#\#):not(#\#){background-color:var(--console-card-soft)}}
+@media (max-width: 640px){.xlc8tcj.xlc8tcj:not(#\#):not(#\#):not(#\#){box-shadow:none}}
 @media (max-width: 640px){.x5dg28r.x5dg28r:not(#\#):not(#\#):not(#\#){display:-webkit-box}}
 @media (max-width: 640px){.xfsj286.xfsj286:not(#\#):not(#\#):not(#\#){display:block}}
 @media (max-width: 900px){.xhnf9zx.xhnf9zx:not(#\#):not(#\#):not(#\#){display:block}}
 @media (min-width: 640.01px) and (max-width: 900px){.xdsa2pc.xdsa2pc:not(#\#):not(#\#):not(#\#){display:block}}
 @media (max-width: 640px){.x1ux6vrq.x1ux6vrq:not(#\#):not(#\#):not(#\#){display:flex}}
 @media (max-width: 640px){.x10acg2q.x10acg2q:not(#\#):not(#\#):not(#\#){display:grid}}
+@media (max-width: 640px){.x13v5x0x.x13v5x0x:not(#\#):not(#\#):not(#\#){display:inline-flex}}
 @media (max-width: 860px){.x19y3i14.x19y3i14:not(#\#):not(#\#):not(#\#){display:inline-flex}}
 @media (max-width: 900px){.x168i3sl.x168i3sl:not(#\#):not(#\#):not(#\#){display:inline-flex}}
 @media (max-width: 640px){.xkaaz9w.xkaaz9w:not(#\#):not(#\#):not(#\#){display:none}}
 @media (max-width: 860px){.xubcuz8.xubcuz8:not(#\#):not(#\#):not(#\#){display:none}}
 @media (max-width: 900px){.xzd29fr.xzd29fr:not(#\#):not(#\#):not(#\#){display:none}}
+@media (max-width: 640px){.x19d57q8.x19d57q8:not(#\#):not(#\#):not(#\#){flex-basis:400px}}
 @media (max-width: 640px){.xzbubq.xzbubq:not(#\#):not(#\#):not(#\#){flex-wrap:wrap}}
 @media (max-width: 640px){.x162edmi.x162edmi:not(#\#):not(#\#):not(#\#){font-family:var(--console-mono)}}
 @media (max-width: 640px){.xxgfmko.xxgfmko:not(#\#):not(#\#):not(#\#){font-size:10.5px}}
@@ -604,7 +625,9 @@
 @media (max-width: 860px){.xf4kbi9.xf4kbi9:not(#\#):not(#\#):not(#\#){grid-template-columns:minmax(0,1fr)}}
 @media (max-width: 900px){.xirox3h.xirox3h:not(#\#):not(#\#):not(#\#){grid-template-columns:minmax(0,1fr)}}
 @media (max-width:900px){.x5oc4b.x5oc4b:not(#\#):not(#\#):not(#\#){grid-template-columns:minmax(0,1fr)}}
+@media (min-width: 641px) and (max-width: 900px){.x8ef1wo.x8ef1wo:not(#\#):not(#\#):not(#\#){grid-template-columns:minmax(0,1fr)}}
 @media (max-width: 640px){.x1318cfe.x1318cfe:not(#\#):not(#\#):not(#\#){grid-template-rows:auto 44px minmax(0,1fr) auto}}
+@media (max-width: 640px){.x1y6iwit.x1y6iwit:not(#\#):not(#\#):not(#\#){grid-template-rows:auto minmax(0,1fr) auto}}
 @media (max-width: 640px){.xch1w8t.xch1w8t:not(#\#):not(#\#):not(#\#){grid-template-rows:auto}}
 @media (max-width: 640px){.x5ktkrg.x5ktkrg:not(#\#):not(#\#):not(#\#){grid-template-rows:minmax(0,1fr)}}
 @media (max-width: 900px){.xnjvy26.xnjvy26:not(#\#):not(#\#):not(#\#){justify-content:center}}
@@ -613,6 +636,7 @@
 @media (max-width: 640px){.x1tvf21l.x1tvf21l:not(#\#):not(#\#):not(#\#){line-height:1.2}}
 @media (max-width: 640px){.x1qp586l.x1qp586l:not(#\#):not(#\#):not(#\#){line-height:1.35}}
 @media (max-width: 640px){.x1s77nak.x1s77nak:not(#\#):not(#\#):not(#\#){padding-inline-end:44px}}
+@media (max-width: 640px){.xip7ul3.xip7ul3:not(#\#):not(#\#):not(#\#){position:static}}
 @media (max-width: 640px){.x71uzt7.x71uzt7:not(#\#):not(#\#):not(#\#){position:sticky}}
 @media (max-width: 640px){.x1mji7za.x1mji7za:not(#\#):not(#\#):not(#\#){transform:none}}
 @media (prefers-reduced-motion: reduce){.x4wkmsb.x4wkmsb:not(#\#):not(#\#):not(#\#){transition-property:none}}
@@ -657,6 +681,7 @@
 .xgcxmh:not(#\#):not(#\#):not(#\#):not(#\#){bottom:calc(100% + 12px)}
 .x5yr21d:not(#\#):not(#\#):not(#\#):not(#\#){height:100%}
 .xtdtrs8:not(#\#):not(#\#):not(#\#):not(#\#){height:100dvh}
+.x1v9usgg:not(#\#):not(#\#):not(#\#):not(#\#){height:14px}
 .xmix8c7:not(#\#):not(#\#):not(#\#):not(#\#){height:18px}
 .xjm9jq1:not(#\#):not(#\#):not(#\#):not(#\#){height:1px}
 .x1qx5ct2:not(#\#):not(#\#):not(#\#):not(#\#){height:20px}
@@ -685,6 +710,7 @@
 .xwoyzhm:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:7px}
 .xcmxlu1:not(#\#):not(#\#):not(#\#):not(#\#){margin-left:14px}
 .x8x9d4c:not(#\#):not(#\#):not(#\#):not(#\#){margin-left:auto}
+.xdj266r:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:0}
 .x14vqqas:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:12px}
 .xk9mzb7:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:13px}
 .x1sgpng:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:22px}
@@ -707,6 +733,7 @@
 .x1yy5vjr:not(#\#):not(#\#):not(#\#):not(#\#){max-height:var(--radix-select-content-available-height,320px)}
 .x193iq5w:not(#\#):not(#\#):not(#\#):not(#\#){max-width:100%}
 .x1racy4e:not(#\#):not(#\#):not(#\#):not(#\#){max-width:220px}
+.xxc7z9f:not(#\#):not(#\#):not(#\#):not(#\#){max-width:360px}
 .x197vjsw:not(#\#):not(#\#):not(#\#):not(#\#){max-width:430px}
 .x6amaq2:not(#\#):not(#\#):not(#\#):not(#\#){max-width:48ch}
 .xiky8lt:not(#\#):not(#\#):not(#\#):not(#\#){max-width:62ch}
@@ -721,9 +748,11 @@
 .xu97haq:not(#\#):not(#\#):not(#\#):not(#\#){min-height:34px}
 .xu0aao5:not(#\#):not(#\#):not(#\#):not(#\#){min-height:36px}
 .x8vwiht:not(#\#):not(#\#):not(#\#):not(#\#){min-height:37px}
+.x141feeh:not(#\#):not(#\#):not(#\#):not(#\#){min-height:38px}
 .x1ba4aug:not(#\#):not(#\#):not(#\#):not(#\#){min-height:40px}
 .xgujvf1:not(#\#):not(#\#):not(#\#):not(#\#){min-height:42px}
 .x1gg8mnh:not(#\#):not(#\#):not(#\#):not(#\#){min-height:44px}
+.x5mc7k8:not(#\#):not(#\#):not(#\#):not(#\#){min-height:480px}
 .xbktkl8:not(#\#):not(#\#):not(#\#):not(#\#){min-height:56px}
 .xvkrg5o:not(#\#):not(#\#):not(#\#):not(#\#){min-height:58px}
 .xseoqlg:not(#\#):not(#\#):not(#\#):not(#\#){min-height:80px}
@@ -740,6 +769,7 @@
 .xw2csxc:not(#\#):not(#\#):not(#\#):not(#\#){overflow-x:auto}
 .x1odjw0f:not(#\#):not(#\#):not(#\#):not(#\#){overflow-y:auto}
 .x10wlt62:not(#\#):not(#\#):not(#\#):not(#\#){overflow-y:hidden}
+.xryxfnj:not(#\#):not(#\#):not(#\#):not(#\#){overflow-y:visible}
 .x7p5m3t:not(#\#):not(#\#):not(#\#):not(#\#){overscroll-behavior-x:contain}
 .x18d9i69:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:0}
 .xsag5q8:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:12px}
@@ -762,6 +792,7 @@
 .xuivejd:not(#\#):not(#\#):not(#\#):not(#\#){top:14px}
 .xwa60dl:not(#\#):not(#\#):not(#\#):not(#\#){top:50%}
 .xfr5jun:not(#\#):not(#\#):not(#\#):not(#\#){top:8px}
+.x1d1n87m:not(#\#):not(#\#):not(#\#):not(#\#){top:calc(100% + 8px)}
 .xz02az6:not(#\#):not(#\#):not(#\#):not(#\#){top:calc(56px + env(safe-area-inset-top))}
 .xh8yej3:not(#\#):not(#\#):not(#\#):not(#\#){width:100%}
 .x6jxa94:not(#\#):not(#\#):not(#\#):not(#\#){width:14px}
@@ -773,6 +804,7 @@
 .x1td3qas:not(#\#):not(#\#):not(#\#):not(#\#){width:32px}
 .x1691je0:not(#\#):not(#\#):not(#\#):not(#\#){width:34px}
 .x14qfxbe:not(#\#):not(#\#):not(#\#):not(#\#){width:36px}
+.x3p9ev8:not(#\#):not(#\#):not(#\#):not(#\#){width:420px}
 .x10h3iyq:not(#\#):not(#\#):not(#\#):not(#\#){width:42px}
 .x187nhsf:not(#\#):not(#\#):not(#\#):not(#\#){width:44px}
 .x16ck42q:not(#\#):not(#\#):not(#\#):not(#\#){width:8ch}
@@ -794,16 +826,20 @@
 @media (max-width: 640px){.x13ymtvt.x13ymtvt:not(#\#):not(#\#):not(#\#):not(#\#){border-right-width:0}}
 @media (max-width: 640px){.x1imafyg.x1imafyg:not(#\#):not(#\#):not(#\#):not(#\#){bottom:0}}
 @media (max-width: 640px){.x1qt74i8.x1qt74i8:not(#\#):not(#\#):not(#\#):not(#\#){height:100%}}
+@media (max-width: 640px){.xpj9cei.xpj9cei:not(#\#):not(#\#):not(#\#):not(#\#){height:40px}}
 @media (max-width: 640px){.x1fkvin3.x1fkvin3:not(#\#):not(#\#):not(#\#):not(#\#){height:44px}}
 @media (max-width: 640px){.x19sjgkz.x19sjgkz:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--console-touch)}}
 @media (max-width: 640px){.x172uiah.x172uiah:not(#\#):not(#\#):not(#\#):not(#\#){left:0}}
 @media (max-width: 640px){.x703316.x703316:not(#\#):not(#\#):not(#\#):not(#\#){margin-left:0}}
+@media (max-width: 640px){.x7xdyrl.x7xdyrl:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:10px}}
 @media (max-width: 640px){.xg0897w.xg0897w:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:24px}}
 @media (max-width: 640px){.x1h9t1nj.x1h9t1nj:not(#\#):not(#\#):not(#\#):not(#\#){max-height:110px}}
 @media (max-width: 860px){.x9h7e8.x9h7e8:not(#\#):not(#\#):not(#\#):not(#\#){max-height:min(480px,60dvh)}}
 @media (max-width: 640px){.xxnk3sr.xxnk3sr:not(#\#):not(#\#):not(#\#):not(#\#){max-height:min(88dvh,760px)}}
 @media (max-width: 640px){.xeyi6kz.xeyi6kz:not(#\#):not(#\#):not(#\#):not(#\#){max-width:none}}
 @media (max-width: 640px){.x1qm741w.x1qm741w:not(#\#):not(#\#):not(#\#):not(#\#){min-height:0}}
+@media (max-width: 640px){.x1f8pdon.x1f8pdon:not(#\#):not(#\#):not(#\#):not(#\#){min-height:400px}}
+@media (max-width: 640px){.x18kkpoz.x18kkpoz:not(#\#):not(#\#):not(#\#):not(#\#){min-height:40px}}
 @media (max-width: 640px){.x1c4ya5t.x1c4ya5t:not(#\#):not(#\#):not(#\#):not(#\#){min-height:44px}}
 @media (max-width: 640px){.xiyjfb3.xiyjfb3:not(#\#):not(#\#):not(#\#):not(#\#){min-height:56px}}
 @media (max-width: 640px){.x79d85h.x79d85h:not(#\#):not(#\#):not(#\#):not(#\#){min-height:64px}}
@@ -814,6 +850,7 @@
 @media (max-width: 640px){.xal9krd.xal9krd:not(#\#):not(#\#):not(#\#):not(#\#){overflow-x:auto}}
 @media (max-width: 640px){.xscgqpg.xscgqpg:not(#\#):not(#\#):not(#\#):not(#\#){overflow-y:auto}}
 @media (min-width: 901px){.xx1slpc.xx1slpc:not(#\#):not(#\#):not(#\#):not(#\#){overflow-y:auto}}
+@media (max-width: 640px){.x9uj0fw.x9uj0fw:not(#\#):not(#\#):not(#\#):not(#\#){overflow-y:hidden}}
 @media (max-width: 640px){.xiqhxos.xiqhxos:not(#\#):not(#\#):not(#\#):not(#\#){overflow-y:visible}}
 @media (max-width: 640px){.x1yy75ev.x1yy75ev:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:0}}
 @media (max-width: 640px){.xaoxr2g.xaoxr2g:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:12px}}
@@ -827,11 +864,13 @@
 @media (max-width: 640px){.xdjr4gx.xdjr4gx:not(#\#):not(#\#):not(#\#):not(#\#){padding-left:18px}}
 @media (min-width: 641px) and (max-width: 900px){.x1llo3lq.x1llo3lq:not(#\#):not(#\#):not(#\#):not(#\#){padding-left:20px}}
 @media (min-width: 641px) and (max-width: 900px){.xj8g7ue.xj8g7ue:not(#\#):not(#\#):not(#\#):not(#\#){padding-left:24px}}
+@media (min-width: 641px) and (max-width: 900px){.x1crvqbx.x1crvqbx:not(#\#):not(#\#):not(#\#):not(#\#){padding-left:36px}}
 @media (max-width: 640px){.x33yvzk.x33yvzk:not(#\#):not(#\#):not(#\#):not(#\#){padding-right:0}}
 @media (max-width: 640px){.xcjrbml.xcjrbml:not(#\#):not(#\#):not(#\#):not(#\#){padding-right:10px}}
 @media (max-width: 640px){.xkp4qii.xkp4qii:not(#\#):not(#\#):not(#\#):not(#\#){padding-right:18px}}
 @media (min-width: 641px) and (max-width: 900px){.x4pt66b.x4pt66b:not(#\#):not(#\#):not(#\#):not(#\#){padding-right:20px}}
 @media (min-width: 641px) and (max-width: 900px){.xf8ucz8.xf8ucz8:not(#\#):not(#\#):not(#\#):not(#\#){padding-right:24px}}
+@media (min-width: 641px) and (max-width: 900px){.x1inw03p.x1inw03p:not(#\#):not(#\#):not(#\#):not(#\#){padding-right:36px}}
 @media (max-width: 640px){.x1vy0343.x1vy0343:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:0}}
 @media (max-width: 640px){.x12xhqv2.x12xhqv2:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:12px}}
 @media (max-width: 640px){.x5hh3dx.x5hh3dx:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:22px}}
@@ -839,6 +878,7 @@
 @media (max-width: 640px){.x1bfa1r9.x1bfa1r9:not(#\#):not(#\#):not(#\#):not(#\#){top:0}}
 @media (max-width: 640px){.xl7365u.xl7365u:not(#\#):not(#\#):not(#\#):not(#\#){top:auto}}
 @media (max-width: 640px){.x1dbdljh.x1dbdljh:not(#\#):not(#\#):not(#\#):not(#\#){width:100%}}
+@media (max-width: 640px){.x199zukc.x199zukc:not(#\#):not(#\#):not(#\#):not(#\#){width:40px}}
 @media (max-width: 640px){.xzy26m8.xzy26m8:not(#\#):not(#\#):not(#\#):not(#\#){width:44px}}
 @media (min-width: 901px){.xxydkhx.xxydkhx:not(#\#):not(#\#):not(#\#):not(#\#){width:clamp(16px,3vw,40px)}}
 @media (max-width: 640px){.x10u9qov.x10u9qov:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--console-touch)}}
@@ -851,6 +891,7 @@
 @container (max-width: 720px){.x1y4yzp4.x1y4yzp4:is([data-studio-split] *):not(#\#):not(#\#):not(#\#):not(#\#){border-right-width:0}}
 .x1wku8z5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::placeholder{color:var(--console-text-muted)}
 .xjsvk3w:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{content:"×"}
+.x1hcrkkg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-search-cancel-button{display:none}
 .x1i5lizr:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-details-marker{display:none}
 .x69dl0f:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{font-family:var(--console-mono)}
 .xcj0i9h:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{font-weight:500}