@ai-setting/roy-plugin-task-show 2.5.11 → 2.5.13

package/public/style.css

@@ -2359,3 +2359,112 @@ details summary {
 /* (no streaming-specific styles yet — appendChunk uses
  * innerHTML replacement + a tiny render-time debounce in
  * public/markdown-renderer.js, which is below flicker threshold.) */
+
+/* ============================================================================
+ * v2.5.12 (Task #2952): full-content file viewer for write_file / write /
+ * create_file + unified-diff rendering for edit_file / multi_edit_file /
+ * apply_patch.
+ *
+ * Contract: the right-hand tool-call detail panel MUST render the FULL
+ * payload for write_file (no max-height truncation) and a git-style diff
+ * for edit_file (no Monaco fallback). The classes below scope the styles
+ * tightly so the legacy `.diff-body` rules (which still cap at 320px) are
+ * unaffected for any pre-existing inline consumers.
+ * ========================================================================== */
+
+.file-viewer.write-file,
+.file-viewer.edit-file {
+  font-family: ui-monospace, "SF Mono", Menlo, monospace;
+  font-size: 12px;
+  line-height: 1.55;
+  margin: 6px 0 0;
+  border: 1px solid var(--border, #e5e7eb);
+  border-radius: 4px;
+  background: #fafafa;
+}
+
+.file-viewer .file-header {
+  display: flex;
+  align-items: baseline;
+  gap: 8px;
+  padding: 6px 10px;
+  border-bottom: 1px solid var(--border, #e5e7eb);
+  background: #f3f4f6;
+  font-size: 11px;
+}
+
+.file-viewer .file-icon {
+  font-size: 13px;
+  flex: 0 0 auto;
+}
+
+.file-viewer .file-path {
+  font-weight: 600;
+  color: var(--fg, #0f172a);
+  word-break: break-all;
+}
+
+.file-viewer .file-meta {
+  color: var(--fg-muted, #6b7280);
+  margin-left: auto;
+  flex: 0 0 auto;
+  white-space: nowrap;
+}
+
+.file-viewer .code-block {
+  margin: 0;
+  padding: 6px 0 6px 0;
+  /* Task #2952: NO max-height — full content must be visible. */
+  max-height: none !important;
+  overflow-y: visible;
+  background: transparent;
+}
+
+.file-viewer .code-line,
+.file-viewer .diff-line {
+  display: flex;
+  white-space: pre;
+  padding: 0 8px;
+  min-height: 1.55em;
+}
+
+.file-viewer .code-line .ln,
+.file-viewer .diff-line .ln {
+  flex: 0 0 4ch;
+  text-align: right;
+  margin-right: 8px;
+  color: var(--fg-muted, #9ca3af);
+  user-select: none;
+}
+
+.file-viewer .diff-line .marker {
+  flex: 0 0 1ch;
+  text-align: center;
+  font-weight: 600;
+  margin-right: 4px;
+}
+
+.file-viewer .diff-line[data-kind="add"] {
+  background: rgba(46, 160, 67, 0.12);
+}
+.file-viewer .diff-line[data-kind="add"] .marker {
+  color: #2ea043;
+}
+.file-viewer .diff-line[data-kind="remove"] {
+  background: rgba(248, 81, 73, 0.12);
+}
+.file-viewer .diff-line[data-kind="remove"] .marker {
+  color: #f85149;
+}
+.file-viewer .diff-line[data-kind="context"] {
+  opacity: 0.7;
+}
+.file-viewer .diff-line[data-kind="context"] .marker {
+  color: var(--fg-muted, #9ca3af);
+}
+
+.file-viewer .code-line .content,
+.file-viewer .diff-line .content {
+  flex: 1 1 auto;
+  white-space: pre;
+}