@gui-chat-plugin/text-response 0.1.0

package/README.md

@@ -0,0 +1,87 @@
+# @gui-chat-plugin/text-response
+
+Text Response plugin for GUI Chat applications. Provides markdown rendering with role-based styling for displaying text content from assistants, users, and systems.
+
+## Features
+
+- Markdown rendering with GitHub Flavored Markdown support
+- Role-based styling (assistant, user, system)
+- JSON auto-detection and syntax highlighting
+- `<think>` block processing for AI reasoning display
+- Inline text editing capability
+- Transport kind indicator
+
+## Installation
+
+```bash
+yarn add @gui-chat-plugin/text-response
+```
+
+## Usage
+
+### Vue Integration
+
+```typescript
+// In src/tools/index.ts
+import TextResponsePlugin from "@gui-chat-plugin/text-response/vue";
+
+const pluginList = [
+  // ... other plugins
+  TextResponsePlugin,
+];
+
+// In src/main.ts
+import "@gui-chat-plugin/text-response/style.css";
+```
+
+### Core-only Usage
+
+```typescript
+import { executeTextResponse, TOOL_DEFINITION } from "@gui-chat-plugin/text-response";
+
+// Execute the tool
+const result = await executeTextResponse(context, {
+  text: "Hello, **world**!",
+  role: "assistant",
+});
+```
+
+## API
+
+### TextResponseData
+
+```typescript
+interface TextResponseData {
+  text: string;
+  role?: "assistant" | "system" | "user";
+  transportKind?: string;
+}
+```
+
+### Tool Arguments
+
+| Argument | Type | Required | Description |
+|----------|------|----------|-------------|
+| `text` | string | Yes | Plain text or markdown content to display |
+| `role` | "assistant" \| "system" \| "user" | No | Speaker role for styling |
+| `transportKind` | string | No | Identifier for the transport provider |
+
+## Development
+
+```bash
+# Install dependencies
+yarn install
+
+# Run demo
+yarn dev
+
+# Build
+yarn build
+
+# Lint
+yarn lint
+```
+
+## License
+
+MIT

package/dist/core/definition.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Text Response Plugin - Tool Definition
+ */
+import type { ToolDefinition } from "gui-chat-protocol";
+export declare const TOOL_NAME = "text-response";
+export declare const TOOL_DEFINITION: ToolDefinition;
+export declare const SYSTEM_PROMPT = "";

package/dist/core/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Text Response Plugin - Core Entry Point
+ */
+export type { TextResponseData, TextResponseArgs } from "./types";
+export { TOOL_NAME, TOOL_DEFINITION, SYSTEM_PROMPT, executeTextResponse, pluginCore, } from "./plugin";
+export { samples } from "./samples";

package/dist/core/plugin.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Text Response Plugin Core
+ */
+import type { ToolPluginCore, ToolContext, ToolResult } from "gui-chat-protocol";
+import type { TextResponseData, TextResponseArgs } from "./types";
+export { TOOL_NAME, TOOL_DEFINITION, SYSTEM_PROMPT } from "./definition";
+export declare const executeTextResponse: (_context: ToolContext, args: TextResponseArgs) => Promise<ToolResult<TextResponseData, unknown>>;
+export declare const pluginCore: ToolPluginCore<TextResponseData, unknown, TextResponseArgs>;

package/dist/core/samples.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Text Response Plugin - Samples
+ */
+import type { ToolSample } from "gui-chat-protocol";
+export declare const samples: ToolSample[];

package/dist/core/types.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Text Response Plugin - Type Definitions
+ */
+export interface TextResponseData {
+    text: string;
+    role?: "assistant" | "system" | "user";
+    transportKind?: string;
+}
+export type TextResponseArgs = TextResponseData;

package/dist/core.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs");exports.SYSTEM_PROMPT=e.SYSTEM_PROMPT;exports.TOOL_DEFINITION=e.TOOL_DEFINITION;exports.TOOL_NAME=e.TOOL_NAME;exports.executeTextResponse=e.executeTextResponse;exports.pluginCore=e.pluginCore;exports.samples=e.samples;

package/dist/core.js

@@ -0,0 +1,9 @@
+import { SYSTEM_PROMPT as T, TOOL_DEFINITION as o, TOOL_NAME as p, executeTextResponse as s, pluginCore as r, samples as t } from "./index.js";
+export {
+  T as SYSTEM_PROMPT,
+  o as TOOL_DEFINITION,
+  p as TOOL_NAME,
+  s as executeTextResponse,
+  r as pluginCore,
+  t as samples
+};

package/dist/index.cjs

@@ -0,0 +1,32 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t="text-response",s={type:"function",name:t,description:"Render plain text content from the assistant.",parameters:{type:"object",properties:{text:{type:"string",description:"Plain text content to display to the user."},role:{type:"string",enum:["assistant","system","user"],description:"Speaker role of the message."},transportKind:{type:"string",description:"Identifier for the transport or provider that produced the message."}},required:["text"]}},n="",a=async(i,e)=>({data:{text:e.text,role:e.role,transportKind:e.transportKind},message:e.text}),o={toolDefinition:s,execute:a,generatingMessage:"Processing...",isEnabled:()=>!1,systemPrompt:n},r=[{name:"Simple Text",args:{text:"Hello, this is a simple text response from the assistant.",role:"assistant"}},{name:"System Message",args:{text:"System: Configuration has been updated successfully.",role:"system"}},{name:"User Message",args:{text:"User: What is the weather like today?",role:"user"}},{name:"Markdown Content",args:{text:`# Markdown Example
+
+This demonstrates **bold** and *italic* text.
+
+## Features
+- List item 1
+- List item 2
+- List item 3
+
+### Code Example
+\`\`\`javascript
+function hello() {
+  console.log("Hello, World!");
+}
+\`\`\`
+
+> This is a blockquote with important information.
+
+| Column A | Column B |
+|----------|----------|
+| Data 1   | Data 2   |
+| Data 3   | Data 4   |
+`,role:"assistant"}},{name:"JSON Data",args:{text:JSON.stringify({name:"Example",version:"1.0.0",features:["markdown","json","roles"]},null,2),role:"assistant"}},{name:"Think Block",args:{text:`Let me analyze this problem.
+
+<think>
+First, I need to consider the requirements:
+1. The solution should be efficient
+2. It must handle edge cases
+3. Code should be readable
+</think>
+
+Based on my analysis, here's my recommendation...`,role:"assistant"}},{name:"With Transport",args:{text:"This response came from a specific transport provider.",role:"assistant",transportKind:"openai-realtime"}}];exports.SYSTEM_PROMPT=n;exports.TOOL_DEFINITION=s;exports.TOOL_NAME=t;exports.executeTextResponse=a;exports.pluginCore=o;exports.samples=r;

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Text Response Plugin - Main Entry Point
+ */
+export type { TextResponseData, TextResponseArgs } from "./core/types";
+export { TOOL_NAME, TOOL_DEFINITION, SYSTEM_PROMPT, executeTextResponse, pluginCore, } from "./core/plugin";
+export { samples } from "./core/samples";

package/dist/index.js

@@ -0,0 +1,136 @@
+const t = "text-response", s = {
+  type: "function",
+  name: t,
+  description: "Render plain text content from the assistant.",
+  parameters: {
+    type: "object",
+    properties: {
+      text: {
+        type: "string",
+        description: "Plain text content to display to the user."
+      },
+      role: {
+        type: "string",
+        enum: ["assistant", "system", "user"],
+        description: "Speaker role of the message."
+      },
+      transportKind: {
+        type: "string",
+        description: "Identifier for the transport or provider that produced the message."
+      }
+    },
+    required: ["text"]
+  }
+}, a = "", n = async (o, e) => ({
+  data: {
+    text: e.text,
+    role: e.role,
+    transportKind: e.transportKind
+  },
+  message: e.text
+}), r = {
+  toolDefinition: s,
+  execute: n,
+  generatingMessage: "Processing...",
+  // Never advertise this pseudo tool to the LLM; only the client uses it.
+  isEnabled: () => !1,
+  systemPrompt: a
+}, i = [
+  {
+    name: "Simple Text",
+    args: {
+      text: "Hello, this is a simple text response from the assistant.",
+      role: "assistant"
+    }
+  },
+  {
+    name: "System Message",
+    args: {
+      text: "System: Configuration has been updated successfully.",
+      role: "system"
+    }
+  },
+  {
+    name: "User Message",
+    args: {
+      text: "User: What is the weather like today?",
+      role: "user"
+    }
+  },
+  {
+    name: "Markdown Content",
+    args: {
+      text: `# Markdown Example
+
+This demonstrates **bold** and *italic* text.
+
+## Features
+- List item 1
+- List item 2
+- List item 3
+
+### Code Example
+\`\`\`javascript
+function hello() {
+  console.log("Hello, World!");
+}
+\`\`\`
+
+> This is a blockquote with important information.
+
+| Column A | Column B |
+|----------|----------|
+| Data 1   | Data 2   |
+| Data 3   | Data 4   |
+`,
+      role: "assistant"
+    }
+  },
+  {
+    name: "JSON Data",
+    args: {
+      text: JSON.stringify(
+        {
+          name: "Example",
+          version: "1.0.0",
+          features: ["markdown", "json", "roles"]
+        },
+        null,
+        2
+      ),
+      role: "assistant"
+    }
+  },
+  {
+    name: "Think Block",
+    args: {
+      text: `Let me analyze this problem.
+
+<think>
+First, I need to consider the requirements:
+1. The solution should be efficient
+2. It must handle edge cases
+3. Code should be readable
+</think>
+
+Based on my analysis, here's my recommendation...`,
+      role: "assistant"
+    }
+  },
+  {
+    name: "With Transport",
+    args: {
+      text: "This response came from a specific transport provider.",
+      role: "assistant",
+      transportKind: "openai-realtime"
+    }
+  }
+];
+export {
+  a as SYSTEM_PROMPT,
+  s as TOOL_DEFINITION,
+  t as TOOL_NAME,
+  n as executeTextResponse,
+  r as pluginCore,
+  i as samples
+};

package/dist/style.css

@@ -0,0 +1 @@
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-green-50:oklch(98.2% .018 155.826);--color-green-200:oklch(92.5% .084 155.995);--color-green-700:oklch(52.7% .154 150.069);--color-blue-50:oklch(97% .014 254.604);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-700:oklch(48.8% .243 264.376);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-700:oklch(45.7% .24 277.023);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-200:oklch(90.2% .063 306.703);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--container-3xl:48rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-medium:500;--font-weight-bold:700;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.mx-auto{margin-inline:auto}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.line-clamp-5{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.h-96{height:calc(var(--spacing)*96)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-\[200px\]{max-width:200px}.max-w-none{max-width:none}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.gap-2{gap:calc(var(--spacing)*2)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.rounded{border-radius:.25rem}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-blue-200{border-color:var(--color-blue-200)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-green-200{border-color:var(--color-green-200)}.border-indigo-200{border-color:var(--color-indigo-200)}.border-purple-200{border-color:var(--color-purple-200)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-green-50{background-color:var(--color-green-50)}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-white{background-color:var(--color-white)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-2{padding-block:calc(var(--spacing)*2)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-pre-wrap{white-space:pre-wrap}.text-blue-700{color:var(--color-blue-700)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-700{color:var(--color-green-700)}.text-indigo-700{color:var(--color-indigo-700)}.italic{font-style:italic}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(hover:hover){.hover\:bg-indigo-200:hover{background-color:var(--color-indigo-200)}}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}.markdown-content[data-v-298aef9f] h1{font-size:2rem;font-weight:700;margin-top:1em;margin-bottom:.5em}.markdown-content[data-v-298aef9f] h2{font-size:1.75rem;font-weight:700;margin-top:1em;margin-bottom:.5em}.markdown-content[data-v-298aef9f] h3{font-size:1.5rem;font-weight:700;margin-top:1em;margin-bottom:.5em}.markdown-content[data-v-298aef9f] h4{font-size:1.25rem;font-weight:700;margin-top:1em;margin-bottom:.5em}.markdown-content[data-v-298aef9f] h5{font-size:1.125rem;font-weight:700;margin-top:1em;margin-bottom:.5em}.markdown-content[data-v-298aef9f] h6{font-size:1rem;font-weight:700;margin-top:1em;margin-bottom:.5em}.markdown-content[data-v-298aef9f] p{margin-bottom:1em}.markdown-content[data-v-298aef9f] ul,.markdown-content[data-v-298aef9f] ol{margin-left:1.5em;margin-bottom:1em}.markdown-content[data-v-298aef9f] li{margin-bottom:.5em}.markdown-content[data-v-298aef9f] code{background-color:#f5f5f5;padding:.2em .4em;border-radius:3px;font-family:monospace;font-size:.9em}.markdown-content[data-v-298aef9f] pre{background-color:#f5f5f5;padding:1em;border-radius:4px;overflow-x:auto;margin-bottom:1em}.markdown-content[data-v-298aef9f] pre code{background-color:transparent;padding:0}.markdown-content[data-v-298aef9f] blockquote{border-left:4px solid #ddd;padding-left:1em;color:#666;margin:1em 0}.markdown-content[data-v-298aef9f] a{color:#2563eb;text-decoration:underline}.markdown-content[data-v-298aef9f] a:hover{color:#1d4ed8}.markdown-content[data-v-298aef9f] table{border-collapse:collapse;width:100%;margin-bottom:1em}.markdown-content[data-v-298aef9f] th,.markdown-content[data-v-298aef9f] td{border:1px solid #ddd;padding:.5em;text-align:left}.markdown-content[data-v-298aef9f] th{background-color:#f5f5f5;font-weight:700}.markdown-content[data-v-298aef9f] hr{border:none;border-top:1px solid #ddd;margin:1.5em 0}.markdown-content[data-v-298aef9f] .think-block{color:#6b7280;background-color:#f9fafb;border-left:3px solid #d1d5db;padding:.75em 1em;margin:1em 0;border-radius:4px;font-style:italic}.markdown-content[data-v-298aef9f] .think-block p{color:#6b7280}.markdown-content[data-v-298aef9f] .think-block code{background-color:#e5e7eb;color:#4b5563}.text-response-container[data-v-298aef9f]{display:flex;flex-direction:column;height:100%;overflow:hidden}.text-response-content-wrapper[data-v-298aef9f]{flex:1;overflow-y:auto}.text-response-source[data-v-298aef9f]{padding:.5rem;background:#f5f5f5;border-top:1px solid #e0e0e0;font-family:monospace;font-size:.85rem;flex-shrink:0}.text-response-source summary[data-v-298aef9f]{cursor:pointer;-webkit-user-select:none;user-select:none;padding:.5rem;background:#e8e8e8;border-radius:4px;font-weight:500;color:#333}.text-response-source[open] summary[data-v-298aef9f]{margin-bottom:.5rem}.text-response-source summary[data-v-298aef9f]:hover{background:#d8d8d8}.text-response-editor[data-v-298aef9f]{width:100%;height:40vh;padding:1rem;background:#fff;border:1px solid #ccc;border-radius:4px;color:#333;font-family:Courier New,monospace;font-size:.9rem;resize:vertical;margin-bottom:.5rem;line-height:1.5}.text-response-editor[data-v-298aef9f]:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a}.apply-btn[data-v-298aef9f]{padding:.5rem 1rem;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .2s;font-weight:500}.apply-btn[data-v-298aef9f]:hover{background:#45a049}.apply-btn[data-v-298aef9f]:active{background:#3d8b40}.apply-btn[data-v-298aef9f]:disabled{background:#ccc;color:#666;cursor:not-allowed;opacity:.6}.apply-btn[data-v-298aef9f]:disabled:hover{background:#ccc}

package/dist/vue/Preview.vue.d.ts

@@ -0,0 +1,8 @@
+import type { ToolResultComplete } from "gui-chat-protocol/vue";
+import type { TextResponseData } from "../core/types";
+type __VLS_Props = {
+    result: ToolResultComplete<TextResponseData>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/vue/View.vue.d.ts

@@ -0,0 +1,12 @@
+import type { ToolResult, ToolResultComplete } from "gui-chat-protocol/vue";
+import type { TextResponseData } from "../core/types";
+type __VLS_Props = {
+    selectedResult: ToolResultComplete<TextResponseData>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    updateResult: (result: ToolResult<unknown, unknown>) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onUpdateResult?: ((result: ToolResult<unknown, unknown>) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/vue/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Text Response Plugin - Vue Implementation
+ */
+import "../style.css";
+import type { ToolPlugin } from "gui-chat-protocol/vue";
+import type { TextResponseData, TextResponseArgs } from "../core/types";
+import View from "./View.vue";
+import Preview from "./Preview.vue";
+export declare const plugin: ToolPlugin<TextResponseData, unknown, TextResponseArgs>;
+export type { TextResponseData, TextResponseArgs } from "../core/types";
+export { TOOL_NAME, TOOL_DEFINITION, SYSTEM_PROMPT, executeTextResponse, pluginCore, } from "../core/plugin";
+export { samples } from "../core/samples";
+export { View, Preview };
+declare const _default: {
+    plugin: ToolPlugin<TextResponseData, unknown, TextResponseData, import("gui-chat-protocol/vue").InputHandler, Record<string, unknown>>;
+};
+export default _default;

package/dist/vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./index.cjs"),e=require("vue"),v=require("marked"),y={class:"text-response-container"},w={class:"text-response-content-wrapper"},N={class:"p-6"},C={class:"max-w-3xl mx-auto space-y-4"},V={class:"flex justify-between items-start mb-2 text-sm text-gray-500"},O={class:"font-medium text-gray-700"},R={key:0,class:"italic"},S=["innerHTML"],M={class:"text-response-source"},I=["disabled"],L=e.defineComponent({__name:"View",props:{selectedResult:{}},emits:["updateResult"],setup(r,{emit:l}){const t=r,d=l,a=e.computed(()=>t.selectedResult.data?.text??""),c=e.ref(a.value);e.watch(()=>t.selectedResult.data?.text,s=>{s!==void 0&&(c.value=s)});const u=e.computed(()=>t.selectedResult.data?.role??"assistant"),p=e.computed(()=>t.selectedResult.data?.transportKind??""),h=e.computed(()=>{if(!a.value)return"";let s=a.value;const n=s.trim();if(n.startsWith("{")&&n.endsWith("}")||n.startsWith("[")&&n.endsWith("]"))try{JSON.parse(n),s="```json\n"+n+"\n```"}catch{}s=s.replace(/<think>([\s\S]*?)<\/think>/g,(A,T)=>`<div class="think-block">${v.marked(T.trim())}</div>`);const i={breaks:!0,gfm:!0};return v.marked(s,i)}),f=e.computed(()=>{switch(u.value){case"system":return"System";case"user":return"You";default:return"Assistant"}}),b=e.computed(()=>{switch(u.value){case"system":return"bg-blue-50 border-blue-200";case"user":return"bg-green-50 border-green-200";default:return"bg-purple-50 border-purple-200"}}),m=e.computed(()=>c.value!==a.value);function k(){}function E(){if(!m.value)return;const s={...t.selectedResult,data:{...t.selectedResult.data,text:c.value}};d("updateResult",s)}return(s,n)=>(e.openBlock(),e.createElementBlock("div",y,[e.createElementVNode("div",w,[e.createElementVNode("div",N,[e.createElementVNode("div",C,[e.createElementVNode("div",{class:e.normalizeClass(["rounded-lg border border-gray-300 bg-white shadow-sm p-5",b.value])},[e.createElementVNode("div",V,[e.createElementVNode("span",O,e.toDisplayString(f.value),1),p.value?(e.openBlock(),e.createElementBlock("span",R,e.toDisplayString(p.value),1)):e.createCommentVNode("",!0)]),e.createElementVNode("div",{class:"markdown-content prose prose-slate max-w-none leading-relaxed text-gray-900",innerHTML:h.value},null,8,S)],2)])])]),e.createElementVNode("details",M,[n[1]||(n[1]=e.createElementVNode("summary",null,"Edit Text Content",-1)),e.withDirectives(e.createElementVNode("textarea",{"onUpdate:modelValue":n[0]||(n[0]=i=>c.value=i),onInput:k,class:"text-response-editor",spellcheck:"false"},null,544),[[e.vModelText,c.value]]),e.createElementVNode("button",{onClick:E,class:"apply-btn",disabled:!m.value}," Apply Changes ",8,I)])]))}}),P=(r,l)=>{const t=r.__vccOpts||r;for(const[d,a]of l)t[d]=a;return t},_=P(L,[["__scopeId","data-v-298aef9f"]]),B={class:"line-clamp-5 whitespace-pre-wrap"},x=e.defineComponent({__name:"Preview",props:{result:{}},setup(r){const l=r,t=e.computed(()=>l.result.data?.text??""),d=e.computed(()=>l.result.data?.role??"assistant"),a=e.computed(()=>{switch(d.value){case"system":return"text-blue-700";case"user":return"text-green-700 font-medium";default:return"text-gray-700"}});return(c,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["text-sm leading-snug",a.value])},[e.createElementVNode("p",B,e.toDisplayString(t.value),1)],2))}}),g={...o.pluginCore,viewComponent:_,previewComponent:x,samples:o.samples},D={plugin:g};exports.SYSTEM_PROMPT=o.SYSTEM_PROMPT;exports.TOOL_DEFINITION=o.TOOL_DEFINITION;exports.TOOL_NAME=o.TOOL_NAME;exports.executeTextResponse=o.executeTextResponse;exports.pluginCore=o.pluginCore;exports.samples=o.samples;exports.Preview=x;exports.View=_;exports.default=D;exports.plugin=g;

package/dist/vue.js

@@ -0,0 +1,157 @@
+import { samples as R, pluginCore as O } from "./index.js";
+import { SYSTEM_PROMPT as ne, TOOL_DEFINITION as ae, TOOL_NAME as re, executeTextResponse as oe } from "./index.js";
+import { defineComponent as f, computed as a, ref as E, watch as M, createElementBlock as d, openBlock as p, createElementVNode as e, normalizeClass as g, createCommentVNode as N, toDisplayString as m, withDirectives as S, vModelText as I } from "vue";
+import { marked as h } from "marked";
+const L = { class: "text-response-container" }, V = { class: "text-response-content-wrapper" }, P = { class: "p-6" }, W = { class: "max-w-3xl mx-auto space-y-4" }, A = { class: "flex justify-between items-start mb-2 text-sm text-gray-500" }, D = { class: "font-medium text-gray-700" }, H = {
+  key: 0,
+  class: "italic"
+}, $ = ["innerHTML"], j = { class: "text-response-source" }, B = ["disabled"], K = /* @__PURE__ */ f({
+  __name: "View",
+  props: {
+    selectedResult: {}
+  },
+  emits: ["updateResult"],
+  setup(o, { emit: l }) {
+    const t = o, i = l, r = a(() => t.selectedResult.data?.text ?? ""), c = E(r.value);
+    M(
+      () => t.selectedResult.data?.text,
+      (s) => {
+        s !== void 0 && (c.value = s);
+      }
+    );
+    const u = a(
+      () => t.selectedResult.data?.role ?? "assistant"
+    ), v = a(
+      () => t.selectedResult.data?.transportKind ?? ""
+    ), b = a(() => {
+      if (!r.value) return "";
+      let s = r.value;
+      const n = s.trim();
+      if (n.startsWith("{") && n.endsWith("}") || n.startsWith("[") && n.endsWith("]"))
+        try {
+          JSON.parse(n), s = "```json\n" + n + "\n```";
+        } catch {
+        }
+      return s = s.replace(
+        /<think>([\s\S]*?)<\/think>/g,
+        (q, C) => `<div class="think-block">${h(C.trim())}</div>`
+      ), h(s, {
+        breaks: !0,
+        // Convert \n to <br>
+        gfm: !0
+        // GitHub Flavored Markdown
+      });
+    }), w = a(() => {
+      switch (u.value) {
+        case "system":
+          return "System";
+        case "user":
+          return "You";
+        default:
+          return "Assistant";
+      }
+    }), y = a(() => {
+      switch (u.value) {
+        case "system":
+          return "bg-blue-50 border-blue-200";
+        case "user":
+          return "bg-green-50 border-green-200";
+        default:
+          return "bg-purple-50 border-purple-200";
+      }
+    }), _ = a(() => c.value !== r.value);
+    function k() {
+    }
+    function T() {
+      if (!_.value) return;
+      const s = {
+        ...t.selectedResult,
+        data: {
+          ...t.selectedResult.data,
+          text: c.value
+        }
+      };
+      i("updateResult", s);
+    }
+    return (s, n) => (p(), d("div", L, [
+      e("div", V, [
+        e("div", P, [
+          e("div", W, [
+            e("div", {
+              class: g(["rounded-lg border border-gray-300 bg-white shadow-sm p-5", y.value])
+            }, [
+              e("div", A, [
+                e("span", D, m(w.value), 1),
+                v.value ? (p(), d("span", H, m(v.value), 1)) : N("", !0)
+              ]),
+              e("div", {
+                class: "markdown-content prose prose-slate max-w-none leading-relaxed text-gray-900",
+                innerHTML: b.value
+              }, null, 8, $)
+            ], 2)
+          ])
+        ])
+      ]),
+      e("details", j, [
+        n[1] || (n[1] = e("summary", null, "Edit Text Content", -1)),
+        S(e("textarea", {
+          "onUpdate:modelValue": n[0] || (n[0] = (x) => c.value = x),
+          onInput: k,
+          class: "text-response-editor",
+          spellcheck: "false"
+        }, null, 544), [
+          [I, c.value]
+        ]),
+        e("button", {
+          onClick: T,
+          class: "apply-btn",
+          disabled: !_.value
+        }, " Apply Changes ", 8, B)
+      ])
+    ]));
+  }
+}), Y = (o, l) => {
+  const t = o.__vccOpts || o;
+  for (const [i, r] of l)
+    t[i] = r;
+  return t;
+}, z = /* @__PURE__ */ Y(K, [["__scopeId", "data-v-298aef9f"]]), F = { class: "line-clamp-5 whitespace-pre-wrap" }, J = /* @__PURE__ */ f({
+  __name: "Preview",
+  props: {
+    result: {}
+  },
+  setup(o) {
+    const l = o, t = a(() => l.result.data?.text ?? ""), i = a(() => l.result.data?.role ?? "assistant"), r = a(() => {
+      switch (i.value) {
+        case "system":
+          return "text-blue-700";
+        case "user":
+          return "text-green-700 font-medium";
+        default:
+          return "text-gray-700";
+      }
+    });
+    return (c, u) => (p(), d("div", {
+      class: g(["text-sm leading-snug", r.value])
+    }, [
+      e("p", F, m(t.value), 1)
+    ], 2));
+  }
+}), U = {
+  ...O,
+  viewComponent: z,
+  previewComponent: J,
+  samples: R
+}, ee = { plugin: U };
+export {
+  J as Preview,
+  ne as SYSTEM_PROMPT,
+  ae as TOOL_DEFINITION,
+  re as TOOL_NAME,
+  z as View,
+  ee as default,
+  oe as executeTextResponse,
+  U as plugin,
+  O as pluginCore,
+  R as samples
+};

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@gui-chat-plugin/text-response",
+  "version": "0.1.0",
+  "description": "Text Response plugin for GUI Chat - Markdown rendering with role-based styling",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./core": {
+      "types": "./dist/core/index.d.ts",
+      "import": "./dist/core.js",
+      "require": "./dist/core.cjs"
+    },
+    "./vue": {
+      "types": "./dist/vue/index.d.ts",
+      "import": "./dist/vue.js",
+      "require": "./dist/vue.cjs"
+    },
+    "./style.css": "./dist/style.css"
+  },
+  "files": ["dist"],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && vue-tsc -p tsconfig.build.json --emitDeclarationOnly",
+    "typecheck": "vue-tsc --noEmit",
+    "lint": "eslint src demo"
+  },
+  "peerDependencies": {
+    "vue": "^3.5.0"
+  },
+  "dependencies": {
+    "gui-chat-protocol": "^0.0.1",
+    "marked": "^15.0.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/vite": "^4.1.18",
+    "@typescript-eslint/eslint-plugin": "^8.53.0",
+    "@typescript-eslint/parser": "^8.53.0",
+    "@vitejs/plugin-vue": "^6.0.3",
+    "eslint": "^9.39.2",
+    "eslint-plugin-vue": "^10.6.2",
+    "globals": "^17.0.0",
+    "tailwindcss": "^4.1.18",
+    "typescript": "~5.9.3",
+    "vite": "^7.3.1",
+    "vue": "^3.5.26",
+    "vue-eslint-parser": "^10.2.0",
+    "vue-tsc": "^3.2.2"
+  },
+  "keywords": ["guichat", "plugin", "text-response", "markdown"],
+  "license": "MIT"
+}