letagents 0.12.22 → 0.12.24

package/shared/task-markdown-editing.d.mts

@@ -0,0 +1,9 @@
+export type MarkdownTool = 'bold' | 'italic' | 'strike' | 'heading' | 'bullet' | 'number' | 'check' | 'quote' | 'code' | 'link';
+export interface TaskContentPatch {
+  title?: string;
+  description?: string;
+  expected_content: { title?: string; description?: string };
+}
+export function taskContentPatch(original: { title: string; description: string }, draft: { title: string; description: string }): TaskContentPatch;
+export const markdownTools: ReadonlyArray<{ id: MarkdownTool; label: string; symbol: string }>;
+export function applyMarkdownTool(value: string, start: number, end: number, tool: MarkdownTool): { value: string; start: number; end: number };

package/shared/task-markdown-editing.mjs

@@ -0,0 +1,53 @@
+export const markdownTools = [
+  { id: 'bold', label: 'Bold', symbol: 'B' },
+  { id: 'italic', label: 'Italic', symbol: 'I' },
+  { id: 'strike', label: 'Strikethrough', symbol: 'S' },
+  { id: 'heading', label: 'Heading', symbol: 'H2' },
+  { id: 'bullet', label: 'Bullet list', symbol: 'List' },
+  { id: 'number', label: 'Numbered list', symbol: '1.' },
+  { id: 'check', label: 'Checklist', symbol: '[ ]' },
+  { id: 'quote', label: 'Quote', symbol: 'Quote' },
+  { id: 'code', label: 'Code block', symbol: '</>' },
+  { id: 'link', label: 'Link', symbol: 'Link' },
+];
+
+export function taskContentPatch(original, draft) {
+  const patch = { expected_content: {} };
+  for (const field of ['title', 'description']) {
+    if (draft[field] !== original[field]) {
+      patch[field] = draft[field];
+      patch.expected_content[field] = original[field];
+    }
+  }
+  return patch;
+}
+
+export function applyMarkdownTool(value, start, end, tool) {
+  const selected = value.slice(start, end);
+  const wrappers = { bold: ['**', '**'], italic: ['_', '_'], strike: ['~~', '~~'], link: ['[', '](https://)'] };
+  const wrapper = wrappers[tool];
+  if (wrapper) {
+    const text = selected || 'text';
+    return {
+      value: value.slice(0, start) + wrapper[0] + text + wrapper[1] + value.slice(end),
+      start: start + wrapper[0].length,
+      end: start + wrapper[0].length + text.length,
+    };
+  }
+  if (tool === 'code') {
+    const before = start > 0 && value[start - 1] !== '\n' ? '\n' : '';
+    const after = end < value.length && value[end] !== '\n' ? '\n' : '';
+    const text = selected || 'code';
+    const prefix = before + '```\n';
+    return { value: value.slice(0, start) + prefix + text + '\n```' + after + value.slice(end), start: start + prefix.length, end: start + prefix.length + text.length };
+  }
+  const prefixes = { heading: '## ', bullet: '- ', number: '1. ', check: '- [ ] ', quote: '> ' };
+  if (!(tool in prefixes)) return { value, start, end };
+  const lineStart = start === 0 ? 0 : value.lastIndexOf('\n', start - 1) + 1;
+  const selectionEnd = end > start && value[end - 1] === '\n' ? end - 1 : end;
+  const nextNewline = value.indexOf('\n', selectionEnd);
+  const lineEnd = nextNewline === -1 ? value.length : nextNewline;
+  const lines = value.slice(lineStart, lineEnd).split('\n');
+  const next = lines.map((line, index) => (tool === 'number' ? (index + 1) + '. ' : prefixes[tool]) + (line || 'text')).join('\n');
+  return { value: value.slice(0, lineStart) + next + value.slice(lineEnd), start: lineStart, end: lineStart + next.length };
+}

package/shared/task-markdown.css

@@ -0,0 +1,32 @@
+.task-markdown { display: grid; gap: 8px; min-width: 0; }
+.task-markdown > label { color: var(--text-secondary); font-size: 12px; font-weight: 550; }
+.task-markdown-surface { border: 1px solid var(--border-strong); border-radius: 6px; overflow: hidden; background: var(--bg-subtle); }
+.task-markdown-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; padding: 6px; border-bottom: 1px solid var(--border); }
+.task-markdown-toolbar .task-markdown-tool { display: grid; place-items: center; flex: 0 0 32px; width: 32px; height: 32px; min-height: 32px; padding: 0; border: 0; border-radius: 4px; background: transparent; color: var(--text-secondary); font: inherit; font-size: 12px; cursor: pointer; }
+.task-markdown-tool[data-tool=bold] { font-weight: 750; }
+.task-markdown-tool[data-tool=italic] { font-style: italic; }
+.task-markdown-tool[data-tool=strike] { text-decoration: line-through; }
+.task-markdown-tool:disabled { opacity: 0.4; cursor: default; }
+.task-markdown-tabs { display: flex; gap: 4px; margin-left: auto; }
+.task-markdown-tabs button { min-height: 32px; padding: 0 8px; border: 0; border-radius: 4px; background: transparent; color: var(--text-secondary); font: inherit; font-size: 12px; cursor: pointer; }
+.task-markdown-tabs button[aria-pressed=true] { background: var(--accent-dim); color: var(--text); }
+.task-markdown textarea { display: block; width: 100%; min-height: 240px; max-height: 50vh; padding: 14px; border: 0; border-radius: 0; background: transparent; color: var(--text); font-family: var(--font-mono, monospace); font-size: 13px; line-height: 1.7; resize: vertical; }
+.task-markdown textarea:focus { outline: 0; }
+.task-markdown-surface:focus-within { border-color: var(--blue); }
+.task-markdown-surface > .task-markdown-preview { min-height: 240px; max-height: 50vh; overflow: auto; padding: 14px; }
+.task-markdown-preview { min-width: 0; color: var(--text-secondary); font-size: 14px; line-height: 1.7; overflow-wrap: anywhere; }
+.task-markdown-preview :is(h1,h2,h3,h4,h5,h6) { margin: 20px 0 10px; color: var(--text); font-size: 16px; font-weight: 600; letter-spacing: 0; line-height: 1.5; }
+.task-markdown-preview > :first-child { margin-top: 0; }
+.task-markdown-preview > :last-child { margin-bottom: 0; }
+.task-markdown-preview p { margin: 0 0 12px; white-space: normal; }
+.task-markdown-preview :is(ul,ol) { margin: 12px 0; padding-left: 24px; }
+.task-markdown-preview a { color: var(--blue); }
+.task-markdown-preview code { font-family: var(--font-mono, monospace); padding: 2px 4px; border-radius: 3px; background: var(--accent-dim); font-size: 12px; }
+.task-markdown-preview pre { max-width: 100%; margin: 12px 0; padding: 12px; overflow: auto; background: var(--bg-subtle); border: 1px solid var(--border); border-radius: 6px; }
+.task-markdown-preview pre code { padding: 0; background: transparent; }
+.task-markdown-preview blockquote { margin: 12px 0; padding-left: 14px; border-left: 2px solid var(--border-strong); }
+.task-markdown-preview .markdown-task-checkbox { margin-right: 8px; accent-color: var(--blue); }
+.task-markdown-preview li:has(> .markdown-task-checkbox) { list-style: none; }
+.task-markdown :is(button, [tabindex]):focus-visible { outline: 2px solid var(--blue); outline-offset: -2px; }
+@media (hover: hover) and (pointer: fine) { .task-markdown-toolbar button:hover:not(:disabled) { background: var(--accent-hover); color: var(--text); } }
+@media (max-width: 640px), (pointer: coarse) { .task-markdown-toolbar .task-markdown-tool { flex-basis: 40px; width: 40px; height: 40px; min-height: 40px; } .task-markdown-tabs button { min-height: 40px; } }

package/shared/ui/ConversationIcon.vue

@@ -0,0 +1,28 @@
+<template>
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="1.6"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    aria-hidden="true"
+  >
+    <path :d="paths[name]" />
+  </svg>
+</template>
+<script setup lang="ts">
+defineProps<{ name: keyof typeof paths }>();
+const paths = {
+  chat: "M21 11.5a8.5 8.5 0 0 1-8.5 8.5H4l-2 2v-10A9 9 0 0 1 11 3h1.5a8.5 8.5 0 0 1 8.5 8.5ZM7 9h10M7 14h6",
+  plus: "M12 5v14M5 12h14",
+  search: "m21 21-5-5M18 10a8 8 0 1 1-16 0 8 8 0 0 1 16 0",
+  back: "m14 6-6 6 6 6",
+  close: "m6 6 12 12M6 18 18 6",
+  send: "m5 12 7-7 7 7M12 5v15",
+  users:
+    "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2M16 3a4 4 0 0 1 0 8M22 21v-2a4 4 0 0 0-3-3.87M13 7a4 4 0 1 1-8 0 4 4 0 0 1 8 0",
+  more: "M5 12h.01M12 12h.01M19 12h.01",
+  check: "m5 12 4 4L19 6",
+};
+</script>