Test IDs

Every data-testid in the web app, by area and component. In e2e code, select one with byTestId(...) from apps/e2e/src/helpers/test-ids.ts, which only accepts IDs listed here, or TestIds for the same tree with autocomplete. {name} marks a part filled in at run time; "in FilterPicker" marks an ID a shared component draws from the prop written here. How to write a test with them: WRITING_E2E.md.

Every control has a test ID: 1035 buttons, text boxes, selects and textareas.

access

AccessGrantsStage · features/access/components/AccessGrantsStage.tsx
- access-grants-also-holds · p
- access-grants-change-{action} · li
- access-grants-copy · button · Copy
- access-grants-diff · ul
- access-grants-open-sql · button · Open in SQL Editor
- access-grants-preset-{p} · button
- access-grants-presets · div
- access-grants-reset · button · Reset to current
- access-grants-sql · div · Grant SQL
- access-grants-stage · div · Grant SQL
AccessPermissionPanel · features/access/components/AccessPermissionPanel.tsx
- access-permission-account · div
- access-permission-account-alterations · div
- access-permission-account-kind · dd
- access-permission-account-login · dd
- access-permission-account-memberof · ul
- access-permission-account-members · ul
- access-permission-account-name · dd
- access-permission-allow-all · p
- access-permission-alteration-{a} · li
- access-permission-apply · button
- access-permission-cancel · button · Cancel
- access-permission-confirm · div
- access-permission-confirm-run · button
- access-permission-connection · select · Choose a saved connection…
- access-permission-drop-safety · div
- access-permission-error · p
- access-permission-expanded-kinds-{kind} · button
- access-permission-filter · input · Filter users & roles
- access-permission-group-{kind} · section
- access-permission-hint · p
- access-permission-needs-connection · div in EmptyState · Choose a connection
- access-permission-open-sql · button · Open in SQL Editor
- access-permission-open-user-management · button · Open User Management
- access-permission-panel · div
- access-permission-principal · div
- access-permission-reload · button · Reload
- access-permission-row-{name} · button
- access-permission-selected-name · h2
- access-permission-stage · div in Segmented
- access-permission-stage-{value} · button in Segmented
- access-permission-status · p
- access-permission-unsupported · div in EmptyState · Catalog unavailable
- access-principals-add-user · button · Add user
- access-principals-counts · span
- access-principals-filter-{id} · button
- access-principals-sidebar · aside
AccessReport · features/access/components/AccessReport.tsx
- access-report · div · Access overview
- report-connection · select · Choose a saved connection…
- report-error · div
- report-findings · section · High-risk findings ( )
- report-load · button
- report-object-query · input · table name, e.g. payments
- report-schema · input
- report-table · table
- report-tiles · div
- report-who · div
AccessView · features/access/components/AccessView.tsx
- access-connection · select · Choose a saved connection…
- access-menu · nav · Access
- access-tab-{id} · button
- access-view · div
DbAccessPermissionSections · features/access/components/DbAccessPermissionSections.tsx
- {prefix}-action-grant · button · Grant · passed in by the parent
- {prefix}-action-revoke · button · Revoke · passed in by the parent
- {testId} · button · Preview SQL · passed in by the parent
- db-access-close · button
- db-access-edit-{name} · button
- db-access-editor-objects · ul
- db-access-expand-{kind} · button
- db-access-expand-general · button · General permissions
- db-access-general-action-grant · button in ActionToggle · Grant
- db-access-general-action-revoke · button in ActionToggle · Revoke
- db-access-general-edit-{value} · button · Edit
- db-access-general-editor · div in EditorShell
- db-access-general-preview-sql · button in PreviewButton · Preview SQL
- db-access-general-priv-{p} · button
- db-access-general-privs · div
- db-access-general-row-{value} · div
- db-access-general-schema · select
- db-access-grant-{kind} · button · Grant
- db-access-grant-general · button · New
- db-access-grant-sql-open · button
- db-access-obj-{schema}-{name} · tr
- db-access-obj-action-grant · button in ActionToggle · Grant
- db-access-obj-action-revoke · button in ActionToggle · Revoke
- db-access-obj-revoke-{name} · button · Revoke
- db-access-object-editor · div in EditorShell
- db-access-permission-sections · div
- db-access-pick-{schema}-{name} · input
- db-access-preview-sql · button in PreviewButton · Preview SQL
- db-access-priv-{p} · button
- db-access-section-{kind} · section
- db-access-section-general · section
- db-access-sql-copy · button
- db-access-sql-modal · div
- db-access-sql-modal-backdrop · div
- db-access-sql-modal-cancel · button · Cancel
- db-access-sql-modal-run · button
- db-access-sql-modal-sql · pre
ObjectPicker · features/access/components/ObjectPicker.tsx
- {testId} · div · passed in by the parent
- {testId}-filter · input · Search… · passed in by the parent
- {testId}-item-{name} · input · passed in by the parent
- {testId}-list · div · passed in by the parent
PermissionDiff · features/access/components/PermissionDiff.tsx
- diff-action-{index} · div in Segmented
- diff-action-{index}-{value} · button in Segmented
- diff-add-row · button · Add desired grant
- diff-columns-{index} · div in ObjectPicker
- diff-columns-{index}-filter · input in ObjectPicker · Search…
- diff-columns-{index}-item-{name} · input in ObjectPicker
- diff-columns-{index}-list · div in ObjectPicker
- diff-connection · select · Choose a saved connection…
- diff-copy-sql · button · Copy SQL
- diff-desired-{index} · div
- diff-empty · div in EmptyState
- diff-load-catalog · button · Load catalog
- diff-load-error · span
- diff-permission-{index}-{p} · input
- diff-principal-name · input in Autocomplete · report_user
- diff-principal-name-option-{value} · button in Autocomplete · report_user
- diff-principal-name-toggle · button in Autocomplete · report_user
- diff-principal-type · div in Segmented
- diff-principal-type-{value} · button in Segmented
- diff-remove-{index} · button
- diff-row-{i} · tr
- diff-schema-{index} · input in Autocomplete · schema
- diff-schema-{index}-option-{value} · button in Autocomplete · schema
- diff-schema-{index}-toggle · button in Autocomplete · schema
- diff-scope-{index} · div in Segmented
- diff-scope-{index}-{value} · button in Segmented
- diff-sql-preview · pre
- diff-summary · div
- diff-table · table
- diff-tables-{index} · div in ObjectPicker
- diff-tables-{index}-filter · input in ObjectPicker · Search…
- diff-tables-{index}-item-{name} · input in ObjectPicker
- diff-tables-{index}-list · div in ObjectPicker
- diff-unsupported · div
- permission-diff · div · Insight
PermissionInspector · features/access/components/PermissionInspector.tsx
- inspector-chain · section · Why does this principal have access?
- inspector-connection · select · Choose a saved connection…
- inspector-error · div
- inspector-findings · section · Findings
- inspector-load · button
- inspector-principal · input in Autocomplete · Pick a user or role
- inspector-principal-option-{value} · button in Autocomplete · Pick a user or role
- inspector-principal-toggle · button in Autocomplete · Pick a user or role
- inspector-schema · input
- inspector-summary · div
- inspector-summary-{p} · div
- inspector-table · table
- inspector-warnings · section · Warnings
- inspector-why-stack · tr
- inspector-why-toggle · button
- permission-inspector · div · Permission Inspector
PermissionMatrix · features/access/components/PermissionMatrix.tsx
- matrix-add-{kind} · button · Add
- matrix-add-section-{k} · button
- matrix-cell-{id}-{permission} · input
- matrix-col-{kind}-{permission} · button
- matrix-legend · div
- matrix-name-{id} · span
- matrix-name-{id}-option-{value} · button in Autocomplete
- matrix-name-{id}-toggle · button in Autocomplete
- matrix-remove-{id} · button · Remove this row
- matrix-row-all-{id} · button · All
- matrix-schema-{id} · span · Schema this object belongs to
- matrix-section-{kind} · div
- matrix-summary · div
- permission-matrix · div
UserManagement · features/access/components/UserManagement.tsx
- user-access-grants · div
- user-action-form · div
- user-add-role · button · Add role
- user-add-user · button
- user-allow-all-{name} · span
- user-alteration · div in Segmented
- user-alteration-{value} · button in Segmented
- user-cancel-action · button · Cancel
- user-cascade · input
- user-command-mode · div in CommandModeToggle
- user-command-mode-command · pre in CommandModeToggle
- user-command-mode-container · input in CommandModeToggle · Container name
- user-command-mode-copy · button in CommandModeToggle
- user-command-mode-error · p in CommandModeToggle
- user-command-mode-format · select in CommandModeToggle · Command format
- user-command-mode-format-error · p in CommandModeToggle
- user-command-mode-save · button in CommandModeToggle · Save .sh
- user-connection · select · Select a connection…
- user-copy · button
- user-copy-with-password · button · Copies SQL with a one-time generated password. Fox Schema does not store it.
- user-create-blocked · p
- user-create-mode · div in Segmented
- user-create-mode-{value} · button in Segmented
- user-create-mode-only · span
- user-db2-hint · div
- user-db2-run-mode · select · Db2 on a server — Ubuntu, Debian, RHEL (sudo) Db2 in a container (d…
- user-dialect-coach · div
- user-drop-safety · div
- user-drop-selected · button · Drop
- user-edit-selected · button · Edit
- user-error · div
- user-filter · input · Filter by name or role…
- user-generated-password · div
- user-generated-password-dismiss · button · Hide the password
- user-generated-password-value · code
- user-grant-databases · div in ObjectPicker
- user-grant-databases-filter · input in ObjectPicker · Search…
- user-grant-databases-item-{name} · input in ObjectPicker
- user-grant-databases-list · div in ObjectPicker
- user-grant-next · button · Grant access next
- user-grant-schemas · div in ObjectPicker
- user-grant-schemas-filter · input in ObjectPicker · Search…
- user-grant-schemas-item-{name} · input in ObjectPicker
- user-grant-schemas-list · div in ObjectPicker
- user-grant-selected · button · Open Permission Builder for the selected (or newly named) account
- user-host · input · %
- user-howto · div
- user-kind-filter · div in Segmented
- user-kind-filter-{value} · button in Segmented
- user-list · div
- user-list-commands · button · Generate commands to list OS logins and Db2 authorization IDs
- user-list-empty · td
- user-list-error · div
- user-management · div · SQL Preview
- user-member-of · div in ObjectPicker
- user-member-of-filter · input in ObjectPicker · Search…
- user-member-of-item-{name} · input in ObjectPicker
- user-member-of-list · div in ObjectPicker
- user-membership · div in ObjectPicker
- user-membership-filter · input in ObjectPicker · Search…
- user-membership-item-{name} · input in ObjectPicker
- user-membership-list · div in ObjectPicker
- user-name · input
- user-name-option-{value} · button in Autocomplete
- user-name-toggle · button in Autocomplete
- user-new-name · input
- user-os-password · input in PasswordInput · <password>
- user-os-password-generate · button · Generate
- user-os-password-reveal · button in PasswordInput · Hold to show password
- user-os-role · input in Autocomplete · ANALYSTS
- user-os-role-option-{value} · button in Autocomplete · ANALYSTS
- user-os-role-toggle · button in Autocomplete · ANALYSTS
- user-os-step-{i} · div
- user-password-hint · div
- user-refresh · button · Reload users and roles from the database
- user-risk · span
- user-row-{name} · tr · Click to select · Double-click to edit
- user-sql · div
- user-sql-password · input in PasswordInput
- user-sql-password-generate · button · Generate a 20-character random password
- user-sql-password-reveal · button in PasswordInput · Hold to show password
- user-sqlserver-hint · div
- user-type · div in Segmented
- user-type-{value} · button in Segmented
- user-unsupported · div
- user-valid-until · input
- user-warnings · div

admin

AdminAccessPanel · features/admin/components/AdminAccessPanel.tsx
- admin-access-close · button
- admin-access-denied · p
- admin-access-layers · p
- admin-access-panel · div · Access control
- admin-active-{id} · input
- admin-add-user · form
- admin-change-password-{id} · button · Change password
- admin-change-password-modal · div · Change password
- admin-confirm-password · input in PasswordInput
- admin-confirm-password-reveal · button in PasswordInput · Hold to show password
- admin-edit-role-{r} · button
- admin-issue-code-{id} · button
- admin-new-email · input · teammate@company.com
- admin-new-password · input in PasswordInput
- admin-new-password-reveal · button in PasswordInput · Hold to show password
- admin-new-role · select · Role
- admin-new-user-submit · button
- admin-password-cancel · button · Cancel
- admin-password-close · button
- admin-perm-{id} · input
- admin-perm-collapse-all · button · Collapse all
- admin-perm-count-{group} · span
- admin-perm-expand-all · button · Expand all
- admin-perm-group-{group} · button · /
- admin-policy · div
- admin-policy-{value} · button
- admin-policy-hint · span
- admin-policy-members-create · input
- admin-policy-owners-invite-new · input
- admin-roles-hint · p
- admin-save-password · button · Save password
- admin-save-role-perms · button · Save permissions
- admin-save-status · span
- admin-tab-git · button · Git
- admin-tab-roles · button · App roles
- admin-tab-sign-in · button · Sign-in
- admin-tab-users · button · App users
- admin-tab-users-roles · button · Users and Roles
- admin-tab-workspaces · button · Workspaces
- admin-transfer-admin-{id} · button · Hand the admin role to this account. You become an owner.
- admin-unsaved · span
- admin-user-expand-{id} · button
- admin-user-group-{role} · section
- admin-user-group-empty-{role} · p
- admin-user-groups · div
- admin-user-invited-{id} · span
- admin-user-perm-{id}-{id2} · li
- admin-user-perm-count-{id} · span
- admin-user-perms-{id} · div
- admin-user-role-{id} · select
- admin-user-row-{id} · li
- admin-users-roles-panel · div
- admin-users-status · p
AdminWorkspacesPanel · features/admin/components/AdminWorkspacesPanel.tsx
- admin-workspace-{id} · li
- admin-workspace-archive-{id} · button · Archive
- admin-workspace-join-{id} · button · Join
- admin-workspace-members-{id} · button · Members
- admin-workspace-open-{id} · button · Open
- admin-workspace-restore-{id} · button · Restore
- admin-workspaces · div
- admin-workspaces-error · p
- admin-workspaces-list · ul
- admin-workspaces-show-archived · input
IssuedCodeNotice · features/admin/components/IssuedCodeNotice.tsx
- admin-issued-code · div
- admin-issued-code-copy · button
- admin-issued-code-dismiss · button · Dismiss
- admin-issued-code-value · code
SignInSettingsPanel · features/admin/components/SignInSettingsPanel.tsx
- admin-sign-in-settings · div · Sign in with…
- sign-in-copy · button · Copy
- sign-in-demo · section · Demo mode
- sign-in-demo-hint · textarea · Demo login: demo@example.com / its password
- sign-in-demo-save · button · Save hint
- sign-in-demo-toggle · input
- sign-in-mail · section · Email for invites and password resets
- sign-in-mail-from · input · Fox <fox@example.com>
- sign-in-mail-host · input · smtp.example.com
- sign-in-mail-port · input · Port
- sign-in-mail-preset-{label} · button
- sign-in-mail-save · button · Save
- sign-in-mail-security · select · TLS (465) STARTTLS (587) None (local relay)
- sign-in-mail-test-send · button · Send test email
- sign-in-mail-test-to · input · Send a test to
- sign-in-mail-turn-off · button · Turn off
- sign-in-mail-username · input · Username
- sign-in-microsoft-tenant · input · common
- sign-in-provider-{id} · div
- sign-in-provider-client-id-{id} · input
- sign-in-provider-save-{id} · button · Save
- sign-in-provider-turn-off-{id} · button · Turn off
- sign-in-public-url · input · https://fox.example.com
- sign-in-public-url-save · button · Save
- sign-in-service · section · Google and GitHub through foxschema.com
- sign-in-service-admins · input
- sign-in-service-toggle · input

app

ActivityIndicator · app/shell/ActivityIndicator.tsx
- activity-indicator · div
- activity-list · div
- activity-toggle · button · running
ActivityRail · app/shell/ActivityRail.tsx
- {item.testId} · button · passed in by the parent
- credentials-btn · button · Credentials
- history-btn · button · Applies
- home-open-btn · button · Home
- view-settings-btn · button · Preferences
- workspace-switcher · nav · Main
BackendOfflineBanner · app/shell/BackendOfflineBanner.tsx
- backend-offline-banner · div
- backend-offline-retry · button · Retry now
CommandPalette · app/shell/CommandPalette.tsx
- command-palette · div
- command-palette-input · input · Go to a workspace, connection, or recent query…
- command-palette-item-{id} · button
DemoBanner · app/shell/DemoBanner.tsx
- demo-banner · div
DriverInventoryCard · app/shell/DriverInventoryCard.tsx
- {driverRowTestId(row.packageName)} · li · passed in by the parent
- {id}-detail · span · passed in by the parent
- {id}-state · span · passed in by the parent
- {testId} · button · passed in by the parent
- home-drivers · section · Drivers
- home-drivers-action-error · p
- home-drivers-check · button
- home-drivers-error · p
- home-drivers-loading · li
- home-drivers-queue · p
featureRegistry · app/features/featureRegistry.ts
- sync-pane-history-btn · data · Snapshots
- view-access-btn · data
- view-sql-editor-btn · data
- view-sync-btn · data
- view-utilities-btn · data · Utils
- view-workflow-btn · data
HomeView · app/shell/HomeView.tsx
- home-command-palette · button · Search workspaces and recents ⌘K
- home-connections · section · Connections by provider
- home-connections-count · span
- home-connections-count-{dialect} · span
- home-connections-group-{dialect} · button
- home-continue · section
- home-continue-snapshots · button · Snapshots Schema history Timeline, briefing, and compare pane
- home-continue-sql · button · Last query
- home-continue-sync · button · Last compare
- home-continue-utilities · button · Utilities Database tools Indexes, clone table, insights, and query …
- home-recent-{id} · button
- home-recents · section · Recent queries
- home-recents-empty · p
- home-view · div · Home
ProfileMenu · app/shell/ProfileMenu.tsx
- profile-access-control · button · App users & roles
- profile-create-account · button · Create your account
- profile-email · p
- profile-menu-dropdown · div
- profile-menu-trigger · button
- profile-preferences · button · Preferences
- profile-role · p
- profile-send-feedback · button · Send feedback
- profile-sign-out · button · Sign out
- profile-sign-out-others · button · Sign out other sessions
ServiceStatusCard · app/shell/ServiceStatusCard.tsx
- home-service-{id} · li
- home-service-{id}-detail · span
- home-service-{id}-state · span
- home-services · section · Services
- home-services-error · p
SettingsPanel · app/settings/SettingsPanel.tsx
- settings-accent-{id} · button
- settings-apply-preset-{id} · button · ·
- settings-close · button
- settings-font-{id} · button · Aa
- settings-menu · nav · Preferences
- settings-reset · button · Reset
- settings-tab-{id} · button
- settings-theme-mode-{id} · button
- settings-tone-{id} · button
- settings-view · div · Preferences
- settings-workspace · div
ToastHost · app/shell/ToastHost.tsx
- app-toast · div
- toast-action-btn · button
- toast-dismiss · button · Dismiss
- toast-host · div
TopToolbar · app/shell/TopToolbar.tsx
- command-palette-btn · button · Command palette (⌘K)
- toolbar · header
UpdatesSettings · app/settings/UpdatesSettings.tsx
- updates-apply-btn · button · Update now
- updates-check-btn · button · Check
- updates-copy-cmd-btn · button · Copy command

App.tsx

App · App.tsx
- dismiss-warnings-btn · button · Dismiss
- error-banner · div
- warning-banner · div

auth

AccountBanners · features/auth/components/AccountBanners.tsx
- account-register-banner · div
- account-register-close · button · Close
- account-register-dialog · div · Create your account
- account-register-dismiss · button · Hide until next time
- account-register-open · button · Create account
- account-verify-banner · form
- account-verify-code · input · Verification code
- account-verify-dismiss · button · Hide until next time
- account-verify-resend · button
- account-verify-status · span
- account-verify-submit · button · Verify
AuthPage · features/auth/components/AuthPage.tsx
- auth-demo-hint · div
- auth-forgot-link · button · Forgot password?
- auth-have-code · button · Have an invite or reset code?
- auth-login-email · input · your@email.com
- auth-login-form · form
- auth-login-submit · button · Sign in
- auth-setup-code · input · ABCD-EFGH
- auth-setup-email · input · your@email.com
- auth-setup-form · form
- auth-setup-submit · button · Create account
NewPasswordFields · features/auth/components/NewPasswordFields.tsx
- auth-news-opt-in · input
- caps-lock-hint · p
- password-rules · ul
OnboardingWizard · features/auth/components/OnboardingWizard.tsx
- onboarding-back · button · ← Back
- onboarding-databases · div
- onboarding-db-{opt} · button
- onboarding-goal-{id} · button
- onboarding-skip · button
PasswordRecovery · features/auth/components/PasswordRecovery.tsx
- auth-code · input · ABCD-EFGH-JKMN
- auth-code-back · button · Back to sign in
- auth-code-continue · button · Continue
- auth-code-form · form
- auth-forgot-back · button · Back to sign in
- auth-forgot-email · input · your@email.com
- auth-forgot-form · form
- auth-forgot-have-code · button · I have a code
- auth-forgot-send · button · Send reset code
- auth-forgot-sent · div
- auth-redeem-back · button · Back to sign in
- auth-redeem-email · input · Email
- auth-redeem-form · form
- auth-redeem-submit · button
- auth-sent-back · button · Back to sign in
- auth-sent-enter-code · button · I have a code
SignupWizard · features/auth/components/SignupWizard.tsx
- signup-wizard · div · Get product updates
- signup-wizard-email · input · your@email.com
- signup-wizard-error · div
- signup-wizard-skip · button
- signup-wizard-submit · button · Subscribe & continue
SsoButtons · features/auth/components/SsoButtons.tsx
- auth-sso-buttons-continue-{id} · button · Continue with

compare

BrowseBar · features/compare/components/BrowseBar.tsx
- browse-bar · div
- browse-connection-option-{id} · data
- browse-connection-select-backdrop · div in FilterPicker · Read this database's objects — search by name, host, database, user, or port
- browse-connection-select-clear · button in FilterPicker · Read this database's objects — search by name, host, database, user, or port
- browse-connection-select-filter · input in FilterPicker · Read this database's objects — search by name, host, database, user, or port
- browse-connection-select-group-{group} · div in FilterPicker · Read this database's objects — search by name, host, database, user, or port
- browse-connection-select-option-{id} · input in FilterPicker · Read this database's objects — search by name, host, database, user, or port
- browse-connection-select-trigger · button in FilterPicker · Read this database's objects — search by name, host, database, user, or port
- browse-reload-btn · button · Re-read this database
CompareToolbar · features/compare/components/CompareToolbar.tsx
- compare-btn · button
- lokee-snapshot-target-btn · button · Take an initial snapshot of the Target schema. Later migrates snapshot automatically.
- sync-pane-browse-btn · button · Read one database's schema on its own — no comparison.
- sync-pane-compare-btn · button · Compare
- sync-pane-switcher · div
- toolbar-clear · button · Clear
- toolbar-object-types-all · button · All
- toolbar-password-cancel · button · Cancel
- toolbar-password-connect · button · Connect
- toolbar-password-show · button
- toolbar-swap-direction · button · Swap Original Server and Target (reverse migration direction)
- toolbar-toggle-object-type-{type} · button
- toolbar-toggle-type-filter-{type} · button
ConnectionChips · features/compare/components/ConnectionChips.tsx
- connection-chip-{side} · div
- source-config-btn · button · Add or edit this connection's credentials
- source-connect-btn · button · Connect and load the schema list
- source-connected-btn · button · Reconnect and refresh schema list
- source-saved-select-backdrop · div in FilterPicker · Saved connections — search by name, host, database, user, or port
- source-saved-select-clear · button in FilterPicker · Saved connections — search by name, host, database, user, or port
- source-saved-select-filter · input in FilterPicker · Saved connections — search by name, host, database, user, or port
- source-saved-select-group-{group} · div in FilterPicker · Saved connections — search by name, host, database, user, or port
- source-saved-select-option-{id} · data
- source-saved-select-trigger · button in FilterPicker · Saved connections — search by name, host, database, user, or port
- target-config-btn · button · Add or edit this connection's credentials
- target-connect-btn · button · Connect and load the schema list
- target-connected-btn · button · Reconnect and refresh schema list
- target-saved-select-backdrop · div in FilterPicker · Saved connections — search by name, host, database, user, or port
- target-saved-select-clear · button in FilterPicker · Saved connections — search by name, host, database, user, or port
- target-saved-select-filter · input in FilterPicker · Saved connections — search by name, host, database, user, or port
- target-saved-select-group-{group} · div in FilterPicker · Saved connections — search by name, host, database, user, or port
- target-saved-select-option-{id} · data
- target-saved-select-trigger · button in FilterPicker · Saved connections — search by name, host, database, user, or port
CrossDialectReadinessDialog · features/compare/components/CrossDialectReadinessDialog.tsx
- migrate-cross-dialect-readiness-close · button · Close
DependencyWarningDialog · features/compare/components/DependencyWarningDialog.tsx
- migrate-dependency-{dependentType}-{dependentName} · button
- migrate-dependency-warning-close · button · Close
DeployConfirmDialog · features/compare/components/DeployConfirmDialog.tsx
- deploy-cancel-btn · button · Cancel
- deploy-confirm-btn · button · Execute
- deploy-confirm-dialog · div · Execute sync script?
- deploy-dont-ask-again · input
MigrationProgressPanel · features/compare/components/MigrationProgressPanel.tsx
- migration-clear-migration-progress · button
- migration-complete · h4
- migration-download-pre-migration · button · Download pre-migration schema snapshot
- migration-failed · h4
- migration-partial · h4
- migration-progress-item · div
- migration-progress-panel · div
- migration-running · h4
- migration-skip-retry-{objectName} · button · Skip & retry
- migration-switch-non-destructive · button · Switch to non-destructive
ObjectDetailPanel · features/compare/components/ObjectDetailPanel.tsx
- ack-destructive-drops · input
- ack-mysql-binlog-risk · input
- ack-narrowing-types · input
- browse-connection-card · dl
- execute-btn · button
- git-commit-btn · button
- migrate-copy-sql · button
- migrate-cross-dialect-migration · button · Cross-dialect migration — click for a per-object-type breakdown of what's translated vs. flagged for manual review
- migrate-ignore-case · input
- migrate-inline-diff · button
- migrate-review-conflicts · button · Review conflicts
- migrate-review-dependencies · button · Review conflicts
- migrate-show-unchanged-detail · input
- migrate-toggle-sync-selection · input
- migrate-view-details · button · view details
- migrate-view-notes · button · View notes
SchemaTreePanel · features/compare/components/SchemaTreePanel.tsx
- browse-type-{type} · button
- browse-type-filter · div
- continue-on-error-checkbox · input
- diff-briefing-open · button · Briefing
- non-destructive-checkbox · input
- schema-status-filter-{status} · button
- schema-tree · div
- schema-tree-empty · div
- sql-schema-tree-include-all · input
- sql-schema-tree-search · input · Search objects, columns, indexes...
- sql-schema-tree-type-all · button · All
ValidationWarningsDialog · features/compare/components/ValidationWarningsDialog.tsx
- migrate-validation-warnings-close · button · Close

connections

CloudProviderCredentialsSection · features/connections/components/CloudProviderCredentialsSection.tsx
- cloud-cred-add · button · Add cloud credential
- cloud-cred-cancel · button · Cancel
- cloud-cred-card-{id} · div
- cloud-cred-close-form · button
- cloud-cred-edit-{id} · button · Edit
- cloud-cred-field-{key} · textarea
- cloud-cred-form · div
- cloud-cred-name · input · Name (e.g. Prod AWS)
- cloud-cred-provider-select · select
- cloud-cred-remove-{id} · button · Remove
- cloud-cred-save · button · Save
- cloud-cred-status-{id} · button · Updated
- cloud-provider-credentials · div
ConnectionModal · features/connections/components/ConnectionModal.tsx
- conn-auth-method · select
- conn-cancel · button · Cancel
- conn-close · button · Close
- conn-database-browse · button · Pick a database file on the server
- conn-database-input · input
- conn-dialect-select · select
- conn-domain-input · input · CONTOSO
- conn-host-input · input · localhost
- conn-install-driver-package · button · Install the driver package on the server
- conn-ldap-hint · p
- conn-load-schema-btn · button · Connect and list available schemas
- conn-modal · div
- conn-modal-body · div
- conn-modal-card · div
- conn-name-input · input · e.g. Prod DB2
- conn-password-input · input in PasswordInput
- conn-password-input-reveal · button in PasswordInput · Hold to show password
- conn-port-input · input
- conn-save-btn · button
- conn-save-password · input
- conn-schema-input · input in Autocomplete
- conn-schema-input-option-{value} · button in Autocomplete
- conn-schema-input-toggle · button in Autocomplete
- conn-ssl-ca-input · textarea · Absolute path to .arm / .pem / .crt, or paste the PEM. Not a Java .jks.
- conn-ssl-enabled · input
- conn-test-{status} · div
- conn-username-input · input
CredentialManager · features/connections/components/CredentialManager.tsx
- cred-add-btn · button · Add Credential
- cred-clear-filters · button · Clear filters
- cred-close-btn · button · Close saved credentials
- cred-delete-{id} · button · Delete
- cred-dialect-filter · select · Filter by provider
- cred-edit-{id} · button · Edit
- cred-edit-credential-{id} · button · Edit credential
- cred-group-{dialect} · div
- cred-manager · div · Saved Credentials
- cred-search · input · Search name, host, database, user, port…
- cred-sort · select · Sort
- cred-tab-cloud · button · Cloud providers
- cred-tab-database · button · Database
DatabaseFilePicker · features/connections/components/DatabaseFilePicker.tsx
- file-picker · div · Select database file
- file-picker-cancel · button · Cancel
- file-picker-close · button
- file-picker-entry-{name} · button
- file-picker-error · div
- file-picker-home · button · Home
- file-picker-name · input · app.db — or paste a full path
- file-picker-refresh · button · Refresh
- file-picker-select · button
- file-picker-up · button · Parent directory

feedback

FeedbackDialog · features/feedback/components/FeedbackDialog.tsx
- feedback-cancel · button · Cancel
- feedback-close · button · Close
- feedback-description · textarea
- feedback-details · ul
- feedback-dialog · div · Send feedback
- feedback-include-details · input
- feedback-kind · div · Kind of feedback
- feedback-kind-{k} · button
- feedback-open-github · button · Open on GitHub
- feedback-secret-warning · p
- feedback-sent · p
- feedback-title · input · One line
- feedback-truncated · p

git

CommitMigrationDialog · features/git/components/CommitMigrationDialog.tsx
- git-commit-branch · select · New branch…
- git-commit-cancel · button · Cancel
- git-commit-close · button · Close
- git-commit-dialog · div · Commit migration to Git
- git-commit-new-branch · input · feature/orders-index
- git-commit-note · textarea · What this migration does and why
- git-commit-only · button · Commit
- git-commit-preview · pre
- git-commit-push · button · Commit & push
- git-commit-repo · select · Repository
GitBranchView · features/git/components/GitBranchView.tsx
- git-ahead-behind · span
- git-branch-view · div · Migrations in Git
- git-branch-view-branch · select · Branch
- git-branch-view-close · button · Close
- git-branch-view-fetch · button · Fetch
- git-branch-view-pull · button · Pull
- git-branch-view-push · button · Push
- git-branch-view-repo · select · Repository
- git-migration-{fileName} · li
- git-review · pre
- git-review-{fileName} · button · Review
- git-review-close · button · Close review
- git-run-{fileName} · button · Run
GitReposAdmin · features/git/components/GitReposAdmin.tsx
- admin-git-activity · ol
- admin-git-activity-{id} · button · Activity
- admin-git-add · button · Add repository
- admin-git-cancel · button · Cancel
- admin-git-edit-{id} · button · Edit
- admin-git-form · form · Who can see it
- admin-git-form-branch · input · Default branch
- admin-git-form-folder · input · migrations
- admin-git-form-name · input · DB migrations
- admin-git-form-url · input · https://github.com/acme/db-migrations.git
- admin-git-form-user · input · x-access-token
- admin-git-remove-{id} · button
- admin-git-repo-{id} · li
- admin-git-repos · div · Who can see it
- admin-git-require-commit · input
- admin-git-role-{role} · input
- admin-git-roles-{id} · span
- admin-git-save · button

lokee-weave

ForceMigrateModal · features/lokee-weave/components/ForceMigrateModal.tsx
- force-migrate-apply · button
- force-migrate-cancel · button · Cancel
- force-migrate-close · button · Close
- force-migrate-confirm-force · input
- force-migrate-confirm-lossy · input
- force-migrate-error · p
- force-migrate-modal · div · Force-migrate a version
- force-migrate-preview · button · Preview plan
- force-migrate-risk · span
- force-migrate-target · select · Choose a credential…
- force-migrate-version · select
GithubScriptDiff · features/lokee-weave/components/GithubScriptDiff.tsx
- lokee-inspector-script-diff · div
- lokee-script-maximize · button · Open script full screen
- lokee-script-modal · div
- lokee-script-modal-close · button · Close full screen script
HistoryCompareBar · features/lokee-weave/components/HistoryCompareBar.tsx
- lokee-capture-btn · button · Read the live schema and record it as a new version
- lokee-capture-connection · select · Live credential to snapshot into this history
- lokee-compare-versions-btn · button · Diff Original against Target
- lokee-database-select · select · History database
- lokee-history-compare-bar · div
- lokee-history-swap-btn · button · Swap Original and Target
- lokee-original-version · select · Baseline version (like Compare's Original Server)
- lokee-refresh-btn · button · Reload databases and graph
- lokee-target-version · select · Current live snapshot, or an older version
LokeeObjectInspector · features/lokee-weave/components/LokeeObjectInspector.tsx
- lokee-inspector-blueprint · div
- lokee-inspector-close · button · Close
- lokee-inspector-column-mutations · div
- lokee-inspector-growth · section · Roadmap · v …v ( of touched this )
- lokee-inspector-history · section · Change timeline
- lokee-inspector-source · section
- lokee-inspector-version-{versionNumber} · button · v cols
- lokee-object-inspector · aside · Roadmap · v …v ( of touched this )
- lokee-roadmap-gap-{id} · button · versions left it unchanged · v –v
- lokee-roadmap-toggle-all · button
LokeeWeavePage · features/lokee-weave/components/LokeeWeavePage.tsx
- lokee-minimap · MiniMap
- lokee-rf-author-{author} · input
- lokee-rf-capped · div
- lokee-rf-changes-only · input
- lokee-rf-clear-filters · button · Clear filters
- lokee-rf-date-from · input
- lokee-rf-date-to · input
- lokee-rf-empty · div
- lokee-rf-lock · button
- lokee-rf-show-deleted · input
- lokee-rf-status-{s} · button
- lokee-rf-tables-only-hint · div
- lokee-rf-type-{t} · input
- lokee-rf-version-{id} · input
- lokee-rf-version-list · div
- lokee-rf-wide-hint · div
- lokee-sidebar · aside
- lokee-sidebar-{id} · section
- lokee-sidebar-drag-{id} · div · Drag to reorder
- lokee-sidebar-resize · div · Resize filter sidebar
- lokee-summary · header
- lokee-version-close · button · Close
- lokee-version-description · textarea · Optional notes for this version
- lokee-version-editor · div
- lokee-version-name · input
- lokee-version-save · button
- lokee-weave-page · div
LokeeWeaveView · features/lokee-weave/components/LokeeWeaveView.tsx
- lokee-empty-capture · button
- lokee-empty-credential · select · Choose a database…
- lokee-force-migrate-btn · button · Apply a stored version to a database it was not captured from
- lokee-graph-toggle · button · Graph
- lokee-try-again · button · Try again
- lokee-weave-view · div
nodes · features/lokee-weave/components/nodes.tsx
- rf-kinds-{objectKey} · div
- rf-object-{versionId}-{objectKey} · div
- rf-version-{versionId} · div
- rf-version-applied-from-{versionId} · div
- rf-version-revert-{versionId} · div
VersionChangeChart · features/lokee-weave/components/VersionChangeChart.tsx
- lokee-briefing-added · div in Panel
- lokee-briefing-modified · div in Panel
- lokee-briefing-removed · div in Panel
- lokee-change-chart · div
- lokee-version-briefing · div
VersionCompareModal · features/lokee-weave/components/VersionCompareModal.tsx
- lokee-cmp-already-hint · span
- lokee-cmp-briefing · div in DiffBriefingChips · Object-level + / ~ / − — no extra query.
- lokee-cmp-confirm-lossy · input
- lokee-cmp-ddl · div
- lokee-cmp-ddl-diff · div
- lokee-cmp-detail · div
- lokee-cmp-export-report · button · Download a Markdown summary of these changes (no SQL)
- lokee-cmp-identical · p
- lokee-cmp-risk-chip · span
- lokee-cmp-run-revert · button
- lokee-cmp-select-all · button · Select all
- lokee-cmp-select-none · button · Clear
- lokee-cmp-summary · div
- lokee-cmp-tab-{id} · button in DetailTabs
- lokee-cmp-use-current-target · button · Put Target back on the current database so this revert can run
- lokee-version-compare · div · Compare versions
- lokee-version-compare-close · button · Close compare
VersionTimeline · features/lokee-weave/components/VersionTimeline.tsx
- lokee-summary · header
- lokee-timeline · div
- lokee-timeline-v-{number} · button · v

migrations

MigrationHistory · features/migrations/components/MigrationHistory.tsx
- applies-git-btn · button · Migrations in Git: fetch, pull, push, incoming
- applies-git-commit · span
- history-clear-all · button · Clear all records
- history-clear-all-cancel · button · Cancel
- history-clear-all-confirm · button · Clear all
- history-delete-record · button · Delete this record
- history-delete-selected · button · Delete selected records
- history-dialog · div · Migration History
- history-dialog-close-btn · button
- history-download-pre-migration · button · Download pre-migration snapshot
- history-refresh · button · Refresh
- history-run-item · div
- history-select-{id} · input · Select this record
- history-select-all · button

schema-diff

DetailTabs · features/schema-diff/components/DetailTabs.tsx
- {testIdPrefix}-tab-{id} · button · passed in by the parent
DiffBriefingChips · features/schema-diff/components/DiffBriefingChips.tsx
- {testId} · div · Object-level + / ~ / − — no extra query. · passed in by the parent
- lokee-change-ticks · span
DiffBriefingPanel · features/schema-diff/components/DiffBriefingPanel.tsx
- {testId} · button · passed in by the parent
- diff-briefing-added · button in BriefingStat
- diff-briefing-empty · p
- diff-briefing-modified · button in BriefingStat
- diff-briefing-panel · div · What changed
- diff-briefing-removed · button in BriefingStat
- diff-briefing-row-{tableName} · button
- diff-briefing-unchanged · button in BriefingStat
SchemaBlueprint · features/schema-diff/components/SchemaBlueprint.tsx
- blueprint-all-columns-selected · input
- blueprint-all-indexes-selected · input
- blueprint-all-members-selected · input
- blueprint-all-triggers-selected · input
- blueprint-attributes · div
- blueprint-column-check-{name} · input
- blueprint-columns · div
- blueprint-columns-all · label · Include/exclude every changed column in the deploy script
- blueprint-columns-whole-object · span
- blueprint-foreign-keys · div
- blueprint-include-member-in-{name} · input · Include this member in the deploy script
- blueprint-indexes · div
- blueprint-parameters · div · Parameters
- blueprint-primary-key · div
- blueprint-summary · div
- blueprint-toggle-index-{name} · input
- blueprint-trigger-check-{name} · input · Migrate this trigger
- blueprint-triggers · div
- blueprint-triggers-all · label · Include/exclude every changed trigger in the deploy script
- schema-blueprint · div · Parameters
SchemaDdlDiff · features/schema-diff/components/SchemaDdlDiff.tsx
- {testId} · table · passed in by the parent
SchemaDiffTree · features/schema-diff/components/SchemaDiffTree.tsx
- diff-item · div
- diff-tree-toggle-selection-{tableName} · input

shared

Autocomplete · shared/components/Autocomplete.tsx
- {testId} · input · passed in by the parent
- {testId}-option-{value} · button · passed in by the parent
- {testId}-toggle · button · passed in by the parent
CommandModeToggle · shared/components/CommandModeToggle.tsx
- {testId} · div · passed in by the parent
- {testId}-command · pre · passed in by the parent
- {testId}-container · input · Container name · passed in by the parent
- {testId}-copy · button · passed in by the parent
- {testId}-error · p · passed in by the parent
- {testId}-format · select · Command format · passed in by the parent
- {testId}-format-error · p · passed in by the parent
- {testId}-save · button · Save .sh · passed in by the parent
controls · shared/components/controls.tsx
- {testId} · div · passed in by the parent
- {testId}-{value} · button · passed in by the parent
DriverInstallHints · shared/components/DriverInstallHints.tsx
- driver-install-error · p
- driver-install-needs-admin · p
ErrorBoundary · shared/components/ErrorBoundary.tsx
- app-error-boundary-dismiss · button · Dismiss
FilterPicker · shared/components/FilterPicker.tsx
- {option.testId} · label · passed in by the parent
- {testId}-backdrop · div · passed in by the parent
- {testId}-clear · button · passed in by the parent
- {testId}-filter · input · passed in by the parent
- {testId}-group-{group} · div · passed in by the parent
- {testId}-option-{id} · input · passed in by the parent
- {testId}-trigger · button · passed in by the parent
PasswordInput · shared/components/PasswordInput.tsx
- {testId} · input · passed in by the parent
- {testId}-reveal · button · Hold to show password · passed in by the parent
- password-reveal · button · Hold to show password
surfaces · shared/components/surfaces.tsx
- {testId} · div · passed in by the parent

sql-editor

ConnectionChecklist · features/sql-editor/components/ConnectionChecklist.tsx
- sql-conn-check-{value} · input
- sql-dest-group-{n} · span
- sql-dest-option-{value} · data
- sql-destination-chips · div
- sql-destinations-backdrop · div in FilterPicker · Filter by name, host, database, user, port…
- sql-destinations-clear · button in FilterPicker · Filter by name, host, database, user, port…
- sql-destinations-filter · input in FilterPicker · Filter by name, host, database, user, port…
- sql-destinations-group-{group} · div in FilterPicker · Filter by name, host, database, user, port…
- sql-destinations-option-{id} · input in FilterPicker · Filter by name, host, database, user, port…
- sql-destinations-trigger · button in FilterPicker · Filter by name, host, database, user, port…
- sql-session-password · div · Password for “ ”
- sql-session-password-cancel · button · Cancel
- sql-session-password-input · input · ••••••••
- sql-session-password-submit · button · Use for session
- sql-share-destinations · input
- sql-share-destinations-chip · button · Shared
DataGrid · features/sql-editor/components/DataGrid.tsx
- grid-fk-link-{i}-{colIdx} · button
- sql-col-header · th
- sql-col-resize · span · Drag to resize column; double-click to fit/reset width
- sql-col-sort-{colIdx} · button
- sql-col-source-{colIdx} · span
- sql-col-sync-header · th · Include this row in Data migrate (destination grid)
- sql-data-grid · div
- sql-filter-op-{colIdx} · select · has = ≠ starts ends > ≥ < ≤ is null not null
- sql-filter-row · tr
- sql-filter-value-{colIdx} · input · filter…
- sql-grid-cancel · button · Cancel
- sql-grid-clear-view · button · Clear sort and filters
- sql-grid-context-menu · div
- sql-grid-copy-btn · button · Copy selected cells, or all rows (Cmd/Ctrl-C in the grid)
- sql-grid-copy-choose-cols · button · Choose columns…
- sql-grid-copy-col-{sourceColumns} · input
- sql-grid-copy-columns · div
- sql-grid-copy-columns-all · button · All (grid order)
- sql-grid-copy-columns-close · button · Close
- sql-grid-copy-columns-headers · button · With headers
- sql-grid-copy-columns-none · button · None
- sql-grid-copy-columns-values · button · Copy values
- sql-grid-copy-headers · button · Copy with headers
- sql-grid-copy-headers-only · button · Copy headers
- sql-grid-copy-menu · div
- sql-grid-copy-menu-btn · button · Copy options
- sql-grid-copy-scope · span
- sql-grid-copy-values · button · Copy values
- sql-grid-ctx-choose-cols · button · Choose columns…
- sql-grid-ctx-copy-cell · button · Copy cell
- sql-grid-ctx-copy-column · button · Copy column
- sql-grid-ctx-copy-column-headers · button · Copy column with header
- sql-grid-ctx-copy-header · button · Copy header
- sql-grid-ctx-copy-headers · button
- sql-grid-ctx-copy-headers-only · button
- sql-grid-ctx-copy-values · button
- sql-grid-ctx-open-row · button · Open row
- sql-grid-error · div
- sql-grid-export-btn · button · Export CSV
- sql-grid-export-csv · button · Export CSV
- sql-grid-export-json · button · Export JSON
- sql-grid-export-menu · div
- sql-grid-export-menu-btn · button · Export options
- sql-grid-export-text · button · Export text (aligned)
- sql-grid-export-yaml · button · Export YAML
- sql-grid-filter-toggle · button · Filter and sort the rows on this page
- sql-grid-save-cell-as · button · Save cell as variable…
- sql-grid-save-column-as · button · Save column as list…
- sql-grid-save-name · input · variable_name
- sql-grid-save-result-as · button · Save result as table…
- sql-grid-save-result-as-mode · button · Save result as table…
- sql-grid-view-scope · span
- sql-page-next · button
- sql-page-prev · button · Prev
- sql-pane-refresh · button · Refresh this server
- sql-row-{i} · tr
- sql-row-num · td
- sql-row-selected-{i} · tr
- sql-row-sync-check-{i} · input · Include in migrate
- sql-variable-save-confirm · button · Save
- sql-variable-save-dialog · div
DataMigrateBar · features/sql-editor/components/DataMigrateBar.tsx
- sql-data-migrate-apply-{statementIndex} · button
- sql-data-migrate-backup-{statementIndex} · input
- sql-data-migrate-bar-{statementIndex} · div · Preview migrate SQL
- sql-data-migrate-chip-add-{statementIndex} · span
- sql-data-migrate-chip-delete-{statementIndex} · span
- sql-data-migrate-chip-edit-{statementIndex} · span
- sql-data-migrate-continue-{statementIndex} · input
- sql-data-migrate-delete-{statementIndex} · input
- sql-data-migrate-failures-{statementIndex} · div
- sql-data-migrate-history-{statementIndex} · button · History
- sql-data-migrate-history-close · button
- sql-data-migrate-history-modal · div
- sql-data-migrate-history-restore · button · Restore from this backup
- sql-data-migrate-history-run-{id} · button
- sql-data-migrate-identity-{statementIndex} · input
- sql-data-migrate-insert-{statementIndex} · input
- sql-data-migrate-key-{col}-{statementIndex} · input
- sql-data-migrate-preview-{statementIndex} · button · Preview the INSERT / UPDATE / DELETE SQL before applying
- sql-data-migrate-preview-close · button · Close
- sql-data-migrate-preview-modal · div · Preview migrate SQL
- sql-data-migrate-progress · div
- sql-data-migrate-progress-close · button
- sql-data-migrate-restore-{statementIndex} · button · Reverse successful ops from the last Backup snapshot
- sql-data-migrate-route-{statementIndex} · span
- sql-data-migrate-safe-cancel · button · Cancel
- sql-data-migrate-safe-chip-{statementIndex} · span · SQL Editor Safe mode is on — Apply will ask for confirmation
- sql-data-migrate-safe-confirm · div · Safe mode is on
- sql-data-migrate-safe-confirm-apply · button · Apply ops
- sql-data-migrate-sync-all-{statementIndex} · button · Re-check Sync for rows matching the enabled Add / Edit / Delete ops
- sql-data-migrate-tx-{statementIndex} · input
- sql-data-migrate-unresolved-{statementIndex} · p
- sql-data-migrate-update-{statementIndex} · input
DataPeekPanel · features/sql-editor/components/DataPeekPanel.tsx
- data-peek · div
- data-peek-{action}-{id} · data
- data-peek-apply-{id} · button · Apply
- data-peek-base-filter-{id} · div
- data-peek-base-filter-clear-{id} · button · Clear key filter and fetch all rows
- data-peek-body-{id} · div
- data-peek-clear-key-{id} · button · Clear key filter and fetch all rows
- data-peek-close · button · Close data peek
- data-peek-close-panel-{id} · button · Close this panel
- data-peek-crumb-close-{id} · button · Close panel
- data-peek-drag-{id} · button · Drag to rearrange panels
- data-peek-filters-{id} · div
- data-peek-grid-{id} · div
- data-peek-limit-{id} · input
- data-peek-order-{id} · input · created_at
- data-peek-order-{id}-{index} · input · created_at
- data-peek-order-add-{id} · button · Add sort
- data-peek-order-clear-{id} · button · Remove this sort
- data-peek-order-clear-{id}-{index} · button · Remove this sort
- data-peek-order-dir-{id} · select · — ASC DESC
- data-peek-order-dir-{id}-{index} · select · — ASC DESC
- data-peek-refby-{table}-{fkKey} · button
- data-peek-referenced-by-{id} · div
- data-peek-resize-{entryId} · div · Resize data peek panel
- data-peek-scroll · div
- data-peek-tab-insight-{id} · button · Insight
- data-peek-tab-rows-{id} · button · Rows
- data-peek-tabs-{id} · div
- data-peek-where-{id} · input
- data-peek-where-{id}-{index} · input
- data-peek-where-add-{id} · button · Add condition
- data-peek-where-clear-{id} · button
- data-peek-where-clear-{id}-{index} · button
EditorTabBar · features/sql-editor/components/EditorTabBar.tsx
- sql-editor-tabs · div
- sql-tab-add · button · New tab
- sql-tab-close-{id} · button
- sql-tab-rename · input
- sql-tab-rename-btn-{id} · button · Rename query
FileImportsPanel · features/sql-editor/components/FileImportsPanel.tsx
- file-import-{id} · div
- file-import-csv-json · button · Import CSV, JSON, or fixed-width text
- file-import-delete-{id} · button · Remove this import
- file-import-use-{id}-{tableName} · button
- file-import-when-{id} · span
- file-imports-clear-all · button · Clear all file imports
- file-imports-import · button · Import files
- file-imports-panel · div
- file-imports-refresh · button · Refresh
- file-imports-table-head · div
MissingDriverBanner · features/sql-editor/components/MissingDriverBanner.tsx
- {testId} · button · Install the driver package on the server · passed in by the parent
- {testId}-banner · div · passed in by the parent
PeekDatePicker · features/sql-editor/components/PeekDatePicker.tsx
- peek-date-day-{y}-{m}-{day} · button
- peek-date-today · button · ›
- peek-date-view-toggle · button · ‹
- peek-row-datepicker-{fieldName} · button
- peek-row-datepicker-pop-{fieldName} · div
- peek-row-datetime-native-{fieldName} · input
- peek-row-field-{fieldName} · input
- peek-row-time-{fieldName} · input
PeekInsight · features/sql-editor/components/PeekInsight.tsx
- data-peek-insight · div
- data-peek-insight-card-distinct · div in Panel
- data-peek-insight-card-nulls · div in Panel
- data-peek-insight-card-orphans · div in Panel
- data-peek-insight-card-rows · div in Panel
- data-peek-insight-card-size · div in Panel
- data-peek-insight-cards · div
- data-peek-insight-check-orphans · button
- data-peek-insight-col-{name} · tr
- data-peek-insight-columns · table
- data-peek-insight-error · p
- data-peek-insight-fk-{key} · div in Panel
- data-peek-insight-fks · div
- data-peek-insight-orphan-error · p
- data-peek-insight-peek-orphans-{key} · button · Peek orphans
- data-peek-insight-rows · p
PeekRowEditor · features/sql-editor/components/PeekRowEditor.tsx
- peek-row-cancel · button · Cancel
- peek-row-close · button · Close
- peek-row-col-{name} · input
- peek-row-column-picker · div
- peek-row-discard · button · Discard
- peek-row-editor · div
- peek-row-error-{name} · span
- peek-row-error-summary · span
- peek-row-field-{name} · input
- peek-row-field-wrap-{name} · label
- peek-row-generate-{id}-{name} · button
- peek-row-generate-{name} · button · Generate sample value (faker)
- peek-row-generate-all · button · Fill fields with faker sample data
- peek-row-generate-menu-{name} · div
- peek-row-generate-suggested-{name} · button · Suggested ( )
- peek-row-preview · div
- peek-row-preview-error · p
- peek-row-preview-sql · pre
- peek-row-save · button · Save
- peek-row-select-all-cols · button · All
- peek-row-select-none-cols · button · None
- peek-row-submit · button · Preview
ResultChart · features/sql-editor/components/ResultChart.tsx
- {testId} · div · passed in by the parent
- {testId}-bar-{i} · rect · passed in by the parent
ResultsPanel · features/sql-editor/components/ResultsPanel.tsx
- sql-cred-refresh · button · Refresh this server
- sql-install-driver-{connectionId} · button in MissingDriverBanner · Install the driver package on the server
- sql-install-driver-{connectionId}-banner · div in MissingDriverBanner
- sql-pane-install-driver-{connectionId} · button in MissingDriverBanner · Install the driver package on the server
- sql-pane-install-driver-{connectionId}-banner · div in MissingDriverBanner
- sql-pane-resize · div · Drag to resize this table
- sql-pane-retry-{connectionId} · button · Retry this server
- sql-result-{statementIndex}-{action} · data
- sql-result-{statementIndex}-collapsed · span
- sql-result-{statementIndex}-readonly · span
- sql-result-chart-{statementIndex} · div in ResultChart
- sql-result-chart-{statementIndex}-bar-{i} · rect in ResultChart
- sql-result-chart-toggle-{statementIndex} · input
- sql-result-close-{statementIndex} · button · Close (Esc)
- sql-result-compare-baseline-{statementIndex} · select
- sql-result-compare-close-{statementIndex} · button · Close (Esc)
- sql-result-compare-dest-{statementIndex} · select
- sql-result-compare-diff-next-{statementIndex} · button · Difference ›
- sql-result-compare-diff-prev-{statementIndex} · button · ‹ Difference
- sql-result-compare-export-csv-{statementIndex} · button · Export all compare grids as one CSV (columns prefixed by Source / Target)
- sql-result-compare-export-csv-modal-{statementIndex} · button · Export all compare grids as one CSV
- sql-result-compare-filter-{f}-{statementIndex} · button
- sql-result-compare-hint-{statementIndex} · p
- sql-result-compare-legend-{statementIndex} · span
- sql-result-compare-maximize-{statementIndex} · button · Maximize compare
- sql-result-compare-maximized-hint-{statementIndex} · p
- sql-result-compare-modal-{statementIndex} · div
- sql-result-compare-page-label-{statementIndex} · span
- sql-result-compare-page-next-{statementIndex} · button · Next
- sql-result-compare-page-prev-{statementIndex} · button · Prev
- sql-result-compare-page-size-{statementIndex} · select · Rows per compare page
- sql-result-compare-skip-trigger-{statementIndex} · input
- sql-result-compare-sync-scroll-{statementIndex} · input
- sql-result-compare-sync-scroll-modal-{statementIndex} · input
- sql-result-compare-toggle-{statementIndex} · input
- sql-result-compare-toolbar-{statementIndex} · div
- sql-result-compare-view-{statementIndex} · div
- sql-result-compare-window-clear-{statementIndex} · button · Back to loaded rows
- sql-result-compare-window-error-{statementIndex} · span
- sql-result-compare-window-run-{statementIndex} · button · Compare rows
- sql-result-compare-window-summary-{statementIndex} · span
- sql-result-cred-{connectionId} · section
- sql-result-cred-close-{connectionId} · button · Close maximized results
- sql-result-cred-maximize-{connectionId} · button · Maximize results
- sql-result-cred-maximized-hint-{connectionId} · p
- sql-result-cred-modal-{connectionId} · div
- sql-result-error · div
- sql-result-maximize-{statementIndex} · button · Maximize results
- sql-result-maximized-hint-{statementIndex} · p
- sql-result-modal-{statementIndex} · div
- sql-result-pane-row · div
- sql-result-pane-row-wrap · div
- sql-result-pane-stack · div
- sql-result-row-height-resize · div · Resize result row height
- sql-result-stack-height-resize · div · Drag to resize this result height
- sql-result-stack-item-{i} · div
- sql-result-stmt-{outTestId} · section
- sql-results-by-credential · div
- sql-results-fk-hint · p
- sql-results-peek-instruction · p
- sql-results-running · div
- sql-results-side-by-side · div
- sql-results-warnings · div
- sql-run-error · div
SelectColumnPicker · features/sql-editor/components/SelectColumnPicker.tsx
- sql-select-all-star · button · SELECT *
- sql-select-close · button · Close
- sql-select-col-{key} · input
- sql-select-column-picker · div
- sql-select-remove-all · button · Clear SELECT list
SqlBookmarksPanel · features/sql-editor/components/SqlBookmarksPanel.tsx
- sql-bookmark-delete-{id} · button · Delete bookmark
- sql-bookmark-install-samples · button · Install built-in JS/TS/Node code-cell examples you can open later
- sql-bookmark-open-{id} · button
- sql-bookmark-rename-{id} · button · Rename bookmark
- sql-bookmark-rename-input-{id} · input
- sql-bookmark-toggle-samples · button
- sql-bookmarks · div
- sql-bookmarks-tab · button · Bookmarks
- sql-recent-clear · button · Clear recent
- sql-recent-list · div
- sql-recent-open-{id} · button
- sql-recent-tab · button · Recent
- sql-workspace-script-delete-{id} · button · Delete workspace script
- sql-workspace-script-error · p
- sql-workspace-script-open-{id} · button
- sql-workspace-script-save · button · Save the current query for everyone in this workspace
- sql-workspace-scripts-tab · button · Workspace
SqlEditorView · features/sql-editor/components/SqlEditorView.tsx
- sql-bookmark-save · button · Save current query as a bookmark (uses the tab title)
- sql-bookmark-save-toolbar · button · Bookmark this query (uses the tab title)
- sql-clear-results · button · Clear results
- sql-editor-loading · div
- sql-editor-resize · div · Resize editor and results
- sql-editor-view · div
- sql-format-btn · button · Pretty-print SQL (sql-formatter) and JS/TS/Node cells (Prettier)
- sql-format-note · span
- sql-layout-by-credential · button · By credential — statements stacked vertically
- sql-layout-side-by-side · button · Side by side (per statement) — compare cell values across servers
- sql-max-rows · input
- sql-multi-table-threshold · input
- sql-one-transaction · input
- sql-refresh-btn · button · Refresh
- sql-run-btn · button
- sql-runs-drawer-btn · button · Recent runs
- sql-safe-mode · input
- sql-schema-new-table · button · Create table — opens blueprint to add columns
- sql-secrets-refresh · button · Re-fetch cloud secrets into Variables
- sql-sidebar · aside
- sql-sidebar-{id} · div
- sql-sidebar-collapse · button · Hide sidebar
- sql-sidebar-collapsed · aside
- sql-sidebar-expand · button · Show sidebar
- sql-sidebar-resize · div · Resize sidebar
- sql-sidebar-toggle-{id} · button
SqlRunsDrawer · features/sql-editor/components/SqlRunsDrawer.tsx
- sql-runs-clear · button · Clear recent
- sql-runs-close · button · Close runs
- sql-runs-drawer · aside · Recent runs
- sql-runs-empty · p
- sql-runs-list · ul
- sql-runs-open-{id} · button
SqlSchemaExplorer · features/sql-editor/components/SqlSchemaExplorer.tsx
- sql-explorer-col-insert-{name}-{name2} · button
- sql-explorer-col-select-{name}-{name2} · button · Sel
- sql-explorer-columns-toggle-{name} · button · Columns ( )
- sql-explorer-from-{name} · button · From
- sql-explorer-object-{name} · button
- sql-explorer-param-insert-{name}-{name2} · button
- sql-explorer-store-type-{name} · span
- sql-explorer-table-stats-{name} · span
- sql-explorer-toggle-{name} · button
- sql-new-table · button · Create new table (opens table blueprint)
- sql-new-table-empty · button · Create table
- sql-open-blueprint · button · Open table blueprint — add/edit columns
- sql-open-object-source · button
- sql-open-object-source-btn · button · Open source script in the editor (view only)
- sql-reload-schema · button · Reload schema
- sql-schema-connection-backdrop · div in FilterPicker · Sets Destinations to this connection. Check more destinations to run the same SQL on several.
- sql-schema-connection-clear · button in FilterPicker · Sets Destinations to this connection. Check more destinations to run the same SQL on several.
- sql-schema-connection-filter · input in FilterPicker · Sets Destinations to this connection. Check more destinations to run the same SQL on several.
- sql-schema-connection-group-{group} · div in FilterPicker · Sets Destinations to this connection. Check more destinations to run the same SQL on several.
- sql-schema-connection-option-{id} · input in FilterPicker · Sets Destinations to this connection. Check more destinations to run the same SQL on several.
- sql-schema-connection-trigger · button in FilterPicker · Sets Destinations to this connection. Check more destinations to run the same SQL on several.
- sql-schema-empty · div
- sql-schema-explorer · div
- sql-schema-group-{type} · div
- sql-schema-group-toggle-{type} · button · ( )
- sql-schema-missing · p
SqlSecretsPanel · features/sql-editor/components/SqlSecretsPanel.tsx
- sql-secret-{name} · li
- sql-secret-add · button · Add secret
- sql-secret-cancel · button · Cancel
- sql-secret-cloud-id · input
- sql-secret-delete-secret-{id} · button · Delete secret
- sql-secret-fetch · button
- sql-secret-mode · select · Fetch from cloud Manual (enter secret key)
- sql-secret-name · input · variable name (e.g. apiToken)
- sql-secret-provider · select
- sql-secret-region · input · region (optional)
- sql-secret-save · button · Add
- sql-secret-value · input · secret value (won’t be shown again)
- sql-secret-vault-url · input · https://….vault.azure.net
- sql-secret-version · input · version (optional)
- sql-secrets · div
- sql-secrets-error · p
SqlSidebarSection · features/sql-editor/components/SqlSidebarSection.tsx
- sql-sidebar-{id} · div
- sql-sidebar-drag-{id} · div · Drag to reorder section
- sql-sidebar-resize-{id} · div · Drag to resize section
- sql-sidebar-toggle-{id} · button
SqlVariablesPanel · features/sql-editor/components/SqlVariablesPanel.tsx
- sql-variable-{name} · li
- sql-variable-add · button · Add variable
- sql-variable-add-confirm · button · Save
- sql-variable-cancel · button · Cancel
- sql-variable-clear-override-{id} · button · Clear override
- sql-variable-delete-{name} · button · Delete variable
- sql-variable-export · button · Export variables as JSON
- sql-variable-import · button · Import variables from JSON
- sql-variable-import-file · input
- sql-variable-input-{id} · input
- sql-variable-name-input · input · name
- sql-variable-overrides-{name} · button · …
- sql-variable-preview-table-{name} · button · Preview table
- sql-variable-secret-{name} · input
- sql-variable-secret-input · input
- sql-variable-value-{name} · button · Edit value
- sql-variable-value-edit-{name} · input
- sql-variable-value-input · input · value
- sql-variables · div
StatementRunGutter · features/sql-editor/components/StatementRunGutter.tsx
- sql-statement-copy-{i} · button
- sql-statement-gutter · div · Statement run checks
- sql-statement-include-{i} · input
- sql-statement-label-{i} · button
- sql-statement-run-{i} · button
TableBlueprintModal · features/sql-editor/components/TableBlueprintModal.tsx
- {testId} · div · passed in by the parent
- {testId}-toggle · button · passed in by the parent
- blueprint-add-column · button · Add column
- blueprint-add-fk · button · Add foreign key
- blueprint-add-index · button · Add index
- blueprint-add-trigger · button · Create trigger
- blueprint-ai-{name} · input
- blueprint-apply · button · Apply
- blueprint-auto-increment · div
- blueprint-bool-default · select
- blueprint-close · button · Close
- blueprint-column-cancel · button · Cancel
- blueprint-column-default · input · —
- blueprint-column-drop-{name} · button · Drop column
- blueprint-column-edit-{name} · button · Edit column
- blueprint-column-form · div
- blueprint-column-identity · input
- blueprint-column-identity-generation · select
- blueprint-column-name · input
- blueprint-column-nullable · input
- blueprint-column-save · button · Save
- blueprint-column-undo-drop-{name} · button · Undo drop
- blueprint-drop-table · button · Drop table
- blueprint-error · p
- blueprint-fk-cancel · button · Cancel
- blueprint-fk-column-{name} · input
- blueprint-fk-column-down-{name} · button · Move down
- blueprint-fk-column-up-{name} · button · Move up
- blueprint-fk-drop-{name} · button · Drop foreign key
- blueprint-fk-form · div
- blueprint-fk-name · input
- blueprint-fk-on-delete · select
- blueprint-fk-on-update · select
- blueprint-fk-ref-column-{name} · input
- blueprint-fk-ref-column-down-{name} · button · Move down
- blueprint-fk-ref-column-up-{name} · button · Move up
- blueprint-fk-ref-table · input in Autocomplete · Type table name…
- blueprint-fk-ref-table-option-{value} · button in Autocomplete · Type table name…
- blueprint-fk-ref-table-toggle · button in Autocomplete · Type table name…
- blueprint-fk-save · button · Add FK
- blueprint-fk-undo-drop-{n} · button · Undo
- blueprint-footer-close · button · Close
- blueprint-frag-custom · div
- blueprint-frag-custom-show · button
- blueprint-frag-custom-sql · textarea
- blueprint-frag-legend · p
- blueprint-frag-run-custom · button · Run custom probe
- blueprint-index-cancel · button · Cancel
- blueprint-index-cols-{name} · div in IndexColumnsLine
- blueprint-index-cols-{name}-toggle · button in IndexColumnsLine
- blueprint-index-column-{name} · button
- blueprint-index-column-earlier-{name} · button · Move earlier
- blueprint-index-column-later-{name} · button · Move later
- blueprint-index-column-order-{name} · button
- blueprint-index-confirm-no-filter · input
- blueprint-index-defrag-{name} · button · Defrag
- blueprint-index-drop-{name} · button · Drop index
- blueprint-index-edit-{name} · button · Edit index
- blueprint-index-form · div
- blueprint-index-frag-{name} · div
- blueprint-index-name · input
- blueprint-index-row-{name} · li
- blueprint-index-save · button
- blueprint-index-undo-drop-{n} · button · Undo
- blueprint-index-unique · input
- blueprint-index-where · input · e.g. status = 'active' AND deleted_at IS NULL
- blueprint-insert-sql · button · Insert SQL
- blueprint-pending-fk-remove-{name} · button · Remove
- blueprint-pending-index-cols-{i} · div in IndexColumnsLine
- blueprint-pending-index-cols-{i}-toggle · button in IndexColumnsLine
- blueprint-pending-index-edit-{name} · button · Edit
- blueprint-pending-index-remove-{name} · button · Remove
- blueprint-pending-trigger-remove-{name} · button
- blueprint-pk-column-{name} · input
- blueprint-pk-column-down-{name} · button · Move down in key
- blueprint-pk-column-up-{name} · button · Move up in key
- blueprint-refresh-frag · button · Refresh index fragmentation
- blueprint-table-name · input · new_table_name
- blueprint-trigger-cancel · button · Cancel
- blueprint-trigger-definition · textarea
- blueprint-trigger-drop-{name} · button · Drop trigger
- blueprint-trigger-event · select
- blueprint-trigger-expand-{name} · button
- blueprint-trigger-form · div
- blueprint-trigger-name · input
- blueprint-trigger-save · button · Add trigger
- blueprint-trigger-timing · select
- blueprint-trigger-undo-drop-{n} · button · Undo
- blueprint-type-custom · input · custom type
- blueprint-type-length · input · e.g. 255
- blueprint-type-precision · input · 10
- blueprint-type-scale · input · 2
- blueprint-type-select · select · Custom…
- blueprint-unique · input
- table-blueprint-indexes · section · Indexes ( )
- table-blueprint-modal · div · Columns ( )
usePeekGridCrud · features/sql-editor/components/usePeekGridCrud.tsx
- {testId('add')} · button · Add row · passed in by the parent
- {testId('clone')} · button · Clone selected row · passed in by the parent
- {testId('crud')} · div · passed in by the parent
- {testId('delete')} · button · Delete selected row · passed in by the parent
- {testId('edit')} · button · Edit selected row · passed in by the parent
- {testId('write-error')} · div · passed in by the parent
WriteConfirmDialog · features/sql-editor/components/WriteConfirmDialog.tsx
- sql-readonly-write-warn · div
- sql-safe-dml-warn · div
- sql-safe-multi-table-warn · div
- sql-safe-no-where-ack · label
- sql-safe-no-where-ack-check · input
- sql-safe-no-where-warn · div
- sql-write-confirm · div
- sql-write-confirm-btn · button · Run anyway
- sql-write-confirm-cancel · button · Cancel

utilities

BackupRestorePanel · features/utilities/components/BackupRestorePanel.tsx
- {testId} · section · passed in by the parent
- {testId}-copy · button · passed in by the parent
- {testId}-open-sql · button · Open in SQL Editor · passed in by the parent
- {testId}-text · pre · passed in by the parent
- backup-command · section in CommandBlock · Backup
- backup-command-copy · button in CommandBlock · Backup
- backup-command-open-sql · button in CommandBlock · Open in SQL Editor
- backup-command-text · pre in CommandBlock · Backup
- backup-compress · input
- backup-error · p
- backup-file-name · input
- backup-folder · input
- backup-format · div in Segmented
- backup-format-{value} · button in Segmented
- backup-limit-schema · input
- backup-no-connection · div in EmptyState · Choose a connection
- backup-notes · ul
- backup-panel · div
- backup-reset · button
- backup-runs-on · div
- backup-save-default · button · Save as my default for
- backup-save-status · span
- backup-scope · div in Segmented
- backup-scope-{value} · button in Segmented
- backup-tables · textarea · orders, customers
- backup-unsupported · div in EmptyState · No backup commands
- restore-command · section in CommandBlock
- restore-command-copy · button in CommandBlock
- restore-command-open-sql · button in CommandBlock · Open in SQL Editor
- restore-command-text · pre in CommandBlock
BackupServerActions · features/utilities/components/BackupServerActions.tsx
- backup-history · ul
- backup-history-clear-pick · button · Restore the newest instead
- backup-history-empty · p
- backup-history-error · p
- backup-history-load · button
- backup-history-pick-{i} · button
- backup-history-row-{i} · li
- backup-run · button · Run backup now
- backup-run-cancel · button · Cancel
- backup-run-confirm · button · Run it
- backup-run-confirm-box · div
- backup-run-error · p
- backup-run-status · span
- backup-server-actions · section
CloneTableModal · features/utilities/components/CloneTableModal.tsx
- clone-apply · button · Apply clone
- clone-archive-preview · p
- clone-close · button · Close
- clone-error · p
- clone-inbound-warning · p
- clone-insert-sql · button · Insert SQL
- clone-keep-fks · input
- clone-keep-indexes · input
- clone-password-draft · input
- clone-plan-error · p
- clone-sql-preview · pre
- clone-status · p
- clone-suffix-auto · input
- clone-suffix-fixed · input
- clone-suffix-number · input
- clone-table-close · button · Close
- clone-table-connection · select
- clone-table-load · button · Load tables
- clone-table-modal · div
- clone-table-name · input in Autocomplete
- clone-table-name-option-{value} · button in Autocomplete
- clone-table-name-toggle · button in Autocomplete
- clone-unlock · button · Unlock
ColumnChangePanel · features/utilities/components/ColumnChangePanel.tsx
- {testId} · button · passed in by the parent
- column-change-batch · input
- column-change-column · select · Pick a column
- column-change-confirm-{id} · button · Confirm run
- column-change-confirm-{id}-cancel · button · Cancel
- column-change-confirm-all · button · Confirm execute all
- column-change-confirm-all-cancel · button · Cancel
- column-change-confirm-lossy · input
- column-change-conversion · div
- column-change-copy-all · button in CopyButton
- column-change-hint · p
- column-change-impact · section · What it touches
- column-change-large-table · input
- column-change-load-error · p
- column-change-new-name · input
- column-change-new-type · input
- column-change-open-editor · button · Open in editor
- column-change-panel · div · What it touches
- column-change-part-{id} · section
- column-change-part-{id}-copy · button in CopyButton
- column-change-password · input
- column-change-progress · p
- column-change-refused · p
- column-change-run-{id} · button
- column-change-run-all · button
- column-change-run-error · p
- column-change-run-status · p
- column-change-step-{value} · article
- column-change-step-{value}-copy · button in CopyButton
- column-change-steps · section · ( )
- column-change-table · select
- column-change-unlock · button · Unlock
- column-change-warnings · ul
ColumnReferences · features/utilities/components/ColumnReferences.tsx
- column-change-references · section · Where is named — in
- column-refs-{toLowerCase}-{name} · article
- column-refs-{toLowerCase}-{name}-after-{line} · span
- column-refs-{toLowerCase}-{name}-definition · pre
- column-refs-{toLowerCase}-{name}-lines · ul
- column-refs-{toLowerCase}-{name}-more · li
- column-refs-{toLowerCase}-{name}-toggle · button
DatabaseAccessModal · features/utilities/components/DatabaseAccessModal.tsx
- db-access-all-form · div
- db-access-all-note · p
- db-access-all-target · select
- db-access-allow-all-{name} · span
- db-access-allow-all-banner · p
- db-access-cancel-confirm · button · Cancel
- db-access-confirm · div
- db-access-confirm-run · button · Run
- db-access-confirm-type · input
- db-access-connection · select · — Select credential —
- db-access-db-users-close · button · Close
- db-access-embedded · div
- db-access-error · p
- db-access-filter · input · Filter users or groups
- db-access-grant · button · Grant all
- db-access-grant-form · div
- db-access-grant-kind · select · Object / schema privileges Membership of a role
- db-access-grant-name · input · role name
- db-access-grant-role · select · Other… (type a name)
- db-access-grant-sql · pre
- db-access-grant-with-option · input
- db-access-grantable · span · May pass this privilege on to others (WITH GRANT OPTION)
- db-access-group-{kind} · section
- db-access-load · button · Load users
- db-access-memberships · div
- db-access-open-app-roles · button · Open App roles
- db-access-overlay · div
- db-access-password · input in PasswordInput · ••••••••
- db-access-password-reveal · button in PasswordInput · Hold to show password
- db-access-principal-{name} · button
- db-access-privgroup-{index} · tr
- db-access-privgroup-toggle-{index} · button
- db-access-privileges · div
- db-access-remove-member-{i} · button · Remove
- db-access-revoke-{i} · button · Revoke
- db-access-revoke-all-{index} · button · Revoke all
- db-access-save · button · Save
- db-access-status · p
- db-access-toggle-group-{kind} · button
- db-access-unsupported · p
FileQueryModal · features/utilities/components/FileQueryModal.tsx
- file-query-cancel · button · Cancel
- file-query-clear · button · Clear file imports
- file-query-close · button · Close
- file-query-content · textarea · Paste file contents here, or choose a file above…
- file-query-delimiter · select · Comma (,) Tab (TSV) Semicolon (;) Pipe (|) Custom…
- file-query-delimiter-custom · input · e.g. || or :
- file-query-dest-mode · select · New temp SQLite workspace Add table to existing Files workspace Imp…
- file-query-format · select · CSV JSON Text (offsets)
- file-query-has-header · input
- file-query-import · button · Import & open
- file-query-input · input
- file-query-json-shape · select · Array of objects NDJSON (one object per line)
- file-query-modal · div
- file-query-offsets · textarea
- file-query-replace-previous · input
- file-query-replace-table · input
- file-query-skip-lines · input
- file-query-table · input · data
- file-query-target-credential · select · Select credential…
- file-query-workspace · select · Select workspace…
- file-query-workspace-name · input · Uses the file name when empty
IndexManagementModal · features/utilities/components/IndexManagementModal.tsx
- index-management-embed · div
- index-management-overlay · div
- index-mgmt-cancel · button · Cancel
- index-mgmt-close · button · Close
- index-mgmt-collapse-all · button · Collapse tables
- index-mgmt-confirm-defrag · div · Confirm defragment
- index-mgmt-confirm-defrag-run · button · Run defragment
- index-mgmt-confirm-drop · div · Confirm drop index
- index-mgmt-confirm-drop-cancel · button · Cancel
- index-mgmt-confirm-drop-run · button · Drop indexes
- index-mgmt-connection · select · — Select credential —
- index-mgmt-defrag-filtered · button · filtered ( )
- index-mgmt-defrag-selected · button · selected ( )
- index-mgmt-defragment-{key} · button · Defragment
- index-mgmt-drop-{key} · button · Drop
- index-mgmt-drop-selected · button · Drop selected ( )
- index-mgmt-expand-all · button · Expand tables
- index-mgmt-fetch-frag · button · Fetch fragmentation
- index-mgmt-group-{tableName} · tr
- index-mgmt-groups · table
- index-mgmt-last-used-{key} · td
- index-mgmt-load · button · Load indexes
- index-mgmt-min-frag · input · e.g. 10
- index-mgmt-no-defrag · span
- index-mgmt-password · input · ••••••••
- index-mgmt-row-{key} · tr
- index-mgmt-save · button · Save
- index-mgmt-select-filtered · button
- index-mgmt-sort-{column} · button
- index-mgmt-status · p
- index-mgmt-table-avg-frag-{tableName} · td · Average fragmentation of indexes on this table
- index-mgmt-table-data-{tableName} · td
- index-mgmt-table-filter · input · e.g. ORDER
- index-mgmt-table-header · tr
- index-mgmt-table-index-count-{tableName} · td · Indexes on this table
- index-mgmt-table-index-size-{tableName} · td
- index-mgmt-table-last-used-{tableName} · td · Most recent index usage on this table
- index-mgmt-table-rows-{tableName} · td
- index-mgmt-table-select-{tableName} · button
- index-mgmt-table-toggle-{tableName} · button
- index-mgmt-toggle-selected-{key} · button
- server-insights-size-filter · label
- server-insights-size-groups · div
ServerInsightsModal · features/utilities/components/ServerInsightsModal.tsx
- server-insights-close · button · Close
- server-insights-connection · select
- server-insights-modal · div
- server-insights-password-draft · input · ••••••••
- server-insights-refresh · button · Refresh
- server-insights-tab-{id} · button
- server-insights-unlock · button · Unlock
SqlTracerPanel · features/utilities/components/SqlTracerPanel.tsx
- sql-tracer-detail · aside
- sql-tracer-detail-text · pre
- sql-tracer-empty · p
- sql-tracer-error · p
- sql-tracer-filter · input · Text, user, client…
- sql-tracer-mode · select · Fox activity Live (engine sessions)
- sql-tracer-open-editor · button · Open in editor
- sql-tracer-panel · div
- sql-tracer-password-draft · input · ••••••••
- sql-tracer-row-{seq} · tr
- sql-tracer-start · button · Start
- sql-tracer-status · div
- sql-tracer-stop · button · Stop
- sql-tracer-unlock · button · Unlock
UtilitiesView · features/utilities/components/UtilitiesView.tsx
- {t.testId} · button · passed in by the parent
- db-access-modal · div
- index-management-modal · div
- sql-sidebar-utilities · nav · Database utilities
- utilities-backup · data · Backup & Restore
- utilities-change-column · data · Rename Column
- utilities-clone-table · data · Clone Table
- utilities-connection · select
- utilities-connection-pool · data · Connection Pool
- utilities-database-access · data · DB users & grants
- utilities-index-management · data · Index Management
- utilities-object-sizes · data · Table & Index Size
- utilities-query-files · data · Query files
- utilities-sql-tracer · data · SQL Tracer
- utilities-system-info · data · System Info
- utilities-user-connections · data · User Connections
- utilities-view · div

workflow

DelimitedSourceEditor · features/workflow/components/DelimitedSourceEditor.tsx
- workflow-source-add-column · button · Add column
- workflow-source-add-delimiter · button · Add delimiter
- workflow-source-add-rule · button · Add column rule
- workflow-source-column-length-{index} · input · Length
- workflow-source-column-name-{index} · input · name
- workflow-source-column-remove-{index} · button · Remove column
- workflow-source-column-start-{index} · input · Start (1-based)
- workflow-source-delimiter · input
- workflow-source-delimiter-{index} · input
- workflow-source-field-names · input · id, name, email — extras become field_N
- workflow-source-format · select · Delimited Fixed width (offsets)
- workflow-source-header · select · No header — every line is data Always skip the first line Auto — sk…
- workflow-source-offset · input
- workflow-source-on-invalid · select · Fail the run Skip the row Route to the rejects output
- workflow-source-path · input
- workflow-source-preview-file-head · button · Preview file head
- workflow-source-preview-sample · button · Preview sample
- workflow-source-record-delimiter · input · optional, e.g. |
- workflow-source-remove-delimiter-{index} · button · Remove delimiter
- workflow-source-row-schema · textarea · z.object({ email: z.string().regex(/^\S+@\S+$/), id: z.string().regex(/^\d+$/) })
- workflow-source-rule-check-add-{name} · button · Add regex
- workflow-source-rule-check-kind-{name}-{index} · select · Check purpose (shown in error messages)
- workflow-source-rule-check-pattern-{name}-{index} · input · Regex the raw text must match
- workflow-source-rule-check-remove-{name}-{index} · button · Remove regex check
- workflow-source-rule-name-{name} · input · Field name this rule applies to
- workflow-source-rule-remove-{name} · button · Remove rule
- workflow-source-rule-required-{name} · input
- workflow-source-rule-type-{name} · select · Value type — validated and converted
- workflow-source-sample · textarea
- workflow-source-skip-empty · input
- workflow-source-skip-lines · input
- workflow-source-trim · input
EnginePanel · features/workflow/components/EnginePanel.tsx
- workflow-engine · div
- workflow-engine-{id} · button
- workflow-engine-endpoint · input
- workflow-engine-health · span
- workflow-engine-max-parallel · input
- workflow-engine-overlap · select · skip queue parallel
- workflow-engine-refresh-health · button · Refresh health
- workflow-engine-save · button
- workflow-engine-target-{kind} · input · target
- workflow-process-{id} · li
- workflow-sink-{kind} · input
HttpRequestEditor · features/workflow/components/HttpRequestEditor.tsx
- workflow-http-auth-credential · select · Select…
- workflow-http-auth-key · input
- workflow-http-auth-password · input
- workflow-http-auth-placement · select · Header Query
- workflow-http-auth-token · input · token or {{secrets.accessToken}}
- workflow-http-auth-type · select · No auth Bearer token Basic API key Stored credential
- workflow-http-auth-username · input
- workflow-http-auth-value · input
- workflow-http-body-content-type · input
- workflow-http-body-field-add · button · + Add attribute
- workflow-http-body-field-enabled-{index} · input · Enabled
- workflow-http-body-field-key-{index} · input · attribute
- workflow-http-body-field-remove-{index} · button · ×
- workflow-http-body-field-type-{index} · select · Value type
- workflow-http-body-field-value-{index} · input
- workflow-http-body-json · textarea
- workflow-http-body-mode · select · None JSON builder (typed attributes) JSON Raw x-www-form-urlencoded
- workflow-http-body-raw · textarea
- workflow-http-body-schema · textarea · z.object({ orderId: z.number(), note: z.string().optional() })
- workflow-http-body-schema-sample · textarea · {"orderId": 42}
- workflow-http-kv-add · button · + Add
- workflow-http-kv-enabled-{index} · input · Enabled
- workflow-http-kv-key-{index} · input
- workflow-http-kv-operator-{index} · select · Condition operator
- workflow-http-kv-remove-{index} · button · ×
- workflow-http-kv-value-{index} · input
- workflow-http-method · select
- workflow-http-session · input
- workflow-http-session-persist · input
- workflow-http-tab-{id} · button
- workflow-http-timeout-ms · input
- workflow-http-token-refresh · input
- workflow-http-token-refresh-access-path · input
- workflow-http-token-refresh-refresh-path · input
- workflow-http-token-refresh-skew · input
- workflow-http-token-refresh-url · input
- workflow-http-url · input · https://api.example.com/users/{{vars.userId}}
- workflow-http-variables · textarea
Inspector · features/workflow/components/Inspector.tsx
- pipe-credential-backdrop · div in FilterPicker · Filter by name, kind, id…
- pipe-credential-clear · button in FilterPicker · Filter by name, kind, id…
- pipe-credential-filter · input in FilterPicker · Filter by name, kind, id…
- pipe-credential-group-{group} · div in FilterPicker · Filter by name, kind, id…
- pipe-credential-option-{id} · data
- pipe-credential-trigger · button in FilterPicker · Filter by name, kind, id…
- workflow-inspector-concurrency · input
- workflow-inspector-field-{name} · select
- workflow-inspector-http-retry-attempts · input
- workflow-inspector-intent · input
- workflow-inspector-json-{name} · textarea
- workflow-inspector-open-in-trigger · button · Open in trigger dialog
- workflow-inspector-pipe-id · input
- workflow-inspector-retry-attempts · input
- workflow-inspector-sample-port-{port} · button
- workflow-inspector-show-raw · button
- workflow-inspector-sub-workflow-id · select
- workflow-inspector-sub-workflow-version · input · latest
- workflow-inspector-tab-{id} · button
- workflow-inspector-trigger · select
- workflow-inspector-type · select
MultiHttpEditor · features/workflow/components/MultiHttpEditor.tsx
- workflow-multi-http-toggle-{index} · button
Palette · features/workflow/components/Palette.tsx
- workflow-palette-search-pipes · input · Search pipes
- workflow-palette-show-advanced · input
RunsPanel · features/workflow/components/RunsPanel.tsx
- workflow-run-answer · Button
- workflow-run-answer-{key} · input
- workflow-run-cancel · Button
- workflow-run-resume · Button
- workflow-runs-live · input
SqlPipeEditor · features/workflow/components/SqlPipeEditor.tsx
- sql-pipe-connection-backdrop · div in FilterPicker · Filter by name, dialect, host…
- sql-pipe-connection-clear · button in FilterPicker · Filter by name, dialect, host…
- sql-pipe-connection-filter · input in FilterPicker · Filter by name, dialect, host…
- sql-pipe-connection-group-{group} · div in FilterPicker · Filter by name, dialect, host…
- sql-pipe-connection-option-{id} · data
- sql-pipe-connection-trigger · button in FilterPicker · Filter by name, dialect, host…
- workflow-sql-pipe-browse · button
- workflow-sql-pipe-table-{objectType}-{name} · button
TriggerConfigurationDialog · features/workflow/components/TriggerConfigurationDialog.tsx
- workflow-trigger-config · section · Trigger configuration
- workflow-trigger-config-item-{id} · button
- workflow-trigger-config-note · span
- workflow-trigger-config-retry · input
- workflow-trigger-config-section-{item} · button
- workflow-trigger-config-workflow-{id} · input
TriggerInlineSettings · features/workflow/components/TriggerInlineSettings.tsx
- workflow-trigger-settings-catch-up · select · No catch-up One missed run All missed runs
- workflow-trigger-settings-cron · input
- workflow-trigger-settings-execution-type · select
- workflow-trigger-settings-http-credential · select · Select credential
- workflow-trigger-settings-input · textarea · [{ "id": 1 }]
- workflow-trigger-settings-max-backoff-duration · input
- workflow-trigger-settings-max-body-bytes · input
- workflow-trigger-settings-max-doublings · input
- workflow-trigger-settings-max-retry-attempts · input
- workflow-trigger-settings-max-retry-duration · input
- workflow-trigger-settings-min-backoff-duration · input
- workflow-trigger-settings-required-fields · input
- workflow-trigger-settings-retry · input
- workflow-trigger-settings-webhook-credential · select · Select credential
- workflow-trigger-settings-workflow-{id} · input
VariablesPanel · features/workflow/components/VariablesPanel.tsx
- workflow-variables-environment-{id} · button
WorkflowDesigner · features/workflow/components/WorkflowDesigner.tsx
- workflow-designer-breadcrumb-workflows · button · Workflows
- workflow-designer-id · Input · Workflow id
- workflow-designer-load · Button
- workflow-designer-save · Button
- workflow-designer-switch-pipeline-{id} · button
- workflow-designer-triggers · Button
WorkflowsPanel · features/workflow/components/WorkflowsPanel.tsx
- workflow-list-file · input
- workflow-list-open-in-designer-{id} · button · Open in designer
WorkflowView · features/workflow/components/WorkflowView.tsx
- workflow-menu · nav · Workflow
- workflow-no-panes · p
- workflow-tab-{id} · button
- workflow-view · div

workspaces

WorkspaceMenu · features/workspaces/components/WorkspaceMenu.tsx
- workspace-menu · div
- workspace-menu-browse · button · Browse public workspaces
- workspace-menu-create · button · New workspace
- workspace-menu-create-form · form
- workspace-menu-create-name · input · New workspace name
- workspace-menu-create-submit · button · Create
- workspace-menu-error · p
- workspace-menu-invite-{id} · div
- workspace-menu-invite-accept-{id} · button · Accept
- workspace-menu-invite-decline-{id} · button · Decline
- workspace-menu-invites · div
- workspace-menu-item-{id} · option
- workspace-menu-public · div
- workspace-menu-public-{id} · div
- workspace-menu-public-empty · p
- workspace-menu-public-join-{id} · button · Join
- workspace-menu-select · select · Workspace
- workspace-menu-settings · button · Workspace settings
WorkspaceRailButton · features/workspaces/components/WorkspaceRailButton.tsx
- workspace-rail-btn · button
- workspace-rail-invites · span
- workspace-rail-menu · div
WorkspaceSettingsDialog · features/workspaces/components/WorkspaceSettingsDialog.tsx
- workspace-invite-{id} · li
- workspace-invite-ceiling · p
- workspace-invite-email · input · teammate@company.com
- workspace-invite-form · form
- workspace-invite-new-account · div
- workspace-invite-new-account-code · span
- workspace-invite-revoke-{id} · button · Revoke
- workspace-invite-role · select · Role for the invite
- workspace-invite-submit · button · Invite
- workspace-invites · ul
- workspace-member-{userId} · li
- workspace-member-remove-{userId} · button · Remove
- workspace-member-role-{userId} · select
- workspace-settings · div · Members ·
- workspace-settings-archive · button · Archive
- workspace-settings-close · button
- workspace-settings-error · p
- workspace-settings-join-role · select · Role for people who join
- workspace-settings-leave · button · Leave workspace
- workspace-settings-members · ul
- workspace-settings-name · input
- workspace-settings-rename · form
- workspace-settings-rename-submit · button · Rename
- workspace-settings-saved · p
- workspace-settings-visibility · section
- workspace-settings-visibility-select · select · Visibility

Shared on purpose

One thing on screen, drawn by whichever component is showing.

lokee-summary: the history header: LokeeWeavePage draws it in graph mode, VersionTimeline otherwise

Navigation Menu

Repository navigation

TEST_IDS.md

TEST_IDS.md

Test IDs

access

admin

app

App.tsx

auth

compare

connections

feedback

git

lokee-weave

migrations

schema-diff

shared

sql-editor

utilities

workflow

workspaces

Shared on purpose

FilesExpand file tree

TEST_IDS.md

Latest commit

History

TEST_IDS.md

File metadata and controls

Test IDs

access

admin

app

App.tsx

auth

compare

connections

feedback

git

lokee-weave

migrations

schema-diff

shared

sql-editor

utilities

workflow

workspaces

Shared on purpose