feat: file viewer added

webui/html/style.css

@@ -366,6 +366,37 @@ button:disabled {
   justify-content: flex-end;
 }
 
+.viewer-card {
+  position: relative;
+  width: min(960px, calc(100vw - 32px));
+  max-height: calc(100vh - 32px);
+  display: flex;
+  flex-direction: column;
+}
+
+.viewer-close {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  min-width: 32px;
+  padding: 2px 8px;
+}
+
+.viewer-content {
+  margin: 6px 0 0 0;
+  padding: 10px;
+  min-height: 240px;
+  max-height: calc(100vh - 180px);
+  overflow: auto;
+  border: 1px solid var(--border);
+  background: #f8fafc;
+  color: var(--text);
+  font: 12px/1.45 "SFMono-Regular", Consolas, "Liberation Mono", monospace;
+  white-space: pre-wrap;
+  word-break: break-word;
+  user-select: text;
+}
+
 @media (max-width: 1200px) {
   .workspace {
     grid-template-columns: 1fr;