优化模型上传与预览体验

web/src/pages/app/dialogs.css

@@ -64,6 +64,42 @@
   color: #405469;
 }
 
+.upload-target-path {
+  display: grid;
+  grid-template-columns: 64px minmax(0, 1fr);
+  align-items: center;
+  gap: 8px;
+  padding: 8px 10px;
+  border: 1px solid #dbe3ea;
+  border-radius: 6px;
+  background: #f8fafb;
+}
+
+.upload-target-path span {
+  color: #647586;
+  font-size: 12px;
+}
+
+.upload-target-path strong {
+  min-width: 0;
+  overflow: hidden;
+  color: #243447;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.upload-popup-form textarea {
+  width: 100%;
+  min-height: 140px;
+  resize: vertical;
+  border: 1px solid #c9d3dd;
+  border-radius: 4px;
+  padding: 7px 8px;
+  background: #ffffff;
+  color: #1c2733;
+  font: 12px/1.5 Consolas, "Microsoft YaHei", monospace;
+}
+
 .preview-shell {
   height: 100%;
   padding: 0;
@@ -240,7 +276,54 @@
   inset: 0;
   display: grid;
   place-items: center;
+  z-index: 2;
   color: #647586;
+  background: rgba(244, 247, 249, 0.86);
+}
+
+.preview-loading-box {
+  width: min(280px, calc(100% - 40px));
+  display: grid;
+  gap: 8px;
+  padding: 14px 16px;
+  border: 1px solid #d8e0e8;
+  border-radius: 6px;
+  background: #ffffff;
+  box-shadow: 0 8px 24px rgba(28, 39, 51, 0.12);
+}
+
+.preview-loading-box strong {
+  color: #243447;
+  font-size: 14px;
+}
+
+.preview-loading-box span {
+  min-height: 18px;
+  color: #647586;
+}
+
+.preview-loading-track {
+  height: 6px;
+  overflow: hidden;
+  border-radius: 999px;
+  background: #e6edf2;
+}
+
+.preview-loading-track i {
+  display: block;
+  height: 100%;
+  min-width: 10px;
+  border-radius: inherit;
+  background: #1f6f8b;
+  transition: width 0.16s ease;
+}
+
+.preview-loading-box.is-error {
+  border-color: #f0c0b8;
+}
+
+.preview-loading-box.is-error strong {
+  color: #b42318;
 }
 
 .dictionary-manager {