@jay-framework/aiditor 0.20.0 → 0.22.0

package/dist/pages/aiditor/page.css

@@ -290,7 +290,7 @@ body {
   padding: 5px 8px;
   background: var(--harmony-bg-surface);
   border: 1px solid var(--harmony-border);
-  border-radius: var(--harmony-radius-pill);
+  border-radius: 8px;
   box-shadow:
     0 6px 28px rgba(22, 45, 61, 0.14),
     0 2px 6px rgba(22, 45, 61, 0.06);
@@ -865,14 +865,56 @@ body {
   min-width: 200px;
 }
 .url-bar {
+  display: flex;
+  align-items: center;
+  gap: 4px;
   font-size: 12px;
   font-family: var(--harmony-mono);
   color: var(--harmony-text-secondary);
   background: var(--harmony-bg-surface);
   border: 1px solid var(--harmony-border);
   border-radius: var(--harmony-radius-sm);
-  padding: 7px 12px;
-  word-break: break-all;
+  padding: 4px 4px 4px 12px;
+}
+.url-bar-text {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.url-bar-open-tab {
+  flex-shrink: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  padding: 0;
+  border: none;
+  border-radius: var(--harmony-radius-sm);
+  background: transparent;
+  color: var(--harmony-text-muted);
+  cursor: pointer;
+  transition:
+    color 0.12s ease,
+    background 0.12s ease;
+}
+.url-bar-open-tab:hover:not(:disabled) {
+  color: var(--harmony-text);
+  background: var(--harmony-bg-hover);
+}
+.url-bar-open-tab:disabled {
+  opacity: 0.4;
+  cursor: default;
+}
+.url-bar-open-tab:focus-visible {
+  outline: 2px solid var(--harmony-primary);
+  outline-offset: 1px;
+}
+.url-bar-open-tab .harmony-routes-panel-open-tab-icon {
+  width: 24px;
+  height: 24px;
 }
 
 .preview-loading {
@@ -1179,6 +1221,19 @@ body {
 .visual-attachment-remove-file:hover {
   color: var(--harmony-danger);
 }
+.visual-attachment-chip-actions {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 2px;
+  flex-shrink: 0;
+}
+.visual-attachment-number {
+  font-size: 10px;
+  font-weight: 600;
+  color: var(--harmony-primary);
+  line-height: 1;
+}
 .file-input-hidden {
   display: none;
 }
@@ -1549,11 +1604,24 @@ body {
   max-height: 94vh;
   display: flex;
   flex-direction: column;
-  gap: 10px;
-  padding: 14px 16px;
+  gap: 24px;
+  padding: 32px 32px;
   overflow: hidden;
   box-shadow: var(--harmony-shadow-lg);
 }
+.video-review-panel {
+  position: relative;
+}
+.video-review-header {
+  align-items: flex-start;
+  padding-right: 28px;
+}
+.video-review-panel .harmony-modal-close {
+  position: absolute;
+  top: 12px;
+  right: 12px;
+  z-index: 1;
+}
 .video-review-body {
   display: flex;
   flex-direction: column;
@@ -1561,23 +1629,27 @@ body {
   min-height: 0;
   flex: 1 1 auto;
 }
-.video-review-tools {
-  display: inline-flex;
-  flex-wrap: nowrap;
-  gap: 2px;
-  align-items: center;
-  width: fit-content;
-}
-.video-review-tools .visual-tool-btn {
-  padding: 7px 8px;
-  min-width: 28px;
-}
 .video-review-capture-root {
+  position: relative;
   flex: 0 1 auto;
   min-height: 0;
   max-height: min(56vh, 480px);
   overflow: hidden;
 }
+.video-review-toolbar-wrap {
+  position: absolute;
+  bottom: 12px;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 12;
+  pointer-events: none;
+}
+.video-review-toolbar-wrap > * {
+  pointer-events: auto;
+}
+.video-review-toolbar-wrap .annotate-dock {
+  border-radius: 8px;
+}
 .video-review-capture-root .preview-frame {
   width: 100%;
   height: auto;
@@ -1585,6 +1657,9 @@ body {
   max-height: min(56vh, 480px);
   object-fit: contain;
   display: block;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 8px;
+  box-sizing: border-box;
 }
 .snapshot-panel {
   width: min(1200px, 96vw);
@@ -1594,10 +1669,12 @@ body {
 .snapshot-header {
   display: flex;
   justify-content: space-between;
-  align-items: center;
   gap: 12px;
   flex-wrap: wrap;
 }
+.snapshot-header {
+  align-items: center;
+}
 .video-review-title,
 .snapshot-title {
   font-size: 15px;
@@ -1605,9 +1682,21 @@ body {
   color: var(--harmony-text);
   margin: 0;
 }
-.video-review-meta {
+.video-review-title {
+  font-size: 20px;
+}
+.video-review-subtitle {
+  font-size: 16px;
+  color: var(--harmony-text-secondary);
+  margin: 4px 0 0;
+  line-height: 1.35;
+}
+.video-review-time {
+  flex-shrink: 0;
   font-size: 12px;
   color: var(--harmony-text-muted);
+  font-variant-numeric: tabular-nums;
+  white-space: nowrap;
 }
 .snapshot-tools {
   display: flex;
@@ -2251,7 +2340,7 @@ body {
 .add-menu-picker-search-icon {
   color: var(--harmony-text-muted);
   font-size: 30px;
-  line-height: 1;
+  line-height: 0;
   flex-shrink: 0;
 }
 .add-menu-picker-search-input {
@@ -2544,12 +2633,28 @@ body {
   padding: 24px;
   box-sizing: border-box;
 }
+.add-page-brief-fill-popover-stack {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 10px;
+  width: min(420px, 100%);
+  max-height: 90%;
+}
+.add-page-brief-fill-stop-confirm {
+  align-self: center;
+  max-width: 100%;
+  white-space: normal;
+  text-align: center;
+  flex-wrap: wrap;
+  justify-content: center;
+}
 .add-page-brief-fill-panel {
   background: var(--harmony-bg-surface);
   border: 1px solid var(--harmony-border);
   border-radius: var(--harmony-radius-md);
-  width: min(420px, 100%);
-  max-height: 90%;
+  width: 100%;
+  max-height: 100%;
   overflow: auto;
   padding: 14px 16px;
   display: flex;
@@ -3805,7 +3910,7 @@ body {
 }
 .add-menu-dock-subhint {
   margin: 0;
-  padding: 8px 18px 0;
+  padding: 2px 18px 6px;
   font-size: 12px;
   line-height: 1.35;
   color: var(--harmony-text-secondary);