feat: chat improvements, file viewer, usage fixes, and agent filesystem awareness

server/web/static/style.css

@@ -193,6 +193,72 @@ body {
   border-bottom-left-radius: 2px;
 }
 
+/* Copy response button (below assistant bubble, visible on hover) */
+.copy-response-btn {
+  font-size: 11px;
+  color: var(--text-dim);
+  margin-top: 2px;
+  align-self: flex-start;
+  opacity: 0;
+  transition: opacity 0.15s;
+}
+.message.assistant:hover .copy-response-btn,
+.copy-response-btn:focus { opacity: 1; }
+
+/* Fenced code blocks inside chat bubbles */
+.code-block {
+  margin: 8px 0;
+  border-radius: 6px;
+  overflow: hidden;
+  border: 1px solid var(--border);
+  font-size: 13px;
+}
+.code-block:first-child { margin-top: 0; }
+.code-block:last-child  { margin-bottom: 0; }
+
+.code-block-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 4px 10px;
+  background: var(--bg3);
+  border-bottom: 1px solid var(--border);
+  min-height: 30px;
+}
+.code-lang {
+  font-family: var(--mono);
+  font-size: 11px;
+  color: var(--text-dim);
+}
+.copy-code-btn {
+  font-size: 11px !important;
+  padding: 2px 8px !important;
+}
+.code-block pre {
+  margin: 0;
+  padding: 12px 14px;
+  overflow-x: auto;
+  background: var(--bg);
+  white-space: pre-wrap;
+  word-break: break-all;
+}
+.code-block code {
+  font-family: var(--mono);
+  font-size: 12px;
+  line-height: 1.6;
+  color: var(--text);
+}
+
+/* Inline code */
+.inline-code {
+  font-family: var(--mono);
+  font-size: 0.88em;
+  background: var(--bg3);
+  border: 1px solid var(--border);
+  border-radius: 3px;
+  padding: 1px 5px;
+}
+
 .message-meta {
   font-size: 11px;
   color: var(--text-dim);