Token-Optimierung: Prompt Caching + Tool-Result-Truncation in History

wwwroot/css/chat.css

@@ -383,3 +383,56 @@
   text-decoration: none;
   color: var(--text);
 }
+
+/* System-Prompt Modal */
+
+.sp-overlay {
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.6);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 1000;
+}
+
+.sp-modal {
+  background: var(--f2-bg);
+  border: var(--border-width) solid var(--f2-border);
+  border-radius: var(--border-radius);
+  overflow: hidden;
+  width: 90vw;
+  max-width: 700px;
+  max-height: 80vh;
+  display: flex;
+  flex-direction: column;
+}
+
+.sp-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--box-padding);
+  border-bottom: var(--border-width) solid var(--f1-border);
+  background: var(--f1-bg);
+  flex-shrink: 0;
+}
+
+.sp-close {
+  width: 2em;
+  aspect-ratio: 1;
+  padding: 0;
+  line-height: 1;
+}
+
+.sp-body {
+  padding: var(--page-padding);
+  overflow-y: auto;
+  flex: 1;
+}
+
+.sp-loading {
+  text-align: center;
+  opacity: var(--semi-transparent);
+  padding: 2em;
+}