@checkly/playwright-core 1.51.15-beta.1 → 1.51.16-beta.0

package/lib/vite/traceViewer/workbench.xUZSA8PY.css

@@ -0,0 +1,787 @@
+/*
+  Copyright (c) Microsoft Corporation.
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+
+.tree-view-content {
+  display: flex;
+  flex-direction: column;
+  flex: auto;
+  position: relative;
+  user-select: none;
+  overflow: hidden auto;
+  outline: 1px solid transparent;
+}
+
+.tree-view-entry {
+  display: flex;
+  flex: none;
+  cursor: pointer;
+  align-items: center;
+  white-space: nowrap;
+  line-height: 28px;
+  padding-left: 5px;
+}
+
+.tree-view-content.not-selectable > .tree-view-entry {
+  cursor: inherit;
+}
+
+.tree-view-entry.highlighted:not(.selected) {
+  background-color: var(--vscode-list-inactiveSelectionBackground) !important;
+}
+
+.tree-view-entry.selected {
+  z-index: 10;
+}
+
+.tree-view-indent {
+  min-width: 16px;
+}
+
+.tree-view-content:focus .tree-view-entry.selected {
+  background-color: var(--vscode-list-activeSelectionBackground);
+  color: var(--vscode-list-activeSelectionForeground);
+  outline: 1px solid var(--vscode-focusBorder);
+}
+
+.tree-view-content .tree-view-entry.selected {
+  background-color: var(--vscode-list-inactiveSelectionBackground);
+}
+
+.tree-view-content:focus .tree-view-entry.selected * {
+  color: var(--vscode-list-activeSelectionForeground) !important;
+  background-color: transparent !important;
+}
+
+.tree-view-content:focus .tree-view-entry.selected .codicon {
+  color: var(--vscode-list-activeSelectionForeground) !important;
+}
+
+.tree-view-content:focus .tree-view-entry.selected button.eye.toggled {
+  border-radius: 6px;
+  outline: 1px solid var(--vscode-button-foreground);
+}
+
+.tree-view-empty {
+  flex: auto;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.tree-view-entry.error {
+  color: var(--vscode-list-errorForeground);
+  background-color: var(--vscode-inputValidation-errorBackground);
+}
+
+.tree-view-entry.warning {
+  color: var(--vscode-list-warningForeground);
+  background-color: var(--vscode-inputValidation-warningBackground);
+}
+
+.tree-view-entry.info {
+  background-color: var(--vscode-inputValidation-infoBackground);
+}
+/*
+  Copyright (c) Microsoft Corporation.
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+
+.call-tab {
+  flex: auto;
+  line-height: 24px;
+  white-space: pre;
+  overflow: auto;
+  user-select: text;
+}
+
+.call-error {
+  border-bottom: 1px solid var(--vscode-panel-border);
+  padding: 3px 0 3px 12px;
+}
+
+.call-error .codicon {
+  color: var(--vscode-errorForeground);
+  position: relative;
+  top: 2px;
+  margin-right: 2px;
+}
+
+.call-section {
+  padding-left: 6px;
+  padding-top: 2px;
+  margin-top: 2px;
+  font-weight: bold;
+  text-transform: uppercase;
+  font-size: 10px;
+  color: var(--vscode-sideBarTitle-foreground);
+  line-height: 24px;
+}
+
+.call-section:not(:first-child) {
+  border-top: 1px solid var(--vscode-panel-border);
+}
+
+.call-line {
+  padding: 4px 0 4px 6px;
+  display: flex;
+  align-items: center;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  line-height: 20px;
+  white-space: nowrap;
+  max-height: 18px;
+}
+
+.call-line:not(:hover) .toolbar-button.copy {
+  display: none;
+}
+
+.call-line .toolbar-button.copy {
+  margin-left: 5px;
+  margin-top: -2px;
+  margin-bottom: -2px;
+}
+
+.call-value {
+  margin-left: 2px;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+a.call-value {
+  text-decoration: none;
+}
+
+a.call-value:hover {
+  text-decoration: underline;
+}
+
+.call-value::before {
+  content: '\00a0';
+}
+
+.call-value.datetime,
+.call-value.string,
+.call-value.locator {
+  color: var(--vscode-charts-orange);
+}
+
+.call-value.number,
+.call-value.bigint,
+.call-value.boolean,
+.call-value.symbol,
+.call-value.undefined,
+.call-value.function,
+.call-value.object {
+  color: var(--vscode-charts-blue);
+}
+
+.call-tab .error-message {
+  padding: 5px;
+  line-height: 17px;
+}
+/**
+ * Copyright (c) Microsoft Corporation.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.log-list-duration {
+  display: flex;
+  flex: none;
+  align-items: center;
+  color: var(--vscode-editorCodeLens-foreground);
+  float: right;
+  margin-right: 5px;
+  user-select: none;
+}
+
+.log-list-item {
+  text-wrap: wrap;
+  user-select: text;
+  width: 100%;
+}
+/*
+  Copyright (c) Microsoft Corporation.
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+
+.error-message {
+  font-family: var(--vscode-editor-font-family);
+  font-weight: var(--vscode-editor-font-weight);
+  font-size: var(--vscode-editor-font-size);
+  white-space: pre-wrap;
+  word-break: break-word;
+  padding: 10px;
+}
+/**
+ * Copyright (c) Microsoft Corporation.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.chat-container {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  color: #e0e0e0;
+}
+
+.chat-disclaimer {
+  text-align: center;
+  color: var(--vscode-editorBracketMatch-border);
+  margin: 0px;
+}
+
+.chat-container hr {
+  width: 100%;
+  border: none;
+  border-top: 1px solid var(--vscode-titleBar-inactiveBackground);
+}
+
+.messages-container {
+  flex: 1;
+  overflow-y: auto;
+  padding: 16px;
+
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.message {
+  gap: 12px;
+  max-width: 85%;
+}
+
+.user-message {
+  flex-direction: row-reverse;
+  margin-left: auto;
+  width: fit-content
+}
+
+.message-icon {
+  width: 32px;
+  height: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: var(--vscode-titleBar-inactiveBackground);
+  flex-shrink: 0;
+}
+
+.message-content {
+  background-color: var(--vscode-titleBar-inactiveBackground);
+  color: var(--vscode-titleBar-activeForeground);
+  padding: 2px 8px;
+}
+
+.message-content pre {
+  text-wrap: auto;
+  overflow-wrap: anywhere;
+}
+
+.user-message .message-content {
+  background-color: var(--vscode-titleBar-activeBackground);
+}
+
+/* Input form styles */
+.input-form {
+  position: sticky;
+  bottom: 0;
+  display: flex;
+  height: 64px;
+  gap: 8px;
+  padding: 10px;
+  background-color: var(--vscode-sideBar-background);
+  border-top: 1px solid var(--vscode-sideBarSectionHeader-border);
+}
+
+.message-input {
+  flex: 1;
+  padding: 8px 12px;
+  border: 1px solid var(--vscode-settings-textInputBorder);
+  background-color: var(--vscode-settings-textInputBackground);
+  font-size: 14px;
+  outline: none;
+  transition: border-color 0.2s;
+}
+
+.message-input:focus {
+  border-color: #0078d4;
+}
+
+.send-button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 8px;
+  background-color: var(--vscode-button-background);
+  border: none;
+  color: white;
+  cursor: pointer;
+  transition: background-color 0.2s;
+}
+
+.send-button:hover {
+  background-color: var(--vscode-button-hoverBackground);
+}
+
+.send-button:disabled {
+  background-color: var(--vscode-disabledForeground);
+  cursor: not-allowed;
+}
+/*
+  Copyright (c) Microsoft Corporation.
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+
+.attachments-tab {
+  flex: auto;
+  line-height: 24px;
+  white-space: pre;
+  overflow: auto;
+  user-select: text;
+}
+
+.attachments-section {
+  padding-left: 6px;
+  font-weight: bold;
+  text-transform: uppercase;
+  font-size: 12px;
+  color: var(--vscode-sideBarTitle-foreground);
+  line-height: 24px;
+}
+
+.attachments-section:not(:first-child) {
+  border-top: 1px solid var(--vscode-panel-border);
+  margin-top: 10px;
+}
+
+.attachment-item {
+  margin: 4px 8px;
+}
+
+.attachment-title-highlight {
+  text-decoration: underline var(--vscode-terminal-findMatchBackground);
+  text-decoration-thickness: 1.5px;
+}
+
+.attachment-item img {
+  flex: none;
+  min-width: 200px;
+  max-width: 80%;
+  box-shadow: 0 12px 28px 0 rgba(0,0,0,.2), 0 2px 4px 0 rgba(0,0,0,.1);
+}
+
+a.codicon-cloud-download:hover{
+  background-color: var(--vscode-list-inactiveSelectionBackground)
+}
+
+.yellow-flash {
+  animation: yellowflash-bg 2s;
+}
+@keyframes yellowflash-bg {
+  from { background: var(--vscode-peekViewEditor-matchHighlightBackground); }
+  to   { background: transparent; }
+}
+/*
+  Copyright (c) Microsoft Corporation.
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+
+.expandable {
+  flex: none;
+  flex-direction: column;
+  line-height: 28px;
+}
+
+.expandable-title {
+  flex: none;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  white-space: nowrap;
+  user-select: none;
+  cursor: pointer;
+}
+/*
+  Copyright (c) Microsoft Corporation.
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+
+.film-strip {
+  flex: none;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+}
+
+.film-strip-lanes {
+  flex: none;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  min-height: 50px;
+  max-height: 200px;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+
+.film-strip-lane {
+  flex: none;
+  display: flex;
+}
+
+.film-strip-frame {
+  flex: none;
+  pointer-events: none;
+  box-shadow: var(--box-shadow);
+}
+
+.film-strip-hover {
+  position: absolute;
+  top: 0;
+  left: 0;
+  background-color: var(--vscode-panel-background);
+  box-shadow: rgba(0, 0, 0, 0.133) 0px 1.6px 10px 0px, rgba(0, 0, 0, 0.11) 0px 0.3px 10px 0px;
+  z-index: 200;
+  pointer-events: none;
+}
+
+.film-strip-hover-title {
+  padding: 2px 4px;
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+}
+/*
+  Copyright (c) Microsoft Corporation.
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+
+.timeline-view {
+  flex: none;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  padding: 20px 0 5px;
+  cursor: text;
+  user-select: none;
+  margin-left: 10px;
+  overflow-x: clip;
+}
+
+.timeline-divider {
+  position: absolute;
+  width: 1px;
+  top: 0;
+  bottom: 0;
+  background-color: var(--vscode-panel-border);
+}
+
+.timeline-time {
+  position: absolute;
+  top: 4px;
+  right: 3px;
+  font-size: 80%;
+  white-space: nowrap;
+  pointer-events: none;
+}
+
+.timeline-time-input {
+  cursor: pointer;
+}
+
+.timeline-lane {
+  pointer-events: none;
+  overflow: hidden;
+  flex: none;
+  height: 20px;
+  position: relative;
+}
+
+.timeline-grid {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+
+.timeline-bars {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  pointer-events: none;
+}
+
+.timeline-bar {
+  position: absolute;
+  --action-color: gray;
+  --action-background-color: #88888802;
+  border-top: 2px solid var(--action-color);
+}
+
+.timeline-bar.active {
+  background-color: var(--action-background-color);
+}
+
+.timeline-bar.action {
+  --action-color: var(--vscode-charts-orange);
+  --action-background-color: #d1861666;
+}
+
+.timeline-bar.action.error {
+  --action-color: var(--vscode-charts-red);
+  --action-background-color: #e5140066;
+}
+
+.timeline-bar.network {
+  --action-color: var(--vscode-charts-blue);
+  --action-background-color: #1a85ff66;
+}
+
+.timeline-bar.console-message {
+  --action-color: var(--vscode-charts-purple);
+  --action-background-color: #1a85ff66;
+}
+
+body.dark-mode .timeline-bar.action.error {
+  --action-color: var(--vscode-errorForeground);
+  --action-background-color: #f4877166;
+}
+
+.timeline-label {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  margin-left: 2px;
+  background-color: var(--vscode-panel-background);
+  justify-content: center;
+  display: none;
+  white-space: nowrap;
+}
+
+.timeline-label.selected {
+  display: flex;
+}
+
+.timeline-marker {
+  display: none;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  pointer-events: none;
+  border-left: 3px solid var(--light-pink);
+}
+
+.timeline-window {
+  display: flex;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  pointer-events: none;
+}
+
+.timeline-window-center {
+  flex: auto;
+}
+
+.timeline-window-drag {
+  height: 20px;
+  cursor: grab;
+  pointer-events: all;
+}
+
+.timeline-window-curtain {
+  flex: none;
+  background-color: #3879d91a;
+}
+
+body.dark-mode .timeline-window-curtain {
+  background-color: #161718bf;
+}
+
+.timeline-window-resizer {
+  flex: none;
+  width: 10px;
+  cursor: ew-resize;
+  pointer-events: all;
+  position: relative;
+  background-color: var(--vscode-panel-border);
+  border-left: 1px solid var(--vscode-panel-border);
+  border-right: 1px solid var(--vscode-panel-border);
+}
+/*
+  Copyright (c) Microsoft Corporation.
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+
+.annotations-tab {
+  flex: auto;
+  line-height: 24px;
+  white-space: pre;
+  overflow: auto;
+  user-select: text;
+}
+
+.annotation-item {
+  margin: 4px 8px;
+  text-wrap: wrap;
+}
+/*
+  Copyright (c) Microsoft Corporation.
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+
+.workbench-run-status {
+  height: 30px;
+  padding: 4px;
+  flex: none;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  border-bottom: 1px solid var(--vscode-panel-border);
+}
+
+.workbench-run-status.failed {
+  color: var(--vscode-errorForeground);
+}
+
+.workbench-run-status .codicon {
+  margin-right: 4px;
+}
+
+.workbench-run-duration {
+  display: flex;
+  flex: none;
+  align-items: center;
+  color: var(--vscode-editorCodeLens-foreground);
+}