完善提示词管理和配置管理的增删改查

app/styles/pages/config-lists_new.css

@@ -41,7 +41,7 @@
 .config-new-page .form-input,
 .config-new-page .form-select,
 .config-new-page .form-textarea {
-  @apply block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-primary-500 focus:border-primary-500 sm:text-sm;
+  @apply block w-full border rounded-md shadow-sm py-2 px-3 focus:outline-none  sm:text-sm;
 }
 
 .config-new-page .form-textarea {
@@ -97,9 +97,9 @@
 
 /* JSON编辑器 */
 .config-new-page .json-editor {
-  @apply w-full min-h-[320px] font-mono text-sm leading-relaxed 
-         border border-gray-300 rounded-md p-3 bg-gray-50 text-gray-800
-         focus:outline-none focus:ring-primary-500 focus:border-primary-500;
+  @apply w-full min-h-[400px] font-mono text-sm leading-relaxed 
+         border rounded-md p-3 bg-gray-50 text-gray-800
+         focus:outline-none focus:border-[#00684a] focus:ring focus:ring-[#00684a] focus:ring-opacity-20;
 }
 
 .config-new-page .editor-actions {
@@ -108,7 +108,7 @@
 
 /* 示例卡片 */
 .config-new-page .example-card {
-  @apply h-full flex flex-col bg-gray-50 rounded-md border border-gray-200 overflow-hidden;
+  @apply h-[500px] flex flex-col bg-gray-50 rounded-md border border-gray-200 overflow-hidden;
 }
 
 .config-new-page .example-header {
@@ -120,7 +120,7 @@
 }
 
 .config-new-page .example-content {
-  @apply p-3 flex-grow overflow-auto;
+  @apply p-3 flex-grow overflow-auto text-sm ;
 }
 
 .config-new-page .example-pre {
@@ -136,4 +136,43 @@
 .config-new-page .code-json .string { @apply text-green-600; }
 .config-new-page .code-json .number { @apply text-purple-600; }
 .config-new-page .code-json .boolean { @apply text-blue-600; }
-.config-new-page .code-json .null { @apply text-gray-500; } 
+.config-new-page .code-json .null { @apply text-gray-500; } 
+
+.config-new-page .json-display {
+  font-family: monospace;
+  white-space: pre;
+  background-color: #f8fafc;
+  padding: 1rem;
+  border-radius: 0.375rem;
+  overflow-x: auto;
+}
+
+.config-new-page .json-line {
+  line-height: 1.5;
+}
+
+.config-new-page .json-char {
+  color: #334155;
+}
+
+.config-new-page .json-brace {
+  color: #64748b;
+  font-weight: bold;
+}
+
+.config-new-page .json-bracket {
+  color: #64748b;
+  font-weight: bold;
+}
+
+.config-new-page .json-quote {
+  color: #0ea5e9;
+}
+
+.config-new-page .json-colon {
+  color: #64748b;
+}
+
+.config-new-page .json-comma {
+  color: #64748b;
+}

app/styles/pages/prompts_new.css

@@ -41,7 +41,8 @@
 
 .prompt-new-page .form-input:focus,
 .prompt-new-page .form-select:focus,
-.prompt-new-page .form-textarea:focus {
+.prompt-new-page .form-textarea:focus,
+.prompt-new-page .form-code-editor:focus {
   @apply outline-none border-[var(--primary-color)] shadow-[0_0_0_2px_rgba(0,104,74,0.2)];
 }