@midscene/visualizer 0.28.2-beta-20250910020051.0 → 0.28.2-beta-20250910024129.0

package/dist/lib/component/prompt-input/index.css

@@ -1,330 +0,0 @@
-.prompt-input-wrapper {
-  width: 100%;
-}
-
-.prompt-input-wrapper .mode-radio-group-wrapper {
-  justify-content: space-between;
-  align-items: center;
-  display: flex;
-}
-
-.prompt-input-wrapper .mode-radio-group-wrapper .mode-radio-group {
-  align-items: center;
-  height: 100%;
-  display: flex;
-}
-
-.prompt-input-wrapper .mode-radio-group-wrapper .mode-radio-group .ant-radio-button-wrapper {
-  height: 24px;
-  box-shadow: none;
-  background-color: #f7f7f7;
-  border: none;
-  border-radius: 11px;
-  margin-right: 8px;
-  padding: 0 8px;
-  font-size: 12px;
-  line-height: 24px;
-}
-
-.prompt-input-wrapper .mode-radio-group-wrapper .mode-radio-group .ant-radio-button-wrapper:before {
-  display: none;
-}
-
-.prompt-input-wrapper .mode-radio-group-wrapper .mode-radio-group .ant-radio-button-wrapper:focus-within {
-  outline: none;
-}
-
-.prompt-input-wrapper .mode-radio-group-wrapper .mode-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked {
-  color: #fff;
-  background-color: #2b83ff;
-  border-color: #2b83ff;
-}
-
-.prompt-input-wrapper .mode-radio-group-wrapper .mode-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:hover {
-  color: #fff;
-}
-
-.prompt-input-wrapper .mode-radio-group-wrapper .mode-radio-group .more-apis-button {
-  height: 24px;
-  box-shadow: none;
-  background-color: #f7f7f7;
-  border: none;
-  border-radius: 11px;
-  align-items: center;
-  gap: 2px;
-  max-width: 160px;
-  padding: 0 8px;
-  font-size: 12px;
-  display: inline-flex;
-}
-
-.prompt-input-wrapper .mode-radio-group-wrapper .mode-radio-group .more-apis-button .ant-btn-content {
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-}
-
-.prompt-input-wrapper .mode-radio-group-wrapper .mode-radio-group .more-apis-button:hover {
-  background-color: #e6e6e6;
-}
-
-.prompt-input-wrapper .mode-radio-group-wrapper .mode-radio-group .more-apis-button.selected-from-dropdown {
-  color: #fff;
-  background-color: #2b83ff;
-  font-weight: 500;
-}
-
-.prompt-input-wrapper .mode-radio-group-wrapper .mode-radio-group .more-apis-button.selected-from-dropdown:hover {
-  background-color: #2b83ff;
-}
-
-.prompt-input-wrapper .mode-radio-group-wrapper .action-icons {
-  align-items: center;
-  display: flex;
-}
-
-.prompt-input-wrapper .main-side-console-input {
-  margin-top: 10px;
-  position: relative;
-}
-
-.prompt-input-wrapper .main-side-console-input .main-side-console-input-textarea {
-  white-space: pre-wrap;
-  scrollbar-width: thin;
-  background: #fff;
-  border: 1px solid #f2f4f7;
-  border-radius: 12px;
-  padding: 12px 16px;
-  line-height: 21px;
-  transition: background-color .2s;
-  overflow-y: auto;
-}
-
-@keyframes hue-shift {
-  0% {
-    filter: hue-rotate();
-  }
-
-  100% {
-    filter: hue-rotate(360deg);
-  }
-}
-
-.prompt-input-wrapper .main-side-console-input .main-side-console-input-textarea:focus-within {
-  background: linear-gradient(#fff, #fff) padding-box padding-box, linear-gradient(135deg, #4285f4 0%, #06f 25%, #7b02c5 50%, #ea4335 75%, #ff7043 100%) border-box;
-  border: 1px solid rgba(0, 0, 0, 0);
-}
-
-.prompt-input-wrapper .main-side-console-input .main-side-console-input-textarea::-webkit-scrollbar {
-  width: 6px;
-}
-
-.prompt-input-wrapper .main-side-console-input .main-side-console-input-textarea::-webkit-scrollbar-thumb {
-  background-color: rgba(0, 0, 0, .2);
-  border-radius: 3px;
-}
-
-.prompt-input-wrapper .main-side-console-input.loading .main-side-console-input-textarea {
-  background: linear-gradient(#fff, #fff) padding-box padding-box, linear-gradient(135deg, #4285f4 0%, #06f 25%, #7b02c5 50%, #ea4335 75%, #ff7043 100%) border-box;
-  border: 1px solid rgba(0, 0, 0, 0);
-  animation: 5s linear infinite hue-shift;
-}
-
-.prompt-input-wrapper .main-side-console-input .ant-form-item-control-input-content {
-  z-index: 999;
-  border: 3px solid rgba(0, 0, 0, 0);
-  border-radius: 14px;
-}
-
-.prompt-input-wrapper .main-side-console-input:focus-within .ant-form-item-control-input-content {
-  border-color: rgba(43, 131, 255, .16);
-}
-
-.prompt-input-wrapper .main-side-console-input.disabled .form-controller-wrapper {
-  background-color: rgba(0, 0, 0, 0);
-}
-
-.prompt-input-wrapper .ant-form-item-with-help + .form-controller-wrapper {
-  bottom: 22px;
-}
-
-.prompt-input-wrapper .ant-input {
-  padding-bottom: 40px;
-}
-
-.prompt-input-wrapper .form-controller-wrapper {
-  box-sizing: border-box;
-  background-color: #fff;
-  flex-direction: row;
-  justify-content: flex-end;
-  align-items: flex-end;
-  gap: 8px;
-  width: calc(100% - 32px);
-  padding: 12px 0;
-  line-height: 32px;
-  transition: background-color .2s;
-  display: flex;
-  position: absolute;
-  bottom: 1px;
-  left: 16px;
-}
-
-.prompt-input-wrapper .settings-wrapper {
-  color: #777;
-  flex-flow: wrap;
-  gap: 2px;
-  display: flex;
-}
-
-.prompt-input-wrapper .settings-wrapper.settings-wrapper-hover {
-  color: #3b3b3b;
-}
-
-.prompt-input-wrapper .structured-params-container {
-  background: linear-gradient(#fff, #fff) padding-box padding-box, linear-gradient(135deg, #4285f4 0%, #06f 25%, #7b02c5 50%, #ea4335 75%, #ff7043 100%) border-box;
-  border: 1px solid rgba(0, 0, 0, 0);
-  border-radius: 12px;
-  padding: 16px 16px 56px;
-}
-
-.prompt-input-wrapper .structured-params-container .structured-params .ant-form-item {
-  flex-direction: column;
-  display: flex;
-}
-
-.prompt-input-wrapper .structured-params-container .structured-params .ant-form-item .ant-form-item-label {
-  text-align: left;
-  flex-basis: auto;
-  padding-bottom: 4px;
-}
-
-.prompt-input-wrapper .structured-params-container .structured-params .ant-form-item .ant-form-item-label > label {
-  color: rgba(0, 0, 0, .85);
-  height: auto;
-  font-size: 12px;
-  font-weight: 500;
-  line-height: 1.5;
-}
-
-.prompt-input-wrapper .structured-params-container .structured-params .ant-form-item .ant-form-item-label > label:after {
-  color: #ff4d4f;
-  font-family: SimSun, sans-serif;
-  font-size: 12px;
-  line-height: 1;
-  display: inline-block;
-}
-
-.prompt-input-wrapper .structured-params-container .structured-params .ant-form-item .ant-form-item-label > label:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):after {
-  margin-left: 4px;
-}
-
-.prompt-input-wrapper .structured-params-container .structured-params .ant-form-item .ant-form-item-label > label:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):after {
-  margin-left: 4px;
-}
-
-.prompt-input-wrapper .structured-params-container .structured-params .ant-form-item .ant-form-item-label > label:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):after {
-  margin-left: 4px;
-}
-
-.prompt-input-wrapper .structured-params-container .structured-params .ant-form-item .ant-form-item-label > label:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
-  margin-right: 4px;
-}
-
-.prompt-input-wrapper .structured-params-container .structured-params .ant-form-item .ant-form-item-label > label:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
-  margin-right: 4px;
-}
-
-.prompt-input-wrapper .structured-params-container .structured-params .ant-form-item .ant-form-item-label > label:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
-  margin-right: 4px;
-}
-
-.prompt-input-wrapper .structured-params-container .structured-params .ant-form-item .ant-form-item-control {
-  flex: 1;
-  margin-top: 0;
-}
-
-.prompt-input-wrapper .structured-params-container .structured-params .ant-form-item .ant-form-item-row {
-  flex-direction: column;
-}
-
-.prompt-input-wrapper .structured-params-container .structured-params .ant-form-item .ant-form-item-control-input {
-  min-height: auto;
-}
-
-.prompt-input-wrapper .structured-params-container .structured-params .ant-input, .prompt-input-wrapper .structured-params-container .structured-params .ant-input-number, .prompt-input-wrapper .structured-params-container .structured-params .ant-select {
-  border: 1px solid #e1e5e9;
-  border-radius: 6px;
-  width: 100%;
-}
-
-.prompt-input-wrapper .structured-params-container .structured-params .ant-input:hover, .prompt-input-wrapper .structured-params-container .structured-params .ant-input-number:hover, .prompt-input-wrapper .structured-params-container .structured-params .ant-select:hover {
-  border-color: #40a9ff;
-}
-
-.prompt-input-wrapper .structured-params-container .structured-params .ant-input:focus, .prompt-input-wrapper .structured-params-container .structured-params .ant-input-number:focus, .prompt-input-wrapper .structured-params-container .structured-params .ant-select:focus, .prompt-input-wrapper .structured-params-container .structured-params .ant-input:focus-within, .prompt-input-wrapper .structured-params-container .structured-params .ant-input-number:focus-within, .prompt-input-wrapper .structured-params-container .structured-params .ant-select:focus-within {
-  border-color: #40a9ff;
-  box-shadow: 0 0 0 2px rgba(24, 144, 255, .2);
-}
-
-.prompt-input-wrapper .structured-params-container .structured-params textarea.ant-input {
-  padding-bottom: 5px;
-}
-
-.prompt-input-wrapper .structured-params-container .structured-params .ant-input-number .ant-input-number-input {
-  box-shadow: none;
-  border: none;
-}
-
-.prompt-input-wrapper .structured-params-container .structured-params .ant-input-number:hover .ant-input-number-input {
-  box-shadow: none;
-}
-
-.prompt-input-wrapper .structured-params-container .structured-params .ant-select {
-  min-width: 120px;
-}
-
-.prompt-input-wrapper .structured-params-container .structured-params .ant-select .ant-select-selector {
-  box-shadow: none;
-  border: none;
-}
-
-.prompt-input-wrapper .structured-params-container .structured-params .ant-select:hover .ant-select-selector, .prompt-input-wrapper .structured-params-container .structured-params .ant-select.ant-select-focused .ant-select-selector {
-  box-shadow: none;
-}
-
-.prompt-input-wrapper .structured-params-container .structured-params .ant-radio-group {
-  width: 100%;
-}
-
-.prompt-input-wrapper .structured-params-container .structured-params .ant-radio-group .ant-radio-button-wrapper {
-  border: 1px solid #e1e5e9;
-  border-radius: 6px;
-  height: 32px;
-  margin-right: 4px;
-  font-size: 12px;
-  line-height: 30px;
-}
-
-.prompt-input-wrapper .structured-params-container .structured-params .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked {
-  color: #fff;
-  background-color: #2b83ff;
-  border-color: #2b83ff;
-}
-
-.selector-trigger {
-  cursor: pointer;
-  width: 24px;
-  height: 24px;
-  transition: all .2s;
-}
-
-.selector-trigger .action-icon {
-  color: rgba(0, 0, 0, .85);
-  font-size: 14px;
-  transition: all .2s;
-}
-
-.selector-trigger .action-icon:hover {
-  color: #2b83ff;
-}
-

package/dist/lib/component/universal-playground/index.css

@@ -1,341 +0,0 @@
-.playground-container {
-  background: #fff;
-  flex-direction: column;
-  width: 100%;
-  height: 100vh;
-  padding: 0 12px;
-  display: flex;
-}
-
-.playground-container .command-form {
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-  display: flex;
-}
-
-.playground-container .context-preview-section {
-  border-bottom: 1px solid #f0f0f0;
-  flex-shrink: 0;
-  padding: 16px;
-}
-
-.playground-container .middle-dialog-area {
-  flex-direction: column;
-  flex: 1;
-  min-height: 0;
-  display: flex;
-  position: relative;
-  overflow: hidden;
-}
-
-.playground-container .middle-dialog-area .clear-button-container {
-  z-index: 10;
-  position: absolute;
-  top: 8px;
-  right: 12px;
-}
-
-.playground-container .middle-dialog-area .clear-button-container .clear-button {
-  opacity: .7;
-  transition: opacity .2s;
-}
-
-.playground-container .middle-dialog-area .clear-button-container .clear-button:hover {
-  opacity: 1;
-}
-
-.playground-container .middle-dialog-area .info-list-container {
-  scrollbar-width: none;
-  flex: 1;
-  padding-top: 16px;
-  padding-bottom: 16px;
-  overflow-x: hidden;
-  overflow-y: auto;
-}
-
-.playground-container .middle-dialog-area .info-list-container .ant-list .ant-list-item {
-  border-bottom: none;
-  padding: 0;
-}
-
-.playground-container .middle-dialog-area .info-list-container .ant-list .ant-list-item .ant-card {
-  border: 1px solid #f0f0f0;
-  border-radius: 8px;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
-}
-
-.playground-container .middle-dialog-area .info-list-container .ant-list .ant-list-item .ant-card:hover {
-  box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
-}
-
-.playground-container .middle-dialog-area .info-list-container .ant-list .ant-list-item .ant-card .ant-card-body {
-  padding: 12px;
-}
-
-.playground-container .middle-dialog-area .info-list-container .ant-list .ant-list-empty-text {
-  color: #999;
-  font-style: italic;
-}
-
-.playground-container .middle-dialog-area .info-list-container::-webkit-scrollbar {
-  display: none;
-}
-
-.playground-container .middle-dialog-area .info-list-container .list-item {
-  background: none;
-  border: none;
-  padding: 0;
-}
-
-.playground-container .middle-dialog-area .scroll-to-bottom-button {
-  z-index: 10;
-  background: #fff;
-  position: absolute;
-  bottom: 10px;
-  right: 0;
-  box-shadow: 0 4px 8px rgba(0, 0, 0, .04);
-}
-
-.playground-container .middle-dialog-area .scroll-to-bottom-button:hover {
-  background: #1890ff;
-}
-
-.playground-container .middle-dialog-area .scroll-to-bottom-button:hover .anticon {
-  color: #fff;
-}
-
-.playground-container .middle-dialog-area .scroll-to-bottom-button .anticon {
-  color: #333;
-  font-size: 16px;
-}
-
-.playground-container .user-message-container {
-  justify-content: flex-end;
-  width: 100%;
-  margin: 20px 0 30px;
-  display: flex;
-}
-
-.playground-container .user-message-container .user-message-bubble {
-  color: rgba(0, 0, 0, .85);
-  text-align: center;
-  background: #f2f4f7;
-  border-radius: 12px;
-  max-width: 80%;
-  padding: 12px 16px;
-  font-size: 14px;
-  font-weight: 400;
-  display: inline-block;
-}
-
-.playground-container .progress-action-item {
-  color: #000;
-  background: #f2f4f7;
-  border-radius: 8px;
-  justify-content: space-between;
-  height: 36px;
-  margin: 4px 0;
-  padding: 0 12px;
-  font-size: 14px;
-  line-height: 36px;
-  display: flex;
-}
-
-.playground-container .progress-action-item .progress-status-icon {
-  margin-left: 4px;
-}
-
-.playground-container .progress-action-item .progress-status-icon.loading {
-  color: #1890ff;
-}
-
-.playground-container .progress-action-item .progress-status-icon.completed {
-  color: #52c41a;
-}
-
-.playground-container .progress-action-item .progress-status-icon.error {
-  color: #ff4d4f;
-  font-weight: bold;
-}
-
-.playground-container .progress-description {
-  color: #000;
-  padding: 8px 0;
-  font-size: 14px;
-  line-height: 22px;
-  display: inline-block;
-}
-
-.playground-container .system-message-container {
-  flex-direction: column;
-  display: flex;
-}
-
-.playground-container .system-message-container .system-message-header {
-  align-items: center;
-  gap: 8px;
-  margin: 12px 0;
-  display: flex;
-}
-
-.playground-container .system-message-container .system-message-header .system-message-title {
-  font-size: 12px;
-  font-weight: 400;
-  line-height: 100%;
-}
-
-.playground-container .system-message-container .system-message-content {
-  color: rgba(0, 0, 0, .85);
-  font-size: 14px;
-}
-
-.playground-container .system-message-container .system-message-content .system-message-text {
-  color: rgba(0, 0, 0, .85);
-  font-size: 14px;
-  line-height: 25px;
-}
-
-.playground-container .system-message-container .system-message-content .error-message {
-  color: #e51723;
-  word-break: break-word;
-  background-color: #fff;
-  border: none;
-  border-radius: 0;
-  align-items: flex-start;
-  margin-bottom: 16px;
-  padding: 0;
-  font-size: 14px;
-  display: flex;
-}
-
-.playground-container .system-message-container .system-message-content .error-message .divider {
-  background-color: #e6e8eb;
-  flex-shrink: 0;
-  align-self: stretch;
-  width: 1px;
-  min-height: 20px;
-  margin: 0 8px 0 0;
-}
-
-.playground-container .system-message-container .system-message-content .loading-progress-text {
-  color: #666;
-  background: #f6f8fa;
-  border-left: 3px solid #1890ff;
-  border-radius: 4px;
-  margin-top: 8px;
-  padding: 8px 12px;
-  font-size: 13px;
-}
-
-.playground-container .new-conversation-separator {
-  flex-shrink: 0;
-  justify-content: center;
-  align-items: center;
-  padding: 20px 0;
-  display: flex;
-  position: relative;
-}
-
-.playground-container .new-conversation-separator .separator-line {
-  background-color: #e8e8e8;
-  height: 1px;
-  position: absolute;
-  top: 50%;
-  left: 0;
-  right: 0;
-}
-
-.playground-container .new-conversation-separator .separator-text-container {
-  z-index: 1;
-  background-color: #fff;
-  padding: 0 16px;
-  position: relative;
-}
-
-.playground-container .new-conversation-separator .separator-text-container .separator-text {
-  color: #999;
-  background-color: #fff;
-  font-size: 12px;
-}
-
-.playground-container .bottom-input-section {
-  background-color: #fff;
-  flex-shrink: 0;
-  padding: 16px 0 0;
-}
-
-.playground-container .version-info-section {
-  flex-shrink: 0;
-  justify-content: center;
-  align-items: center;
-  height: 38px;
-  display: flex;
-}
-
-.playground-container .version-text {
-  color: #999;
-  text-align: center;
-  font-size: 12px;
-}
-
-.playground-container .hidden-result-ref {
-  display: none;
-}
-
-.playground-container .playground-description {
-  margin-bottom: 32px;
-}
-
-.playground-container .playground-description .description-zh {
-  color: #333;
-  margin: 0 0 8px;
-  font-size: 16px;
-  line-height: 1.5;
-}
-
-.playground-container .playground-description .description-en {
-  color: #666;
-  margin: 0;
-  font-size: 14px;
-  line-height: 1.5;
-}
-
-.playground-container .config-section {
-  margin-bottom: 24px;
-}
-
-.playground-container .config-section .config-title {
-  color: #333;
-  margin: 0 0 16px;
-  font-size: 18px;
-  font-weight: 600;
-}
-
-.playground-container .config-section .config-item {
-  align-items: center;
-  gap: 8px;
-  margin-bottom: 12px;
-  display: flex;
-}
-
-.playground-container .config-section .config-item .config-check {
-  color: #52c41a;
-  font-size: 16px;
-}
-
-.playground-container .config-section .config-item .config-label {
-  color: #333;
-  font-size: 14px;
-}
-
-.playground-container .config-section .config-link {
-  color: #1890ff;
-  font-size: 14px;
-  text-decoration: none;
-}
-
-.playground-container .config-section .config-link:hover {
-  text-decoration: underline;
-}
-