@1agh/maude 0.57.0 → 0.58.0

package/apps/studio/client/styles/3-shell-maude.css

@@ -219,6 +219,10 @@
 .st-sb-changes.has-changes .st-sb-changes-dot { background: var(--status-warn); }
 .st-sb-changes.has-unpushed .st-sb-changes-dot { background: var(--accent); }
 
+/* The running release. Ambient, not a state to act on — so it sits at the same
+   weight as a slot label rather than at .val's foreground. No new tokens. */
+.st-sb-version .val { color: var(--fg-3); }
+
 /* ═══ Task 4 — body row · sidebar · tree · rail ═══════════════════════════════ */
 
 /* The body flex row replaces the legacy `.app` grid: rail | sidebar | main | rpanel. */
@@ -425,6 +429,47 @@
    incomplete; auto-hides once probeSetupReadiness() reports ready. */
 .st-empty-quick-setup { pointer-events: auto; margin-top: var(--space-2); }
 
+/* ═══ feature-studio-file-preview — non-canvas file preview overlay ════════
+ * Layered above the (still-mounted) canvas iframe / empty state so switching
+ * back to a canvas is instant. Shell-token only, no hardcoded colors. */
+.st-file-preview-overlay {
+  position: absolute; inset: 0; z-index: 5; display: flex; flex-direction: column;
+  background: var(--bg-1); overflow: auto;
+}
+.st-file-preview-overlay:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
+.st-file-preview { display: flex; flex-direction: column; min-height: 100%; }
+.st-file-preview-header {
+  flex: none; margin: 0; padding: var(--space-3) var(--space-4); font-family: var(--font-mono);
+  font-size: var(--type-xs); font-weight: 400; color: var(--fg-2); border-bottom: 1px solid var(--border-subtle);
+  background: var(--bg-0);
+}
+.st-file-preview-body { flex: 1; padding: var(--space-6); }
+.st-file-preview-status { color: var(--fg-3); font-size: var(--type-sm); }
+.st-file-preview-error { color: var(--status-error); }
+.st-file-preview-text {
+  font-family: var(--font-mono); font-size: var(--type-xs); line-height: 1.6; color: var(--fg-1);
+  white-space: pre-wrap; word-break: break-word; background: var(--bg-0);
+  border: 1px solid var(--border-subtle); border-radius: var(--radius-sm); padding: var(--space-4);
+}
+.st-file-preview-markdown { max-width: 720px; color: var(--fg-1); }
+.st-file-preview-image-wrap {
+  display: flex; align-items: center; justify-content: center; min-height: 200px;
+  background-image: linear-gradient(45deg, var(--bg-2) 25%, transparent 25%),
+    linear-gradient(-45deg, var(--bg-2) 25%, transparent 25%),
+    linear-gradient(45deg, transparent 75%, var(--bg-2) 75%),
+    linear-gradient(-45deg, transparent 75%, var(--bg-2) 75%);
+  background-size: 16px 16px; background-position: 0 0, 0 8px, 8px -8px, -8px 0;
+  border: 1px solid var(--border-subtle); border-radius: var(--radius-sm);
+}
+.st-file-preview-image { max-width: 100%; max-height: 70vh; object-fit: contain; }
+.st-file-preview-media { max-width: 100%; max-height: 70vh; display: block; }
+.st-file-preview-audio { width: 100%; }
+.st-file-preview-font { display: flex; flex-direction: column; gap: var(--space-4); }
+.st-file-preview-font-specimen { color: var(--fg-0); }
+.st-file-preview-font-lg { font-size: 40px; line-height: 1.3; }
+.st-file-preview-font-md { font-size: 24px; line-height: 1.4; }
+.st-file-preview-font-sm { font-size: 14px; line-height: 1.6; color: var(--fg-2); word-break: break-all; }
+
 /* ═══ Task 6 — right panel (Inspector / Comments) + palette + toast ═══════════ */
 .st-rpanel {
   background: var(--bg-1); border-left: 1px solid var(--border-default);

package/apps/studio/client/styles/6-acp-chat.css

@@ -619,6 +619,34 @@
     border-radius: var(--radius-sm);
     overflow-x: auto;
   }
+  .chat-md-table-wrap {
+    overflow-x: auto;
+    border: 1px solid var(--border-subtle);
+    border-radius: var(--radius-sm);
+  }
+  .chat-md-table {
+    width: 100%;
+    border-collapse: collapse;
+    font-size: var(--type-xs);
+  }
+  .chat-md-table th,
+  .chat-md-table td {
+    padding: var(--space-2) var(--space-3);
+    text-align: left;
+    border-bottom: 1px solid var(--border-subtle);
+    white-space: pre-wrap;
+  }
+  .chat-md-table th {
+    background: var(--bg-2);
+    font-weight: 600;
+    color: var(--fg-0);
+  }
+  .chat-md-table td {
+    color: var(--fg-1);
+  }
+  .chat-md-table tbody tr:last-child td {
+    border-bottom: none;
+  }
   .chat-code code {
     font-family: var(--font-mono);
     font-size: var(--type-xs);