feat(ui): finalize shared shells and loading states

web/src/assets/styles/views/digital-employees-view.css

@@ -5,49 +5,81 @@
 
 .digital-employees-list {
   height: 100%;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  padding: 16px 18px;
+  overflow: hidden;
 }
 
 .digital-employees-list > .status-tabs {
   flex: 0 0 auto;
+  display: flex;
+  gap: 28px;
+  margin-top: 14px;
+  padding-bottom: 0;
+  border-bottom: 1px solid #dbe4ee;
+  overflow-x: auto;
+  overflow-y: hidden;
+  scrollbar-width: none;
 }
 
-.digital-employees-list .table-wrap {
-  min-height: 0;
+.digital-employees-list > .status-tabs::-webkit-scrollbar {
+  display: none;
+}
+
+.digital-employees-list > .status-tabs button {
+  position: relative;
+  min-height: 36px;
+  display: inline-flex;
+  align-items: center;
+  gap: 7px;
+  border: 0;
+  background: transparent;
+  color: #64748b;
+  font-size: 14px;
+  font-weight: 750;
+  white-space: nowrap;
+}
+
+.digital-employees-list > .status-tabs button.active {
+  color: var(--theme-primary-active);
+}
+
+.digital-employees-list > .status-tabs button.active::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: -1px;
+  height: 3px;
+  border-radius: 999px 999px 0 0;
+  background: var(--theme-primary);
 }
 
 .digital-employees-table {
   min-width: 1060px;
-  table-layout: fixed;
 }
 
-.digital-employees-table .col-skill { width: 27%; }
-.digital-employees-table .col-schedule { width: 16%; }
-.digital-employees-table .col-mode { width: 12%; }
+/* Default first column left alignment */
+.digital-employees-table th:first-child,
+.digital-employees-table td:first-child {
+  text-align: left;
+}
+
+.digital-employees-table .col-skill { width: 22%; }
 .digital-employees-table .col-skill-type { width: 11%; }
-.digital-employees-table .col-status { width: 11%; }
-.digital-employees-table .col-enabled { width: 11%; }
-.digital-employees-table .col-updated { width: 12%; }
-
-.digital-employees-table td {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.digital-employees-table tbody tr {
-  cursor: pointer;
-}
+.digital-employees-table .col-owner { width: 11%; }
+.digital-employees-table .col-schedule { width: 16%; }
+.digital-employees-table .col-mode { width: 10%; }
+.digital-employees-table .col-status { width: 10%; }
+.digital-employees-table .col-enabled { width: 10%; }
+.digital-employees-table .col-updated { width: 10%; }
 
 .digital-refresh-action i {
   font-size: 16px;
 }
 
-.skill-type-pill {
-  border-color: #dbeafe;
-  background: #eff6ff;
-  color: #1d4ed8;
-}
-
 .digital-employee-detail {
   height: 100%;
 }

web/src/assets/styles/views/logs-view.css

@@ -54,6 +54,26 @@
   color: var(--theme-primary);
 }
 
+.system-logs-list .refresh-interval-filter,
+.system-logs-list .refresh-interval-trigger,
+.system-logs-list .refresh-interval-menu {
+  min-width: 148px;
+}
+
+.system-logs-list .refresh-interval-trigger > .mdi:first-child {
+  color: var(--theme-primary);
+}
+
+.system-logs-list .icon-refresh-action {
+  width: 40px;
+  min-width: 40px;
+  padding: 0;
+}
+
+.system-logs-list .icon-refresh-action .mdi {
+  font-size: 18px;
+}
+
 .system-logs-list .document-filter-menu {
   position: absolute;
   top: calc(100% + 8px);

web/src/assets/styles/views/policies-view.css

@@ -423,14 +423,6 @@ th {
   text-align: center;
 }
 
-.table-loading-row {
-  padding: 0;
-}
-
-.table-loading-row > .table-loading {
-  min-height: 220px;
-}
-
 .list-foot {
   display: grid;
   grid-template-columns: 1fr auto 1fr;

web/src/assets/styles/views/settings-view.css

@@ -206,6 +206,16 @@
   padding: 20px 24px;
 }
 
+.settings-content-fill {
+  overflow: hidden;
+  align-content: stretch;
+}
+
+.settings-content-fill .settings-logs-view,
+.settings-content-fill .settings-log-detail-view {
+  min-height: 0;
+}
+
 .model-grid {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -680,6 +690,19 @@
   margin-bottom: 20px;
 }
 
+.log-policy-card .card-head {
+  padding-top: 12px;
+  padding-bottom: 12px;
+}
+
+.log-policy-card > *:not(.card-head) {
+  margin-top: 18px;
+}
+
+.log-policy-card > *:not(.card-head):last-child {
+  margin-bottom: 20px;
+}
+
 /* 大语言模型配置卡片图标与标题排版 */
 .card-title-with-icon {
   display: flex;

web/src/assets/styles/views/setup-view.css

@@ -591,9 +591,9 @@
   background: rgba(6, 78, 59, 0.34);
 }
 
-.setup-startup-spinner .pi {
-  font-size: 22px;
-}
+.setup-startup-spinner .mdi {
+  font-size: 22px;
+}
 
 .setup-startup-spinner strong {
   color: #ffffff;
@@ -626,10 +626,10 @@
   background: rgba(15, 23, 42, 0.24);
 }
 
-.setup-startup-step .pi {
-  margin-top: 2px;
+.setup-startup-step .mdi {
+  margin-top: 2px;
   color: color-mix(in srgb, var(--theme-primary-soft) 46%, transparent);
-}
+}
 
 .setup-startup-step strong {
   color: #f8fffb;
@@ -648,25 +648,25 @@
   border-color: rgba(59, 130, 246, 0.34);
 }
 
-.setup-startup-step.is-running .pi {
-  color: #93c5fd;
-}
+.setup-startup-step.is-running .mdi {
+  color: #93c5fd;
+}
 
 .setup-startup-step.is-success {
   border-color: rgba(var(--theme-primary-rgb), 0.32);
 }
 
-.setup-startup-step.is-success .pi {
+.setup-startup-step.is-success .mdi {
   color: var(--theme-primary-light-5);
-}
+}
 
 .setup-startup-step.is-error {
   border-color: rgba(248, 113, 113, 0.36);
 }
 
-.setup-startup-step.is-error .pi {
-  color: #f87171;
-}
+.setup-startup-step.is-error .mdi {
+  color: #f87171;
+}
 
 .setup-startup-console {
   min-height: 0;