feat: 增强 Knowledge 创建流程步骤验证

- 添加步骤有效性验证逻辑
- 支持跳转到已完成步骤
- 优化创建流程用户体验

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

web/src/views/knowledge/knowledge.css

@@ -31,7 +31,7 @@
 }
 
 .search-input:focus {
-  border-color: #f97316;
+  border-color: #ffffff;
 }
 
 .search-input::placeholder {
@@ -116,7 +116,7 @@
 }
 
 .kb-dialog :deep(.el-dialog__headerbtn:hover .el-dialog__close) {
-  color: #f97316;
+  color: #ffffff;
 }
 
 .kb-dialog :deep(.el-dialog__body) {
@@ -135,8 +135,8 @@
 }
 
 .kb-dialog :deep(.el-button--primary) {
-  background-color: #f97316;
-  border-color: #f97316;
+  background-color: #ffffff;
+  border-color: #ffffff;
 }
 
 .kb-dialog :deep(.el-button--primary:hover) {
@@ -226,6 +226,20 @@
   border-color: rgba(54, 191, 250, 0.25);
 }
 
+.menu-item.disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.menu-item.disabled .menu-content {
+  opacity: 0.5;
+}
+
+.menu-check {
+  color: #22c55e;
+  font-size: 14px;
+}
+
 .menu-icon {
   width: 36px;
   height: 36px;
@@ -241,9 +255,9 @@
 }
 
 .menu-item.active .menu-icon {
-  background: linear-gradient(135deg, #36bffa 0%, #0ea5e9 100%);
+  background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
   color: white;
-  box-shadow: 0 4px 12px rgba(54, 191, 250, 0.3);
+  box-shadow: 0 4px 12px rgba(249, 115, 22, 0.3);
 }
 
 .menu-content {
@@ -262,7 +276,7 @@
 }
 
 .menu-item.active .menu-title {
-  color: #36bffa;
+  color: #ffffff;
 }
 
 .menu-desc {
@@ -272,7 +286,7 @@
 
 .menu-arrow {
   font-size: 12px;
-  color: #36bffa;
+  color: #ffffff;
 }
 
 /* 右侧内容区 */
@@ -311,11 +325,11 @@
   width: 48px;
   height: 48px;
   border-radius: 14px;
-  background: linear-gradient(135deg, rgba(54, 191, 250, 0.2) 0%, rgba(14, 165, 233, 0.12) 100%);
+  background: linear-gradient(135deg, rgba(249, 115, 22, 0.2) 0%, rgba(234, 88, 12, 0.12) 100%);
   display: flex;
   align-items: center;
   justify-content: center;
-  color: #36bffa;
+  color: #ffffff;
   font-size: 18px;
 }
 
@@ -342,11 +356,11 @@
 }
 
 .kb-form :deep(.el-input__wrapper:hover) {
-  border-color: #36bffa;
+  border-color: #ffffff;
 }
 
 .kb-form :deep(.el-input__wrapper.is-focus) {
-  border-color: #36bffa;
+  border-color: #ffffff;
   box-shadow: 0 0 0 3px rgba(54, 191, 250, 0.15);
 }
 
@@ -370,11 +384,11 @@
 }
 
 .kb-form :deep(.el-textarea__inner:hover) {
-  border-color: #36bffa;
+  border-color: #ffffff;
 }
 
 .kb-form :deep(.el-textarea__inner:focus) {
-  border-color: #36bffa;
+  border-color: #ffffff;
   box-shadow: 0 0 0 3px rgba(54, 191, 250, 0.15);
 }
 
@@ -391,11 +405,11 @@
 }
 
 .kb-form :deep(.el-select .el-input__wrapper:hover) {
-  border-color: #36bffa;
+  border-color: #ffffff;
 }
 
 .kb-form :deep(.el-select .el-input__wrapper.is-focus) {
-  border-color: #36bffa;
+  border-color: #ffffff;
   box-shadow: 0 0 0 3px rgba(54, 191, 250, 0.15);
 }
 
@@ -408,7 +422,24 @@
 }
 
 .provider-option i {
-  color: #36bffa;
+  color: #ffffff;
+}
+
+/* 模型选项 */
+.model-option {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  color: #e8eaed;
+}
+
+.model-option .model-name {
+  font-weight: 500;
+}
+
+.model-option .model-info {
+  font-size: 12px;
+  color: #9ca3af;
 }
 
 /* Parsing 配置样式 */
@@ -454,8 +485,8 @@
 
 /* Switch 样式 */
 :deep(.el-switch.is-checked .el-switch__core) {
-  background-color: #36bffa;
-  border-color: #36bffa;
+  background-color: #ffffff;
+  border-color: #ffffff;
 }
 
 .parsing-divider {
@@ -566,7 +597,7 @@
 }
 
 .next-btn {
-  background: linear-gradient(135deg, #36bffa 0%, #0ea5e9 100%);
+  background: linear-gradient(135deg, #ffffff 0%, #0ea5e9 100%);
   border: none;
   color: white;
   padding: 10px 20px;
@@ -580,7 +611,7 @@
 }
 
 .next-btn:hover {
-  background: linear-gradient(135deg, #4dc3ff 0%, #36bffa 100%);
+  background: linear-gradient(135deg, #4dc3ff 0%, #ffffff 100%);
   box-shadow: 0 6px 16px rgba(54, 191, 250, 0.35);
 }