mulmoclaude 0.5.2 → 0.6.0

package/src/plugins/textResponse/View.vue

@@ -4,6 +4,7 @@
       <button
         class="h-8 px-2.5 flex items-center gap-1 rounded bg-green-600 hover:bg-green-700 text-white text-sm disabled:opacity-60 disabled:cursor-not-allowed transition-colors"
         :disabled="pdfDownloading"
+        data-testid="text-response-pdf-button"
         @click="downloadPdf"
       >
         <span class="material-icons text-base">{{ pdfDownloading ? "hourglass_empty" : "download" }}</span>
@@ -16,12 +17,35 @@
         <div class="text-response-content-wrapper">
           <div class="p-6">
             <div class="max-w-3xl mx-auto space-y-4">
-              <div class="rounded-lg border border-gray-300 bg-white shadow-sm p-5" :class="roleTheme">
+              <div
+                class="rounded-lg border border-gray-300 bg-white shadow-sm p-5"
+                :class="roleTheme"
+                :data-testid="seededByPlugin ? 'text-response-plugin-seeded' : undefined"
+              >
                 <div class="flex justify-between items-start mb-2 text-sm text-gray-500">
-                  <span class="font-medium text-gray-700">{{ speakerLabel }}</span>
+                  <span class="flex items-center gap-2">
+                    <span class="font-medium text-gray-700">{{ speakerLabel }}</span>
+                    <span
+                      v-if="seededByPlugin"
+                      class="inline-flex items-center px-1.5 py-0.5 rounded text-[10px] uppercase font-medium bg-purple-100 text-purple-700 ring-1 ring-purple-200"
+                      :title="t('pluginTextResponse.seededByPluginTooltip', { pkg: seededByPlugin })"
+                      data-testid="text-response-seeded-by-plugin"
+                    >
+                      {{ t("pluginTextResponse.seededByPlugin", { pkg: seededByPlugin }) }}
+                    </span>
+                  </span>
                   <span v-if="transportKind" class="italic">{{ transportKind }}</span>
                 </div>
-                <div class="markdown-content prose prose-slate max-w-none leading-relaxed text-gray-900" v-html="renderedHtml"></div>
+                <!-- eslint-disable vue/no-v-html -- marked.parse output of app-owned assistant response text; trusted in-process render. Multi-line element so disable/enable pair (CLAUDE.md UI rule) instead of -next-line. -->
+                <div
+                  class="markdown-content prose prose-slate max-w-none leading-relaxed text-gray-900"
+                  :data-testid="isAssistant ? 'text-response-assistant-body' : undefined"
+                  v-html="renderedHtml"
+                ></div>
+                <!-- eslint-enable vue/no-v-html -->
+                <div v-if="messageAttachments.length > 0" class="space-y-3 mt-3" data-testid="text-response-attachments">
+                  <SentAttachmentChip v-for="path in messageAttachments" :key="path" :path="path" variant="block" />
+                </div>
               </div>
             </div>
           </div>
@@ -50,6 +74,7 @@ import { useI18n } from "vue-i18n";
 import { marked } from "marked";
 import type { ToolResult, ToolResultComplete } from "gui-chat-protocol/vue";
 import type { TextResponseData } from "./types";
+import SentAttachmentChip from "../../components/SentAttachmentChip.vue";
 import { handleExternalLinkClick } from "../../utils/dom/externalLink";
 import { classifyWorkspacePath } from "../../utils/path/workspaceLinkRouter";
 import { useAppApi } from "../../composables/useAppApi";
@@ -95,6 +120,12 @@ watch(editorSource, (next) => {
 
 const messageRole = computed(() => props.selectedResult.data?.role ?? "assistant");
 const transportKind = computed(() => props.selectedResult.data?.transportKind ?? "");
+const messageAttachments = computed<string[]>(() => props.selectedResult.data?.attachments ?? []);
+// Pkg name when this user turn was seeded by `runtime.chat.start()`
+// (Phase 1 of the Encore plan). Drives the "from <pkg>" chip and a
+// muted background variant so the user can tell the message came
+// from a plugin and not themselves.
+const seededByPlugin = computed<string>(() => props.selectedResult.data?.seededByPlugin ?? "");
 
 const renderedHtml = computed(() => {
   if (!messageText.value) return "";
@@ -106,7 +137,7 @@ const renderedHtml = computed(() => {
   if ((trimmedText.startsWith("{") && trimmedText.endsWith("}")) || (trimmedText.startsWith("[") && trimmedText.endsWith("]"))) {
     try {
       JSON.parse(trimmedText);
-      processedText = "```json\n" + trimmedText + "\n```";
+      processedText = `\`\`\`json\n${trimmedText}\n\`\`\``;
     } catch {
       // Not valid JSON, continue with original text
     }
@@ -133,6 +164,13 @@ const speakerLabel = computed(() => {
 });
 
 const roleTheme = computed(() => {
+  // Plugin-seeded user turns get a muted gray background instead of
+  // the standard "user" green so the row reads as "this came from a
+  // plugin, not you." The chip beside the speaker label carries the
+  // pkg name; the background change is the at-a-glance signal.
+  if (seededByPlugin.value && messageRole.value === "user") {
+    return "bg-gray-50 border-gray-200";
+  }
   switch (messageRole.value) {
     case "system":
       return "bg-blue-50 border-blue-200";
@@ -145,6 +183,11 @@ const roleTheme = computed(() => {
 
 const hasChanges = computed(() => editedText.value !== editorSource.value);
 
+// `<details>` element ref. Declared together with the editing state
+// just below, but hoisted up here so `applyChanges` can close the
+// panel after a save without TDZ ordering trouble.
+const detailsEl = ref<HTMLDetailsElement>();
+
 function applyChanges() {
   if (!hasChanges.value) return;
 
@@ -189,7 +232,6 @@ function openLinksInNewTab(event: MouseEvent): void {
 
 const { pdfDownloading, pdfError, downloadPdf: rawDownloadPdf } = usePdfDownload();
 
-const detailsEl = ref<HTMLDetailsElement>();
 const editing = ref(false);
 
 function onDetailsToggle(event: Event) {
@@ -219,13 +261,22 @@ async function copyText() {
 }
 
 async function downloadPdf() {
-  const text = props.selectedResult.data?.text ?? "";
+  const { data } = props.selectedResult;
+  // Display text and PDF source can diverge: Files Explorer's .md
+  // preview pre-rewrites image refs to `/api/files/raw?...` for
+  // browser display, but the server PDF inliner can't resolve those
+  // back to disk. Use the original source when the caller passes it.
+  const pdfText = data?.pdfSourceText ?? data?.text ?? "";
+  const displayText = data?.text ?? "";
   const filename = buildPdfFilename({
-    name: extractTextResponseTitle(text),
+    name: extractTextResponseTitle(displayText),
     fallback: "chat",
     timestampMs: appApi.getResultTimestamp(props.selectedResult.uuid),
   });
-  await rawDownloadPdf(text, filename);
+  await rawDownloadPdf(pdfText, filename, {
+    baseDir: data?.pdfBaseDir,
+    stripFrontmatter: data?.pdfStripFrontmatter,
+  });
 }
 </script>
 

package/src/plugins/textResponse/index.ts

@@ -3,8 +3,9 @@
  */
 
 import type { ToolPlugin } from "gui-chat-protocol/vue";
+import type { PluginRegistration } from "../../tools/types";
 import type { TextResponseData, TextResponseArgs } from "./types";
-import { pluginCore } from "./plugin";
+import { pluginCore, TOOL_NAME } from "./plugin";
 import { samples } from "./samples";
 import View from "./View.vue";
 import Preview from "./Preview.vue";
@@ -18,10 +19,17 @@ export const plugin: ToolPlugin<TextResponseData, unknown, TextResponseArgs> = {
 
 export type { TextResponseData, TextResponseArgs } from "./types";
 
-export { TOOL_NAME, TOOL_DEFINITION, SYSTEM_PROMPT, executeTextResponse, pluginCore } from "./plugin";
+export { TOOL_DEFINITION, SYSTEM_PROMPT, executeTextResponse, pluginCore } from "./plugin";
+export { TOOL_NAME };
 
 export { samples } from "./samples";
 
 export { View, Preview };
 
-export default { plugin };
+const textResponsePlugin = { plugin };
+export default textResponsePlugin;
+
+export const REGISTRATION: PluginRegistration = {
+  toolName: TOOL_NAME,
+  entry: plugin,
+};

package/src/plugins/textResponse/plugin.ts

@@ -8,16 +8,14 @@ import { TOOL_DEFINITION, SYSTEM_PROMPT } from "./definition";
 
 export { TOOL_NAME, TOOL_DEFINITION, SYSTEM_PROMPT } from "./definition";
 
-export const executeTextResponse = async (_context: ToolContext, args: TextResponseArgs): Promise<ToolResult<TextResponseData, unknown>> => {
-  return {
-    data: {
-      text: args.text,
-      role: args.role,
-      transportKind: args.transportKind,
-    },
-    message: args.text,
-  };
-};
+export const executeTextResponse = async (_context: ToolContext, args: TextResponseArgs): Promise<ToolResult<TextResponseData, unknown>> => ({
+  data: {
+    text: args.text,
+    role: args.role,
+    transportKind: args.transportKind,
+  },
+  message: args.text,
+});
 
 export const pluginCore: ToolPluginCore<TextResponseData, unknown, TextResponseArgs> = {
   toolDefinition: TOOL_DEFINITION,

package/src/plugins/textResponse/types.ts

@@ -6,6 +6,34 @@ export interface TextResponseData {
   text: string;
   role?: "assistant" | "system" | "user";
   transportKind?: string;
+  // Workspace-relative paths of files the user attached when sending
+  // this turn (paste/drop/file-picker). Persisted on the user message
+  // so the chat history can render an icon / thumbnail chip alongside
+  // the bubble. Empty / undefined for assistant and system turns.
+  attachments?: string[];
+  /** Original (un-rewritten) markdown source for PDF generation.
+   *  When present, `downloadPdf` sends this to the server instead of
+   *  the displayed `text` (which may have already been rewritten with
+   *  `/api/files/raw?path=...` URLs that the PDF inliner can't
+   *  resolve). Files Explorer's .md preview sets this; chat callers
+   *  leave it undefined and fall back to `text`. */
+  pdfSourceText?: string;
+  /** Workspace-relative directory of the source file. Forwarded to
+   *  `usePdfDownload({ baseDir })` so server-side image inlining
+   *  resolves relative refs against the right base. */
+  pdfBaseDir?: string;
+  /** Strip a leading YAML frontmatter envelope before rendering the
+   *  PDF. Set true for Wiki pages (frontmatter shouldn't appear on
+   *  page 1 of the PDF); leave false for chat / generic markdown so
+   *  documents that literally start with `---\n…\n---\n` survive. */
+  pdfStripFrontmatter?: boolean;
+  /** Pkg name of the plugin that seeded this user turn via
+   *  `runtime.chat.start()` (Phase 1 of the Encore plan). Set on the
+   *  first user message in a session whose origin is `plugin:<pkg>`,
+   *  drives the "from <pkg>" chip + muted background in the chat
+   *  view so the user can tell the message came from a plugin, not
+   *  themselves. Undefined for human-sent and assistant turns. */
+  seededByPlugin?: string;
 }
 
 export type TextResponseArgs = TextResponseData;

package/src/plugins/wiki/Preview.vue

@@ -15,11 +15,13 @@
 import { computed, ref, watch } from "vue";
 import { useI18n } from "vue-i18n";
 import type { ToolResultComplete } from "gui-chat-protocol/vue";
+import type { WikiData, WikiPageEntry, WikiEndpoints } from "./index";
+import { useFreshPluginData } from "../../composables/useFreshPluginData";
+import { pluginEndpoints } from "../api";
+
+const wikiEndpoints = pluginEndpoints<WikiEndpoints>("wiki");
 
 const { t } = useI18n();
-import type { WikiData, WikiPageEntry } from "./index";
-import { useFreshPluginData } from "../../composables/useFreshPluginData";
-import { API_ROUTES } from "../../config/apiRoutes";
 
 const props = defineProps<{ result: ToolResultComplete<WikiData> }>();
 
@@ -28,7 +30,7 @@ const title = ref(props.result.data?.title ?? "Wiki");
 const pageEntries = ref<WikiPageEntry[]>(props.result.data?.pageEntries ?? []);
 
 const { refresh } = useFreshPluginData<WikiData>({
-  endpoint: () => API_ROUTES.wiki.base,
+  endpoint: () => wikiEndpoints.base,
   extract: (json) => (json as { data?: WikiData }).data ?? null,
   apply: (data) => {
     // Bug fix (CodeRabbit V1 #6): /api/wiki (no slug) always