agentation 2.2.1 → 2.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs CHANGED
@@ -1857,6 +1857,26 @@ function clearSessionId(pathname) {
1857
1857
  } catch {
1858
1858
  }
1859
1859
  }
1860
+ var TOOLBAR_HIDDEN_SESSION_KEY = `${SESSION_PREFIX}toolbar-hidden`;
1861
+ function loadToolbarHidden() {
1862
+ if (typeof window === "undefined") return false;
1863
+ try {
1864
+ return sessionStorage.getItem(TOOLBAR_HIDDEN_SESSION_KEY) === "1";
1865
+ } catch {
1866
+ return false;
1867
+ }
1868
+ }
1869
+ function saveToolbarHidden(hidden) {
1870
+ if (typeof window === "undefined") return;
1871
+ try {
1872
+ if (hidden) {
1873
+ sessionStorage.setItem(TOOLBAR_HIDDEN_SESSION_KEY, "1");
1874
+ } else {
1875
+ sessionStorage.removeItem(TOOLBAR_HIDDEN_SESSION_KEY);
1876
+ }
1877
+ } catch {
1878
+ }
1879
+ }
1860
1880
 
1861
1881
  // src/utils/sync.ts
1862
1882
  async function createSession(endpoint, url) {
@@ -2296,9 +2316,351 @@ function getReactComponentName(element, config) {
2296
2316
  return result;
2297
2317
  }
2298
2318
 
2319
+ // src/utils/source-location.ts
2320
+ import React from "react";
2321
+ var FIBER_TAGS = {
2322
+ FunctionComponent: 0,
2323
+ ClassComponent: 1,
2324
+ IndeterminateComponent: 2,
2325
+ HostRoot: 3,
2326
+ HostPortal: 4,
2327
+ HostComponent: 5,
2328
+ HostText: 6,
2329
+ Fragment: 7,
2330
+ Mode: 8,
2331
+ ContextConsumer: 9,
2332
+ ContextProvider: 10,
2333
+ ForwardRef: 11,
2334
+ Profiler: 12,
2335
+ SuspenseComponent: 13,
2336
+ MemoComponent: 14,
2337
+ SimpleMemoComponent: 15,
2338
+ LazyComponent: 16
2339
+ };
2340
+ function getFiberFromElement2(element) {
2341
+ if (!element || typeof element !== "object") {
2342
+ return null;
2343
+ }
2344
+ const keys = Object.keys(element);
2345
+ const fiberKey = keys.find((key) => key.startsWith("__reactFiber$"));
2346
+ if (fiberKey) {
2347
+ return element[fiberKey] || null;
2348
+ }
2349
+ const instanceKey = keys.find((key) => key.startsWith("__reactInternalInstance$"));
2350
+ if (instanceKey) {
2351
+ return element[instanceKey] || null;
2352
+ }
2353
+ const possibleFiberKey = keys.find((key) => {
2354
+ if (!key.startsWith("__react")) return false;
2355
+ const value = element[key];
2356
+ return value && typeof value === "object" && "_debugSource" in value;
2357
+ });
2358
+ if (possibleFiberKey) {
2359
+ return element[possibleFiberKey] || null;
2360
+ }
2361
+ return null;
2362
+ }
2363
+ function getComponentName(fiber) {
2364
+ if (!fiber.type) {
2365
+ return null;
2366
+ }
2367
+ if (typeof fiber.type === "string") {
2368
+ return null;
2369
+ }
2370
+ if (typeof fiber.type === "object" || typeof fiber.type === "function") {
2371
+ const type = fiber.type;
2372
+ if (type.displayName) {
2373
+ return type.displayName;
2374
+ }
2375
+ if (type.name) {
2376
+ return type.name;
2377
+ }
2378
+ }
2379
+ return null;
2380
+ }
2381
+ function findDebugSource(fiber, maxDepth = 50) {
2382
+ let current = fiber;
2383
+ let depth = 0;
2384
+ while (current && depth < maxDepth) {
2385
+ if (current._debugSource) {
2386
+ return {
2387
+ source: current._debugSource,
2388
+ componentName: getComponentName(current)
2389
+ };
2390
+ }
2391
+ if (current._debugOwner?._debugSource) {
2392
+ return {
2393
+ source: current._debugOwner._debugSource,
2394
+ componentName: getComponentName(current._debugOwner)
2395
+ };
2396
+ }
2397
+ current = current.return;
2398
+ depth++;
2399
+ }
2400
+ return null;
2401
+ }
2402
+ function findDebugSourceReact19(fiber) {
2403
+ let current = fiber;
2404
+ let depth = 0;
2405
+ const maxDepth = 50;
2406
+ while (current && depth < maxDepth) {
2407
+ const anyFiber = current;
2408
+ const possibleSourceKeys = [
2409
+ "_debugSource",
2410
+ "__source",
2411
+ "_source",
2412
+ "debugSource"
2413
+ ];
2414
+ for (const key of possibleSourceKeys) {
2415
+ const source = anyFiber[key];
2416
+ if (source && typeof source === "object" && "fileName" in source) {
2417
+ return {
2418
+ source,
2419
+ componentName: getComponentName(current)
2420
+ };
2421
+ }
2422
+ }
2423
+ if (current.memoizedProps) {
2424
+ const props = current.memoizedProps;
2425
+ if (props.__source && typeof props.__source === "object") {
2426
+ const source = props.__source;
2427
+ if (source.fileName && source.lineNumber) {
2428
+ return {
2429
+ source: {
2430
+ fileName: source.fileName,
2431
+ lineNumber: source.lineNumber,
2432
+ columnNumber: source.columnNumber
2433
+ },
2434
+ componentName: getComponentName(current)
2435
+ };
2436
+ }
2437
+ }
2438
+ }
2439
+ current = current.return;
2440
+ depth++;
2441
+ }
2442
+ return null;
2443
+ }
2444
+ var sourceProbeCache = /* @__PURE__ */ new Map();
2445
+ function unwrapComponentType(fiber) {
2446
+ const tag = fiber.tag;
2447
+ const type = fiber.type;
2448
+ const elementType = fiber.elementType;
2449
+ if (typeof type === "string" || type == null) return null;
2450
+ if (typeof type === "function" && type.prototype?.isReactComponent) {
2451
+ return null;
2452
+ }
2453
+ if ((tag === FIBER_TAGS.FunctionComponent || tag === FIBER_TAGS.IndeterminateComponent) && typeof type === "function") {
2454
+ return type;
2455
+ }
2456
+ if (tag === FIBER_TAGS.ForwardRef && elementType) {
2457
+ const render = elementType.render;
2458
+ if (typeof render === "function") return render;
2459
+ }
2460
+ if ((tag === FIBER_TAGS.MemoComponent || tag === FIBER_TAGS.SimpleMemoComponent) && elementType) {
2461
+ const inner = elementType.type;
2462
+ if (typeof inner === "function") return inner;
2463
+ }
2464
+ if (typeof type === "function") return type;
2465
+ return null;
2466
+ }
2467
+ function getReactDispatcher() {
2468
+ const reactModule = React;
2469
+ const r19 = reactModule.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
2470
+ if (r19 && "H" in r19) {
2471
+ return {
2472
+ get: () => r19.H,
2473
+ set: (d) => {
2474
+ r19.H = d;
2475
+ }
2476
+ };
2477
+ }
2478
+ const r18 = reactModule.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
2479
+ if (r18) {
2480
+ const dispatcher = r18.ReactCurrentDispatcher;
2481
+ if (dispatcher && "current" in dispatcher) {
2482
+ return {
2483
+ get: () => dispatcher.current,
2484
+ set: (d) => {
2485
+ dispatcher.current = d;
2486
+ }
2487
+ };
2488
+ }
2489
+ }
2490
+ return null;
2491
+ }
2492
+ function parseComponentFrame(stack) {
2493
+ const lines = stack.split("\n");
2494
+ const skipPatterns = [
2495
+ /source-location/,
2496
+ /\/dist\/index\./,
2497
+ // Our bundled output (dist/index.mjs, dist/index.js)
2498
+ /node_modules\//,
2499
+ // Any package in node_modules
2500
+ /react-dom/,
2501
+ /react\.development/,
2502
+ /react\.production/,
2503
+ /chunk-[A-Z0-9]+/i,
2504
+ /react-stack-bottom-frame/,
2505
+ /react-reconciler/,
2506
+ /scheduler/,
2507
+ /<anonymous>/
2508
+ // Proxy handler frames
2509
+ ];
2510
+ const v8Re = /^\s*at\s+(?:.*?\s+\()?(.+?):(\d+):(\d+)\)?$/;
2511
+ const webkitRe = /^[^@]*@(.+?):(\d+):(\d+)$/;
2512
+ for (const line of lines) {
2513
+ const trimmed = line.trim();
2514
+ if (!trimmed) continue;
2515
+ if (skipPatterns.some((p) => p.test(trimmed))) continue;
2516
+ const match = v8Re.exec(trimmed) || webkitRe.exec(trimmed);
2517
+ if (match) {
2518
+ return {
2519
+ fileName: match[1],
2520
+ line: parseInt(match[2], 10),
2521
+ column: parseInt(match[3], 10)
2522
+ };
2523
+ }
2524
+ }
2525
+ return null;
2526
+ }
2527
+ function cleanSourcePath(rawPath) {
2528
+ let path = rawPath;
2529
+ path = path.replace(/[?#].*$/, "");
2530
+ path = path.replace(/^turbopack:\/\/\/\[project\]\//, "");
2531
+ path = path.replace(/^webpack-internal:\/\/\/\.\//, "");
2532
+ path = path.replace(/^webpack-internal:\/\/\//, "");
2533
+ path = path.replace(/^webpack:\/\/\/\.\//, "");
2534
+ path = path.replace(/^webpack:\/\/\//, "");
2535
+ path = path.replace(/^turbopack:\/\/\//, "");
2536
+ path = path.replace(/^https?:\/\/[^/]+\//, "");
2537
+ path = path.replace(/^file:\/\/\//, "/");
2538
+ path = path.replace(/^\([^)]+\)\/\.\//, "");
2539
+ path = path.replace(/^\.\//, "");
2540
+ return path;
2541
+ }
2542
+ function probeComponentSource(fiber) {
2543
+ const fn = unwrapComponentType(fiber);
2544
+ if (!fn) return null;
2545
+ if (sourceProbeCache.has(fn)) {
2546
+ return sourceProbeCache.get(fn);
2547
+ }
2548
+ const dispatcher = getReactDispatcher();
2549
+ if (!dispatcher) {
2550
+ sourceProbeCache.set(fn, null);
2551
+ return null;
2552
+ }
2553
+ const original = dispatcher.get();
2554
+ let result = null;
2555
+ try {
2556
+ const stackCapturingDispatcher = new Proxy(
2557
+ {},
2558
+ {
2559
+ get() {
2560
+ throw new Error("probe");
2561
+ }
2562
+ }
2563
+ );
2564
+ dispatcher.set(stackCapturingDispatcher);
2565
+ try {
2566
+ fn({});
2567
+ } catch (e) {
2568
+ if (e instanceof Error && e.message === "probe" && e.stack) {
2569
+ const frame = parseComponentFrame(e.stack);
2570
+ if (frame) {
2571
+ const cleaned = cleanSourcePath(frame.fileName);
2572
+ result = {
2573
+ fileName: cleaned,
2574
+ lineNumber: frame.line,
2575
+ columnNumber: frame.column,
2576
+ componentName: getComponentName(fiber) || void 0
2577
+ };
2578
+ }
2579
+ }
2580
+ }
2581
+ } finally {
2582
+ dispatcher.set(original);
2583
+ }
2584
+ sourceProbeCache.set(fn, result);
2585
+ return result;
2586
+ }
2587
+ function probeSourceWalk(fiber, maxDepth = 15) {
2588
+ let current = fiber;
2589
+ let depth = 0;
2590
+ while (current && depth < maxDepth) {
2591
+ const source = probeComponentSource(current);
2592
+ if (source) return source;
2593
+ current = current.return;
2594
+ depth++;
2595
+ }
2596
+ return null;
2597
+ }
2598
+ function getSourceLocation(element) {
2599
+ const fiber = getFiberFromElement2(element);
2600
+ if (!fiber) {
2601
+ return {
2602
+ found: false,
2603
+ reason: "no-fiber",
2604
+ isReactApp: false,
2605
+ isProduction: false
2606
+ };
2607
+ }
2608
+ let debugInfo = findDebugSource(fiber);
2609
+ if (!debugInfo) {
2610
+ debugInfo = findDebugSourceReact19(fiber);
2611
+ }
2612
+ if (debugInfo?.source) {
2613
+ return {
2614
+ found: true,
2615
+ source: {
2616
+ fileName: debugInfo.source.fileName,
2617
+ lineNumber: debugInfo.source.lineNumber,
2618
+ columnNumber: debugInfo.source.columnNumber,
2619
+ componentName: debugInfo.componentName || void 0
2620
+ },
2621
+ isReactApp: true,
2622
+ isProduction: false
2623
+ };
2624
+ }
2625
+ const probed = probeSourceWalk(fiber);
2626
+ if (probed) {
2627
+ return { found: true, source: probed, isReactApp: true, isProduction: false };
2628
+ }
2629
+ return {
2630
+ found: false,
2631
+ reason: "no-debug-source",
2632
+ isReactApp: true,
2633
+ isProduction: false
2634
+ };
2635
+ }
2636
+ function formatSourceLocation(source, format = "path") {
2637
+ const { fileName, lineNumber, columnNumber } = source;
2638
+ let location = `${fileName}:${lineNumber}`;
2639
+ if (columnNumber !== void 0) {
2640
+ location += `:${columnNumber}`;
2641
+ }
2642
+ if (format === "vscode") {
2643
+ return `vscode://file${fileName.startsWith("/") ? "" : "/"}${location}`;
2644
+ }
2645
+ return location;
2646
+ }
2647
+ function findNearestComponentSource(element, maxAncestors = 10) {
2648
+ let current = element;
2649
+ let depth = 0;
2650
+ while (current && depth < maxAncestors) {
2651
+ const result = getSourceLocation(current);
2652
+ if (result.found) {
2653
+ return result;
2654
+ }
2655
+ current = current.parentElement;
2656
+ depth++;
2657
+ }
2658
+ return getSourceLocation(element);
2659
+ }
2660
+
2299
2661
  // src/components/page-toolbar-css/styles.module.scss
2300
- var css2 = 'svg[fill=none] {\n fill: none !important;\n}\n\n@keyframes styles-module__toolbarEnter___u8RRu {\n from {\n opacity: 0;\n transform: scale(0.5) rotate(90deg);\n }\n to {\n opacity: 1;\n transform: scale(1) rotate(0deg);\n }\n}\n@keyframes styles-module__badgeEnter___mVQLj {\n from {\n opacity: 0;\n transform: scale(0);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n@keyframes styles-module__scaleIn___c-r1K {\n from {\n opacity: 0;\n transform: scale(0.85);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n@keyframes styles-module__scaleOut___Wctwz {\n from {\n opacity: 1;\n transform: scale(1);\n }\n to {\n opacity: 0;\n transform: scale(0.85);\n }\n}\n@keyframes styles-module__slideUp___kgD36 {\n from {\n opacity: 0;\n transform: scale(0.85) translateY(8px);\n }\n to {\n opacity: 1;\n transform: scale(1) translateY(0);\n }\n}\n@keyframes styles-module__slideDown___zcdje {\n from {\n opacity: 1;\n transform: scale(1) translateY(0);\n }\n to {\n opacity: 0;\n transform: scale(0.85) translateY(8px);\n }\n}\n@keyframes styles-module__markerIn___5FaAP {\n 0% {\n opacity: 0;\n transform: translate(-50%, -50%) scale(0.3);\n }\n 100% {\n opacity: 1;\n transform: translate(-50%, -50%) scale(1);\n }\n}\n@keyframes styles-module__markerOut___GU5jX {\n 0% {\n opacity: 1;\n transform: translate(-50%, -50%) scale(1);\n }\n 100% {\n opacity: 0;\n transform: translate(-50%, -50%) scale(0.3);\n }\n}\n@keyframes styles-module__fadeIn___b9qmf {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n@keyframes styles-module__fadeOut___6Ut6- {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n@keyframes styles-module__tooltipIn___0N31w {\n from {\n opacity: 0;\n transform: translateX(-50%) translateY(2px) scale(0.891);\n }\n to {\n opacity: 1;\n transform: translateX(-50%) translateY(0) scale(0.909);\n }\n}\n@keyframes styles-module__hoverHighlightIn___6WYHY {\n from {\n opacity: 0;\n transform: scale(0.98);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n@keyframes styles-module__hoverTooltipIn___FYGQx {\n from {\n opacity: 0;\n transform: scale(0.95) translateY(4px);\n }\n to {\n opacity: 1;\n transform: scale(1) translateY(0);\n }\n}\n@keyframes styles-module__settingsPanelIn___MGfO8 {\n from {\n opacity: 0;\n transform: translateY(10px) scale(0.95);\n filter: blur(5px);\n }\n to {\n opacity: 1;\n transform: translateY(0) scale(1);\n filter: blur(0px);\n }\n}\n@keyframes styles-module__settingsPanelOut___Zfymi {\n from {\n opacity: 1;\n transform: translateY(0) scale(1);\n filter: blur(0px);\n }\n to {\n opacity: 0;\n transform: translateY(20px) scale(0.95);\n filter: blur(5px);\n }\n}\n.styles-module__toolbar___wNsdK {\n position: fixed;\n bottom: 1.25rem;\n right: 1.25rem;\n width: 297px;\n z-index: 100000;\n font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n pointer-events: none;\n transition: left 0s, top 0s, right 0s, bottom 0s;\n}\n\n.styles-module__toolbarContainer___dIhma {\n user-select: none;\n margin-left: auto;\n align-self: flex-end;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #1a1a1a;\n color: #fff;\n border: none;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.1);\n pointer-events: auto;\n cursor: grab;\n transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1), transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);\n}\n.styles-module__toolbarContainer___dIhma.styles-module__dragging___xrolZ {\n transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1);\n cursor: grabbing;\n}\n.styles-module__toolbarContainer___dIhma.styles-module__entrance___sgHd8 {\n animation: styles-module__toolbarEnter___u8RRu 0.5s cubic-bezier(0.34, 1.2, 0.64, 1) forwards;\n}\n.styles-module__toolbarContainer___dIhma.styles-module__collapsed___Rydsn {\n width: 44px;\n height: 44px;\n border-radius: 22px;\n padding: 0;\n cursor: pointer;\n}\n.styles-module__toolbarContainer___dIhma.styles-module__collapsed___Rydsn svg {\n margin-top: -1px;\n}\n.styles-module__toolbarContainer___dIhma.styles-module__collapsed___Rydsn:hover {\n background: #2a2a2a;\n}\n.styles-module__toolbarContainer___dIhma.styles-module__collapsed___Rydsn:active {\n transform: scale(0.95);\n}\n.styles-module__toolbarContainer___dIhma.styles-module__expanded___ofKPx {\n height: 44px;\n border-radius: 1.5rem;\n padding: 0.375rem;\n width: 257px;\n}\n.styles-module__toolbarContainer___dIhma.styles-module__expanded___ofKPx.styles-module__serverConnected___Gfbou {\n width: 297px;\n}\n\n.styles-module__toggleContent___0yfyP {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: opacity 0.1s cubic-bezier(0.19, 1, 0.22, 1);\n}\n.styles-module__toggleContent___0yfyP.styles-module__visible___KHwEW {\n opacity: 1;\n visibility: visible;\n pointer-events: auto;\n}\n.styles-module__toggleContent___0yfyP.styles-module__hidden___Ae8H4 {\n opacity: 0;\n pointer-events: none;\n}\n\n.styles-module__controlsContent___9GJWU {\n display: flex;\n align-items: center;\n gap: 0.375rem;\n transition: filter 0.8s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1), transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);\n}\n.styles-module__controlsContent___9GJWU.styles-module__visible___KHwEW {\n opacity: 1;\n filter: blur(0px);\n transform: scale(1);\n visibility: visible;\n pointer-events: auto;\n}\n.styles-module__controlsContent___9GJWU.styles-module__hidden___Ae8H4 {\n pointer-events: none;\n opacity: 0;\n filter: blur(10px);\n transform: scale(0.4);\n}\n\n.styles-module__badge___2XsgF {\n position: absolute;\n top: -13px;\n right: -13px;\n user-select: none;\n min-width: 18px;\n height: 18px;\n padding: 0 5px;\n border-radius: 9px;\n background: #3c82f7;\n color: white;\n font-size: 0.625rem;\n font-weight: 600;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.04);\n opacity: 1;\n transition: transform 0.3s ease, opacity 0.2s ease;\n transform: scale(1);\n}\n.styles-module__badge___2XsgF.styles-module__fadeOut___6Ut6- {\n opacity: 0;\n transform: scale(0);\n pointer-events: none;\n}\n.styles-module__badge___2XsgF.styles-module__entrance___sgHd8 {\n animation: styles-module__badgeEnter___mVQLj 0.3s cubic-bezier(0.34, 1.2, 0.64, 1) 0.4s both;\n}\n\n.styles-module__controlButton___8Q0jc {\n position: relative;\n cursor: pointer !important;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 34px;\n height: 34px;\n border-radius: 50%;\n border: none;\n background: transparent;\n color: rgba(255, 255, 255, 0.85);\n transition: background-color 0.15s ease, color 0.15s ease, transform 0.1s ease, opacity 0.2s ease;\n}\n.styles-module__controlButton___8Q0jc:hover:not(:disabled):not([data-active=true]):not([data-failed=true]):not([data-auto-sync=true]):not([data-error=true]):not([data-no-hover=true]) {\n background: rgba(255, 255, 255, 0.12);\n color: #fff;\n}\n.styles-module__controlButton___8Q0jc:active:not(:disabled) {\n transform: scale(0.92);\n}\n.styles-module__controlButton___8Q0jc:disabled {\n opacity: 0.35;\n cursor: not-allowed;\n}\n.styles-module__controlButton___8Q0jc[data-active=true] {\n color: #3c82f7;\n background: rgba(60, 130, 247, 0.25);\n}\n.styles-module__controlButton___8Q0jc[data-error=true] {\n color: #ff3b30;\n background: rgba(255, 59, 48, 0.25);\n}\n.styles-module__controlButton___8Q0jc[data-danger]:hover:not(:disabled):not([data-active=true]):not([data-failed=true]) {\n background: rgba(255, 59, 48, 0.25);\n color: #ff3b30;\n}\n.styles-module__controlButton___8Q0jc[data-no-hover=true], .styles-module__controlButton___8Q0jc.styles-module__statusShowing___te6iu {\n cursor: default !important;\n pointer-events: none;\n background: transparent !important;\n}\n.styles-module__controlButton___8Q0jc[data-auto-sync=true] {\n color: #34c759;\n background: transparent;\n cursor: default;\n}\n.styles-module__controlButton___8Q0jc[data-failed=true] {\n color: #ff3b30;\n background: rgba(255, 59, 48, 0.25);\n}\n\n.styles-module__buttonBadge___NeFWb {\n position: absolute;\n top: 0px;\n right: 0px;\n min-width: 16px;\n height: 16px;\n padding: 0 4px;\n border-radius: 8px;\n background: #3c82f7;\n color: white;\n font-size: 0.625rem;\n font-weight: 600;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 0 0 2px #1a1a1a, 0 1px 3px rgba(0, 0, 0, 0.2);\n pointer-events: none;\n}\n.styles-module__buttonBadge___NeFWb.styles-module__light___r6n4Y {\n box-shadow: 0 0 0 2px #fff, 0 1px 3px rgba(0, 0, 0, 0.2);\n}\n\n@keyframes styles-module__mcpIndicatorPulseConnected___EDodZ {\n 0%, 100% {\n box-shadow: 0 0 0 0 rgba(52, 199, 89, 0.5);\n }\n 50% {\n box-shadow: 0 0 0 5px rgba(52, 199, 89, 0);\n }\n}\n@keyframes styles-module__mcpIndicatorPulseConnecting___cCYte {\n 0%, 100% {\n box-shadow: 0 0 0 0 rgba(245, 166, 35, 0.5);\n }\n 50% {\n box-shadow: 0 0 0 5px rgba(245, 166, 35, 0);\n }\n}\n.styles-module__mcpIndicator___zGJeL {\n position: absolute;\n top: 3px;\n right: 3px;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n pointer-events: none;\n transition: background 0.3s ease, opacity 0.15s ease, transform 0.15s ease;\n opacity: 1;\n transform: scale(1);\n}\n.styles-module__mcpIndicator___zGJeL.styles-module__connected___7c28g {\n background: #34c759;\n animation: styles-module__mcpIndicatorPulseConnected___EDodZ 2.5s ease-in-out infinite;\n}\n.styles-module__mcpIndicator___zGJeL.styles-module__connecting___uo-CW {\n background: #f5a623;\n animation: styles-module__mcpIndicatorPulseConnecting___cCYte 1.5s ease-in-out infinite;\n}\n.styles-module__mcpIndicator___zGJeL.styles-module__hidden___Ae8H4 {\n opacity: 0;\n transform: scale(0);\n animation: none;\n}\n\n@keyframes styles-module__connectionPulse___-Zycw {\n 0%, 100% {\n opacity: 1;\n transform: scale(1);\n }\n 50% {\n opacity: 0.6;\n transform: scale(0.9);\n }\n}\n.styles-module__connectionIndicatorWrapper___L-e-3 {\n width: 8px;\n height: 34px;\n margin-left: 6px;\n margin-right: 6px;\n}\n\n.styles-module__connectionIndicator___afk9p {\n position: relative;\n width: 8px;\n height: 8px;\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.3s ease, background 0.3s ease;\n cursor: default;\n}\n\n.styles-module__connectionIndicatorVisible___C-i5B {\n opacity: 1;\n}\n\n.styles-module__connectionIndicatorConnected___IY8pR {\n background: #34c759;\n animation: styles-module__connectionPulse___-Zycw 2.5s ease-in-out infinite;\n}\n\n.styles-module__connectionIndicatorDisconnected___kmpaZ {\n background: #ff3b30;\n animation: none;\n}\n\n.styles-module__connectionIndicatorConnecting___QmSLH {\n background: #f59e0b;\n animation: styles-module__connectionPulse___-Zycw 1s ease-in-out infinite;\n}\n\n.styles-module__buttonWrapper___rBcdv {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.styles-module__buttonWrapper___rBcdv:hover .styles-module__buttonTooltip___Burd9 {\n opacity: 1;\n visibility: visible;\n transform: translateX(-50%) scale(1);\n transition-delay: 0.85s;\n}\n.styles-module__buttonWrapper___rBcdv:has(.styles-module__controlButton___8Q0jc:disabled):hover .styles-module__buttonTooltip___Burd9 {\n opacity: 0;\n visibility: hidden;\n}\n\n.styles-module__sendButtonWrapper___UUxG6 {\n width: 0;\n opacity: 0;\n overflow: hidden;\n pointer-events: none;\n margin-left: -0.375rem;\n transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1), margin 0.4s cubic-bezier(0.19, 1, 0.22, 1);\n}\n.styles-module__sendButtonWrapper___UUxG6 .styles-module__controlButton___8Q0jc {\n transform: scale(0.8);\n transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);\n}\n.styles-module__sendButtonWrapper___UUxG6.styles-module__sendButtonVisible___WPSQU {\n width: 34px;\n opacity: 1;\n overflow: visible;\n pointer-events: auto;\n margin-left: 0;\n}\n.styles-module__sendButtonWrapper___UUxG6.styles-module__sendButtonVisible___WPSQU .styles-module__controlButton___8Q0jc {\n transform: scale(1);\n}\n\n.styles-module__buttonTooltip___Burd9 {\n position: absolute;\n bottom: calc(100% + 14px);\n left: 50%;\n transform: translateX(-50%) scale(0.95);\n padding: 6px 10px;\n background: #1a1a1a;\n color: rgba(255, 255, 255, 0.9);\n font-size: 12px;\n font-weight: 500;\n border-radius: 8px;\n white-space: nowrap;\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n z-index: 100001;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n transition: opacity 0.135s ease, transform 0.135s ease, visibility 0.135s ease;\n}\n.styles-module__buttonTooltip___Burd9::after {\n content: "";\n position: absolute;\n top: calc(100% - 4px);\n left: 50%;\n transform: translateX(-50%) rotate(45deg);\n width: 8px;\n height: 8px;\n background: #1a1a1a;\n border-radius: 0 0 2px 0;\n}\n\n.styles-module__shortcut___lEAQk {\n margin-left: 4px;\n opacity: 0.5;\n}\n\n.styles-module__tooltipBelow___m6ats .styles-module__buttonTooltip___Burd9 {\n bottom: auto;\n top: calc(100% + 14px);\n transform: translateX(-50%) scale(0.95);\n}\n.styles-module__tooltipBelow___m6ats .styles-module__buttonTooltip___Burd9::after {\n top: -4px;\n bottom: auto;\n border-radius: 2px 0 0 0;\n}\n\n.styles-module__tooltipBelow___m6ats .styles-module__buttonWrapper___rBcdv:hover .styles-module__buttonTooltip___Burd9 {\n transform: translateX(-50%) scale(1);\n}\n\n.styles-module__tooltipsHidden___VtLJG .styles-module__buttonTooltip___Burd9 {\n opacity: 0 !important;\n visibility: hidden !important;\n transition: none !important;\n}\n\n.styles-module__tooltipVisible___0jcCv,\n.styles-module__tooltipsHidden___VtLJG .styles-module__tooltipVisible___0jcCv {\n opacity: 1 !important;\n visibility: visible !important;\n transform: translateX(-50%) scale(1) !important;\n transition-delay: 0s !important;\n}\n\n.styles-module__buttonWrapperAlignLeft___myzIp .styles-module__buttonTooltip___Burd9 {\n left: 50%;\n transform: translateX(-12px) scale(0.95);\n}\n.styles-module__buttonWrapperAlignLeft___myzIp .styles-module__buttonTooltip___Burd9::after {\n left: 16px;\n}\n.styles-module__buttonWrapperAlignLeft___myzIp:hover .styles-module__buttonTooltip___Burd9 {\n transform: translateX(-12px) scale(1);\n}\n\n.styles-module__tooltipBelow___m6ats .styles-module__buttonWrapperAlignLeft___myzIp .styles-module__buttonTooltip___Burd9 {\n transform: translateX(-12px) scale(0.95);\n}\n.styles-module__tooltipBelow___m6ats .styles-module__buttonWrapperAlignLeft___myzIp:hover .styles-module__buttonTooltip___Burd9 {\n transform: translateX(-12px) scale(1);\n}\n\n.styles-module__buttonWrapperAlignRight___HCQFR .styles-module__buttonTooltip___Burd9 {\n left: 50%;\n transform: translateX(calc(-100% + 12px)) scale(0.95);\n}\n.styles-module__buttonWrapperAlignRight___HCQFR .styles-module__buttonTooltip___Burd9::after {\n left: auto;\n right: 8px;\n}\n.styles-module__buttonWrapperAlignRight___HCQFR:hover .styles-module__buttonTooltip___Burd9 {\n transform: translateX(calc(-100% + 12px)) scale(1);\n}\n\n.styles-module__tooltipBelow___m6ats .styles-module__buttonWrapperAlignRight___HCQFR .styles-module__buttonTooltip___Burd9 {\n transform: translateX(calc(-100% + 12px)) scale(0.95);\n}\n.styles-module__tooltipBelow___m6ats .styles-module__buttonWrapperAlignRight___HCQFR:hover .styles-module__buttonTooltip___Burd9 {\n transform: translateX(calc(-100% + 12px)) scale(1);\n}\n\n.styles-module__divider___c--s1 {\n width: 1px;\n height: 12px;\n background: rgba(255, 255, 255, 0.15);\n margin: 0 0.125rem;\n}\n\n.styles-module__overlay___Q1O9y {\n position: fixed;\n inset: 0;\n z-index: 99997;\n pointer-events: none;\n}\n.styles-module__overlay___Q1O9y > * {\n pointer-events: auto;\n}\n\n.styles-module__hoverHighlight___ogakW {\n position: fixed;\n border: 2px solid rgba(60, 130, 247, 0.5);\n border-radius: 4px;\n pointer-events: none !important;\n background: rgba(60, 130, 247, 0.04);\n box-sizing: border-box;\n will-change: opacity;\n contain: layout style;\n}\n.styles-module__hoverHighlight___ogakW.styles-module__enter___WFIki {\n animation: styles-module__hoverHighlightIn___6WYHY 0.12s ease-out forwards;\n}\n\n.styles-module__multiSelectOutline___cSJ-m {\n position: fixed;\n border: 2px dashed rgba(52, 199, 89, 0.6);\n border-radius: 4px;\n pointer-events: none !important;\n background: rgba(52, 199, 89, 0.05);\n box-sizing: border-box;\n will-change: opacity;\n}\n.styles-module__multiSelectOutline___cSJ-m.styles-module__enter___WFIki {\n animation: styles-module__fadeIn___b9qmf 0.15s ease-out forwards;\n}\n.styles-module__multiSelectOutline___cSJ-m.styles-module__exit___fyOJ0 {\n animation: styles-module__fadeOut___6Ut6- 0.15s ease-out forwards;\n}\n\n.styles-module__singleSelectOutline___QhX-O {\n position: fixed;\n border: 2px solid rgba(60, 130, 247, 0.6);\n border-radius: 4px;\n pointer-events: none !important;\n background: rgba(60, 130, 247, 0.05);\n box-sizing: border-box;\n will-change: opacity;\n}\n.styles-module__singleSelectOutline___QhX-O.styles-module__enter___WFIki {\n animation: styles-module__fadeIn___b9qmf 0.15s ease-out forwards;\n}\n.styles-module__singleSelectOutline___QhX-O.styles-module__exit___fyOJ0 {\n animation: styles-module__fadeOut___6Ut6- 0.15s ease-out forwards;\n}\n\n.styles-module__hoverTooltip___bvLk7 {\n position: fixed;\n font-size: 0.6875rem;\n font-weight: 500;\n color: #fff;\n background: rgba(0, 0, 0, 0.85);\n padding: 0.35rem 0.6rem;\n border-radius: 0.375rem;\n pointer-events: none !important;\n white-space: nowrap;\n max-width: 280px;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.styles-module__hoverTooltip___bvLk7.styles-module__enter___WFIki {\n animation: styles-module__hoverTooltipIn___FYGQx 0.1s ease-out forwards;\n}\n\n.styles-module__hoverReactPath___gx1IJ {\n font-size: 0.625rem;\n color: rgba(255, 255, 255, 0.6);\n margin-bottom: 0.15rem;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.styles-module__hoverElementName___QMLMl {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.styles-module__markersLayer___-25j1 {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 0;\n z-index: 99998;\n pointer-events: none;\n}\n.styles-module__markersLayer___-25j1 > * {\n pointer-events: auto;\n}\n\n.styles-module__fixedMarkersLayer___ffyX6 {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 99998;\n pointer-events: none;\n}\n.styles-module__fixedMarkersLayer___ffyX6 > * {\n pointer-events: auto;\n}\n\n.styles-module__marker___6sQrs {\n position: absolute;\n width: 22px;\n height: 22px;\n background: #3c82f7;\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.6875rem;\n font-weight: 600;\n transform: translate(-50%, -50%) scale(1);\n opacity: 1;\n cursor: pointer;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.04);\n user-select: none;\n will-change: transform, opacity;\n contain: layout style;\n z-index: 1;\n}\n.styles-module__marker___6sQrs:hover {\n z-index: 2;\n}\n.styles-module__marker___6sQrs:not(.styles-module__enter___WFIki):not(.styles-module__exit___fyOJ0):not(.styles-module__clearing___FQ--7) {\n transition: background-color 0.15s ease, transform 0.1s ease;\n}\n.styles-module__marker___6sQrs.styles-module__enter___WFIki {\n animation: styles-module__markerIn___5FaAP 0.25s cubic-bezier(0.22, 1, 0.36, 1) both;\n}\n.styles-module__marker___6sQrs.styles-module__exit___fyOJ0 {\n animation: styles-module__markerOut___GU5jX 0.2s ease-out both;\n pointer-events: none;\n}\n.styles-module__marker___6sQrs.styles-module__clearing___FQ--7 {\n animation: styles-module__markerOut___GU5jX 0.15s ease-out both;\n pointer-events: none;\n}\n.styles-module__marker___6sQrs:not(.styles-module__enter___WFIki):not(.styles-module__exit___fyOJ0):not(.styles-module__clearing___FQ--7):hover {\n transform: translate(-50%, -50%) scale(1.1);\n}\n.styles-module__marker___6sQrs.styles-module__pending___2IHLC {\n position: fixed;\n background: #3c82f7;\n}\n.styles-module__marker___6sQrs.styles-module__fixed___dBMHC {\n position: fixed;\n}\n.styles-module__marker___6sQrs.styles-module__multiSelect___YWiuz {\n background: #34c759;\n width: 26px;\n height: 26px;\n border-radius: 6px;\n font-size: 0.75rem;\n}\n.styles-module__marker___6sQrs.styles-module__multiSelect___YWiuz.styles-module__pending___2IHLC {\n background: #34c759;\n}\n.styles-module__marker___6sQrs.styles-module__hovered___ZgXIy {\n background: #ff3b30;\n}\n\n.styles-module__renumber___nCTxD {\n display: block;\n animation: styles-module__renumberRoll___Wgbq3 0.2s ease-out;\n}\n\n@keyframes styles-module__renumberRoll___Wgbq3 {\n 0% {\n transform: translateX(-40%);\n opacity: 0;\n }\n 100% {\n transform: translateX(0);\n opacity: 1;\n }\n}\n.styles-module__markerTooltip___aLJID {\n position: absolute;\n top: calc(100% + 10px);\n left: 50%;\n transform: translateX(-50%) scale(0.909);\n z-index: 100002;\n background: #1a1a1a;\n padding: 8px 0.75rem;\n border-radius: 0.75rem;\n font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n font-weight: 400;\n color: #fff;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.08);\n min-width: 120px;\n max-width: 200px;\n pointer-events: none;\n cursor: default;\n}\n.styles-module__markerTooltip___aLJID.styles-module__enter___WFIki {\n animation: styles-module__tooltipIn___0N31w 0.1s ease-out forwards;\n}\n\n.styles-module__markerQuote___FHmrz {\n display: block;\n font-size: 12px;\n font-style: italic;\n color: rgba(255, 255, 255, 0.6);\n margin-bottom: 0.3125rem;\n line-height: 1.4;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.styles-module__markerNote___QkrrS {\n display: block;\n font-size: 13px;\n font-weight: 400;\n line-height: 1.4;\n color: #fff;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n padding-bottom: 2px;\n}\n\n.styles-module__markerHint___2iF-6 {\n display: block;\n font-size: 0.625rem;\n font-weight: 400;\n color: rgba(255, 255, 255, 0.6);\n margin-top: 0.375rem;\n white-space: nowrap;\n}\n\n.styles-module__settingsPanel___OxX3Y {\n position: absolute;\n right: 5px;\n bottom: calc(100% + 0.5rem);\n z-index: 1;\n overflow: hidden;\n background: #1c1c1c;\n border-radius: 1rem;\n padding: 13px 0 16px;\n min-width: 205px;\n cursor: default;\n opacity: 1;\n box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.04);\n transition: background 0.25s ease, box-shadow 0.25s ease;\n}\n.styles-module__settingsPanel___OxX3Y::before, .styles-module__settingsPanel___OxX3Y::after {\n content: "";\n position: absolute;\n top: 0;\n bottom: 0;\n width: 16px;\n z-index: 2;\n pointer-events: none;\n}\n.styles-module__settingsPanel___OxX3Y::before {\n left: 0;\n background: linear-gradient(to right, #1c1c1c 0%, transparent 100%);\n}\n.styles-module__settingsPanel___OxX3Y::after {\n right: 0;\n background: linear-gradient(to left, #1c1c1c 0%, transparent 100%);\n}\n.styles-module__settingsPanel___OxX3Y .styles-module__settingsHeader___pwDY9,\n.styles-module__settingsPanel___OxX3Y .styles-module__settingsBrand___0gJeM,\n.styles-module__settingsPanel___OxX3Y .styles-module__settingsBrandSlash___uTG18,\n.styles-module__settingsPanel___OxX3Y .styles-module__settingsVersion___TUcFq,\n.styles-module__settingsPanel___OxX3Y .styles-module__settingsSection___m-YM2,\n.styles-module__settingsPanel___OxX3Y .styles-module__settingsLabel___8UjfX,\n.styles-module__settingsPanel___OxX3Y .styles-module__cycleButton___FMKfw,\n.styles-module__settingsPanel___OxX3Y .styles-module__cycleDot___nPgLY,\n.styles-module__settingsPanel___OxX3Y .styles-module__dropdownButton___16NPz,\n.styles-module__settingsPanel___OxX3Y .styles-module__toggleLabel___Xm8Aa,\n.styles-module__settingsPanel___OxX3Y .styles-module__customCheckbox___U39ax,\n.styles-module__settingsPanel___OxX3Y .styles-module__sliderLabel___U8sPr,\n.styles-module__settingsPanel___OxX3Y .styles-module__slider___GLdxp,\n.styles-module__settingsPanel___OxX3Y .styles-module__helpIcon___xQg56,\n.styles-module__settingsPanel___OxX3Y .styles-module__themeToggle___2rUjA {\n transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;\n}\n.styles-module__settingsPanel___OxX3Y.styles-module__enter___WFIki {\n opacity: 1;\n transform: translateY(0) scale(1);\n filter: blur(0px);\n transition: opacity 0.2s ease, transform 0.2s ease, filter 0.2s ease;\n}\n.styles-module__settingsPanel___OxX3Y.styles-module__exit___fyOJ0 {\n opacity: 0;\n transform: translateY(8px) scale(0.95);\n filter: blur(5px);\n pointer-events: none;\n transition: opacity 0.1s ease, transform 0.1s ease, filter 0.1s ease;\n}\n.styles-module__settingsPanel___OxX3Y.styles-module__dark___ILIQf {\n background: #1a1a1a;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.08);\n}\n.styles-module__settingsPanel___OxX3Y.styles-module__dark___ILIQf .styles-module__settingsLabel___8UjfX {\n color: rgba(255, 255, 255, 0.6);\n}\n.styles-module__settingsPanel___OxX3Y.styles-module__dark___ILIQf .styles-module__settingsOption___UNa12 {\n color: rgba(255, 255, 255, 0.85);\n}\n.styles-module__settingsPanel___OxX3Y.styles-module__dark___ILIQf .styles-module__settingsOption___UNa12:hover {\n background: rgba(255, 255, 255, 0.1);\n}\n.styles-module__settingsPanel___OxX3Y.styles-module__dark___ILIQf .styles-module__settingsOption___UNa12.styles-module__selected___OwRqP {\n background: rgba(255, 255, 255, 0.15);\n color: #fff;\n}\n.styles-module__settingsPanel___OxX3Y.styles-module__dark___ILIQf .styles-module__toggleLabel___Xm8Aa {\n color: rgba(255, 255, 255, 0.85);\n}\n\n.styles-module__settingsPanelContainer___Xksv8 {\n overflow: visible;\n position: relative;\n display: flex;\n padding: 0 1rem;\n}\n.styles-module__settingsPanelContainer___Xksv8.styles-module__transitioning___qxzCk {\n overflow-x: clip;\n overflow-y: visible;\n}\n\n.styles-module__settingsPage___6YfHH {\n min-width: 100%;\n flex-shrink: 0;\n transition: transform 0.35s cubic-bezier(0.32, 0.72, 0, 1), opacity 0.2s ease-out;\n opacity: 1;\n}\n\n.styles-module__settingsPage___6YfHH.styles-module__slideLeft___Ps01J {\n transform: translateX(-100%);\n opacity: 0;\n}\n\n.styles-module__automationsPage___uvCq6 {\n position: absolute;\n top: 0;\n left: 100%;\n width: 100%;\n height: 100%;\n padding: 3px 1rem 0;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n transition: transform 0.35s cubic-bezier(0.32, 0.72, 0, 1), opacity 0.25s ease-out 0.1s;\n opacity: 0;\n}\n\n.styles-module__automationsPage___uvCq6.styles-module__slideIn___4-qXe {\n transform: translateX(-100%);\n opacity: 1;\n}\n\n.styles-module__settingsNavLink___wCzJt {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n padding: 0;\n border: none;\n background: transparent;\n font-family: inherit;\n font-size: 0.8125rem;\n font-weight: 400;\n color: rgba(255, 255, 255, 0.5);\n cursor: pointer;\n transition: color 0.15s ease;\n}\n.styles-module__settingsNavLink___wCzJt:hover {\n color: rgba(255, 255, 255, 0.9);\n}\n.styles-module__settingsNavLink___wCzJt.styles-module__light___r6n4Y {\n color: rgba(0, 0, 0, 0.5);\n}\n.styles-module__settingsNavLink___wCzJt.styles-module__light___r6n4Y:hover {\n color: rgba(0, 0, 0, 0.8);\n}\n.styles-module__settingsNavLink___wCzJt svg {\n color: rgba(255, 255, 255, 0.4);\n transition: color 0.15s ease;\n}\n.styles-module__settingsNavLink___wCzJt:hover svg {\n color: #fff;\n}\n.styles-module__settingsNavLink___wCzJt.styles-module__light___r6n4Y svg {\n color: rgba(0, 0, 0, 0.25);\n}\n.styles-module__settingsNavLink___wCzJt.styles-module__light___r6n4Y:hover svg {\n color: rgba(0, 0, 0, 0.8);\n}\n\n.styles-module__settingsNavLinkRight___ZWwhj {\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n.styles-module__mcpNavIndicator___cl9pO {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n flex-shrink: 0;\n}\n.styles-module__mcpNavIndicator___cl9pO.styles-module__connected___7c28g {\n background: #34c759;\n animation: styles-module__mcpPulse___uNggr 2.5s ease-in-out infinite;\n}\n.styles-module__mcpNavIndicator___cl9pO.styles-module__connecting___uo-CW {\n background: #f5a623;\n animation: styles-module__mcpPulse___uNggr 1.5s ease-in-out infinite;\n}\n\n.styles-module__settingsBackButton___bIe2j {\n display: flex;\n align-items: center;\n gap: 4px;\n padding: 6px 0 12px 0;\n margin: -6px 0 0.5rem 0;\n border: none;\n border-bottom: 1px solid rgba(255, 255, 255, 0.07);\n border-radius: 0;\n background: transparent;\n font-family: inherit;\n font-size: 0.8125rem;\n font-weight: 500;\n letter-spacing: -0.15px;\n color: #fff;\n cursor: pointer;\n transition: transform 0.12s cubic-bezier(0.32, 0.72, 0, 1);\n}\n.styles-module__settingsBackButton___bIe2j svg {\n opacity: 0.4;\n flex-shrink: 0;\n transition: opacity 0.15s ease, transform 0.18s cubic-bezier(0.32, 0.72, 0, 1);\n}\n.styles-module__settingsBackButton___bIe2j:hover svg {\n opacity: 1;\n}\n.styles-module__settingsBackButton___bIe2j.styles-module__light___r6n4Y {\n color: rgba(0, 0, 0, 0.85);\n border-bottom-color: rgba(0, 0, 0, 0.08);\n}\n\n.styles-module__automationHeader___InP0r {\n display: flex;\n align-items: center;\n gap: 0.125rem;\n font-size: 0.8125rem;\n font-weight: 400;\n color: #fff;\n}\n.styles-module__automationHeader___InP0r .styles-module__helpIcon___xQg56 svg {\n transform: none;\n}\n.styles-module__automationHeader___InP0r.styles-module__light___r6n4Y {\n color: rgba(0, 0, 0, 0.85);\n}\n\n.styles-module__automationDescription___NKlmo {\n font-size: 0.6875rem;\n font-weight: 300;\n color: rgba(255, 255, 255, 0.5);\n margin-top: 2px;\n line-height: 14px;\n}\n.styles-module__automationDescription___NKlmo.styles-module__light___r6n4Y {\n color: rgba(0, 0, 0, 0.5);\n}\n\n.styles-module__learnMoreLink___8xv-x {\n color: rgba(255, 255, 255, 0.8);\n text-decoration: underline dotted;\n text-decoration-color: rgba(255, 255, 255, 0.2);\n text-underline-offset: 2px;\n transition: color 0.15s ease;\n}\n.styles-module__learnMoreLink___8xv-x:hover {\n color: #fff;\n}\n.styles-module__learnMoreLink___8xv-x.styles-module__light___r6n4Y {\n color: rgba(0, 0, 0, 0.6);\n text-decoration-color: rgba(0, 0, 0, 0.2);\n}\n.styles-module__learnMoreLink___8xv-x.styles-module__light___r6n4Y:hover {\n color: rgba(0, 0, 0, 0.85);\n}\n\n.styles-module__autoSendRow___UblX5 {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n.styles-module__autoSendLabel___icDc2 {\n font-size: 0.6875rem;\n font-weight: 400;\n color: rgba(255, 255, 255, 0.4);\n transition: color 0.15s ease;\n}\n.styles-module__autoSendLabel___icDc2.styles-module__active___-zoN6 {\n color: #66b8ff;\n}\n.styles-module__autoSendLabel___icDc2.styles-module__light___r6n4Y {\n color: rgba(0, 0, 0, 0.4);\n}\n.styles-module__autoSendLabel___icDc2.styles-module__light___r6n4Y.styles-module__active___-zoN6 {\n color: #3c82f7;\n}\n\n.styles-module__webhookUrlInput___2375C {\n display: block;\n width: 100%;\n flex: 1;\n min-height: 60px;\n box-sizing: border-box;\n margin-top: 11px;\n padding: 8px 10px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 6px;\n background: rgba(255, 255, 255, 0.03);\n font-family: inherit;\n font-size: 0.75rem;\n font-weight: 400;\n color: #fff;\n outline: none;\n resize: none;\n cursor: text !important;\n user-select: text;\n transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;\n}\n.styles-module__webhookUrlInput___2375C::placeholder {\n color: rgba(255, 255, 255, 0.3);\n}\n.styles-module__webhookUrlInput___2375C:focus {\n border-color: rgba(255, 255, 255, 0.3);\n background: rgba(255, 255, 255, 0.08);\n}\n.styles-module__webhookUrlInput___2375C.styles-module__light___r6n4Y {\n border-color: rgba(0, 0, 0, 0.1);\n background: rgba(0, 0, 0, 0.03);\n color: rgba(0, 0, 0, 0.85);\n}\n.styles-module__webhookUrlInput___2375C.styles-module__light___r6n4Y::placeholder {\n color: rgba(0, 0, 0, 0.3);\n}\n.styles-module__webhookUrlInput___2375C.styles-module__light___r6n4Y:focus {\n border-color: rgba(0, 0, 0, 0.25);\n background: rgba(0, 0, 0, 0.05);\n}\n\n.styles-module__settingsHeader___pwDY9 {\n display: flex;\n align-items: center;\n justify-content: space-between;\n min-height: 24px;\n margin-bottom: 0.5rem;\n padding-bottom: 9px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.07);\n}\n\n.styles-module__settingsBrand___0gJeM {\n font-size: 0.8125rem;\n font-weight: 600;\n letter-spacing: -0.0094em;\n color: #fff;\n}\n\n.styles-module__settingsBrandSlash___uTG18 {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.styles-module__settingsVersion___TUcFq {\n font-size: 11px;\n font-weight: 400;\n color: rgba(255, 255, 255, 0.4);\n margin-left: auto;\n letter-spacing: -0.0094em;\n}\n\n.styles-module__settingsSection___m-YM2 + .styles-module__settingsSection___m-YM2 {\n margin-top: 0.5rem;\n padding-top: 0.5rem;\n border-top: 1px solid rgba(255, 255, 255, 0.07);\n}\n.styles-module__settingsSection___m-YM2.styles-module__settingsSectionExtraPadding___jdhFV {\n padding-top: calc(0.5rem + 4px);\n}\n\n.styles-module__settingsSectionGrow___h-5HZ {\n flex: 1;\n display: flex;\n flex-direction: column;\n}\n\n.styles-module__settingsRow___3sdhc {\n display: flex;\n align-items: center;\n justify-content: space-between;\n min-height: 24px;\n}\n.styles-module__settingsRow___3sdhc.styles-module__settingsRowMarginTop___zA0Sp {\n margin-top: 8px;\n}\n\n.styles-module__dropdownContainer___BVnxe {\n position: relative;\n}\n\n.styles-module__dropdownButton___16NPz {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.25rem 0.5rem;\n border: none;\n border-radius: 0.375rem;\n background: transparent;\n font-size: 0.8125rem;\n font-weight: 600;\n color: #fff;\n cursor: pointer;\n transition: background-color 0.15s ease, color 0.15s ease;\n letter-spacing: -0.0094em;\n}\n.styles-module__dropdownButton___16NPz:hover {\n background: rgba(255, 255, 255, 0.08);\n}\n.styles-module__dropdownButton___16NPz svg {\n opacity: 0.6;\n}\n\n.styles-module__cycleButton___FMKfw {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0;\n border: none;\n background: transparent;\n font-size: 0.8125rem;\n font-weight: 500;\n color: #fff;\n cursor: pointer;\n letter-spacing: -0.0094em;\n}\n.styles-module__cycleButton___FMKfw.styles-module__light___r6n4Y {\n color: rgba(0, 0, 0, 0.85);\n}\n.styles-module__cycleButton___FMKfw:disabled {\n opacity: 0.35;\n cursor: not-allowed;\n}\n\n.styles-module__settingsRowDisabled___EgS0V .styles-module__settingsLabel___8UjfX {\n color: rgba(255, 255, 255, 0.2);\n}\n.styles-module__settingsRowDisabled___EgS0V .styles-module__settingsLabel___8UjfX.styles-module__light___r6n4Y {\n color: rgba(0, 0, 0, 0.2);\n}\n.styles-module__settingsRowDisabled___EgS0V .styles-module__toggleSwitch___l4Ygm {\n opacity: 0.4;\n cursor: not-allowed;\n}\n\n@keyframes styles-module__cycleTextIn___Q6zJf {\n 0% {\n opacity: 0;\n transform: translateY(-6px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n.styles-module__cycleButtonText___fD1LR {\n display: inline-block;\n animation: styles-module__cycleTextIn___Q6zJf 0.2s ease-out;\n}\n\n.styles-module__cycleDots___LWuoQ {\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n\n.styles-module__cycleDot___nPgLY {\n width: 3px;\n height: 3px;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.3);\n transform: scale(0.667);\n transition: background-color 0.25s ease-out, transform 0.25s ease-out;\n}\n.styles-module__cycleDot___nPgLY.styles-module__active___-zoN6 {\n background: #fff;\n transform: scale(1);\n}\n.styles-module__cycleDot___nPgLY.styles-module__light___r6n4Y {\n background: rgba(0, 0, 0, 0.2);\n}\n.styles-module__cycleDot___nPgLY.styles-module__light___r6n4Y.styles-module__active___-zoN6 {\n background: rgba(0, 0, 0, 0.7);\n}\n\n.styles-module__dropdownMenu___k73ER {\n position: absolute;\n right: 0;\n top: calc(100% + 0.25rem);\n background: #1a1a1a;\n border-radius: 0.5rem;\n padding: 0.25rem;\n min-width: 120px;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.1);\n z-index: 10;\n animation: styles-module__scaleIn___c-r1K 0.15s ease-out;\n}\n\n.styles-module__dropdownItem___ylsLj {\n width: 100%;\n display: flex;\n align-items: center;\n padding: 0.5rem 0.625rem;\n border: none;\n border-radius: 0.375rem;\n background: transparent;\n font-size: 0.8125rem;\n font-weight: 500;\n color: rgba(255, 255, 255, 0.85);\n cursor: pointer;\n text-align: left;\n transition: background-color 0.15s ease, color 0.15s ease;\n letter-spacing: -0.0094em;\n}\n.styles-module__dropdownItem___ylsLj:hover {\n background: rgba(255, 255, 255, 0.08);\n}\n.styles-module__dropdownItem___ylsLj.styles-module__selected___OwRqP {\n background: rgba(255, 255, 255, 0.12);\n color: #fff;\n font-weight: 600;\n}\n\n.styles-module__settingsLabel___8UjfX {\n font-size: 0.8125rem;\n font-weight: 400;\n letter-spacing: -0.0094em;\n color: rgba(255, 255, 255, 0.5);\n display: flex;\n align-items: center;\n gap: 0.125rem;\n}\n.styles-module__settingsLabel___8UjfX.styles-module__light___r6n4Y {\n color: rgba(0, 0, 0, 0.5);\n}\n\n.styles-module__settingsLabelMarker___ewdtV {\n padding-top: 3px;\n margin-bottom: 10px;\n}\n\n.styles-module__settingsOptions___LyrBA {\n display: flex;\n gap: 0.25rem;\n}\n\n.styles-module__settingsOption___UNa12 {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.25rem;\n padding: 0.375rem 0.5rem;\n border: none;\n border-radius: 0.375rem;\n background: transparent;\n font-size: 0.6875rem;\n font-weight: 500;\n color: rgba(0, 0, 0, 0.7);\n cursor: pointer;\n transition: background-color 0.15s ease, color 0.15s ease;\n}\n.styles-module__settingsOption___UNa12:hover {\n background: rgba(0, 0, 0, 0.05);\n}\n.styles-module__settingsOption___UNa12.styles-module__selected___OwRqP {\n background: rgba(60, 130, 247, 0.15);\n color: #3c82f7;\n}\n\n.styles-module__sliderContainer___ducXj {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.styles-module__slider___GLdxp {\n -webkit-appearance: none;\n appearance: none;\n width: 100%;\n height: 4px;\n background: rgba(255, 255, 255, 0.15);\n border-radius: 2px;\n outline: none;\n cursor: pointer;\n}\n.styles-module__slider___GLdxp::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 14px;\n height: 14px;\n background: white;\n border-radius: 50%;\n cursor: pointer;\n transition: transform 0.15s ease, box-shadow 0.15s ease;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n}\n.styles-module__slider___GLdxp::-moz-range-thumb {\n width: 14px;\n height: 14px;\n background: white;\n border: none;\n border-radius: 50%;\n cursor: pointer;\n transition: transform 0.15s ease, box-shadow 0.15s ease;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n}\n.styles-module__slider___GLdxp:hover::-webkit-slider-thumb {\n transform: scale(1.15);\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);\n}\n.styles-module__slider___GLdxp:hover::-moz-range-thumb {\n transform: scale(1.15);\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);\n}\n\n.styles-module__sliderLabels___FhLDB {\n display: flex;\n justify-content: space-between;\n}\n\n.styles-module__sliderLabel___U8sPr {\n font-size: 0.625rem;\n font-weight: 500;\n color: rgba(255, 255, 255, 0.4);\n cursor: pointer;\n transition: color 0.15s ease;\n}\n.styles-module__sliderLabel___U8sPr:hover {\n color: rgba(255, 255, 255, 0.7);\n}\n.styles-module__sliderLabel___U8sPr.styles-module__active___-zoN6 {\n color: rgba(255, 255, 255, 0.9);\n}\n\n.styles-module__colorOptions___iHCNX {\n display: flex;\n gap: 0.5rem;\n margin-top: 0.375rem;\n margin-bottom: 1px;\n}\n\n.styles-module__colorOption___IodiY {\n display: block;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n border: 2px solid transparent;\n cursor: pointer;\n transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1);\n}\n.styles-module__colorOption___IodiY:hover {\n transform: scale(1.15);\n}\n.styles-module__colorOption___IodiY.styles-module__selected___OwRqP {\n transform: scale(0.83);\n}\n\n.styles-module__colorOptionRing___U2xpo {\n display: flex;\n width: 24px;\n height: 24px;\n border: 2px solid transparent;\n border-radius: 50%;\n transition: border-color 0.3s ease;\n}\n.styles-module__settingsToggle___fBrFn {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n cursor: pointer;\n}\n.styles-module__settingsToggle___fBrFn + .styles-module__settingsToggle___fBrFn {\n margin-top: calc(0.5rem + 6px);\n}\n.styles-module__settingsToggle___fBrFn input[type=checkbox] {\n position: absolute;\n opacity: 0;\n width: 0;\n height: 0;\n}\n.styles-module__settingsToggle___fBrFn.styles-module__settingsToggleMarginBottom___MZUyF {\n margin-bottom: calc(0.5rem + 6px);\n}\n\n.styles-module__customCheckbox___U39ax {\n position: relative;\n width: 14px;\n height: 14px;\n border: 1px solid rgba(255, 255, 255, 0.2);\n border-radius: 4px;\n background: rgba(255, 255, 255, 0.05);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: background 0.25s ease, border-color 0.25s ease;\n}\n.styles-module__customCheckbox___U39ax svg {\n color: #1a1a1a;\n opacity: 1;\n transition: opacity 0.15s ease;\n}\ninput[type=checkbox]:checked + .styles-module__customCheckbox___U39ax {\n border-color: rgba(255, 255, 255, 0.3);\n background: rgb(255, 255, 255);\n}\n.styles-module__customCheckbox___U39ax.styles-module__light___r6n4Y {\n border: 1px solid rgba(0, 0, 0, 0.15);\n background: #fff;\n}\n.styles-module__customCheckbox___U39ax.styles-module__light___r6n4Y.styles-module__checked___mnZLo {\n border-color: #1a1a1a;\n background: #1a1a1a;\n}\n.styles-module__customCheckbox___U39ax.styles-module__light___r6n4Y.styles-module__checked___mnZLo svg {\n color: #fff;\n}\n\n.styles-module__toggleLabel___Xm8Aa {\n font-size: 0.8125rem;\n font-weight: 400;\n color: rgba(255, 255, 255, 0.5);\n letter-spacing: -0.0094em;\n display: flex;\n align-items: center;\n gap: 0.25rem;\n}\n.styles-module__toggleLabel___Xm8Aa.styles-module__light___r6n4Y {\n color: rgba(0, 0, 0, 0.5);\n}\n\n.styles-module__toggleSwitch___l4Ygm {\n position: relative;\n display: inline-block;\n width: 24px;\n height: 16px;\n flex-shrink: 0;\n cursor: pointer;\n transition: opacity 0.15s ease;\n}\n.styles-module__toggleSwitch___l4Ygm input {\n opacity: 0;\n width: 0;\n height: 0;\n}\n.styles-module__toggleSwitch___l4Ygm input:checked + .styles-module__toggleSlider___wprIn {\n background: #3c82f7;\n}\n.styles-module__toggleSwitch___l4Ygm input:checked + .styles-module__toggleSlider___wprIn::before {\n transform: translateX(8px);\n}\n.styles-module__toggleSwitch___l4Ygm.styles-module__disabled___332Jw {\n opacity: 0.4;\n pointer-events: none;\n}\n.styles-module__toggleSwitch___l4Ygm.styles-module__disabled___332Jw .styles-module__toggleSlider___wprIn {\n cursor: not-allowed;\n}\n\n.styles-module__toggleSlider___wprIn {\n position: absolute;\n cursor: pointer;\n inset: 0;\n border-radius: 16px;\n background: #484848;\n}\n.styles-module__light___r6n4Y .styles-module__toggleSlider___wprIn {\n background: #dddddd;\n}\n.styles-module__toggleSlider___wprIn::before {\n content: "";\n position: absolute;\n height: 12px;\n width: 12px;\n left: 2px;\n bottom: 2px;\n background: white;\n border-radius: 50%;\n transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n}\n\n@keyframes styles-module__mcpPulse___uNggr {\n 0% {\n box-shadow: 0 0 0 0 rgba(52, 199, 89, 0.5);\n }\n 70% {\n box-shadow: 0 0 0 6px rgba(52, 199, 89, 0);\n }\n 100% {\n box-shadow: 0 0 0 0 rgba(52, 199, 89, 0);\n }\n}\n@keyframes styles-module__mcpPulseError___fov9B {\n 0% {\n box-shadow: 0 0 0 0 rgba(255, 59, 48, 0.5);\n }\n 70% {\n box-shadow: 0 0 0 6px rgba(255, 59, 48, 0);\n }\n 100% {\n box-shadow: 0 0 0 0 rgba(255, 59, 48, 0);\n }\n}\n.styles-module__mcpStatusDot___ibgkc {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n flex-shrink: 0;\n}\n.styles-module__mcpStatusDot___ibgkc.styles-module__connecting___uo-CW {\n background: #f5a623;\n animation: styles-module__mcpPulse___uNggr 1.5s infinite;\n}\n.styles-module__mcpStatusDot___ibgkc.styles-module__connected___7c28g {\n background: #34c759;\n animation: styles-module__mcpPulse___uNggr 2.5s ease-in-out infinite;\n}\n.styles-module__mcpStatusDot___ibgkc.styles-module__disconnected___cHPxR {\n background: #ff3b30;\n animation: styles-module__mcpPulseError___fov9B 2s infinite;\n}\n\n.styles-module__helpIcon___xQg56 {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n cursor: help;\n margin-left: 0;\n}\n.styles-module__helpIcon___xQg56 svg {\n display: block;\n transform: translateY(1px);\n color: rgba(255, 255, 255, 0.2);\n transition: color 0.15s ease;\n}\n.styles-module__helpIcon___xQg56:hover svg {\n color: rgba(255, 255, 255, 0.5);\n}\n.styles-module__helpIcon___xQg56.styles-module__helpIconNudgeDown___0cqpM svg {\n transform: translateY(1px);\n}\n.styles-module__helpIcon___xQg56.styles-module__helpIconNoNudge___abogC svg {\n transform: translateY(0.5px);\n}\n.styles-module__helpIcon___xQg56.styles-module__helpIconNudge1-5___DM2TQ svg {\n transform: translateY(1.5px);\n}\n.styles-module__helpIcon___xQg56.styles-module__helpIconNudge2___TfWgC svg {\n transform: translateY(2px);\n}\n\n.styles-module__dragSelection___kZLq2 {\n position: fixed;\n top: 0;\n left: 0;\n border: 2px solid rgba(52, 199, 89, 0.6);\n border-radius: 4px;\n background: rgba(52, 199, 89, 0.08);\n pointer-events: none;\n z-index: 99997;\n will-change: transform, width, height;\n contain: layout style;\n}\n\n.styles-module__dragCount___KM90j {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background: #34c759;\n color: white;\n font-size: 0.875rem;\n font-weight: 600;\n padding: 0.25rem 0.5rem;\n border-radius: 1rem;\n min-width: 1.5rem;\n text-align: center;\n}\n\n.styles-module__highlightsContainer___-0xzG {\n position: fixed;\n top: 0;\n left: 0;\n pointer-events: none;\n z-index: 99996;\n}\n\n.styles-module__selectedElementHighlight___fyVlI {\n position: fixed;\n top: 0;\n left: 0;\n border: 2px solid rgba(52, 199, 89, 0.5);\n border-radius: 4px;\n background: rgba(52, 199, 89, 0.06);\n pointer-events: none;\n will-change: transform, width, height;\n contain: layout style;\n}\n\n.styles-module__light___r6n4Y.styles-module__toolbarContainer___dIhma {\n background: #fff;\n color: rgba(0, 0, 0, 0.85);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.04);\n}\n.styles-module__light___r6n4Y.styles-module__toolbarContainer___dIhma.styles-module__collapsed___Rydsn:hover {\n background: #f5f5f5;\n}\n.styles-module__light___r6n4Y.styles-module__controlButton___8Q0jc {\n color: rgba(0, 0, 0, 0.5);\n}\n.styles-module__light___r6n4Y.styles-module__controlButton___8Q0jc:hover:not(:disabled):not([data-active=true]):not([data-failed=true]):not([data-auto-sync=true]):not([data-error=true]):not([data-no-hover=true]) {\n background: rgba(0, 0, 0, 0.06);\n color: rgba(0, 0, 0, 0.85);\n}\n.styles-module__light___r6n4Y.styles-module__controlButton___8Q0jc[data-active=true] {\n color: #3c82f7;\n background: rgba(60, 130, 247, 0.15);\n}\n.styles-module__light___r6n4Y.styles-module__controlButton___8Q0jc[data-error=true] {\n color: #ff3b30;\n background: rgba(255, 59, 48, 0.15);\n}\n.styles-module__light___r6n4Y.styles-module__controlButton___8Q0jc[data-danger]:hover:not(:disabled):not([data-active=true]):not([data-failed=true]) {\n background: rgba(255, 59, 48, 0.15);\n color: #ff3b30;\n}\n.styles-module__light___r6n4Y.styles-module__controlButton___8Q0jc[data-auto-sync=true] {\n color: #34c759;\n background: transparent;\n}\n.styles-module__light___r6n4Y.styles-module__controlButton___8Q0jc[data-failed=true] {\n color: #ff3b30;\n background: rgba(255, 59, 48, 0.15);\n}\n.styles-module__light___r6n4Y.styles-module__buttonTooltip___Burd9 {\n background: #fff;\n color: rgba(0, 0, 0, 0.85);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.04);\n}\n.styles-module__light___r6n4Y.styles-module__buttonTooltip___Burd9::after {\n background: #fff;\n}\n.styles-module__light___r6n4Y.styles-module__divider___c--s1 {\n background: rgba(0, 0, 0, 0.1);\n}\n.styles-module__light___r6n4Y.styles-module__markerTooltip___aLJID {\n background: #fff;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.06);\n}\n.styles-module__light___r6n4Y.styles-module__markerTooltip___aLJID .styles-module__markerQuote___FHmrz {\n color: rgba(0, 0, 0, 0.5);\n}\n.styles-module__light___r6n4Y.styles-module__markerTooltip___aLJID .styles-module__markerNote___QkrrS {\n color: rgba(0, 0, 0, 0.85);\n}\n.styles-module__light___r6n4Y.styles-module__markerTooltip___aLJID .styles-module__markerHint___2iF-6 {\n color: rgba(0, 0, 0, 0.35);\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y {\n background: #fff;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.04);\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y::before {\n background: linear-gradient(to right, #fff 0%, transparent 100%);\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y::after {\n background: linear-gradient(to left, #fff 0%, transparent 100%);\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__settingsHeader___pwDY9 {\n border-bottom-color: rgba(0, 0, 0, 0.08);\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__settingsBrand___0gJeM {\n color: rgba(0, 0, 0, 0.85);\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__settingsBrandSlash___uTG18 {\n color: rgba(0, 0, 0, 0.4);\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__settingsVersion___TUcFq {\n color: rgba(0, 0, 0, 0.4);\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__settingsSection___m-YM2 {\n border-top-color: rgba(0, 0, 0, 0.08);\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__settingsLabel___8UjfX {\n color: rgba(0, 0, 0, 0.5);\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__cycleButton___FMKfw {\n color: rgba(0, 0, 0, 0.85);\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__cycleDot___nPgLY {\n background: rgba(0, 0, 0, 0.2);\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__cycleDot___nPgLY.styles-module__active___-zoN6 {\n background: rgba(0, 0, 0, 0.7);\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__dropdownButton___16NPz {\n color: rgba(0, 0, 0, 0.85);\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__dropdownButton___16NPz:hover {\n background: rgba(0, 0, 0, 0.05);\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__toggleLabel___Xm8Aa {\n color: rgba(0, 0, 0, 0.5);\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__customCheckbox___U39ax {\n border: 1px solid rgba(0, 0, 0, 0.15);\n background: #fff;\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__customCheckbox___U39ax.styles-module__checked___mnZLo {\n border-color: #1a1a1a;\n background: #1a1a1a;\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__customCheckbox___U39ax.styles-module__checked___mnZLo svg {\n color: #fff;\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__sliderLabel___U8sPr {\n color: rgba(0, 0, 0, 0.4);\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__sliderLabel___U8sPr:hover {\n color: rgba(0, 0, 0, 0.7);\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__sliderLabel___U8sPr.styles-module__active___-zoN6 {\n color: rgba(0, 0, 0, 0.9);\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__slider___GLdxp {\n background: rgba(0, 0, 0, 0.1);\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__slider___GLdxp::-webkit-slider-thumb {\n background: #1a1a1a;\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__slider___GLdxp::-moz-range-thumb {\n background: #1a1a1a;\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__helpIcon___xQg56 svg {\n color: rgba(0, 0, 0, 0.2);\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__helpIcon___xQg56:hover svg {\n color: rgba(0, 0, 0, 0.5);\n}\n\n.styles-module__themeToggle___2rUjA {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 22px;\n height: 22px;\n margin-left: 0.5rem;\n border: none;\n border-radius: 6px;\n background: transparent;\n color: rgba(255, 255, 255, 0.4);\n cursor: pointer;\n transition: background-color 0.15s ease, color 0.15s ease;\n}\n.styles-module__themeToggle___2rUjA:hover {\n background: rgba(255, 255, 255, 0.1);\n color: rgba(255, 255, 255, 0.8);\n}\n.styles-module__light___r6n4Y .styles-module__themeToggle___2rUjA {\n color: rgba(0, 0, 0, 0.4);\n}\n.styles-module__light___r6n4Y .styles-module__themeToggle___2rUjA:hover {\n background: rgba(0, 0, 0, 0.06);\n color: rgba(0, 0, 0, 0.7);\n}\n\n.styles-module__themeIconWrapper___LsJIM {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n width: 20px;\n height: 20px;\n}\n\n.styles-module__themeIcon___lCCmo {\n display: flex;\n align-items: center;\n justify-content: center;\n animation: styles-module__themeIconIn___TU6ML 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;\n}\n\n@keyframes styles-module__themeIconIn___TU6ML {\n 0% {\n opacity: 0;\n transform: scale(0.8) rotate(-30deg);\n }\n 100% {\n opacity: 1;\n transform: scale(1) rotate(0deg);\n }\n}';
2301
- var classNames2 = { "toolbar": "styles-module__toolbar___wNsdK", "toolbarContainer": "styles-module__toolbarContainer___dIhma", "dragging": "styles-module__dragging___xrolZ", "entrance": "styles-module__entrance___sgHd8", "toolbarEnter": "styles-module__toolbarEnter___u8RRu", "collapsed": "styles-module__collapsed___Rydsn", "expanded": "styles-module__expanded___ofKPx", "serverConnected": "styles-module__serverConnected___Gfbou", "toggleContent": "styles-module__toggleContent___0yfyP", "visible": "styles-module__visible___KHwEW", "hidden": "styles-module__hidden___Ae8H4", "controlsContent": "styles-module__controlsContent___9GJWU", "badge": "styles-module__badge___2XsgF", "fadeOut": "styles-module__fadeOut___6Ut6-", "badgeEnter": "styles-module__badgeEnter___mVQLj", "controlButton": "styles-module__controlButton___8Q0jc", "statusShowing": "styles-module__statusShowing___te6iu", "buttonBadge": "styles-module__buttonBadge___NeFWb", "light": "styles-module__light___r6n4Y", "mcpIndicator": "styles-module__mcpIndicator___zGJeL", "connected": "styles-module__connected___7c28g", "mcpIndicatorPulseConnected": "styles-module__mcpIndicatorPulseConnected___EDodZ", "connecting": "styles-module__connecting___uo-CW", "mcpIndicatorPulseConnecting": "styles-module__mcpIndicatorPulseConnecting___cCYte", "connectionIndicatorWrapper": "styles-module__connectionIndicatorWrapper___L-e-3", "connectionIndicator": "styles-module__connectionIndicator___afk9p", "connectionIndicatorVisible": "styles-module__connectionIndicatorVisible___C-i5B", "connectionIndicatorConnected": "styles-module__connectionIndicatorConnected___IY8pR", "connectionPulse": "styles-module__connectionPulse___-Zycw", "connectionIndicatorDisconnected": "styles-module__connectionIndicatorDisconnected___kmpaZ", "connectionIndicatorConnecting": "styles-module__connectionIndicatorConnecting___QmSLH", "buttonWrapper": "styles-module__buttonWrapper___rBcdv", "buttonTooltip": "styles-module__buttonTooltip___Burd9", "sendButtonWrapper": "styles-module__sendButtonWrapper___UUxG6", "sendButtonVisible": "styles-module__sendButtonVisible___WPSQU", "shortcut": "styles-module__shortcut___lEAQk", "tooltipBelow": "styles-module__tooltipBelow___m6ats", "tooltipsHidden": "styles-module__tooltipsHidden___VtLJG", "tooltipVisible": "styles-module__tooltipVisible___0jcCv", "buttonWrapperAlignLeft": "styles-module__buttonWrapperAlignLeft___myzIp", "buttonWrapperAlignRight": "styles-module__buttonWrapperAlignRight___HCQFR", "divider": "styles-module__divider___c--s1", "overlay": "styles-module__overlay___Q1O9y", "hoverHighlight": "styles-module__hoverHighlight___ogakW", "enter": "styles-module__enter___WFIki", "hoverHighlightIn": "styles-module__hoverHighlightIn___6WYHY", "multiSelectOutline": "styles-module__multiSelectOutline___cSJ-m", "fadeIn": "styles-module__fadeIn___b9qmf", "exit": "styles-module__exit___fyOJ0", "singleSelectOutline": "styles-module__singleSelectOutline___QhX-O", "hoverTooltip": "styles-module__hoverTooltip___bvLk7", "hoverTooltipIn": "styles-module__hoverTooltipIn___FYGQx", "hoverReactPath": "styles-module__hoverReactPath___gx1IJ", "hoverElementName": "styles-module__hoverElementName___QMLMl", "markersLayer": "styles-module__markersLayer___-25j1", "fixedMarkersLayer": "styles-module__fixedMarkersLayer___ffyX6", "marker": "styles-module__marker___6sQrs", "clearing": "styles-module__clearing___FQ--7", "markerIn": "styles-module__markerIn___5FaAP", "markerOut": "styles-module__markerOut___GU5jX", "pending": "styles-module__pending___2IHLC", "fixed": "styles-module__fixed___dBMHC", "multiSelect": "styles-module__multiSelect___YWiuz", "hovered": "styles-module__hovered___ZgXIy", "renumber": "styles-module__renumber___nCTxD", "renumberRoll": "styles-module__renumberRoll___Wgbq3", "markerTooltip": "styles-module__markerTooltip___aLJID", "tooltipIn": "styles-module__tooltipIn___0N31w", "markerQuote": "styles-module__markerQuote___FHmrz", "markerNote": "styles-module__markerNote___QkrrS", "markerHint": "styles-module__markerHint___2iF-6", "settingsPanel": "styles-module__settingsPanel___OxX3Y", "settingsHeader": "styles-module__settingsHeader___pwDY9", "settingsBrand": "styles-module__settingsBrand___0gJeM", "settingsBrandSlash": "styles-module__settingsBrandSlash___uTG18", "settingsVersion": "styles-module__settingsVersion___TUcFq", "settingsSection": "styles-module__settingsSection___m-YM2", "settingsLabel": "styles-module__settingsLabel___8UjfX", "cycleButton": "styles-module__cycleButton___FMKfw", "cycleDot": "styles-module__cycleDot___nPgLY", "dropdownButton": "styles-module__dropdownButton___16NPz", "toggleLabel": "styles-module__toggleLabel___Xm8Aa", "customCheckbox": "styles-module__customCheckbox___U39ax", "sliderLabel": "styles-module__sliderLabel___U8sPr", "slider": "styles-module__slider___GLdxp", "helpIcon": "styles-module__helpIcon___xQg56", "themeToggle": "styles-module__themeToggle___2rUjA", "dark": "styles-module__dark___ILIQf", "settingsOption": "styles-module__settingsOption___UNa12", "selected": "styles-module__selected___OwRqP", "settingsPanelContainer": "styles-module__settingsPanelContainer___Xksv8", "transitioning": "styles-module__transitioning___qxzCk", "settingsPage": "styles-module__settingsPage___6YfHH", "slideLeft": "styles-module__slideLeft___Ps01J", "automationsPage": "styles-module__automationsPage___uvCq6", "slideIn": "styles-module__slideIn___4-qXe", "settingsNavLink": "styles-module__settingsNavLink___wCzJt", "settingsNavLinkRight": "styles-module__settingsNavLinkRight___ZWwhj", "mcpNavIndicator": "styles-module__mcpNavIndicator___cl9pO", "mcpPulse": "styles-module__mcpPulse___uNggr", "settingsBackButton": "styles-module__settingsBackButton___bIe2j", "automationHeader": "styles-module__automationHeader___InP0r", "automationDescription": "styles-module__automationDescription___NKlmo", "learnMoreLink": "styles-module__learnMoreLink___8xv-x", "autoSendRow": "styles-module__autoSendRow___UblX5", "autoSendLabel": "styles-module__autoSendLabel___icDc2", "active": "styles-module__active___-zoN6", "webhookUrlInput": "styles-module__webhookUrlInput___2375C", "settingsSectionExtraPadding": "styles-module__settingsSectionExtraPadding___jdhFV", "settingsSectionGrow": "styles-module__settingsSectionGrow___h-5HZ", "settingsRow": "styles-module__settingsRow___3sdhc", "settingsRowMarginTop": "styles-module__settingsRowMarginTop___zA0Sp", "dropdownContainer": "styles-module__dropdownContainer___BVnxe", "settingsRowDisabled": "styles-module__settingsRowDisabled___EgS0V", "toggleSwitch": "styles-module__toggleSwitch___l4Ygm", "cycleButtonText": "styles-module__cycleButtonText___fD1LR", "cycleTextIn": "styles-module__cycleTextIn___Q6zJf", "cycleDots": "styles-module__cycleDots___LWuoQ", "dropdownMenu": "styles-module__dropdownMenu___k73ER", "scaleIn": "styles-module__scaleIn___c-r1K", "dropdownItem": "styles-module__dropdownItem___ylsLj", "settingsLabelMarker": "styles-module__settingsLabelMarker___ewdtV", "settingsOptions": "styles-module__settingsOptions___LyrBA", "sliderContainer": "styles-module__sliderContainer___ducXj", "sliderLabels": "styles-module__sliderLabels___FhLDB", "colorOptions": "styles-module__colorOptions___iHCNX", "colorOption": "styles-module__colorOption___IodiY", "colorOptionRing": "styles-module__colorOptionRing___U2xpo", "settingsToggle": "styles-module__settingsToggle___fBrFn", "settingsToggleMarginBottom": "styles-module__settingsToggleMarginBottom___MZUyF", "checked": "styles-module__checked___mnZLo", "toggleSlider": "styles-module__toggleSlider___wprIn", "disabled": "styles-module__disabled___332Jw", "mcpStatusDot": "styles-module__mcpStatusDot___ibgkc", "disconnected": "styles-module__disconnected___cHPxR", "mcpPulseError": "styles-module__mcpPulseError___fov9B", "helpIconNudgeDown": "styles-module__helpIconNudgeDown___0cqpM", "helpIconNoNudge": "styles-module__helpIconNoNudge___abogC", "helpIconNudge1-5": "styles-module__helpIconNudge1-5___DM2TQ", "helpIconNudge2": "styles-module__helpIconNudge2___TfWgC", "dragSelection": "styles-module__dragSelection___kZLq2", "dragCount": "styles-module__dragCount___KM90j", "highlightsContainer": "styles-module__highlightsContainer___-0xzG", "selectedElementHighlight": "styles-module__selectedElementHighlight___fyVlI", "themeIconWrapper": "styles-module__themeIconWrapper___LsJIM", "themeIcon": "styles-module__themeIcon___lCCmo", "themeIconIn": "styles-module__themeIconIn___TU6ML", "scaleOut": "styles-module__scaleOut___Wctwz", "slideUp": "styles-module__slideUp___kgD36", "slideDown": "styles-module__slideDown___zcdje", "settingsPanelIn": "styles-module__settingsPanelIn___MGfO8", "settingsPanelOut": "styles-module__settingsPanelOut___Zfymi" };
2662
+ var css2 = 'svg[fill=none] {\n fill: none !important;\n}\n\n.styles-module__toolbar___wNsdK :where(button, input, select, textarea, label) {\n background: unset;\n border: unset;\n border-radius: unset;\n padding: unset;\n margin: unset;\n color: unset;\n font: unset;\n letter-spacing: unset;\n text-transform: unset;\n text-decoration: unset;\n box-shadow: unset;\n outline: unset;\n}\n\n@keyframes styles-module__toolbarEnter___u8RRu {\n from {\n opacity: 0;\n transform: scale(0.5) rotate(90deg);\n }\n to {\n opacity: 1;\n transform: scale(1) rotate(0deg);\n }\n}\n@keyframes styles-module__toolbarHide___y8kaT {\n from {\n opacity: 1;\n transform: scale(1);\n }\n to {\n opacity: 0;\n transform: scale(0.8);\n }\n}\n@keyframes styles-module__badgeEnter___mVQLj {\n from {\n opacity: 0;\n transform: scale(0);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n@keyframes styles-module__scaleIn___c-r1K {\n from {\n opacity: 0;\n transform: scale(0.85);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n@keyframes styles-module__scaleOut___Wctwz {\n from {\n opacity: 1;\n transform: scale(1);\n }\n to {\n opacity: 0;\n transform: scale(0.85);\n }\n}\n@keyframes styles-module__slideUp___kgD36 {\n from {\n opacity: 0;\n transform: scale(0.85) translateY(8px);\n }\n to {\n opacity: 1;\n transform: scale(1) translateY(0);\n }\n}\n@keyframes styles-module__slideDown___zcdje {\n from {\n opacity: 1;\n transform: scale(1) translateY(0);\n }\n to {\n opacity: 0;\n transform: scale(0.85) translateY(8px);\n }\n}\n@keyframes styles-module__markerIn___5FaAP {\n 0% {\n opacity: 0;\n transform: translate(-50%, -50%) scale(0.3);\n }\n 100% {\n opacity: 1;\n transform: translate(-50%, -50%) scale(1);\n }\n}\n@keyframes styles-module__markerOut___GU5jX {\n 0% {\n opacity: 1;\n transform: translate(-50%, -50%) scale(1);\n }\n 100% {\n opacity: 0;\n transform: translate(-50%, -50%) scale(0.3);\n }\n}\n@keyframes styles-module__fadeIn___b9qmf {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n@keyframes styles-module__fadeOut___6Ut6- {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n@keyframes styles-module__tooltipIn___0N31w {\n from {\n opacity: 0;\n transform: translateX(-50%) translateY(2px) scale(0.891);\n }\n to {\n opacity: 1;\n transform: translateX(-50%) translateY(0) scale(0.909);\n }\n}\n@keyframes styles-module__hoverHighlightIn___6WYHY {\n from {\n opacity: 0;\n transform: scale(0.98);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n@keyframes styles-module__hoverTooltipIn___FYGQx {\n from {\n opacity: 0;\n transform: scale(0.95) translateY(4px);\n }\n to {\n opacity: 1;\n transform: scale(1) translateY(0);\n }\n}\n@keyframes styles-module__settingsPanelIn___MGfO8 {\n from {\n opacity: 0;\n transform: translateY(10px) scale(0.95);\n filter: blur(5px);\n }\n to {\n opacity: 1;\n transform: translateY(0) scale(1);\n filter: blur(0px);\n }\n}\n@keyframes styles-module__settingsPanelOut___Zfymi {\n from {\n opacity: 1;\n transform: translateY(0) scale(1);\n filter: blur(0px);\n }\n to {\n opacity: 0;\n transform: translateY(20px) scale(0.95);\n filter: blur(5px);\n }\n}\n.styles-module__toolbar___wNsdK {\n position: fixed;\n bottom: 1.25rem;\n right: 1.25rem;\n width: 297px;\n z-index: 100000;\n font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n pointer-events: none;\n transition: left 0s, top 0s, right 0s, bottom 0s;\n}\n\n.styles-module__toolbarContainer___dIhma {\n user-select: none;\n margin-left: auto;\n align-self: flex-end;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #1a1a1a;\n color: #fff;\n border: none;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.1);\n pointer-events: auto;\n cursor: grab;\n transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1), transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);\n}\n.styles-module__toolbarContainer___dIhma.styles-module__dragging___xrolZ {\n transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1);\n cursor: grabbing;\n}\n.styles-module__toolbarContainer___dIhma.styles-module__entrance___sgHd8 {\n animation: styles-module__toolbarEnter___u8RRu 0.5s cubic-bezier(0.34, 1.2, 0.64, 1) forwards;\n}\n.styles-module__toolbarContainer___dIhma.styles-module__hiding___1td44 {\n animation: styles-module__toolbarHide___y8kaT 0.4s cubic-bezier(0.4, 0, 1, 1) forwards;\n pointer-events: none;\n}\n.styles-module__toolbarContainer___dIhma.styles-module__collapsed___Rydsn {\n width: 44px;\n height: 44px;\n border-radius: 22px;\n padding: 0;\n cursor: pointer;\n}\n.styles-module__toolbarContainer___dIhma.styles-module__collapsed___Rydsn svg {\n margin-top: -1px;\n}\n.styles-module__toolbarContainer___dIhma.styles-module__collapsed___Rydsn:hover {\n background: #2a2a2a;\n}\n.styles-module__toolbarContainer___dIhma.styles-module__collapsed___Rydsn:active {\n transform: scale(0.95);\n}\n.styles-module__toolbarContainer___dIhma.styles-module__expanded___ofKPx {\n height: 44px;\n border-radius: 1.5rem;\n padding: 0.375rem;\n width: 257px;\n}\n.styles-module__toolbarContainer___dIhma.styles-module__expanded___ofKPx.styles-module__serverConnected___Gfbou {\n width: 297px;\n}\n\n.styles-module__toggleContent___0yfyP {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: opacity 0.1s cubic-bezier(0.19, 1, 0.22, 1);\n}\n.styles-module__toggleContent___0yfyP.styles-module__visible___KHwEW {\n opacity: 1;\n visibility: visible;\n pointer-events: auto;\n}\n.styles-module__toggleContent___0yfyP.styles-module__hidden___Ae8H4 {\n opacity: 0;\n pointer-events: none;\n}\n\n.styles-module__controlsContent___9GJWU {\n display: flex;\n align-items: center;\n gap: 0.375rem;\n transition: filter 0.8s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1), transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);\n}\n.styles-module__controlsContent___9GJWU.styles-module__visible___KHwEW {\n opacity: 1;\n filter: blur(0px);\n transform: scale(1);\n visibility: visible;\n pointer-events: auto;\n}\n.styles-module__controlsContent___9GJWU.styles-module__hidden___Ae8H4 {\n pointer-events: none;\n opacity: 0;\n filter: blur(10px);\n transform: scale(0.4);\n}\n\n.styles-module__badge___2XsgF {\n position: absolute;\n top: -13px;\n right: -13px;\n user-select: none;\n min-width: 18px;\n height: 18px;\n padding: 0 5px;\n border-radius: 9px;\n background: #3c82f7;\n color: white;\n font-size: 0.625rem;\n font-weight: 600;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.04);\n opacity: 1;\n transition: transform 0.3s ease, opacity 0.2s ease;\n transform: scale(1);\n}\n.styles-module__badge___2XsgF.styles-module__fadeOut___6Ut6- {\n opacity: 0;\n transform: scale(0);\n pointer-events: none;\n}\n.styles-module__badge___2XsgF.styles-module__entrance___sgHd8 {\n animation: styles-module__badgeEnter___mVQLj 0.3s cubic-bezier(0.34, 1.2, 0.64, 1) 0.4s both;\n}\n\n.styles-module__controlButton___8Q0jc {\n position: relative;\n cursor: pointer !important;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 34px;\n height: 34px;\n border-radius: 50%;\n border: none;\n background: transparent;\n color: rgba(255, 255, 255, 0.85);\n transition: background-color 0.15s ease, color 0.15s ease, transform 0.1s ease, opacity 0.2s ease;\n}\n.styles-module__controlButton___8Q0jc:hover:not(:disabled):not([data-active=true]):not([data-failed=true]):not([data-auto-sync=true]):not([data-error=true]):not([data-no-hover=true]) {\n background: rgba(255, 255, 255, 0.12);\n color: #fff;\n}\n.styles-module__controlButton___8Q0jc:active:not(:disabled) {\n transform: scale(0.92);\n}\n.styles-module__controlButton___8Q0jc:disabled {\n opacity: 0.35;\n cursor: not-allowed;\n}\n.styles-module__controlButton___8Q0jc[data-active=true] {\n color: #3c82f7;\n background: rgba(60, 130, 247, 0.25);\n}\n.styles-module__controlButton___8Q0jc[data-error=true] {\n color: #ff3b30;\n background: rgba(255, 59, 48, 0.25);\n}\n.styles-module__controlButton___8Q0jc[data-danger]:hover:not(:disabled):not([data-active=true]):not([data-failed=true]) {\n background: rgba(255, 59, 48, 0.25);\n color: #ff3b30;\n}\n.styles-module__controlButton___8Q0jc[data-no-hover=true], .styles-module__controlButton___8Q0jc.styles-module__statusShowing___te6iu {\n cursor: default !important;\n pointer-events: none;\n background: transparent !important;\n}\n.styles-module__controlButton___8Q0jc[data-auto-sync=true] {\n color: #34c759;\n background: transparent;\n cursor: default;\n}\n.styles-module__controlButton___8Q0jc[data-failed=true] {\n color: #ff3b30;\n background: rgba(255, 59, 48, 0.25);\n}\n\n.styles-module__buttonBadge___NeFWb {\n position: absolute;\n top: 0px;\n right: 0px;\n min-width: 16px;\n height: 16px;\n padding: 0 4px;\n border-radius: 8px;\n background: #3c82f7;\n color: white;\n font-size: 0.625rem;\n font-weight: 600;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 0 0 2px #1a1a1a, 0 1px 3px rgba(0, 0, 0, 0.2);\n pointer-events: none;\n}\n.styles-module__buttonBadge___NeFWb.styles-module__light___r6n4Y {\n box-shadow: 0 0 0 2px #fff, 0 1px 3px rgba(0, 0, 0, 0.2);\n}\n\n@keyframes styles-module__mcpIndicatorPulseConnected___EDodZ {\n 0%, 100% {\n box-shadow: 0 0 0 0 rgba(52, 199, 89, 0.5);\n }\n 50% {\n box-shadow: 0 0 0 5px rgba(52, 199, 89, 0);\n }\n}\n@keyframes styles-module__mcpIndicatorPulseConnecting___cCYte {\n 0%, 100% {\n box-shadow: 0 0 0 0 rgba(245, 166, 35, 0.5);\n }\n 50% {\n box-shadow: 0 0 0 5px rgba(245, 166, 35, 0);\n }\n}\n.styles-module__mcpIndicator___zGJeL {\n position: absolute;\n top: 3px;\n right: 3px;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n pointer-events: none;\n transition: background 0.3s ease, opacity 0.15s ease, transform 0.15s ease;\n opacity: 1;\n transform: scale(1);\n}\n.styles-module__mcpIndicator___zGJeL.styles-module__connected___7c28g {\n background: #34c759;\n animation: styles-module__mcpIndicatorPulseConnected___EDodZ 2.5s ease-in-out infinite;\n}\n.styles-module__mcpIndicator___zGJeL.styles-module__connecting___uo-CW {\n background: #f5a623;\n animation: styles-module__mcpIndicatorPulseConnecting___cCYte 1.5s ease-in-out infinite;\n}\n.styles-module__mcpIndicator___zGJeL.styles-module__hidden___Ae8H4 {\n opacity: 0;\n transform: scale(0);\n animation: none;\n}\n\n@keyframes styles-module__connectionPulse___-Zycw {\n 0%, 100% {\n opacity: 1;\n transform: scale(1);\n }\n 50% {\n opacity: 0.6;\n transform: scale(0.9);\n }\n}\n.styles-module__connectionIndicatorWrapper___L-e-3 {\n width: 8px;\n height: 34px;\n margin-left: 6px;\n margin-right: 6px;\n}\n\n.styles-module__connectionIndicator___afk9p {\n position: relative;\n width: 8px;\n height: 8px;\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.3s ease, background 0.3s ease;\n cursor: default;\n}\n\n.styles-module__connectionIndicatorVisible___C-i5B {\n opacity: 1;\n}\n\n.styles-module__connectionIndicatorConnected___IY8pR {\n background: #34c759;\n animation: styles-module__connectionPulse___-Zycw 2.5s ease-in-out infinite;\n}\n\n.styles-module__connectionIndicatorDisconnected___kmpaZ {\n background: #ff3b30;\n animation: none;\n}\n\n.styles-module__connectionIndicatorConnecting___QmSLH {\n background: #f59e0b;\n animation: styles-module__connectionPulse___-Zycw 1s ease-in-out infinite;\n}\n\n.styles-module__buttonWrapper___rBcdv {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.styles-module__buttonWrapper___rBcdv:hover .styles-module__buttonTooltip___Burd9 {\n opacity: 1;\n visibility: visible;\n transform: translateX(-50%) scale(1);\n transition-delay: 0.85s;\n}\n.styles-module__buttonWrapper___rBcdv:has(.styles-module__controlButton___8Q0jc:disabled):hover .styles-module__buttonTooltip___Burd9 {\n opacity: 0;\n visibility: hidden;\n}\n\n.styles-module__tooltipsInSession___-0lHH .styles-module__buttonWrapper___rBcdv:hover .styles-module__buttonTooltip___Burd9 {\n transition-delay: 0s;\n}\n\n.styles-module__sendButtonWrapper___UUxG6 {\n width: 0;\n opacity: 0;\n overflow: hidden;\n pointer-events: none;\n margin-left: -0.375rem;\n transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1), margin 0.4s cubic-bezier(0.19, 1, 0.22, 1);\n}\n.styles-module__sendButtonWrapper___UUxG6 .styles-module__controlButton___8Q0jc {\n transform: scale(0.8);\n transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);\n}\n.styles-module__sendButtonWrapper___UUxG6.styles-module__sendButtonVisible___WPSQU {\n width: 34px;\n opacity: 1;\n overflow: visible;\n pointer-events: auto;\n margin-left: 0;\n}\n.styles-module__sendButtonWrapper___UUxG6.styles-module__sendButtonVisible___WPSQU .styles-module__controlButton___8Q0jc {\n transform: scale(1);\n}\n\n.styles-module__buttonTooltip___Burd9 {\n position: absolute;\n bottom: calc(100% + 14px);\n left: 50%;\n transform: translateX(-50%) scale(0.95);\n padding: 6px 10px;\n background: #1a1a1a;\n color: rgba(255, 255, 255, 0.9);\n font-size: 12px;\n font-weight: 500;\n border-radius: 8px;\n white-space: nowrap;\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n z-index: 100001;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n transition: opacity 0.135s ease, transform 0.135s ease, visibility 0.135s ease;\n}\n.styles-module__buttonTooltip___Burd9::after {\n content: "";\n position: absolute;\n top: calc(100% - 4px);\n left: 50%;\n transform: translateX(-50%) rotate(45deg);\n width: 8px;\n height: 8px;\n background: #1a1a1a;\n border-radius: 0 0 2px 0;\n}\n\n.styles-module__shortcut___lEAQk {\n margin-left: 4px;\n opacity: 0.5;\n}\n\n.styles-module__tooltipBelow___m6ats .styles-module__buttonTooltip___Burd9 {\n bottom: auto;\n top: calc(100% + 14px);\n transform: translateX(-50%) scale(0.95);\n}\n.styles-module__tooltipBelow___m6ats .styles-module__buttonTooltip___Burd9::after {\n top: -4px;\n bottom: auto;\n border-radius: 2px 0 0 0;\n}\n\n.styles-module__tooltipBelow___m6ats .styles-module__buttonWrapper___rBcdv:hover .styles-module__buttonTooltip___Burd9 {\n transform: translateX(-50%) scale(1);\n}\n\n.styles-module__tooltipsHidden___VtLJG .styles-module__buttonTooltip___Burd9 {\n opacity: 0 !important;\n visibility: hidden !important;\n transition: none !important;\n}\n\n.styles-module__tooltipVisible___0jcCv,\n.styles-module__tooltipsHidden___VtLJG .styles-module__tooltipVisible___0jcCv {\n opacity: 1 !important;\n visibility: visible !important;\n transform: translateX(-50%) scale(1) !important;\n transition-delay: 0s !important;\n}\n\n.styles-module__buttonWrapperAlignLeft___myzIp .styles-module__buttonTooltip___Burd9 {\n left: 50%;\n transform: translateX(-12px) scale(0.95);\n}\n.styles-module__buttonWrapperAlignLeft___myzIp .styles-module__buttonTooltip___Burd9::after {\n left: 16px;\n}\n.styles-module__buttonWrapperAlignLeft___myzIp:hover .styles-module__buttonTooltip___Burd9 {\n transform: translateX(-12px) scale(1);\n}\n\n.styles-module__tooltipBelow___m6ats .styles-module__buttonWrapperAlignLeft___myzIp .styles-module__buttonTooltip___Burd9 {\n transform: translateX(-12px) scale(0.95);\n}\n.styles-module__tooltipBelow___m6ats .styles-module__buttonWrapperAlignLeft___myzIp:hover .styles-module__buttonTooltip___Burd9 {\n transform: translateX(-12px) scale(1);\n}\n\n.styles-module__buttonWrapperAlignRight___HCQFR .styles-module__buttonTooltip___Burd9 {\n left: 50%;\n transform: translateX(calc(-100% + 12px)) scale(0.95);\n}\n.styles-module__buttonWrapperAlignRight___HCQFR .styles-module__buttonTooltip___Burd9::after {\n left: auto;\n right: 8px;\n}\n.styles-module__buttonWrapperAlignRight___HCQFR:hover .styles-module__buttonTooltip___Burd9 {\n transform: translateX(calc(-100% + 12px)) scale(1);\n}\n\n.styles-module__tooltipBelow___m6ats .styles-module__buttonWrapperAlignRight___HCQFR .styles-module__buttonTooltip___Burd9 {\n transform: translateX(calc(-100% + 12px)) scale(0.95);\n}\n.styles-module__tooltipBelow___m6ats .styles-module__buttonWrapperAlignRight___HCQFR:hover .styles-module__buttonTooltip___Burd9 {\n transform: translateX(calc(-100% + 12px)) scale(1);\n}\n\n.styles-module__divider___c--s1 {\n width: 1px;\n height: 12px;\n background: rgba(255, 255, 255, 0.15);\n margin: 0 0.125rem;\n}\n\n.styles-module__overlay___Q1O9y {\n position: fixed;\n inset: 0;\n z-index: 99997;\n pointer-events: none;\n}\n.styles-module__overlay___Q1O9y > * {\n pointer-events: auto;\n}\n\n.styles-module__hoverHighlight___ogakW {\n position: fixed;\n border: 2px solid rgba(60, 130, 247, 0.5);\n border-radius: 4px;\n pointer-events: none !important;\n background: rgba(60, 130, 247, 0.04);\n box-sizing: border-box;\n will-change: opacity;\n contain: layout style;\n}\n.styles-module__hoverHighlight___ogakW.styles-module__enter___WFIki {\n animation: styles-module__hoverHighlightIn___6WYHY 0.12s ease-out forwards;\n}\n\n.styles-module__multiSelectOutline___cSJ-m {\n position: fixed;\n border: 2px dashed rgba(52, 199, 89, 0.6);\n border-radius: 4px;\n pointer-events: none !important;\n background: rgba(52, 199, 89, 0.05);\n box-sizing: border-box;\n will-change: opacity;\n}\n.styles-module__multiSelectOutline___cSJ-m.styles-module__enter___WFIki {\n animation: styles-module__fadeIn___b9qmf 0.15s ease-out forwards;\n}\n.styles-module__multiSelectOutline___cSJ-m.styles-module__exit___fyOJ0 {\n animation: styles-module__fadeOut___6Ut6- 0.15s ease-out forwards;\n}\n\n.styles-module__singleSelectOutline___QhX-O {\n position: fixed;\n border: 2px solid rgba(60, 130, 247, 0.6);\n border-radius: 4px;\n pointer-events: none !important;\n background: rgba(60, 130, 247, 0.05);\n box-sizing: border-box;\n will-change: opacity;\n}\n.styles-module__singleSelectOutline___QhX-O.styles-module__enter___WFIki {\n animation: styles-module__fadeIn___b9qmf 0.15s ease-out forwards;\n}\n.styles-module__singleSelectOutline___QhX-O.styles-module__exit___fyOJ0 {\n animation: styles-module__fadeOut___6Ut6- 0.15s ease-out forwards;\n}\n\n.styles-module__hoverTooltip___bvLk7 {\n position: fixed;\n font-size: 0.6875rem;\n font-weight: 500;\n color: #fff;\n background: rgba(0, 0, 0, 0.85);\n padding: 0.35rem 0.6rem;\n border-radius: 0.375rem;\n pointer-events: none !important;\n white-space: nowrap;\n max-width: 280px;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.styles-module__hoverTooltip___bvLk7.styles-module__enter___WFIki {\n animation: styles-module__hoverTooltipIn___FYGQx 0.1s ease-out forwards;\n}\n\n.styles-module__hoverReactPath___gx1IJ {\n font-size: 0.625rem;\n color: rgba(255, 255, 255, 0.6);\n margin-bottom: 0.15rem;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.styles-module__hoverElementName___QMLMl {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.styles-module__markersLayer___-25j1 {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 0;\n z-index: 99998;\n pointer-events: none;\n}\n.styles-module__markersLayer___-25j1 > * {\n pointer-events: auto;\n}\n\n.styles-module__fixedMarkersLayer___ffyX6 {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 99998;\n pointer-events: none;\n}\n.styles-module__fixedMarkersLayer___ffyX6 > * {\n pointer-events: auto;\n}\n\n.styles-module__marker___6sQrs {\n position: absolute;\n width: 22px;\n height: 22px;\n background: #3c82f7;\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.6875rem;\n font-weight: 600;\n transform: translate(-50%, -50%) scale(1);\n opacity: 1;\n cursor: pointer;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.04);\n user-select: none;\n will-change: transform, opacity;\n contain: layout style;\n z-index: 1;\n}\n.styles-module__marker___6sQrs:hover {\n z-index: 2;\n}\n.styles-module__marker___6sQrs:not(.styles-module__enter___WFIki):not(.styles-module__exit___fyOJ0):not(.styles-module__clearing___FQ--7) {\n transition: background-color 0.15s ease, transform 0.1s ease;\n}\n.styles-module__marker___6sQrs.styles-module__enter___WFIki {\n animation: styles-module__markerIn___5FaAP 0.25s cubic-bezier(0.22, 1, 0.36, 1) both;\n}\n.styles-module__marker___6sQrs.styles-module__exit___fyOJ0 {\n animation: styles-module__markerOut___GU5jX 0.2s ease-out both;\n pointer-events: none;\n}\n.styles-module__marker___6sQrs.styles-module__clearing___FQ--7 {\n animation: styles-module__markerOut___GU5jX 0.15s ease-out both;\n pointer-events: none;\n}\n.styles-module__marker___6sQrs:not(.styles-module__enter___WFIki):not(.styles-module__exit___fyOJ0):not(.styles-module__clearing___FQ--7):hover {\n transform: translate(-50%, -50%) scale(1.1);\n}\n.styles-module__marker___6sQrs.styles-module__pending___2IHLC {\n position: fixed;\n background: #3c82f7;\n}\n.styles-module__marker___6sQrs.styles-module__fixed___dBMHC {\n position: fixed;\n}\n.styles-module__marker___6sQrs.styles-module__multiSelect___YWiuz {\n background: #34c759;\n width: 26px;\n height: 26px;\n border-radius: 6px;\n font-size: 0.75rem;\n}\n.styles-module__marker___6sQrs.styles-module__multiSelect___YWiuz.styles-module__pending___2IHLC {\n background: #34c759;\n}\n.styles-module__marker___6sQrs.styles-module__hovered___ZgXIy {\n background: #ff3b30;\n}\n\n.styles-module__renumber___nCTxD {\n display: block;\n animation: styles-module__renumberRoll___Wgbq3 0.2s ease-out;\n}\n\n@keyframes styles-module__renumberRoll___Wgbq3 {\n 0% {\n transform: translateX(-40%);\n opacity: 0;\n }\n 100% {\n transform: translateX(0);\n opacity: 1;\n }\n}\n.styles-module__markerTooltip___aLJID {\n position: absolute;\n top: calc(100% + 10px);\n left: 50%;\n transform: translateX(-50%) scale(0.909);\n z-index: 100002;\n background: #1a1a1a;\n padding: 8px 0.75rem;\n border-radius: 0.75rem;\n font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n font-weight: 400;\n color: #fff;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.08);\n min-width: 120px;\n max-width: 200px;\n pointer-events: none;\n cursor: default;\n}\n.styles-module__markerTooltip___aLJID.styles-module__enter___WFIki {\n animation: styles-module__tooltipIn___0N31w 0.1s ease-out forwards;\n}\n\n.styles-module__markerQuote___FHmrz {\n display: block;\n font-size: 12px;\n font-style: italic;\n color: rgba(255, 255, 255, 0.6);\n margin-bottom: 0.3125rem;\n line-height: 1.4;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.styles-module__markerNote___QkrrS {\n display: block;\n font-size: 13px;\n font-weight: 400;\n line-height: 1.4;\n color: #fff;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n padding-bottom: 2px;\n}\n\n.styles-module__markerHint___2iF-6 {\n display: block;\n font-size: 0.625rem;\n font-weight: 400;\n color: rgba(255, 255, 255, 0.6);\n margin-top: 0.375rem;\n white-space: nowrap;\n}\n\n.styles-module__settingsPanel___OxX3Y {\n position: absolute;\n right: 5px;\n bottom: calc(100% + 0.5rem);\n z-index: 1;\n overflow: hidden;\n background: #1c1c1c;\n border-radius: 1rem;\n padding: 13px 0 16px;\n min-width: 205px;\n cursor: default;\n opacity: 1;\n box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.04);\n transition: background 0.25s ease, box-shadow 0.25s ease;\n}\n.styles-module__settingsPanel___OxX3Y::before, .styles-module__settingsPanel___OxX3Y::after {\n content: "";\n position: absolute;\n top: 0;\n bottom: 0;\n width: 16px;\n z-index: 2;\n pointer-events: none;\n}\n.styles-module__settingsPanel___OxX3Y::before {\n left: 0;\n background: linear-gradient(to right, #1c1c1c 0%, transparent 100%);\n}\n.styles-module__settingsPanel___OxX3Y::after {\n right: 0;\n background: linear-gradient(to left, #1c1c1c 0%, transparent 100%);\n}\n.styles-module__settingsPanel___OxX3Y .styles-module__settingsHeader___pwDY9,\n.styles-module__settingsPanel___OxX3Y .styles-module__settingsBrand___0gJeM,\n.styles-module__settingsPanel___OxX3Y .styles-module__settingsBrandSlash___uTG18,\n.styles-module__settingsPanel___OxX3Y .styles-module__settingsVersion___TUcFq,\n.styles-module__settingsPanel___OxX3Y .styles-module__settingsSection___m-YM2,\n.styles-module__settingsPanel___OxX3Y .styles-module__settingsLabel___8UjfX,\n.styles-module__settingsPanel___OxX3Y .styles-module__cycleButton___FMKfw,\n.styles-module__settingsPanel___OxX3Y .styles-module__cycleDot___nPgLY,\n.styles-module__settingsPanel___OxX3Y .styles-module__dropdownButton___16NPz,\n.styles-module__settingsPanel___OxX3Y .styles-module__toggleLabel___Xm8Aa,\n.styles-module__settingsPanel___OxX3Y .styles-module__customCheckbox___U39ax,\n.styles-module__settingsPanel___OxX3Y .styles-module__sliderLabel___U8sPr,\n.styles-module__settingsPanel___OxX3Y .styles-module__slider___GLdxp,\n.styles-module__settingsPanel___OxX3Y .styles-module__helpIcon___xQg56,\n.styles-module__settingsPanel___OxX3Y .styles-module__themeToggle___2rUjA {\n transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;\n}\n.styles-module__settingsPanel___OxX3Y.styles-module__enter___WFIki {\n opacity: 1;\n transform: translateY(0) scale(1);\n filter: blur(0px);\n transition: opacity 0.2s ease, transform 0.2s ease, filter 0.2s ease;\n}\n.styles-module__settingsPanel___OxX3Y.styles-module__exit___fyOJ0 {\n opacity: 0;\n transform: translateY(8px) scale(0.95);\n filter: blur(5px);\n pointer-events: none;\n transition: opacity 0.1s ease, transform 0.1s ease, filter 0.1s ease;\n}\n.styles-module__settingsPanel___OxX3Y.styles-module__dark___ILIQf {\n background: #1a1a1a;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.08);\n}\n.styles-module__settingsPanel___OxX3Y.styles-module__dark___ILIQf .styles-module__settingsLabel___8UjfX {\n color: rgba(255, 255, 255, 0.6);\n}\n.styles-module__settingsPanel___OxX3Y.styles-module__dark___ILIQf .styles-module__settingsOption___UNa12 {\n color: rgba(255, 255, 255, 0.85);\n}\n.styles-module__settingsPanel___OxX3Y.styles-module__dark___ILIQf .styles-module__settingsOption___UNa12:hover {\n background: rgba(255, 255, 255, 0.1);\n}\n.styles-module__settingsPanel___OxX3Y.styles-module__dark___ILIQf .styles-module__settingsOption___UNa12.styles-module__selected___OwRqP {\n background: rgba(255, 255, 255, 0.15);\n color: #fff;\n}\n.styles-module__settingsPanel___OxX3Y.styles-module__dark___ILIQf .styles-module__toggleLabel___Xm8Aa {\n color: rgba(255, 255, 255, 0.85);\n}\n\n.styles-module__settingsPanelContainer___Xksv8 {\n overflow: visible;\n position: relative;\n display: flex;\n padding: 0 1rem;\n}\n.styles-module__settingsPanelContainer___Xksv8.styles-module__transitioning___qxzCk {\n overflow-x: clip;\n overflow-y: visible;\n}\n\n.styles-module__settingsPage___6YfHH {\n min-width: 100%;\n flex-shrink: 0;\n transition: transform 0.35s cubic-bezier(0.32, 0.72, 0, 1), opacity 0.2s ease-out;\n opacity: 1;\n}\n\n.styles-module__settingsPage___6YfHH.styles-module__slideLeft___Ps01J {\n transform: translateX(-100%);\n opacity: 0;\n}\n\n.styles-module__automationsPage___uvCq6 {\n position: absolute;\n top: 0;\n left: 100%;\n width: 100%;\n height: 100%;\n padding: 3px 1rem 0;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n transition: transform 0.35s cubic-bezier(0.32, 0.72, 0, 1), opacity 0.25s ease-out 0.1s;\n opacity: 0;\n}\n\n.styles-module__automationsPage___uvCq6.styles-module__slideIn___4-qXe {\n transform: translateX(-100%);\n opacity: 1;\n}\n\n.styles-module__settingsNavLink___wCzJt {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n padding: 0;\n border: none;\n background: transparent;\n font-family: inherit;\n font-size: 0.8125rem;\n font-weight: 400;\n color: rgba(255, 255, 255, 0.5);\n cursor: pointer;\n transition: color 0.15s ease;\n}\n.styles-module__settingsNavLink___wCzJt:hover {\n color: rgba(255, 255, 255, 0.9);\n}\n.styles-module__settingsNavLink___wCzJt.styles-module__light___r6n4Y {\n color: rgba(0, 0, 0, 0.5);\n}\n.styles-module__settingsNavLink___wCzJt.styles-module__light___r6n4Y:hover {\n color: rgba(0, 0, 0, 0.8);\n}\n.styles-module__settingsNavLink___wCzJt svg {\n color: rgba(255, 255, 255, 0.4);\n transition: color 0.15s ease;\n}\n.styles-module__settingsNavLink___wCzJt:hover svg {\n color: #fff;\n}\n.styles-module__settingsNavLink___wCzJt.styles-module__light___r6n4Y svg {\n color: rgba(0, 0, 0, 0.25);\n}\n.styles-module__settingsNavLink___wCzJt.styles-module__light___r6n4Y:hover svg {\n color: rgba(0, 0, 0, 0.8);\n}\n\n.styles-module__settingsNavLinkRight___ZWwhj {\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n.styles-module__mcpNavIndicator___cl9pO {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n flex-shrink: 0;\n}\n.styles-module__mcpNavIndicator___cl9pO.styles-module__connected___7c28g {\n background: #34c759;\n animation: styles-module__mcpPulse___uNggr 2.5s ease-in-out infinite;\n}\n.styles-module__mcpNavIndicator___cl9pO.styles-module__connecting___uo-CW {\n background: #f5a623;\n animation: styles-module__mcpPulse___uNggr 1.5s ease-in-out infinite;\n}\n\n.styles-module__settingsBackButton___bIe2j {\n display: flex;\n align-items: center;\n gap: 4px;\n padding: 6px 0 12px 0;\n margin: -6px 0 0.5rem 0;\n border: none;\n border-bottom: 1px solid rgba(255, 255, 255, 0.07);\n border-radius: 0;\n background: transparent;\n font-family: inherit;\n font-size: 0.8125rem;\n font-weight: 500;\n letter-spacing: -0.15px;\n color: #fff;\n cursor: pointer;\n transition: transform 0.12s cubic-bezier(0.32, 0.72, 0, 1);\n}\n.styles-module__settingsBackButton___bIe2j svg {\n opacity: 0.4;\n flex-shrink: 0;\n transition: opacity 0.15s ease, transform 0.18s cubic-bezier(0.32, 0.72, 0, 1);\n}\n.styles-module__settingsBackButton___bIe2j:hover {\n border-bottom-color: rgba(255, 255, 255, 0.07);\n}\n.styles-module__settingsBackButton___bIe2j:hover svg {\n opacity: 1;\n}\n.styles-module__settingsBackButton___bIe2j.styles-module__light___r6n4Y {\n color: rgba(0, 0, 0, 0.85);\n border-bottom-color: rgba(0, 0, 0, 0.08);\n}\n.styles-module__settingsBackButton___bIe2j.styles-module__light___r6n4Y:hover {\n border-bottom-color: rgba(0, 0, 0, 0.08);\n}\n\n.styles-module__automationHeader___InP0r {\n display: flex;\n align-items: center;\n gap: 0.125rem;\n font-size: 0.8125rem;\n font-weight: 400;\n color: #fff;\n}\n.styles-module__automationHeader___InP0r .styles-module__helpIcon___xQg56 svg {\n transform: none;\n}\n.styles-module__automationHeader___InP0r.styles-module__light___r6n4Y {\n color: rgba(0, 0, 0, 0.85);\n}\n\n.styles-module__automationDescription___NKlmo {\n font-size: 0.6875rem;\n font-weight: 300;\n color: rgba(255, 255, 255, 0.5);\n margin-top: 2px;\n line-height: 14px;\n}\n.styles-module__automationDescription___NKlmo.styles-module__light___r6n4Y {\n color: rgba(0, 0, 0, 0.5);\n}\n\n.styles-module__learnMoreLink___8xv-x {\n color: rgba(255, 255, 255, 0.8);\n text-decoration: underline dotted;\n text-decoration-color: rgba(255, 255, 255, 0.2);\n text-underline-offset: 2px;\n transition: color 0.15s ease;\n}\n.styles-module__learnMoreLink___8xv-x:hover {\n color: #fff;\n}\n.styles-module__learnMoreLink___8xv-x.styles-module__light___r6n4Y {\n color: rgba(0, 0, 0, 0.6);\n text-decoration-color: rgba(0, 0, 0, 0.2);\n}\n.styles-module__learnMoreLink___8xv-x.styles-module__light___r6n4Y:hover {\n color: rgba(0, 0, 0, 0.85);\n}\n\n.styles-module__autoSendRow___UblX5 {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n.styles-module__autoSendLabel___icDc2 {\n font-size: 0.6875rem;\n font-weight: 400;\n color: rgba(255, 255, 255, 0.4);\n transition: color 0.15s ease;\n}\n.styles-module__autoSendLabel___icDc2.styles-module__active___-zoN6 {\n color: #66b8ff;\n}\n.styles-module__autoSendLabel___icDc2.styles-module__light___r6n4Y {\n color: rgba(0, 0, 0, 0.4);\n}\n.styles-module__autoSendLabel___icDc2.styles-module__light___r6n4Y.styles-module__active___-zoN6 {\n color: #3c82f7;\n}\n\n.styles-module__webhookUrlInput___2375C {\n display: block;\n width: 100%;\n flex: 1;\n min-height: 60px;\n box-sizing: border-box;\n margin-top: 11px;\n padding: 8px 10px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 6px;\n background: rgba(255, 255, 255, 0.03);\n font-family: inherit;\n font-size: 0.75rem;\n font-weight: 400;\n color: #fff;\n outline: none;\n resize: none;\n cursor: text !important;\n user-select: text;\n transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;\n}\n.styles-module__webhookUrlInput___2375C::placeholder {\n color: rgba(255, 255, 255, 0.3);\n}\n.styles-module__webhookUrlInput___2375C:focus {\n border-color: rgba(255, 255, 255, 0.3);\n background: rgba(255, 255, 255, 0.08);\n}\n.styles-module__webhookUrlInput___2375C.styles-module__light___r6n4Y {\n border-color: rgba(0, 0, 0, 0.1);\n background: rgba(0, 0, 0, 0.03);\n color: rgba(0, 0, 0, 0.85);\n}\n.styles-module__webhookUrlInput___2375C.styles-module__light___r6n4Y::placeholder {\n color: rgba(0, 0, 0, 0.3);\n}\n.styles-module__webhookUrlInput___2375C.styles-module__light___r6n4Y:focus {\n border-color: rgba(0, 0, 0, 0.25);\n background: rgba(0, 0, 0, 0.05);\n}\n\n.styles-module__settingsHeader___pwDY9 {\n display: flex;\n align-items: center;\n justify-content: space-between;\n min-height: 24px;\n margin-bottom: 0.5rem;\n padding-bottom: 9px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.07);\n}\n\n.styles-module__settingsBrand___0gJeM {\n font-size: 0.8125rem;\n font-weight: 600;\n letter-spacing: -0.0094em;\n color: #fff;\n}\n\n.styles-module__settingsBrandSlash___uTG18 {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.styles-module__settingsVersion___TUcFq {\n font-size: 11px;\n font-weight: 400;\n color: rgba(255, 255, 255, 0.4);\n margin-left: auto;\n letter-spacing: -0.0094em;\n}\n\n.styles-module__settingsSection___m-YM2 + .styles-module__settingsSection___m-YM2 {\n margin-top: 0.5rem;\n padding-top: 0.5rem;\n border-top: 1px solid rgba(255, 255, 255, 0.07);\n}\n.styles-module__settingsSection___m-YM2.styles-module__settingsSectionExtraPadding___jdhFV {\n padding-top: calc(0.5rem + 4px);\n}\n\n.styles-module__settingsSectionGrow___h-5HZ {\n flex: 1;\n display: flex;\n flex-direction: column;\n}\n\n.styles-module__settingsRow___3sdhc {\n display: flex;\n align-items: center;\n justify-content: space-between;\n min-height: 24px;\n}\n.styles-module__settingsRow___3sdhc.styles-module__settingsRowMarginTop___zA0Sp {\n margin-top: 8px;\n}\n\n.styles-module__dropdownContainer___BVnxe {\n position: relative;\n}\n\n.styles-module__dropdownButton___16NPz {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.25rem 0.5rem;\n border: none;\n border-radius: 0.375rem;\n background: transparent;\n font-size: 0.8125rem;\n font-weight: 600;\n color: #fff;\n cursor: pointer;\n transition: background-color 0.15s ease, color 0.15s ease;\n letter-spacing: -0.0094em;\n}\n.styles-module__dropdownButton___16NPz:hover {\n background: rgba(255, 255, 255, 0.08);\n}\n.styles-module__dropdownButton___16NPz svg {\n opacity: 0.6;\n}\n\n.styles-module__cycleButton___FMKfw {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0;\n border: none;\n background: transparent;\n font-size: 0.8125rem;\n font-weight: 500;\n color: #fff;\n cursor: pointer;\n letter-spacing: -0.0094em;\n}\n.styles-module__cycleButton___FMKfw.styles-module__light___r6n4Y {\n color: rgba(0, 0, 0, 0.85);\n}\n.styles-module__cycleButton___FMKfw:disabled {\n opacity: 0.35;\n cursor: not-allowed;\n}\n\n.styles-module__settingsRowDisabled___EgS0V .styles-module__settingsLabel___8UjfX {\n color: rgba(255, 255, 255, 0.2);\n}\n.styles-module__settingsRowDisabled___EgS0V .styles-module__settingsLabel___8UjfX.styles-module__light___r6n4Y {\n color: rgba(0, 0, 0, 0.2);\n}\n.styles-module__settingsRowDisabled___EgS0V .styles-module__toggleSwitch___l4Ygm {\n opacity: 0.4;\n cursor: not-allowed;\n}\n\n@keyframes styles-module__cycleTextIn___Q6zJf {\n 0% {\n opacity: 0;\n transform: translateY(-6px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n.styles-module__cycleButtonText___fD1LR {\n display: inline-block;\n animation: styles-module__cycleTextIn___Q6zJf 0.2s ease-out;\n}\n\n.styles-module__cycleDots___LWuoQ {\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n\n.styles-module__cycleDot___nPgLY {\n width: 3px;\n height: 3px;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.3);\n transform: scale(0.667);\n transition: background-color 0.25s ease-out, transform 0.25s ease-out;\n}\n.styles-module__cycleDot___nPgLY.styles-module__active___-zoN6 {\n background: #fff;\n transform: scale(1);\n}\n.styles-module__cycleDot___nPgLY.styles-module__light___r6n4Y {\n background: rgba(0, 0, 0, 0.2);\n}\n.styles-module__cycleDot___nPgLY.styles-module__light___r6n4Y.styles-module__active___-zoN6 {\n background: rgba(0, 0, 0, 0.7);\n}\n\n.styles-module__dropdownMenu___k73ER {\n position: absolute;\n right: 0;\n top: calc(100% + 0.25rem);\n background: #1a1a1a;\n border-radius: 0.5rem;\n padding: 0.25rem;\n min-width: 120px;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.1);\n z-index: 10;\n animation: styles-module__scaleIn___c-r1K 0.15s ease-out;\n}\n\n.styles-module__dropdownItem___ylsLj {\n width: 100%;\n display: flex;\n align-items: center;\n padding: 0.5rem 0.625rem;\n border: none;\n border-radius: 0.375rem;\n background: transparent;\n font-size: 0.8125rem;\n font-weight: 500;\n color: rgba(255, 255, 255, 0.85);\n cursor: pointer;\n text-align: left;\n transition: background-color 0.15s ease, color 0.15s ease;\n letter-spacing: -0.0094em;\n}\n.styles-module__dropdownItem___ylsLj:hover {\n background: rgba(255, 255, 255, 0.08);\n}\n.styles-module__dropdownItem___ylsLj.styles-module__selected___OwRqP {\n background: rgba(255, 255, 255, 0.12);\n color: #fff;\n font-weight: 600;\n}\n\n.styles-module__settingsLabel___8UjfX {\n font-size: 0.8125rem;\n font-weight: 400;\n letter-spacing: -0.0094em;\n color: rgba(255, 255, 255, 0.5);\n display: flex;\n align-items: center;\n gap: 0.125rem;\n}\n.styles-module__settingsLabel___8UjfX.styles-module__light___r6n4Y {\n color: rgba(0, 0, 0, 0.5);\n}\n\n.styles-module__settingsLabelMarker___ewdtV {\n padding-top: 3px;\n margin-bottom: 10px;\n}\n\n.styles-module__settingsOptions___LyrBA {\n display: flex;\n gap: 0.25rem;\n}\n\n.styles-module__settingsOption___UNa12 {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.25rem;\n padding: 0.375rem 0.5rem;\n border: none;\n border-radius: 0.375rem;\n background: transparent;\n font-size: 0.6875rem;\n font-weight: 500;\n color: rgba(0, 0, 0, 0.7);\n cursor: pointer;\n transition: background-color 0.15s ease, color 0.15s ease;\n}\n.styles-module__settingsOption___UNa12:hover {\n background: rgba(0, 0, 0, 0.05);\n}\n.styles-module__settingsOption___UNa12.styles-module__selected___OwRqP {\n background: rgba(60, 130, 247, 0.15);\n color: #3c82f7;\n}\n\n.styles-module__sliderContainer___ducXj {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.styles-module__slider___GLdxp {\n -webkit-appearance: none;\n appearance: none;\n width: 100%;\n height: 4px;\n background: rgba(255, 255, 255, 0.15);\n border-radius: 2px;\n outline: none;\n cursor: pointer;\n}\n.styles-module__slider___GLdxp::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 14px;\n height: 14px;\n background: white;\n border-radius: 50%;\n cursor: pointer;\n transition: transform 0.15s ease, box-shadow 0.15s ease;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n}\n.styles-module__slider___GLdxp::-moz-range-thumb {\n width: 14px;\n height: 14px;\n background: white;\n border: none;\n border-radius: 50%;\n cursor: pointer;\n transition: transform 0.15s ease, box-shadow 0.15s ease;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n}\n.styles-module__slider___GLdxp:hover::-webkit-slider-thumb {\n transform: scale(1.15);\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);\n}\n.styles-module__slider___GLdxp:hover::-moz-range-thumb {\n transform: scale(1.15);\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);\n}\n\n.styles-module__sliderLabels___FhLDB {\n display: flex;\n justify-content: space-between;\n}\n\n.styles-module__sliderLabel___U8sPr {\n font-size: 0.625rem;\n font-weight: 500;\n color: rgba(255, 255, 255, 0.4);\n cursor: pointer;\n transition: color 0.15s ease;\n}\n.styles-module__sliderLabel___U8sPr:hover {\n color: rgba(255, 255, 255, 0.7);\n}\n.styles-module__sliderLabel___U8sPr.styles-module__active___-zoN6 {\n color: rgba(255, 255, 255, 0.9);\n}\n\n.styles-module__colorOptions___iHCNX {\n display: flex;\n gap: 0.5rem;\n margin-top: 0.375rem;\n margin-bottom: 1px;\n}\n\n.styles-module__colorOption___IodiY {\n display: block;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n border: 2px solid transparent;\n cursor: pointer;\n transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1);\n}\n.styles-module__colorOption___IodiY:hover {\n transform: scale(1.15);\n}\n.styles-module__colorOption___IodiY.styles-module__selected___OwRqP {\n transform: scale(0.83);\n}\n\n.styles-module__colorOptionRing___U2xpo {\n display: flex;\n width: 24px;\n height: 24px;\n border: 2px solid transparent;\n border-radius: 50%;\n transition: border-color 0.3s ease;\n}\n.styles-module__settingsToggle___fBrFn {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n cursor: pointer;\n}\n.styles-module__settingsToggle___fBrFn + .styles-module__settingsToggle___fBrFn {\n margin-top: calc(0.5rem + 6px);\n}\n.styles-module__settingsToggle___fBrFn input[type=checkbox] {\n position: absolute;\n opacity: 0;\n width: 0;\n height: 0;\n}\n.styles-module__settingsToggle___fBrFn.styles-module__settingsToggleMarginBottom___MZUyF {\n margin-bottom: calc(0.5rem + 6px);\n}\n\n.styles-module__customCheckbox___U39ax {\n position: relative;\n width: 14px;\n height: 14px;\n border: 1px solid rgba(255, 255, 255, 0.2);\n border-radius: 4px;\n background: rgba(255, 255, 255, 0.05);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: background 0.25s ease, border-color 0.25s ease;\n}\n.styles-module__customCheckbox___U39ax svg {\n color: #1a1a1a;\n opacity: 1;\n transition: opacity 0.15s ease;\n}\ninput[type=checkbox]:checked + .styles-module__customCheckbox___U39ax {\n border-color: rgba(255, 255, 255, 0.3);\n background: rgb(255, 255, 255);\n}\n.styles-module__customCheckbox___U39ax.styles-module__light___r6n4Y {\n border: 1px solid rgba(0, 0, 0, 0.15);\n background: #fff;\n}\n.styles-module__customCheckbox___U39ax.styles-module__light___r6n4Y.styles-module__checked___mnZLo {\n border-color: #1a1a1a;\n background: #1a1a1a;\n}\n.styles-module__customCheckbox___U39ax.styles-module__light___r6n4Y.styles-module__checked___mnZLo svg {\n color: #fff;\n}\n\n.styles-module__toggleLabel___Xm8Aa {\n font-size: 0.8125rem;\n font-weight: 400;\n color: rgba(255, 255, 255, 0.5);\n letter-spacing: -0.0094em;\n display: flex;\n align-items: center;\n gap: 0.25rem;\n}\n.styles-module__toggleLabel___Xm8Aa.styles-module__light___r6n4Y {\n color: rgba(0, 0, 0, 0.5);\n}\n\n.styles-module__toggleSwitch___l4Ygm {\n position: relative;\n display: inline-block;\n width: 24px;\n height: 16px;\n flex-shrink: 0;\n cursor: pointer;\n transition: opacity 0.15s ease;\n}\n.styles-module__toggleSwitch___l4Ygm input {\n opacity: 0;\n width: 0;\n height: 0;\n}\n.styles-module__toggleSwitch___l4Ygm input:checked + .styles-module__toggleSlider___wprIn {\n background: #3c82f7;\n}\n.styles-module__toggleSwitch___l4Ygm input:checked + .styles-module__toggleSlider___wprIn::before {\n transform: translateX(8px);\n}\n.styles-module__toggleSwitch___l4Ygm.styles-module__disabled___332Jw {\n opacity: 0.4;\n pointer-events: none;\n}\n.styles-module__toggleSwitch___l4Ygm.styles-module__disabled___332Jw .styles-module__toggleSlider___wprIn {\n cursor: not-allowed;\n}\n\n.styles-module__toggleSlider___wprIn {\n position: absolute;\n cursor: pointer;\n inset: 0;\n border-radius: 16px;\n background: #484848;\n}\n.styles-module__light___r6n4Y .styles-module__toggleSlider___wprIn {\n background: #dddddd;\n}\n.styles-module__toggleSlider___wprIn::before {\n content: "";\n position: absolute;\n height: 12px;\n width: 12px;\n left: 2px;\n bottom: 2px;\n background: white;\n border-radius: 50%;\n transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n}\n\n@keyframes styles-module__mcpPulse___uNggr {\n 0% {\n box-shadow: 0 0 0 0 rgba(52, 199, 89, 0.5);\n }\n 70% {\n box-shadow: 0 0 0 6px rgba(52, 199, 89, 0);\n }\n 100% {\n box-shadow: 0 0 0 0 rgba(52, 199, 89, 0);\n }\n}\n@keyframes styles-module__mcpPulseError___fov9B {\n 0% {\n box-shadow: 0 0 0 0 rgba(255, 59, 48, 0.5);\n }\n 70% {\n box-shadow: 0 0 0 6px rgba(255, 59, 48, 0);\n }\n 100% {\n box-shadow: 0 0 0 0 rgba(255, 59, 48, 0);\n }\n}\n.styles-module__mcpStatusDot___ibgkc {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n flex-shrink: 0;\n}\n.styles-module__mcpStatusDot___ibgkc.styles-module__connecting___uo-CW {\n background: #f5a623;\n animation: styles-module__mcpPulse___uNggr 1.5s infinite;\n}\n.styles-module__mcpStatusDot___ibgkc.styles-module__connected___7c28g {\n background: #34c759;\n animation: styles-module__mcpPulse___uNggr 2.5s ease-in-out infinite;\n}\n.styles-module__mcpStatusDot___ibgkc.styles-module__disconnected___cHPxR {\n background: #ff3b30;\n animation: styles-module__mcpPulseError___fov9B 2s infinite;\n}\n\n.styles-module__helpIcon___xQg56 {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n cursor: help;\n margin-left: 0;\n}\n.styles-module__helpIcon___xQg56 svg {\n display: block;\n transform: translateY(1px);\n color: rgba(255, 255, 255, 0.2);\n transition: color 0.15s ease;\n}\n.styles-module__helpIcon___xQg56:hover svg {\n color: rgba(255, 255, 255, 0.5);\n}\n.styles-module__helpIcon___xQg56.styles-module__helpIconNudgeDown___0cqpM svg {\n transform: translateY(1px);\n}\n.styles-module__helpIcon___xQg56.styles-module__helpIconNoNudge___abogC svg {\n transform: translateY(0.5px);\n}\n.styles-module__helpIcon___xQg56.styles-module__helpIconNudge1-5___DM2TQ svg {\n transform: translateY(1.5px);\n}\n.styles-module__helpIcon___xQg56.styles-module__helpIconNudge2___TfWgC svg {\n transform: translateY(2px);\n}\n\n.styles-module__dragSelection___kZLq2 {\n position: fixed;\n top: 0;\n left: 0;\n border: 2px solid rgba(52, 199, 89, 0.6);\n border-radius: 4px;\n background: rgba(52, 199, 89, 0.08);\n pointer-events: none;\n z-index: 99997;\n will-change: transform, width, height;\n contain: layout style;\n}\n\n.styles-module__dragCount___KM90j {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background: #34c759;\n color: white;\n font-size: 0.875rem;\n font-weight: 600;\n padding: 0.25rem 0.5rem;\n border-radius: 1rem;\n min-width: 1.5rem;\n text-align: center;\n}\n\n.styles-module__highlightsContainer___-0xzG {\n position: fixed;\n top: 0;\n left: 0;\n pointer-events: none;\n z-index: 99996;\n}\n\n.styles-module__selectedElementHighlight___fyVlI {\n position: fixed;\n top: 0;\n left: 0;\n border: 2px solid rgba(52, 199, 89, 0.5);\n border-radius: 4px;\n background: rgba(52, 199, 89, 0.06);\n pointer-events: none;\n will-change: transform, width, height;\n contain: layout style;\n}\n\n.styles-module__light___r6n4Y.styles-module__toolbarContainer___dIhma {\n background: #fff;\n color: rgba(0, 0, 0, 0.85);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.04);\n}\n.styles-module__light___r6n4Y.styles-module__toolbarContainer___dIhma.styles-module__collapsed___Rydsn:hover {\n background: #f5f5f5;\n}\n.styles-module__light___r6n4Y.styles-module__controlButton___8Q0jc {\n color: rgba(0, 0, 0, 0.5);\n}\n.styles-module__light___r6n4Y.styles-module__controlButton___8Q0jc:hover:not(:disabled):not([data-active=true]):not([data-failed=true]):not([data-auto-sync=true]):not([data-error=true]):not([data-no-hover=true]) {\n background: rgba(0, 0, 0, 0.06);\n color: rgba(0, 0, 0, 0.85);\n}\n.styles-module__light___r6n4Y.styles-module__controlButton___8Q0jc[data-active=true] {\n color: #3c82f7;\n background: rgba(60, 130, 247, 0.15);\n}\n.styles-module__light___r6n4Y.styles-module__controlButton___8Q0jc[data-error=true] {\n color: #ff3b30;\n background: rgba(255, 59, 48, 0.15);\n}\n.styles-module__light___r6n4Y.styles-module__controlButton___8Q0jc[data-danger]:hover:not(:disabled):not([data-active=true]):not([data-failed=true]) {\n background: rgba(255, 59, 48, 0.15);\n color: #ff3b30;\n}\n.styles-module__light___r6n4Y.styles-module__controlButton___8Q0jc[data-auto-sync=true] {\n color: #34c759;\n background: transparent;\n}\n.styles-module__light___r6n4Y.styles-module__controlButton___8Q0jc[data-failed=true] {\n color: #ff3b30;\n background: rgba(255, 59, 48, 0.15);\n}\n.styles-module__light___r6n4Y.styles-module__buttonTooltip___Burd9 {\n background: #fff;\n color: rgba(0, 0, 0, 0.85);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.04);\n}\n.styles-module__light___r6n4Y.styles-module__buttonTooltip___Burd9::after {\n background: #fff;\n}\n.styles-module__light___r6n4Y.styles-module__divider___c--s1 {\n background: rgba(0, 0, 0, 0.1);\n}\n.styles-module__light___r6n4Y.styles-module__markerTooltip___aLJID {\n background: #fff;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.06);\n}\n.styles-module__light___r6n4Y.styles-module__markerTooltip___aLJID .styles-module__markerQuote___FHmrz {\n color: rgba(0, 0, 0, 0.5);\n}\n.styles-module__light___r6n4Y.styles-module__markerTooltip___aLJID .styles-module__markerNote___QkrrS {\n color: rgba(0, 0, 0, 0.85);\n}\n.styles-module__light___r6n4Y.styles-module__markerTooltip___aLJID .styles-module__markerHint___2iF-6 {\n color: rgba(0, 0, 0, 0.35);\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y {\n background: #fff;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.04);\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y::before {\n background: linear-gradient(to right, #fff 0%, transparent 100%);\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y::after {\n background: linear-gradient(to left, #fff 0%, transparent 100%);\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__settingsHeader___pwDY9 {\n border-bottom-color: rgba(0, 0, 0, 0.08);\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__settingsBrand___0gJeM {\n color: rgba(0, 0, 0, 0.85);\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__settingsBrandSlash___uTG18 {\n color: rgba(0, 0, 0, 0.4);\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__settingsVersion___TUcFq {\n color: rgba(0, 0, 0, 0.4);\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__settingsSection___m-YM2 {\n border-top-color: rgba(0, 0, 0, 0.08);\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__settingsLabel___8UjfX {\n color: rgba(0, 0, 0, 0.5);\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__cycleButton___FMKfw {\n color: rgba(0, 0, 0, 0.85);\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__cycleDot___nPgLY {\n background: rgba(0, 0, 0, 0.2);\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__cycleDot___nPgLY.styles-module__active___-zoN6 {\n background: rgba(0, 0, 0, 0.7);\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__dropdownButton___16NPz {\n color: rgba(0, 0, 0, 0.85);\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__dropdownButton___16NPz:hover {\n background: rgba(0, 0, 0, 0.05);\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__toggleLabel___Xm8Aa {\n color: rgba(0, 0, 0, 0.5);\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__customCheckbox___U39ax {\n border: 1px solid rgba(0, 0, 0, 0.15);\n background: #fff;\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__customCheckbox___U39ax.styles-module__checked___mnZLo {\n border-color: #1a1a1a;\n background: #1a1a1a;\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__customCheckbox___U39ax.styles-module__checked___mnZLo svg {\n color: #fff;\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__sliderLabel___U8sPr {\n color: rgba(0, 0, 0, 0.4);\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__sliderLabel___U8sPr:hover {\n color: rgba(0, 0, 0, 0.7);\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__sliderLabel___U8sPr.styles-module__active___-zoN6 {\n color: rgba(0, 0, 0, 0.9);\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__slider___GLdxp {\n background: rgba(0, 0, 0, 0.1);\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__slider___GLdxp::-webkit-slider-thumb {\n background: #1a1a1a;\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__slider___GLdxp::-moz-range-thumb {\n background: #1a1a1a;\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__helpIcon___xQg56 svg {\n color: rgba(0, 0, 0, 0.2);\n}\n.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__helpIcon___xQg56:hover svg {\n color: rgba(0, 0, 0, 0.5);\n}\n\n.styles-module__themeToggle___2rUjA {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 22px;\n height: 22px;\n margin-left: 0.5rem;\n border: none;\n border-radius: 6px;\n background: transparent;\n color: rgba(255, 255, 255, 0.4);\n cursor: pointer;\n transition: background-color 0.15s ease, color 0.15s ease;\n}\n.styles-module__themeToggle___2rUjA:hover {\n background: rgba(255, 255, 255, 0.1);\n color: rgba(255, 255, 255, 0.8);\n}\n.styles-module__light___r6n4Y .styles-module__themeToggle___2rUjA {\n color: rgba(0, 0, 0, 0.4);\n}\n.styles-module__light___r6n4Y .styles-module__themeToggle___2rUjA:hover {\n background: rgba(0, 0, 0, 0.06);\n color: rgba(0, 0, 0, 0.7);\n}\n\n.styles-module__themeIconWrapper___LsJIM {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n width: 20px;\n height: 20px;\n}\n\n.styles-module__themeIcon___lCCmo {\n display: flex;\n align-items: center;\n justify-content: center;\n animation: styles-module__themeIconIn___TU6ML 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;\n}\n\n@keyframes styles-module__themeIconIn___TU6ML {\n 0% {\n opacity: 0;\n transform: scale(0.8) rotate(-30deg);\n }\n 100% {\n opacity: 1;\n transform: scale(1) rotate(0deg);\n }\n}';
2663
+ var classNames2 = { "toolbar": "styles-module__toolbar___wNsdK", "toolbarContainer": "styles-module__toolbarContainer___dIhma", "dragging": "styles-module__dragging___xrolZ", "entrance": "styles-module__entrance___sgHd8", "toolbarEnter": "styles-module__toolbarEnter___u8RRu", "hiding": "styles-module__hiding___1td44", "toolbarHide": "styles-module__toolbarHide___y8kaT", "collapsed": "styles-module__collapsed___Rydsn", "expanded": "styles-module__expanded___ofKPx", "serverConnected": "styles-module__serverConnected___Gfbou", "toggleContent": "styles-module__toggleContent___0yfyP", "visible": "styles-module__visible___KHwEW", "hidden": "styles-module__hidden___Ae8H4", "controlsContent": "styles-module__controlsContent___9GJWU", "badge": "styles-module__badge___2XsgF", "fadeOut": "styles-module__fadeOut___6Ut6-", "badgeEnter": "styles-module__badgeEnter___mVQLj", "controlButton": "styles-module__controlButton___8Q0jc", "statusShowing": "styles-module__statusShowing___te6iu", "buttonBadge": "styles-module__buttonBadge___NeFWb", "light": "styles-module__light___r6n4Y", "mcpIndicator": "styles-module__mcpIndicator___zGJeL", "connected": "styles-module__connected___7c28g", "mcpIndicatorPulseConnected": "styles-module__mcpIndicatorPulseConnected___EDodZ", "connecting": "styles-module__connecting___uo-CW", "mcpIndicatorPulseConnecting": "styles-module__mcpIndicatorPulseConnecting___cCYte", "connectionIndicatorWrapper": "styles-module__connectionIndicatorWrapper___L-e-3", "connectionIndicator": "styles-module__connectionIndicator___afk9p", "connectionIndicatorVisible": "styles-module__connectionIndicatorVisible___C-i5B", "connectionIndicatorConnected": "styles-module__connectionIndicatorConnected___IY8pR", "connectionPulse": "styles-module__connectionPulse___-Zycw", "connectionIndicatorDisconnected": "styles-module__connectionIndicatorDisconnected___kmpaZ", "connectionIndicatorConnecting": "styles-module__connectionIndicatorConnecting___QmSLH", "buttonWrapper": "styles-module__buttonWrapper___rBcdv", "buttonTooltip": "styles-module__buttonTooltip___Burd9", "tooltipsInSession": "styles-module__tooltipsInSession___-0lHH", "sendButtonWrapper": "styles-module__sendButtonWrapper___UUxG6", "sendButtonVisible": "styles-module__sendButtonVisible___WPSQU", "shortcut": "styles-module__shortcut___lEAQk", "tooltipBelow": "styles-module__tooltipBelow___m6ats", "tooltipsHidden": "styles-module__tooltipsHidden___VtLJG", "tooltipVisible": "styles-module__tooltipVisible___0jcCv", "buttonWrapperAlignLeft": "styles-module__buttonWrapperAlignLeft___myzIp", "buttonWrapperAlignRight": "styles-module__buttonWrapperAlignRight___HCQFR", "divider": "styles-module__divider___c--s1", "overlay": "styles-module__overlay___Q1O9y", "hoverHighlight": "styles-module__hoverHighlight___ogakW", "enter": "styles-module__enter___WFIki", "hoverHighlightIn": "styles-module__hoverHighlightIn___6WYHY", "multiSelectOutline": "styles-module__multiSelectOutline___cSJ-m", "fadeIn": "styles-module__fadeIn___b9qmf", "exit": "styles-module__exit___fyOJ0", "singleSelectOutline": "styles-module__singleSelectOutline___QhX-O", "hoverTooltip": "styles-module__hoverTooltip___bvLk7", "hoverTooltipIn": "styles-module__hoverTooltipIn___FYGQx", "hoverReactPath": "styles-module__hoverReactPath___gx1IJ", "hoverElementName": "styles-module__hoverElementName___QMLMl", "markersLayer": "styles-module__markersLayer___-25j1", "fixedMarkersLayer": "styles-module__fixedMarkersLayer___ffyX6", "marker": "styles-module__marker___6sQrs", "clearing": "styles-module__clearing___FQ--7", "markerIn": "styles-module__markerIn___5FaAP", "markerOut": "styles-module__markerOut___GU5jX", "pending": "styles-module__pending___2IHLC", "fixed": "styles-module__fixed___dBMHC", "multiSelect": "styles-module__multiSelect___YWiuz", "hovered": "styles-module__hovered___ZgXIy", "renumber": "styles-module__renumber___nCTxD", "renumberRoll": "styles-module__renumberRoll___Wgbq3", "markerTooltip": "styles-module__markerTooltip___aLJID", "tooltipIn": "styles-module__tooltipIn___0N31w", "markerQuote": "styles-module__markerQuote___FHmrz", "markerNote": "styles-module__markerNote___QkrrS", "markerHint": "styles-module__markerHint___2iF-6", "settingsPanel": "styles-module__settingsPanel___OxX3Y", "settingsHeader": "styles-module__settingsHeader___pwDY9", "settingsBrand": "styles-module__settingsBrand___0gJeM", "settingsBrandSlash": "styles-module__settingsBrandSlash___uTG18", "settingsVersion": "styles-module__settingsVersion___TUcFq", "settingsSection": "styles-module__settingsSection___m-YM2", "settingsLabel": "styles-module__settingsLabel___8UjfX", "cycleButton": "styles-module__cycleButton___FMKfw", "cycleDot": "styles-module__cycleDot___nPgLY", "dropdownButton": "styles-module__dropdownButton___16NPz", "toggleLabel": "styles-module__toggleLabel___Xm8Aa", "customCheckbox": "styles-module__customCheckbox___U39ax", "sliderLabel": "styles-module__sliderLabel___U8sPr", "slider": "styles-module__slider___GLdxp", "helpIcon": "styles-module__helpIcon___xQg56", "themeToggle": "styles-module__themeToggle___2rUjA", "dark": "styles-module__dark___ILIQf", "settingsOption": "styles-module__settingsOption___UNa12", "selected": "styles-module__selected___OwRqP", "settingsPanelContainer": "styles-module__settingsPanelContainer___Xksv8", "transitioning": "styles-module__transitioning___qxzCk", "settingsPage": "styles-module__settingsPage___6YfHH", "slideLeft": "styles-module__slideLeft___Ps01J", "automationsPage": "styles-module__automationsPage___uvCq6", "slideIn": "styles-module__slideIn___4-qXe", "settingsNavLink": "styles-module__settingsNavLink___wCzJt", "settingsNavLinkRight": "styles-module__settingsNavLinkRight___ZWwhj", "mcpNavIndicator": "styles-module__mcpNavIndicator___cl9pO", "mcpPulse": "styles-module__mcpPulse___uNggr", "settingsBackButton": "styles-module__settingsBackButton___bIe2j", "automationHeader": "styles-module__automationHeader___InP0r", "automationDescription": "styles-module__automationDescription___NKlmo", "learnMoreLink": "styles-module__learnMoreLink___8xv-x", "autoSendRow": "styles-module__autoSendRow___UblX5", "autoSendLabel": "styles-module__autoSendLabel___icDc2", "active": "styles-module__active___-zoN6", "webhookUrlInput": "styles-module__webhookUrlInput___2375C", "settingsSectionExtraPadding": "styles-module__settingsSectionExtraPadding___jdhFV", "settingsSectionGrow": "styles-module__settingsSectionGrow___h-5HZ", "settingsRow": "styles-module__settingsRow___3sdhc", "settingsRowMarginTop": "styles-module__settingsRowMarginTop___zA0Sp", "dropdownContainer": "styles-module__dropdownContainer___BVnxe", "settingsRowDisabled": "styles-module__settingsRowDisabled___EgS0V", "toggleSwitch": "styles-module__toggleSwitch___l4Ygm", "cycleButtonText": "styles-module__cycleButtonText___fD1LR", "cycleTextIn": "styles-module__cycleTextIn___Q6zJf", "cycleDots": "styles-module__cycleDots___LWuoQ", "dropdownMenu": "styles-module__dropdownMenu___k73ER", "scaleIn": "styles-module__scaleIn___c-r1K", "dropdownItem": "styles-module__dropdownItem___ylsLj", "settingsLabelMarker": "styles-module__settingsLabelMarker___ewdtV", "settingsOptions": "styles-module__settingsOptions___LyrBA", "sliderContainer": "styles-module__sliderContainer___ducXj", "sliderLabels": "styles-module__sliderLabels___FhLDB", "colorOptions": "styles-module__colorOptions___iHCNX", "colorOption": "styles-module__colorOption___IodiY", "colorOptionRing": "styles-module__colorOptionRing___U2xpo", "settingsToggle": "styles-module__settingsToggle___fBrFn", "settingsToggleMarginBottom": "styles-module__settingsToggleMarginBottom___MZUyF", "checked": "styles-module__checked___mnZLo", "toggleSlider": "styles-module__toggleSlider___wprIn", "disabled": "styles-module__disabled___332Jw", "mcpStatusDot": "styles-module__mcpStatusDot___ibgkc", "disconnected": "styles-module__disconnected___cHPxR", "mcpPulseError": "styles-module__mcpPulseError___fov9B", "helpIconNudgeDown": "styles-module__helpIconNudgeDown___0cqpM", "helpIconNoNudge": "styles-module__helpIconNoNudge___abogC", "helpIconNudge1-5": "styles-module__helpIconNudge1-5___DM2TQ", "helpIconNudge2": "styles-module__helpIconNudge2___TfWgC", "dragSelection": "styles-module__dragSelection___kZLq2", "dragCount": "styles-module__dragCount___KM90j", "highlightsContainer": "styles-module__highlightsContainer___-0xzG", "selectedElementHighlight": "styles-module__selectedElementHighlight___fyVlI", "themeIconWrapper": "styles-module__themeIconWrapper___LsJIM", "themeIcon": "styles-module__themeIcon___lCCmo", "themeIconIn": "styles-module__themeIconIn___TU6ML", "scaleOut": "styles-module__scaleOut___Wctwz", "slideUp": "styles-module__slideUp___kgD36", "slideDown": "styles-module__slideDown___zcdje", "settingsPanelIn": "styles-module__settingsPanelIn___MGfO8", "settingsPanelOut": "styles-module__settingsPanelOut___Zfymi" };
2302
2664
  if (typeof document !== "undefined") {
2303
2665
  let style = document.getElementById("feedback-tool-styles-page-toolbar-css-styles");
2304
2666
  if (!style) {
@@ -2388,6 +2750,17 @@ function isElementFixed(element) {
2388
2750
  }
2389
2751
  return false;
2390
2752
  }
2753
+ function isRenderableAnnotation(annotation) {
2754
+ return annotation.status !== "resolved" && annotation.status !== "dismissed";
2755
+ }
2756
+ function detectSourceFile(element) {
2757
+ const result = getSourceLocation(element);
2758
+ const loc = result.found ? result : findNearestComponentSource(element);
2759
+ if (loc.found && loc.source) {
2760
+ return formatSourceLocation(loc.source, "path");
2761
+ }
2762
+ return void 0;
2763
+ }
2391
2764
  function generateOutput(annotations, pathname, detailLevel = "standard", reactMode = "filtered") {
2392
2765
  if (annotations.length === 0) return "";
2393
2766
  const viewport = typeof window !== "undefined" ? `${window.innerWidth}\xD7${window.innerHeight}` : "unknown";
@@ -2419,7 +2792,7 @@ function generateOutput(annotations, pathname, detailLevel = "standard", reactMo
2419
2792
  output += "\n";
2420
2793
  annotations.forEach((a, i) => {
2421
2794
  if (detailLevel === "compact") {
2422
- output += `${i + 1}. **${a.element}**: ${a.comment}`;
2795
+ output += `${i + 1}. **${a.element}**${a.sourceFile ? ` (${a.sourceFile})` : ""}: ${a.comment}`;
2423
2796
  if (a.selectedText) {
2424
2797
  output += ` (re: "${a.selectedText.slice(0, 30)}${a.selectedText.length > 30 ? "..." : ""}")`;
2425
2798
  }
@@ -2463,6 +2836,10 @@ function generateOutput(annotations, pathname, detailLevel = "standard", reactMo
2463
2836
  }
2464
2837
  if (a.nearbyElements) {
2465
2838
  output += `**Nearby Elements:** ${a.nearbyElements}
2839
+ `;
2840
+ }
2841
+ if (a.sourceFile) {
2842
+ output += `**Source:** ${a.sourceFile}
2466
2843
  `;
2467
2844
  }
2468
2845
  if (a.reactComponents) {
@@ -2477,6 +2854,10 @@ function generateOutput(annotations, pathname, detailLevel = "standard", reactMo
2477
2854
  `;
2478
2855
  output += `**Location:** ${a.elementPath}
2479
2856
  `;
2857
+ if (a.sourceFile) {
2858
+ output += `**Source:** ${a.sourceFile}
2859
+ `;
2860
+ }
2480
2861
  if (a.reactComponents) {
2481
2862
  output += `**React:** ${a.reactComponents}
2482
2863
  `;
@@ -2520,11 +2901,28 @@ function PageFeedbackToolbarCSS({
2520
2901
  endpoint,
2521
2902
  sessionId: initialSessionId,
2522
2903
  onSessionCreated,
2523
- webhookUrl
2904
+ webhookUrl,
2905
+ className: userClassName
2524
2906
  } = {}) {
2525
2907
  const [isActive, setIsActive] = useState2(false);
2526
2908
  const [annotations, setAnnotations] = useState2([]);
2527
2909
  const [showMarkers, setShowMarkers] = useState2(true);
2910
+ const [isToolbarHidden, setIsToolbarHidden] = useState2(() => loadToolbarHidden());
2911
+ const [isToolbarHiding, setIsToolbarHiding] = useState2(false);
2912
+ const portalWrapperRef = useRef2(null);
2913
+ useEffect2(() => {
2914
+ const stop = (e) => {
2915
+ const wrapper = portalWrapperRef.current;
2916
+ if (wrapper && wrapper.contains(e.target)) {
2917
+ e.stopPropagation();
2918
+ }
2919
+ };
2920
+ const events = ["mousedown", "click", "pointerdown"];
2921
+ events.forEach((evt) => document.body.addEventListener(evt, stop));
2922
+ return () => {
2923
+ events.forEach((evt) => document.body.removeEventListener(evt, stop));
2924
+ };
2925
+ }, []);
2528
2926
  const [markersVisible, setMarkersVisible] = useState2(false);
2529
2927
  const [markersExiting, setMarkersExiting] = useState2(false);
2530
2928
  const [hoverInfo, setHoverInfo] = useState2(null);
@@ -2555,6 +2953,10 @@ function PageFeedbackToolbarCSS({
2555
2953
  );
2556
2954
  const [isTransitioning, setIsTransitioning] = useState2(false);
2557
2955
  const [tooltipsHidden, setTooltipsHidden] = useState2(false);
2956
+ const [tooltipSessionActive, setTooltipSessionActive] = useState2(false);
2957
+ const tooltipSessionTimerRef = useRef2(
2958
+ null
2959
+ );
2558
2960
  const [pendingMultiSelectElements, setPendingMultiSelectElements] = useState2([]);
2559
2961
  const modifiersHeldRef = useRef2({ cmd: false, shift: false });
2560
2962
  const hideTooltipsUntilMouseLeave = () => {
@@ -2563,6 +2965,28 @@ function PageFeedbackToolbarCSS({
2563
2965
  const showTooltipsAgain = () => {
2564
2966
  setTooltipsHidden(false);
2565
2967
  };
2968
+ const handleControlsMouseEnter = () => {
2969
+ if (!tooltipSessionActive) {
2970
+ tooltipSessionTimerRef.current = setTimeout(
2971
+ () => setTooltipSessionActive(true),
2972
+ 850
2973
+ );
2974
+ }
2975
+ };
2976
+ const handleControlsMouseLeave = () => {
2977
+ if (tooltipSessionTimerRef.current) {
2978
+ clearTimeout(tooltipSessionTimerRef.current);
2979
+ tooltipSessionTimerRef.current = null;
2980
+ }
2981
+ setTooltipSessionActive(false);
2982
+ showTooltipsAgain();
2983
+ };
2984
+ useEffect2(() => {
2985
+ return () => {
2986
+ if (tooltipSessionTimerRef.current)
2987
+ clearTimeout(tooltipSessionTimerRef.current);
2988
+ };
2989
+ }, []);
2566
2990
  const Tooltip = ({
2567
2991
  content,
2568
2992
  children
@@ -2657,8 +3081,8 @@ function PageFeedbackToolbarCSS({
2657
3081
  const [settings, setSettings] = useState2(DEFAULT_SETTINGS);
2658
3082
  const [isDarkMode, setIsDarkMode] = useState2(true);
2659
3083
  const [showEntranceAnimation, setShowEntranceAnimation] = useState2(false);
2660
- const isLocalhost = typeof window !== "undefined" && (window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1" || window.location.hostname === "0.0.0.0" || window.location.hostname.endsWith(".local"));
2661
- const effectiveReactMode = isLocalhost && settings.reactEnabled ? OUTPUT_TO_REACT_MODE[settings.outputDetail] : "off";
3084
+ const isDevMode = process.env.NODE_ENV === "development";
3085
+ const effectiveReactMode = isDevMode && settings.reactEnabled ? OUTPUT_TO_REACT_MODE[settings.outputDetail] : "off";
2662
3086
  const [currentSessionId, setCurrentSessionId] = useState2(
2663
3087
  initialSessionId ?? null
2664
3088
  );
@@ -2732,7 +3156,7 @@ function PageFeedbackToolbarCSS({
2732
3156
  setMounted(true);
2733
3157
  setScrollY(window.scrollY);
2734
3158
  const stored = loadAnnotations(pathname);
2735
- setAnnotations(stored);
3159
+ setAnnotations(stored.filter(isRenderableAnnotation));
2736
3160
  if (!hasPlayedEntranceAnimation) {
2737
3161
  setShowEntranceAnimation(true);
2738
3162
  hasPlayedEntranceAnimation = true;
@@ -2838,17 +3262,19 @@ function PageFeedbackToolbarCSS({
2838
3262
  ...session.annotations,
2839
3263
  ...syncedAnnotations
2840
3264
  ];
2841
- setAnnotations(allAnnotations);
3265
+ setAnnotations(allAnnotations.filter(isRenderableAnnotation));
2842
3266
  saveAnnotationsWithSyncMarker(
2843
3267
  pathname,
2844
- allAnnotations,
3268
+ allAnnotations.filter(isRenderableAnnotation),
2845
3269
  session.id
2846
3270
  );
2847
3271
  } else {
2848
- setAnnotations(session.annotations);
3272
+ setAnnotations(
3273
+ session.annotations.filter(isRenderableAnnotation)
3274
+ );
2849
3275
  saveAnnotationsWithSyncMarker(
2850
3276
  pathname,
2851
- session.annotations,
3277
+ session.annotations.filter(isRenderableAnnotation),
2852
3278
  session.id
2853
3279
  );
2854
3280
  }
@@ -2900,9 +3326,12 @@ function PageFeedbackToolbarCSS({
2900
3326
  );
2901
3327
  return unsyncedAnnotations[i];
2902
3328
  });
3329
+ const renderableSyncedAnnotations = syncedAnnotations.filter(
3330
+ isRenderableAnnotation
3331
+ );
2903
3332
  saveAnnotationsWithSyncMarker(
2904
3333
  pagePath,
2905
- syncedAnnotations,
3334
+ renderableSyncedAnnotations,
2906
3335
  targetSession.id
2907
3336
  );
2908
3337
  if (isCurrentPage) {
@@ -2913,7 +3342,7 @@ function PageFeedbackToolbarCSS({
2913
3342
  const newDuringSync = prev.filter(
2914
3343
  (a) => !originalIds.has(a.id)
2915
3344
  );
2916
- return [...syncedAnnotations, ...newDuringSync];
3345
+ return [...renderableSyncedAnnotations, ...newDuringSync];
2917
3346
  });
2918
3347
  }
2919
3348
  } catch (err) {
@@ -3033,8 +3462,15 @@ function PageFeedbackToolbarCSS({
3033
3462
  return unsyncedLocal[i];
3034
3463
  });
3035
3464
  const allAnnotations = [...serverAnnotations, ...syncedAnnotations];
3036
- setAnnotations(allAnnotations);
3037
- saveAnnotationsWithSyncMarker(pathname, allAnnotations, sessionId);
3465
+ const renderableAnnotations = allAnnotations.filter(
3466
+ isRenderableAnnotation
3467
+ );
3468
+ setAnnotations(renderableAnnotations);
3469
+ saveAnnotationsWithSyncMarker(
3470
+ pathname,
3471
+ renderableAnnotations,
3472
+ sessionId
3473
+ );
3038
3474
  }
3039
3475
  } catch (err) {
3040
3476
  console.warn("[Agentation] Failed to sync on reconnect:", err);
@@ -3043,6 +3479,17 @@ function PageFeedbackToolbarCSS({
3043
3479
  syncLocalAnnotations();
3044
3480
  }
3045
3481
  }, [connectionStatus, endpoint, mounted, currentSessionId, pathname]);
3482
+ const hideToolbarTemporarily = useCallback2(() => {
3483
+ if (isToolbarHiding) return;
3484
+ setIsToolbarHiding(true);
3485
+ setShowSettings(false);
3486
+ setIsActive(false);
3487
+ originalSetTimeout(() => {
3488
+ saveToolbarHidden(true);
3489
+ setIsToolbarHidden(true);
3490
+ setIsToolbarHiding(false);
3491
+ }, 400);
3492
+ }, [isToolbarHiding]);
3046
3493
  useEffect2(() => {
3047
3494
  if (!enableDemoMode) return;
3048
3495
  if (!mounted || !demoAnnotations || demoAnnotations.length === 0) return;
@@ -3165,7 +3612,8 @@ function PageFeedbackToolbarCSS({
3165
3612
  nearbyElements: getNearbyElements(firstEl),
3166
3613
  cssClasses: getElementClasses(firstEl),
3167
3614
  nearbyText: getNearbyText(firstEl),
3168
- reactComponents: firstItem.reactComponents
3615
+ reactComponents: firstItem.reactComponents,
3616
+ sourceFile: detectSourceFile(firstEl)
3169
3617
  });
3170
3618
  } else {
3171
3619
  const bounds = {
@@ -3212,7 +3660,8 @@ function PageFeedbackToolbarCSS({
3212
3660
  computedStylesObj: getDetailedComputedStyles(firstEl),
3213
3661
  nearbyElements: getNearbyElements(firstEl),
3214
3662
  cssClasses: getElementClasses(firstEl),
3215
- nearbyText: getNearbyText(firstEl)
3663
+ nearbyText: getNearbyText(firstEl),
3664
+ sourceFile: detectSourceFile(firstEl)
3216
3665
  });
3217
3666
  }
3218
3667
  setPendingMultiSelectElements([]);
@@ -3418,6 +3867,7 @@ function PageFeedbackToolbarCSS({
3418
3867
  computedStylesObj,
3419
3868
  nearbyElements: getNearbyElements(elementUnder),
3420
3869
  reactComponents: reactComponents ?? void 0,
3870
+ sourceFile: detectSourceFile(elementUnder),
3421
3871
  targetElement: elementUnder
3422
3872
  // Store for live position queries
3423
3873
  });
@@ -3732,7 +4182,8 @@ function PageFeedbackToolbarCSS({
3732
4182
  computedStylesObj: firstElementComputedStyles,
3733
4183
  nearbyElements: getNearbyElements(firstElement),
3734
4184
  cssClasses: getElementClasses(firstElement),
3735
- nearbyText: getNearbyText(firstElement)
4185
+ nearbyText: getNearbyText(firstElement),
4186
+ sourceFile: detectSourceFile(firstElement)
3736
4187
  });
3737
4188
  } else {
3738
4189
  const width = Math.abs(right - left);
@@ -3813,6 +4264,7 @@ function PageFeedbackToolbarCSS({
3813
4264
  computedStyles: pendingAnnotation.computedStyles,
3814
4265
  nearbyElements: pendingAnnotation.nearbyElements,
3815
4266
  reactComponents: pendingAnnotation.reactComponents,
4267
+ sourceFile: pendingAnnotation.sourceFile,
3816
4268
  elementBoundingBoxes: pendingAnnotation.elementBoundingBoxes,
3817
4269
  // Protocol fields for server sync
3818
4270
  ...endpoint && currentSessionId ? {
@@ -4290,9 +4742,10 @@ function PageFeedbackToolbarCSS({
4290
4742
  pendingMultiSelectElements
4291
4743
  ]);
4292
4744
  if (!mounted) return null;
4745
+ if (isToolbarHidden) return null;
4293
4746
  const hasAnnotations = annotations.length > 0;
4294
4747
  const visibleAnnotations = annotations.filter(
4295
- (a) => !exitingMarkers.has(a.id)
4748
+ (a) => !exitingMarkers.has(a.id) && isRenderableAnnotation(a)
4296
4749
  );
4297
4750
  const exitingAnnotationsList = annotations.filter(
4298
4751
  (a) => exitingMarkers.has(a.id)
@@ -4322,11 +4775,11 @@ function PageFeedbackToolbarCSS({
4322
4775
  return styles;
4323
4776
  };
4324
4777
  return createPortal(
4325
- /* @__PURE__ */ jsxs3(Fragment, { children: [
4778
+ /* @__PURE__ */ jsxs3("div", { ref: portalWrapperRef, style: { display: "contents" }, children: [
4326
4779
  /* @__PURE__ */ jsx3(
4327
4780
  "div",
4328
4781
  {
4329
- className: styles_module_default2.toolbar,
4782
+ className: `${styles_module_default2.toolbar}${userClassName ? ` ${userClassName}` : ""}`,
4330
4783
  "data-feedback-toolbar": true,
4331
4784
  style: toolbarPosition ? {
4332
4785
  left: toolbarPosition.x,
@@ -4337,7 +4790,7 @@ function PageFeedbackToolbarCSS({
4337
4790
  children: /* @__PURE__ */ jsxs3(
4338
4791
  "div",
4339
4792
  {
4340
- className: `${styles_module_default2.toolbarContainer} ${!isDarkMode ? styles_module_default2.light : ""} ${isActive ? styles_module_default2.expanded : styles_module_default2.collapsed} ${showEntranceAnimation ? styles_module_default2.entrance : ""} ${isDraggingToolbar ? styles_module_default2.dragging : ""} ${!settings.webhooksEnabled && (isValidUrl(settings.webhookUrl) || isValidUrl(webhookUrl || "")) ? styles_module_default2.serverConnected : ""}`,
4793
+ className: `${styles_module_default2.toolbarContainer} ${!isDarkMode ? styles_module_default2.light : ""} ${isActive ? styles_module_default2.expanded : styles_module_default2.collapsed} ${showEntranceAnimation ? styles_module_default2.entrance : ""} ${isToolbarHiding ? styles_module_default2.hiding : ""} ${isDraggingToolbar ? styles_module_default2.dragging : ""} ${!settings.webhooksEnabled && (isValidUrl(settings.webhookUrl) || isValidUrl(webhookUrl || "")) ? styles_module_default2.serverConnected : ""}`,
4341
4794
  onClick: !isActive ? (e) => {
4342
4795
  if (justFinishedToolbarDragRef.current) {
4343
4796
  justFinishedToolbarDragRef.current = false;
@@ -4377,8 +4830,9 @@ function PageFeedbackToolbarCSS({
4377
4830
  /* @__PURE__ */ jsxs3(
4378
4831
  "div",
4379
4832
  {
4380
- className: `${styles_module_default2.controlsContent} ${isActive ? styles_module_default2.visible : styles_module_default2.hidden} ${toolbarPosition && toolbarPosition.y < 100 ? styles_module_default2.tooltipBelow : ""} ${tooltipsHidden || showSettings ? styles_module_default2.tooltipsHidden : ""}`,
4381
- onMouseLeave: showTooltipsAgain,
4833
+ className: `${styles_module_default2.controlsContent} ${isActive ? styles_module_default2.visible : styles_module_default2.hidden} ${toolbarPosition && toolbarPosition.y < 100 ? styles_module_default2.tooltipBelow : ""} ${tooltipsHidden || showSettings ? styles_module_default2.tooltipsHidden : ""} ${tooltipSessionActive ? styles_module_default2.tooltipsInSession : ""}`,
4834
+ onMouseEnter: handleControlsMouseEnter,
4835
+ onMouseLeave: handleControlsMouseLeave,
4382
4836
  children: [
4383
4837
  /* @__PURE__ */ jsxs3(
4384
4838
  "div",
@@ -4447,7 +4901,7 @@ function PageFeedbackToolbarCSS({
4447
4901
  /* @__PURE__ */ jsxs3(
4448
4902
  "div",
4449
4903
  {
4450
- className: `${styles_module_default2.buttonWrapper} ${styles_module_default2.sendButtonWrapper} ${!settings.webhooksEnabled && (isValidUrl(settings.webhookUrl) || isValidUrl(webhookUrl || "")) ? styles_module_default2.sendButtonVisible : ""}`,
4904
+ className: `${styles_module_default2.buttonWrapper} ${styles_module_default2.sendButtonWrapper} ${isActive && !settings.webhooksEnabled && (isValidUrl(settings.webhookUrl) || isValidUrl(webhookUrl || "")) ? styles_module_default2.sendButtonVisible : ""}`,
4451
4905
  children: [
4452
4906
  /* @__PURE__ */ jsxs3(
4453
4907
  "button",
@@ -4592,7 +5046,7 @@ function PageFeedbackToolbarCSS({
4592
5046
  ] }),
4593
5047
  /* @__PURE__ */ jsxs3("span", { className: styles_module_default2.settingsVersion, children: [
4594
5048
  "v",
4595
- "2.2.1"
5049
+ "2.3.0"
4596
5050
  ] }),
4597
5051
  /* @__PURE__ */ jsx3(
4598
5052
  "button",
@@ -4662,7 +5116,7 @@ function PageFeedbackToolbarCSS({
4662
5116
  /* @__PURE__ */ jsxs3(
4663
5117
  "div",
4664
5118
  {
4665
- className: `${styles_module_default2.settingsRow} ${styles_module_default2.settingsRowMarginTop} ${!isLocalhost ? styles_module_default2.settingsRowDisabled : ""}`,
5119
+ className: `${styles_module_default2.settingsRow} ${styles_module_default2.settingsRowMarginTop} ${!isDevMode ? styles_module_default2.settingsRowDisabled : ""}`,
4666
5120
  children: [
4667
5121
  /* @__PURE__ */ jsxs3(
4668
5122
  "div",
@@ -4673,7 +5127,7 @@ function PageFeedbackToolbarCSS({
4673
5127
  /* @__PURE__ */ jsx3(
4674
5128
  Tooltip,
4675
5129
  {
4676
- content: !isLocalhost ? "Disabled \u2014 production builds minify component names, making detection unreliable. Use on localhost in development mode." : "Include React component names in annotations",
5130
+ content: !isDevMode ? "Disabled \u2014 production builds minify component names, making detection unreliable. Use in development mode." : "Include React component names in annotations",
4677
5131
  children: /* @__PURE__ */ jsx3("span", { className: styles_module_default2.helpIcon, children: /* @__PURE__ */ jsx3(IconHelp, { size: 20 }) })
4678
5132
  }
4679
5133
  )
@@ -4683,14 +5137,14 @@ function PageFeedbackToolbarCSS({
4683
5137
  /* @__PURE__ */ jsxs3(
4684
5138
  "label",
4685
5139
  {
4686
- className: `${styles_module_default2.toggleSwitch} ${!isLocalhost ? styles_module_default2.disabled : ""}`,
5140
+ className: `${styles_module_default2.toggleSwitch} ${!isDevMode ? styles_module_default2.disabled : ""}`,
4687
5141
  children: [
4688
5142
  /* @__PURE__ */ jsx3(
4689
5143
  "input",
4690
5144
  {
4691
5145
  type: "checkbox",
4692
- checked: isLocalhost && settings.reactEnabled,
4693
- disabled: !isLocalhost,
5146
+ checked: isDevMode && settings.reactEnabled,
5147
+ disabled: !isDevMode,
4694
5148
  onChange: () => setSettings((s) => ({
4695
5149
  ...s,
4696
5150
  reactEnabled: !s.reactEnabled
@@ -4703,7 +5157,34 @@ function PageFeedbackToolbarCSS({
4703
5157
  )
4704
5158
  ]
4705
5159
  }
4706
- )
5160
+ ),
5161
+ /* @__PURE__ */ jsxs3("div", { className: `${styles_module_default2.settingsRow} ${styles_module_default2.settingsRowMarginTop}`, children: [
5162
+ /* @__PURE__ */ jsxs3(
5163
+ "div",
5164
+ {
5165
+ className: `${styles_module_default2.settingsLabel} ${!isDarkMode ? styles_module_default2.light : ""}`,
5166
+ children: [
5167
+ "Hide Until Restart",
5168
+ /* @__PURE__ */ jsx3(Tooltip, { content: "Hides the toolbar until you open a new tab", children: /* @__PURE__ */ jsx3("span", { className: styles_module_default2.helpIcon, children: /* @__PURE__ */ jsx3(IconHelp, { size: 20 }) }) })
5169
+ ]
5170
+ }
5171
+ ),
5172
+ /* @__PURE__ */ jsxs3("label", { className: styles_module_default2.toggleSwitch, children: [
5173
+ /* @__PURE__ */ jsx3(
5174
+ "input",
5175
+ {
5176
+ type: "checkbox",
5177
+ checked: false,
5178
+ onChange: (e) => {
5179
+ if (e.target.checked) {
5180
+ hideToolbarTemporarily();
5181
+ }
5182
+ }
5183
+ }
5184
+ ),
5185
+ /* @__PURE__ */ jsx3("span", { className: styles_module_default2.toggleSlider })
5186
+ ] })
5187
+ ] })
4707
5188
  ] }),
4708
5189
  /* @__PURE__ */ jsxs3("div", { className: styles_module_default2.settingsSection, children: [
4709
5190
  /* @__PURE__ */ jsx3(