@nextsparkjs/core 0.1.0-beta.8 → 0.1.0-beta.82

package/dist/lib/selectors/domains/dashboard.selectors.js

@@ -0,0 +1,118 @@
+const DASHBOARD_SELECTORS = {
+  // Main container (wraps everything)
+  container: "dashboard-container",
+  // =========================================================================
+  // 1. SIDEBAR - Left column (Desktop only, collapsible)
+  // =========================================================================
+  sidebar: {
+    container: "sidebar-main",
+    header: "sidebar-header",
+    logo: "sidebar-logo",
+    content: "sidebar-content",
+    footer: "sidebar-footer"
+  },
+  // =========================================================================
+  // 2. TOPNAV - Top bar (Desktop)
+  // =========================================================================
+  topnav: {
+    container: "topnav-header",
+    logo: "topnav-logo",
+    sidebarToggle: "topnav-sidebar-toggle",
+    // Search section (the Cmd+K modal is in globalSearch selectors)
+    search: {
+      container: "topnav-search-section"
+    },
+    // Notifications Dropdown
+    notifications: {
+      trigger: "topnav-notifications"
+      // Future: content, badge, list, item, markAllRead, empty
+    },
+    // Quick Create Dropdown
+    quickCreate: {
+      trigger: "topnav-quick-create-button",
+      content: "topnav-quick-create-dropdown",
+      link: "quick-create-{slug}-link"
+    },
+    // User Menu Dropdown
+    userMenu: {
+      trigger: "topnav-user-menu-trigger",
+      content: "topnav-user-menu",
+      item: "topnav-menu-{icon}",
+      action: "topnav-menu-{action}"
+    },
+    // Container for right side actions
+    actions: "topnav-actions",
+    // Settings Menu Dropdown
+    settingsMenu: {
+      trigger: "topnav-settings-menu-trigger",
+      content: "topnav-settings-menu",
+      item: "topnav-settings-item-{index}",
+      link: "topnav-settings-link-{index}"
+    },
+    // Single action buttons
+    help: "topnav-help",
+    themeToggle: "topnav-theme-toggle",
+    superadmin: "topnav-superadmin",
+    devtools: "topnav-devtools",
+    userLoading: "topnav-user-loading",
+    signin: "topnav-signin",
+    signup: "topnav-signup",
+    // Mobile responsive menu (inside TopNavbar component)
+    mobileMenu: {
+      toggle: "topnav-mobile-menu-toggle",
+      container: "topnav-mobile-menu",
+      actions: "topnav-mobile-actions",
+      userInfo: "topnav-mobile-user-info",
+      linkProfile: "topnav-mobile-link-profile",
+      linkSettings: "topnav-mobile-link-settings",
+      linkBilling: "topnav-mobile-link-billing",
+      signout: "topnav-mobile-signout",
+      superadmin: "topnav-mobile-nav-superadmin",
+      devtools: "topnav-mobile-nav-devtools"
+    }
+  },
+  // =========================================================================
+  // 3. NAVIGATION - Nav items inside sidebar (DynamicNavigation)
+  // =========================================================================
+  navigation: {
+    container: "nav-main",
+    dashboardLink: "nav-link-dashboard",
+    entityLink: "nav-link-entity-{slug}",
+    section: "nav-section-{id}",
+    sectionLabel: "nav-section-label-{id}",
+    sectionItem: "nav-section-item-{sectionId}-{itemId}"
+  },
+  // =========================================================================
+  // 4. MOBILE - Components exclusive to mobile layout
+  // =========================================================================
+  mobile: {
+    // Mobile Top Bar
+    topbar: {
+      container: "mobile-topbar-header",
+      userProfile: "mobile-topbar-user-profile",
+      notifications: "mobile-topbar-notifications",
+      themeToggle: "mobile-topbar-theme-toggle"
+    },
+    // Mobile Bottom Navigation
+    bottomNav: {
+      container: "mobile-bottomnav-nav",
+      item: "mobile-bottomnav-item-{id}"
+    },
+    // Mobile More Sheet (bottom sheet)
+    moreSheet: {
+      container: "mobile-more-sheet-content",
+      item: "mobile-more-sheet-item-{id}",
+      superadminLink: "mobile-more-sheet-superadmin-link",
+      teamSwitcher: "mobile-more-sheet-team-switcher",
+      signoutButton: "mobile-more-sheet-signout-button"
+    },
+    // Mobile Quick Create Sheet (bottom sheet)
+    quickCreateSheet: {
+      container: "mobile-quick-create-sheet-content",
+      item: "mobile-quick-create-sheet-item-{slug}"
+    }
+  }
+};
+export {
+  DASHBOARD_SELECTORS
+};

package/dist/lib/selectors/domains/devtools.selectors.d.ts

@@ -0,0 +1,241 @@
+/**
+ * Devtools Selectors
+ *
+ * Selectors for the developer tools panel:
+ * - Navigation
+ * - Home page
+ * - Style guide
+ * - Config viewer
+ * - Tests viewer
+ * - Features/Flows/Blocks coverage
+ * - Tags explorer
+ * - Scheduled actions
+ */
+export declare const DEVTOOLS_SELECTORS: {
+    readonly navigation: {
+        readonly sidebar: "devtools-sidebar";
+        readonly collapseToggle: "devtools-sidebar-collapse-toggle";
+        readonly navItem: "devtools-nav-{section}";
+        readonly exitToDashboard: "devtools-sidebar-exit-to-dashboard";
+        readonly goToSuperadmin: "devtools-sidebar-go-to-superadmin";
+        readonly mobileHeader: "devtools-mobile-header";
+    };
+    readonly home: {
+        readonly page: "devtools-home-page";
+        readonly styleLink: "devtools-home-style-link";
+        readonly testsLink: "devtools-home-tests-link";
+        readonly configLink: "devtools-home-config-link";
+    };
+    readonly style: {
+        readonly page: "devtools-style-page";
+        readonly tabComponents: "devtools-style-tab-components";
+        readonly tabFieldTypes: "devtools-style-tab-field-types";
+        readonly tabTheme: "devtools-style-tab-theme";
+        readonly tabGuidelines: "devtools-style-tab-guidelines";
+        readonly componentGallery: "devtools-style-component-gallery";
+        readonly fieldTypes: "devtools-style-field-types";
+        readonly themePreview: "devtools-style-theme-preview";
+    };
+    readonly config: {
+        readonly page: "devtools-config-page";
+        readonly viewer: "devtools-config-viewer";
+        readonly tabTheme: "devtools-config-tab-theme";
+        readonly tabEntities: "devtools-config-tab-entities";
+        readonly themeContent: "devtools-config-theme-content";
+        readonly entitiesContent: "devtools-config-entities-content";
+        readonly copyTheme: "devtools-config-copy-theme";
+        readonly copyEntities: "devtools-config-copy-entities";
+    };
+    readonly tests: {
+        readonly page: "devtools-tests-page";
+        readonly viewer: "devtools-tests-viewer";
+        readonly loading: "devtools-tests-loading";
+        readonly tree: "devtools-tests-tree";
+        readonly folder: "devtools-tests-folder-{name}";
+        readonly file: "devtools-tests-file-{name}";
+        readonly content: "devtools-tests-content";
+        readonly markdownContent: "devtools-tests-markdown-content";
+        readonly notFound: "devtools-tests-not-found";
+        readonly backToList: "devtools-tests-back-to-list";
+        readonly emptyState: "devtools-tests-empty-state";
+        readonly fileLoading: "devtools-tests-file-loading";
+        readonly error: "devtools-tests-error";
+        readonly dashboard: "devtools-tests-dashboard";
+        readonly dashboardButton: "devtools-tests-dashboard-button";
+        readonly dashboardStats: "devtools-tests-dashboard-stats";
+        readonly dashboardStatFeatures: "devtools-tests-dashboard-stat-features";
+        readonly dashboardStatFlows: "devtools-tests-dashboard-stat-flows";
+        readonly dashboardStatFiles: "devtools-tests-dashboard-stat-files";
+        readonly dashboardStatTags: "devtools-tests-dashboard-stat-tags";
+        readonly dashboardGaps: "devtools-tests-dashboard-gaps";
+        readonly dashboardGapItem: "devtools-tests-dashboard-gap-{slug}";
+    };
+    readonly features: {
+        readonly page: "devtools-features-page";
+        readonly viewer: "devtools-features-viewer";
+        readonly search: "devtools-features-search";
+        readonly filterAll: "devtools-features-filter-all";
+        readonly filterCategory: "devtools-features-filter-{category}";
+        readonly coverageAll: "devtools-features-coverage-all";
+        readonly coverageCovered: "devtools-features-coverage-covered";
+        readonly coverageUncovered: "devtools-features-coverage-uncovered";
+        readonly card: "devtools-features-card-{slug}";
+        readonly copyTag: "devtools-features-copy-{slug}";
+    };
+    readonly flows: {
+        readonly page: "devtools-flows-page";
+        readonly viewer: "devtools-flows-viewer";
+        readonly search: "devtools-flows-search";
+        readonly filterAll: "devtools-flows-filter-all";
+        readonly filterCategory: "devtools-flows-filter-{category}";
+        readonly coverageAll: "devtools-flows-coverage-all";
+        readonly coverageCovered: "devtools-flows-coverage-covered";
+        readonly coverageUncovered: "devtools-flows-coverage-uncovered";
+        readonly card: "devtools-flows-card-{slug}";
+        readonly copyTag: "devtools-flows-copy-{slug}";
+    };
+    readonly blocks: {
+        readonly page: "devtools-blocks-page";
+        readonly viewer: "devtools-blocks-viewer";
+        readonly search: "devtools-blocks-search";
+        readonly filterAll: "devtools-blocks-filter-all";
+        readonly filterCategory: "devtools-blocks-filter-{category}";
+        readonly coverageAll: "devtools-blocks-coverage-all";
+        readonly coverageCovered: "devtools-blocks-coverage-covered";
+        readonly coverageUncovered: "devtools-blocks-coverage-uncovered";
+        readonly card: "devtools-blocks-card-{slug}";
+        readonly copyTag: "devtools-blocks-copy-{slug}";
+        readonly viewDetails: "devtools-blocks-view-{slug}";
+        readonly detail: {
+            readonly page: "devtools-block-detail-{slug}";
+            readonly back: "devtools-block-detail-back";
+            readonly tabPreview: "devtools-block-detail-tab-preview";
+            readonly tabFields: "devtools-block-detail-tab-fields";
+            readonly tabOverview: "devtools-block-detail-tab-overview";
+            readonly preview: "devtools-block-detail-preview-{slug}";
+            readonly exampleSelector: "devtools-block-example-selector";
+            readonly exampleBtn: "devtools-block-example-btn-{index}";
+            readonly exampleName: "devtools-block-example-name";
+            readonly exampleDescription: "devtools-block-example-description";
+        };
+    };
+    readonly tags: {
+        readonly page: "devtools-tags-page";
+        readonly viewer: "devtools-tags-viewer";
+        readonly search: "devtools-tags-search";
+        readonly category: "devtools-tags-category-{category}";
+        readonly tag: "devtools-tags-tag-{tag}";
+        readonly tagLink: "devtools-tags-link-{tag}";
+        readonly filesPanel: "devtools-tags-files-panel-{tag}";
+    };
+    readonly scheduledActions: {
+        readonly page: "devtools-scheduled-actions-page";
+        readonly filterStatus: "scheduled-actions-filter-status";
+        readonly filterType: "scheduled-actions-filter-type";
+        readonly filterApply: "scheduled-actions-filter-apply";
+        readonly filterReset: "scheduled-actions-filter-reset";
+        readonly table: "scheduled-actions-table";
+        readonly row: "scheduled-actions-row-{id}";
+        readonly cellType: "scheduled-actions-cell-type";
+        readonly cellStatus: "scheduled-actions-cell-status";
+        readonly cellScheduledAt: "scheduled-actions-cell-scheduled-at";
+        readonly cellTeam: "scheduled-actions-cell-team";
+        readonly cellPayload: "scheduled-actions-cell-payload";
+        readonly cellError: "scheduled-actions-cell-error";
+        readonly statusPending: "scheduled-actions-status-pending";
+        readonly statusRunning: "scheduled-actions-status-running";
+        readonly statusCompleted: "scheduled-actions-status-completed";
+        readonly statusFailed: "scheduled-actions-status-failed";
+        readonly pagination: "scheduled-actions-pagination";
+        readonly paginationPrev: "scheduled-actions-pagination-prev";
+        readonly paginationNext: "scheduled-actions-pagination-next";
+        readonly emptyState: "scheduled-actions-empty-state";
+    };
+    /**
+     * API Explorer - Interactive API testing tool
+     *
+     * Layout:
+     * ┌─────────────────────────────────────────────────────────────────┐
+     * │ SIDEBAR          │ REQUEST PANEL        │ RESPONSE PANEL       │
+     * │ ═══════════════  │ ════════════════════ │ ════════════════════ │
+     * │ [Search...]      │ [Method] [URL]       │ Status: 200 OK       │
+     * │                  │ [Send] [Cancel]      │ Time: 123ms          │
+     * │ ▼ Category       │                      │                      │
+     * │   ▼ Prefix       │ [Params] [Headers]   │ [Body] [Headers]     │
+     * │     GET /path    │ [Body] [Presets]     │                      │
+     * │     POST /path   │                      │ { response... }      │
+     * │                  │ { body... }          │                      │
+     * │                  │                      │                      │
+     * │ ▼ Auth           │                      │                      │
+     * │   [Session]      │                      │                      │
+     * │   [API Key]      │                      │                      │
+     * │                  │                      │                      │
+     * │ ▼ Team           │                      │                      │
+     * │   [Select team]  │                      │                      │
+     * └─────────────────────────────────────────────────────────────────┘
+     */
+    readonly apiExplorer: {
+        readonly container: "devtools-api-explorer";
+        readonly mobileToggle: "devtools-api-explorer-mobile-toggle";
+        readonly docsBtn: "devtools-api-explorer-docs-btn";
+        readonly sidebar: {
+            readonly container: "devtools-api-sidebar";
+            readonly collapsed: "devtools-api-sidebar-collapsed";
+            readonly expand: "devtools-api-sidebar-expand";
+            readonly collapse: "devtools-api-sidebar-collapse";
+            readonly search: "devtools-api-sidebar-search";
+            readonly category: "devtools-api-sidebar-category-{category}";
+            readonly prefix: "devtools-api-sidebar-prefix-{category}-{prefix}";
+            readonly endpoint: "devtools-api-sidebar-endpoint-{method}-{path}";
+        };
+        readonly auth: {
+            readonly container: "devtools-api-auth";
+            readonly typeGroup: "devtools-api-auth-type-group";
+            readonly sessionOption: "devtools-api-auth-session";
+            readonly apiKeyOption: "devtools-api-auth-apikey";
+            readonly apiKeyInput: "devtools-api-auth-apikey-input";
+            readonly bypassToggle: "devtools-api-auth-bypass-toggle";
+        };
+        readonly team: {
+            readonly container: "devtools-api-team";
+            readonly loading: "devtools-api-team-loading";
+            readonly trigger: "devtools-api-team-trigger";
+            readonly option: "devtools-api-team-option-{slug}";
+            readonly error: "devtools-api-team-error";
+            readonly bypassTrigger: "devtools-api-team-bypass-trigger";
+            readonly search: "devtools-api-team-search";
+            readonly crossTeam: "devtools-api-team-cross-team";
+            readonly bypassOption: "devtools-api-team-bypass-option-{id}";
+        };
+        readonly request: {
+            readonly panel: "devtools-api-request-panel";
+            readonly sendBtn: "devtools-api-request-send";
+            readonly cancelBtn: "devtools-api-request-cancel";
+            readonly tabParams: "devtools-api-request-tab-params";
+            readonly tabHeaders: "devtools-api-request-tab-headers";
+            readonly tabBody: "devtools-api-request-tab-body";
+            readonly tabPresets: "devtools-api-request-tab-presets";
+        };
+        readonly response: {
+            readonly panel: "devtools-api-response-panel";
+            readonly panelIdle: "devtools-api-response-idle";
+            readonly panelLoading: "devtools-api-response-loading";
+            readonly panelError: "devtools-api-response-error";
+            readonly status: "devtools-api-response-status";
+            readonly time: "devtools-api-response-time";
+            readonly tabBody: "devtools-api-response-tab-body";
+            readonly tabHeaders: "devtools-api-response-tab-headers";
+            readonly body: "devtools-api-response-body";
+            readonly headers: "devtools-api-response-headers";
+        };
+        readonly presets: {
+            readonly tab: "devtools-api-presets";
+            readonly empty: "devtools-api-presets-empty";
+            readonly card: "devtools-api-presets-card-{id}";
+            readonly viewBtn: "devtools-api-presets-view-{id}";
+            readonly applyBtn: "devtools-api-presets-apply-{id}";
+        };
+    };
+};
+export type DevtoolsSelectorsType = typeof DEVTOOLS_SELECTORS;
+//# sourceMappingURL=devtools.selectors.d.ts.map

package/dist/lib/selectors/domains/devtools.selectors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"devtools.selectors.d.ts","sourceRoot":"","sources":["../../../../src/lib/selectors/domains/devtools.selectors.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA6I7B;;;;;;;;;;;;;;;;;;;;;;OAsBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqEK,CAAA;AAEV,MAAM,MAAM,qBAAqB,GAAG,OAAO,kBAAkB,CAAA"}

package/dist/lib/selectors/domains/devtools.selectors.js

@@ -0,0 +1,236 @@
+const DEVTOOLS_SELECTORS = {
+  navigation: {
+    sidebar: "devtools-sidebar",
+    collapseToggle: "devtools-sidebar-collapse-toggle",
+    navItem: "devtools-nav-{section}",
+    exitToDashboard: "devtools-sidebar-exit-to-dashboard",
+    goToSuperadmin: "devtools-sidebar-go-to-superadmin",
+    mobileHeader: "devtools-mobile-header"
+  },
+  home: {
+    page: "devtools-home-page",
+    styleLink: "devtools-home-style-link",
+    testsLink: "devtools-home-tests-link",
+    configLink: "devtools-home-config-link"
+  },
+  style: {
+    page: "devtools-style-page",
+    tabComponents: "devtools-style-tab-components",
+    tabFieldTypes: "devtools-style-tab-field-types",
+    tabTheme: "devtools-style-tab-theme",
+    tabGuidelines: "devtools-style-tab-guidelines",
+    componentGallery: "devtools-style-component-gallery",
+    fieldTypes: "devtools-style-field-types",
+    themePreview: "devtools-style-theme-preview"
+  },
+  config: {
+    page: "devtools-config-page",
+    viewer: "devtools-config-viewer",
+    tabTheme: "devtools-config-tab-theme",
+    tabEntities: "devtools-config-tab-entities",
+    themeContent: "devtools-config-theme-content",
+    entitiesContent: "devtools-config-entities-content",
+    copyTheme: "devtools-config-copy-theme",
+    copyEntities: "devtools-config-copy-entities"
+  },
+  tests: {
+    page: "devtools-tests-page",
+    viewer: "devtools-tests-viewer",
+    loading: "devtools-tests-loading",
+    tree: "devtools-tests-tree",
+    folder: "devtools-tests-folder-{name}",
+    file: "devtools-tests-file-{name}",
+    content: "devtools-tests-content",
+    markdownContent: "devtools-tests-markdown-content",
+    notFound: "devtools-tests-not-found",
+    backToList: "devtools-tests-back-to-list",
+    emptyState: "devtools-tests-empty-state",
+    fileLoading: "devtools-tests-file-loading",
+    error: "devtools-tests-error",
+    // Dashboard
+    dashboard: "devtools-tests-dashboard",
+    dashboardButton: "devtools-tests-dashboard-button",
+    dashboardStats: "devtools-tests-dashboard-stats",
+    dashboardStatFeatures: "devtools-tests-dashboard-stat-features",
+    dashboardStatFlows: "devtools-tests-dashboard-stat-flows",
+    dashboardStatFiles: "devtools-tests-dashboard-stat-files",
+    dashboardStatTags: "devtools-tests-dashboard-stat-tags",
+    dashboardGaps: "devtools-tests-dashboard-gaps",
+    dashboardGapItem: "devtools-tests-dashboard-gap-{slug}"
+  },
+  features: {
+    page: "devtools-features-page",
+    viewer: "devtools-features-viewer",
+    search: "devtools-features-search",
+    filterAll: "devtools-features-filter-all",
+    filterCategory: "devtools-features-filter-{category}",
+    coverageAll: "devtools-features-coverage-all",
+    coverageCovered: "devtools-features-coverage-covered",
+    coverageUncovered: "devtools-features-coverage-uncovered",
+    card: "devtools-features-card-{slug}",
+    copyTag: "devtools-features-copy-{slug}"
+  },
+  flows: {
+    page: "devtools-flows-page",
+    viewer: "devtools-flows-viewer",
+    search: "devtools-flows-search",
+    filterAll: "devtools-flows-filter-all",
+    filterCategory: "devtools-flows-filter-{category}",
+    coverageAll: "devtools-flows-coverage-all",
+    coverageCovered: "devtools-flows-coverage-covered",
+    coverageUncovered: "devtools-flows-coverage-uncovered",
+    card: "devtools-flows-card-{slug}",
+    copyTag: "devtools-flows-copy-{slug}"
+  },
+  blocks: {
+    page: "devtools-blocks-page",
+    viewer: "devtools-blocks-viewer",
+    search: "devtools-blocks-search",
+    filterAll: "devtools-blocks-filter-all",
+    filterCategory: "devtools-blocks-filter-{category}",
+    coverageAll: "devtools-blocks-coverage-all",
+    coverageCovered: "devtools-blocks-coverage-covered",
+    coverageUncovered: "devtools-blocks-coverage-uncovered",
+    card: "devtools-blocks-card-{slug}",
+    copyTag: "devtools-blocks-copy-{slug}",
+    viewDetails: "devtools-blocks-view-{slug}",
+    detail: {
+      page: "devtools-block-detail-{slug}",
+      back: "devtools-block-detail-back",
+      tabPreview: "devtools-block-detail-tab-preview",
+      tabFields: "devtools-block-detail-tab-fields",
+      tabOverview: "devtools-block-detail-tab-overview",
+      preview: "devtools-block-detail-preview-{slug}",
+      exampleSelector: "devtools-block-example-selector",
+      exampleBtn: "devtools-block-example-btn-{index}",
+      exampleName: "devtools-block-example-name",
+      exampleDescription: "devtools-block-example-description"
+    }
+  },
+  tags: {
+    page: "devtools-tags-page",
+    viewer: "devtools-tags-viewer",
+    search: "devtools-tags-search",
+    category: "devtools-tags-category-{category}",
+    tag: "devtools-tags-tag-{tag}",
+    tagLink: "devtools-tags-link-{tag}",
+    filesPanel: "devtools-tags-files-panel-{tag}"
+  },
+  scheduledActions: {
+    page: "devtools-scheduled-actions-page",
+    filterStatus: "scheduled-actions-filter-status",
+    filterType: "scheduled-actions-filter-type",
+    filterApply: "scheduled-actions-filter-apply",
+    filterReset: "scheduled-actions-filter-reset",
+    table: "scheduled-actions-table",
+    row: "scheduled-actions-row-{id}",
+    cellType: "scheduled-actions-cell-type",
+    cellStatus: "scheduled-actions-cell-status",
+    cellScheduledAt: "scheduled-actions-cell-scheduled-at",
+    cellTeam: "scheduled-actions-cell-team",
+    cellPayload: "scheduled-actions-cell-payload",
+    cellError: "scheduled-actions-cell-error",
+    statusPending: "scheduled-actions-status-pending",
+    statusRunning: "scheduled-actions-status-running",
+    statusCompleted: "scheduled-actions-status-completed",
+    statusFailed: "scheduled-actions-status-failed",
+    pagination: "scheduled-actions-pagination",
+    paginationPrev: "scheduled-actions-pagination-prev",
+    paginationNext: "scheduled-actions-pagination-next",
+    emptyState: "scheduled-actions-empty-state"
+  },
+  /**
+   * API Explorer - Interactive API testing tool
+   *
+   * Layout:
+   * ┌─────────────────────────────────────────────────────────────────┐
+   * │ SIDEBAR          │ REQUEST PANEL        │ RESPONSE PANEL       │
+   * │ ═══════════════  │ ════════════════════ │ ════════════════════ │
+   * │ [Search...]      │ [Method] [URL]       │ Status: 200 OK       │
+   * │                  │ [Send] [Cancel]      │ Time: 123ms          │
+   * │ ▼ Category       │                      │                      │
+   * │   ▼ Prefix       │ [Params] [Headers]   │ [Body] [Headers]     │
+   * │     GET /path    │ [Body] [Presets]     │                      │
+   * │     POST /path   │                      │ { response... }      │
+   * │                  │ { body... }          │                      │
+   * │                  │                      │                      │
+   * │ ▼ Auth           │                      │                      │
+   * │   [Session]      │                      │                      │
+   * │   [API Key]      │                      │                      │
+   * │                  │                      │                      │
+   * │ ▼ Team           │                      │                      │
+   * │   [Select team]  │                      │                      │
+   * └─────────────────────────────────────────────────────────────────┘
+   */
+  apiExplorer: {
+    container: "devtools-api-explorer",
+    mobileToggle: "devtools-api-explorer-mobile-toggle",
+    docsBtn: "devtools-api-explorer-docs-btn",
+    // Sidebar - endpoint navigation
+    sidebar: {
+      container: "devtools-api-sidebar",
+      collapsed: "devtools-api-sidebar-collapsed",
+      expand: "devtools-api-sidebar-expand",
+      collapse: "devtools-api-sidebar-collapse",
+      search: "devtools-api-sidebar-search",
+      category: "devtools-api-sidebar-category-{category}",
+      prefix: "devtools-api-sidebar-prefix-{category}-{prefix}",
+      endpoint: "devtools-api-sidebar-endpoint-{method}-{path}"
+    },
+    // Auth selector
+    auth: {
+      container: "devtools-api-auth",
+      typeGroup: "devtools-api-auth-type-group",
+      sessionOption: "devtools-api-auth-session",
+      apiKeyOption: "devtools-api-auth-apikey",
+      apiKeyInput: "devtools-api-auth-apikey-input",
+      bypassToggle: "devtools-api-auth-bypass-toggle"
+    },
+    // Team selector
+    team: {
+      container: "devtools-api-team",
+      loading: "devtools-api-team-loading",
+      trigger: "devtools-api-team-trigger",
+      option: "devtools-api-team-option-{slug}",
+      error: "devtools-api-team-error",
+      bypassTrigger: "devtools-api-team-bypass-trigger",
+      search: "devtools-api-team-search",
+      crossTeam: "devtools-api-team-cross-team",
+      bypassOption: "devtools-api-team-bypass-option-{id}"
+    },
+    // Request panel
+    request: {
+      panel: "devtools-api-request-panel",
+      sendBtn: "devtools-api-request-send",
+      cancelBtn: "devtools-api-request-cancel",
+      tabParams: "devtools-api-request-tab-params",
+      tabHeaders: "devtools-api-request-tab-headers",
+      tabBody: "devtools-api-request-tab-body",
+      tabPresets: "devtools-api-request-tab-presets"
+    },
+    // Response panel
+    response: {
+      panel: "devtools-api-response-panel",
+      panelIdle: "devtools-api-response-idle",
+      panelLoading: "devtools-api-response-loading",
+      panelError: "devtools-api-response-error",
+      status: "devtools-api-response-status",
+      time: "devtools-api-response-time",
+      tabBody: "devtools-api-response-tab-body",
+      tabHeaders: "devtools-api-response-tab-headers",
+      body: "devtools-api-response-body",
+      headers: "devtools-api-response-headers"
+    },
+    // Presets tab
+    presets: {
+      tab: "devtools-api-presets",
+      empty: "devtools-api-presets-empty",
+      card: "devtools-api-presets-card-{id}",
+      viewBtn: "devtools-api-presets-view-{id}",
+      applyBtn: "devtools-api-presets-apply-{id}"
+    }
+  }
+};
+export {
+  DEVTOOLS_SELECTORS
+};