@@ -18,7 +44,7 @@ defineSlots<{ source?: () => unknown }>()
@@ -28,6 +54,7 @@ defineSlots<{ source?: () => unknown }>()
diff --git a/apps/buddy/src/shared/ui/selection/ResourceQuoteStrip.vue b/apps/buddy/src/shared/ui/selection/ResourceQuoteStrip.vue
new file mode 100644
index 000000000..9c1e71f34
--- /dev/null
+++ b/apps/buddy/src/shared/ui/selection/ResourceQuoteStrip.vue
@@ -0,0 +1,107 @@
+
+
+
+
+ const content = shallowRef(createBuddyUserContent('Keep input'))
+ const ownerKey = shallowRef('file:one')
+ const locate = vi.fn(async () => false)
+ const remove = vi.fn()
+ const host = new WorkbenchSelectionReferences({ targets: () => [{ id: 'a', label: 'Pane 1 · Task A', identity: 'a:draft:epoch', scope: 'task:a', read: () => content.value, write: value => content.value = value }], source: () => ({ identity: 'file:one', owner: 'task:a' }), locate })
+ const app = createApp(defineComponent({ setup() {
+ provide(workbenchSelectionReferencesKey, host)
+ return () => kind === 'menu'
+ ? h(ResourceSelectionQuoteMenu, { ref: value => menu = value as InstanceType, viewId: 'file', ownerKey: ownerKey.value, language: 'zh-CN', visible: true })
+ : h(ResourceQuoteStrip, { quotes: [quote], language: 'zh-CN', removable, onRemove: remove })
+ } }))
+ app.mount(root)
+ let mounted = true
+ const unmount = () => {
+ if (mounted) {
+ mounted = false
+ app.unmount()
+ root.remove()
+ }
+ }
+ cleanups.push(unmount)
+ await nextTick()
+ return { root, menu, host, content, ownerKey, locate, remove, unmount }
+}
+
+describe('resource reference UI', () => {
+ it('adds the selected snapshot through the current-conversation action', async () => {
+ const f = await mount('menu')
+ f.menu.open(quote, 10, 20)
+ await nextTick()
+ f.root.querySelector('button')!.click()
+ await nextTick()
+ expect(f.content.value.resourceQuotes).toEqual([quote])
+ })
+
+ it('closes the component menu when its source switches or unmounts', async () => {
+ const f = await mount('menu')
+ f.menu.open(quote, 10, 20)
+ await nextTick()
+ f.ownerKey.value = 'file:two'
+ await nextTick()
+ expect(f.root.querySelector('[role="menu"]')).toBeNull()
+ f.unmount()
+ expect(f.content.value.resourceQuotes).toBeUndefined()
+ })
+
+ it('rejects a prepared menu operation when the source view switches', async () => {
+ const f = await mount('menu')
+ const show = f.menu.prepare(quote, 10, 20)!
+ f.ownerKey.value = 'file:two'
+ await nextTick()
+ show()
+ await nextTick()
+ expect(f.root.querySelector('[role="menu"]')).toBeNull()
+ expect(f.content.value.resourceQuotes).toBeUndefined()
+ expect(feedback.warning).toHaveBeenCalled()
+ })
+
+ it('keeps a safe frozen preview when locating fails and permits removal', async () => {
+ const f = await mount('strip')
+ expect(f.root.textContent).toContain('auth.ts · L24–38')
+ expect(f.root.querySelector('pre')!.textContent).toBe(quote.text)
+ expect(f.root.querySelector('script')).toBeNull()
+ f.root.querySelector('[aria-label="移除引用"]')!.click()
+ expect(f.remove).toHaveBeenCalledWith('q')
+ Array.from(f.root.querySelectorAll('button')).find(button => button.textContent === '定位来源')!.click()
+ await nextTick()
+ expect(f.locate).toHaveBeenCalledWith(quote)
+ expect(feedback.info).toHaveBeenCalled()
+ expect(f.root.querySelector('pre')!.textContent).toBe(quote.text)
+ })
+
+ it('does not show removal in sent-message history', async () => {
+ const f = await mount('strip', false)
+ expect(f.root.querySelector('[aria-label="移除引用"]')).toBeNull()
+ expect(f.root.querySelector('pre')!.textContent).toBe(quote.text)
+ })
+})
diff --git a/apps/buddy/src/shared/ui/selection/__tests__/resourceQuoteSelection.spec.ts b/apps/buddy/src/shared/ui/selection/__tests__/resourceQuoteSelection.spec.ts
new file mode 100644
index 000000000..4216db50c
--- /dev/null
+++ b/apps/buddy/src/shared/ui/selection/__tests__/resourceQuoteSelection.spec.ts
@@ -0,0 +1,52 @@
+// @vitest-environment jsdom
+import type { BuddyResourceQuote } from '@buddy-shared/conversation/buddyUserContent'
+import { afterEach, describe, expect, it } from 'vitest'
+import { readResourceTextSelection } from '../resourceQuoteSelection'
+
+const source: BuddyResourceQuote['source'] = { kind: 'file', title: 'notes.md', file: { spaceId: 's', directoryId: 'd', revision: 1, path: 'notes.md' }, format: 'markdown' }
+afterEach(() => {
+ window.getSelection()?.removeAllRanges()
+ document.body.replaceChildren()
+})
+function select(start: Node, from: number, end = start, to = from + 6) {
+ const range = document.createRange()
+ range.setStart(start, from)
+ range.setEnd(end, to)
+ window.getSelection()!.removeAllRanges()
+ window.getSelection()!.addRange(range)
+ return window.getSelection()
+}
+
+describe('markdown selection capture', () => {
+ it('captures a text snapshot and position without inventing source line numbers', () => {
+ const root = document.createElement('article')
+ root.textContent = 'before chosen after'
+ document.body.append(root)
+ const captured = readResourceTextSelection(root, select(root.firstChild!, 7), source)!
+ expect(captured.text).toBe('chosen')
+ expect(captured.textOffset).toBe(6)
+ expect(captured.range).toBeUndefined()
+ root.textContent = 'changed'
+ expect(captured.text).toBe('chosen')
+ })
+
+ it('rejects selections crossing a control or excluded block, even with valid text endpoints', () => {
+ const root = document.createElement('article')
+ root.innerHTML = '([['a', createBuddyUserContent('A')], ['b', createBuddyUserContent('B')]])
+ const write = vi.fn((id: string, value: BuddyUserContentV1) => content.set(id, value))
+ const targets: SelectionReferenceTarget[] = ['a', 'b'].map(id => ({ id, identity: `${id}:draft:branch:epoch`, scope: `task:${id}`, label: `Pane ${id}`, read: () => content.get(id)!, write: value => write(id, value) }))
+ let source: SelectionReferenceSource | null = { identity: 'file:source:1', owner: 'task:a' }
+ const host = new WorkbenchSelectionReferences({ targets: () => targets, source: () => source, locate: async () => true })
+ return { content, targets, write, host, source: (value: SelectionReferenceSource | null) => source = value }
+}
+
+describe('workbench selection target routing', () => {
+ it('prefers the associated task, permits another target, and writes only once without replacing newer input', () => {
+ const f = fixture()
+ const request = f.host.capture('file-view', quote)!
+ expect(request.defaultId).toBe('a')
+ f.content.set('b', createBuddyUserContent('B typed after menu opened'))
+ expect(f.host.add(request, 'b')).toBe('added')
+ expect(f.write).toHaveBeenCalledTimes(1)
+ expect(f.content.get('a')?.resourceQuotes).toBeUndefined()
+ expect(f.content.get('b')?.body).toEqual(createBuddyUserContent('B typed after menu opened').body)
+ expect(f.content.get('b')?.resourceQuotes).toEqual([quote])
+ expect(f.host.add(request, 'b')).toBe('duplicate')
+ expect(f.write).toHaveBeenCalledTimes(1)
+ })
+
+ it('requires a choice with multiple unassociated inputs, but defaults a sole input', () => {
+ const f = fixture()
+ f.source({ identity: 'independent-file', owner: null })
+ expect(f.host.capture('file', quote)?.defaultId).toBeNull()
+ f.targets.pop()
+ expect(f.host.capture('file', quote)?.defaultId).toBe('a')
+ })
+
+ it('does not silently fallback when the associated target is closed', () => {
+ const f = fixture()
+ f.targets.shift()
+ expect(f.host.capture('file', quote)?.defaultId).toBeNull()
+ })
+
+ it.each(['rebound', 'closed'])('rejects a %s target change instead of rerouting', (change) => {
+ const f = fixture()
+ const request = f.host.capture('file', quote)!
+ if (change === 'closed')
+ f.targets.shift()
+ else f.targets[0]!.identity += change
+ expect(f.host.add(request, 'a')).toBe('unavailable')
+ expect(f.write).not.toHaveBeenCalled()
+ })
+
+ it.each([null, { identity: 'different-page', owner: 'task:b' }])('rejects a closed or rebound source', (source) => {
+ const f = fixture()
+ const request = f.host.capture('file', quote)!
+ f.source(source)
+ expect(f.host.add(request, 'a')).toBe('unavailable')
+ expect(f.write).not.toHaveBeenCalled()
+ })
+
+ it('deduplicates views of the same real draft, but not different drafts with matching labels', () => {
+ const f = fixture()
+ f.targets.push({ ...f.targets[0]!, id: 'a-second-view' })
+ expect(f.host.capture('file', quote)?.targets).toHaveLength(2)
+ f.targets[1]!.label = 'Pane a'
+ expect(f.host.capture('file', quote)?.targets).toHaveLength(2)
+ })
+})
diff --git a/apps/buddy/src/shared/ui/selection/quoteText.ts b/apps/buddy/src/shared/ui/selection/quoteText.ts
new file mode 100644
index 000000000..0bca4d4c6
--- /dev/null
+++ b/apps/buddy/src/shared/ui/selection/quoteText.ts
@@ -0,0 +1,85 @@
+export const quoteExcludedSelector = '[data-quote-exclude], button, input, textarea, [contenteditable="true"], .code-block-header, .line-numbers, .line-number, [aria-hidden="true"], [hidden]'
+
+interface QuoteTextSpan {
+ node: Text
+ start: number
+ offsets: number[]
+}
+
+function indexQuoteText(body: HTMLElement) {
+ const spans: QuoteTextSpan[] = []
+ const text: string[] = []
+ const walker = document.createTreeWalker(body, NodeFilter.SHOW_TEXT, {
+ acceptNode: (node) => {
+ const parent = node.parentElement
+ return !parent || parent.closest(quoteExcludedSelector) || getComputedStyle(parent).userSelect === 'none'
+ ? NodeFilter.FILTER_REJECT
+ : NodeFilter.FILTER_ACCEPT
+ },
+ })
+ for (let node = walker.nextNode(); node; node = walker.nextNode()) {
+ const span: QuoteTextSpan = { node: node as Text, start: text.length, offsets: [] }
+ for (let offset = 0; offset < span.node.length; offset++) {
+ const character = span.node.data[offset]!
+ if (/\s/u.test(character))
+ continue
+ text.push(character)
+ span.offsets.push(offset)
+ }
+ if (span.offsets.length)
+ spans.push(span)
+ }
+ return { text: text.join(''), spans }
+}
+
+export function readQuoteTextOffset(body: HTMLElement, range: Range): number | undefined {
+ for (const span of indexQuoteText(body).spans) {
+ const index = span.offsets.findIndex(offset => range.isPointInRange(span.node, offset))
+ if (index !== -1)
+ return span.start + index
+ }
+}
+
+export function findQuoteTextRanges(body: HTMLElement, quote: { text: string, textOffset?: number }): Range[] {
+ const needle = quote.text.replace(/\s/gu, '')
+ if (!needle)
+ return []
+ const { text, spans } = indexQuoteText(body)
+ let start = quote.textOffset ?? -1
+ if (start < 0 || text.slice(start, start + needle.length) !== needle) {
+ start = text.indexOf(needle)
+ if (start === -1 || text.includes(needle, start + 1))
+ return []
+ }
+ const end = start + needle.length
+ return spans.flatMap((span) => {
+ const from = Math.max(0, start - span.start)
+ const to = Math.min(span.offsets.length, end - span.start)
+ if (from >= to)
+ return []
+ const range = document.createRange()
+ range.setStart(span.node, span.start > start ? 0 : span.offsets[from]!)
+ range.setEnd(span.node, span.start + span.offsets.length < end ? span.node.length : span.offsets[to - 1]! + 1)
+ return [range]
+ })
+}
+
+export function scrollQuoteRange(range: Range, root: HTMLElement) {
+ let parent = range.startContainer.parentElement
+ while (parent && root.contains(parent)) {
+ const style = getComputedStyle(parent)
+ const rect = range.getClientRects()[0]
+ if (!rect)
+ return
+ const bounds = parent.getBoundingClientRect()
+ if (/auto|scroll/.test(style.overflowY) && parent.scrollHeight > parent.clientHeight)
+ parent.scrollTop += rect.top - bounds.top - (parent.clientHeight - rect.height) / 2
+ if (/auto|scroll/.test(style.overflowX) && parent.scrollWidth > parent.clientWidth) {
+ if (rect.left < bounds.left)
+ parent.scrollLeft += rect.left - bounds.left
+ else if (rect.right > bounds.right)
+ parent.scrollLeft += rect.right - bounds.right
+ }
+ parent = parent.parentElement
+ }
+}
diff --git a/apps/buddy/src/shared/ui/selection/resourceQuoteSelection.ts b/apps/buddy/src/shared/ui/selection/resourceQuoteSelection.ts
new file mode 100644
index 000000000..66868c2e5
--- /dev/null
+++ b/apps/buddy/src/shared/ui/selection/resourceQuoteSelection.ts
@@ -0,0 +1,19 @@
+import type { BuddyTextQuote } from '@buddy-shared/conversation/buddyUserContent'
+import { quoteExcludedSelector, readQuoteTextOffset } from './quoteText'
+
+export function readResourceTextSelection(root: HTMLElement, selection: Selection | null, source: BuddyTextQuote['source']): BuddyTextQuote | null {
+ if (!selection || selection.isCollapsed || selection.rangeCount !== 1)
+ return null
+ const range = selection.getRangeAt(0)
+ if (!root.contains(range.startContainer) || !root.contains(range.endContainer))
+ return null
+ const excluded = (node: Node) => (node instanceof Element ? node : node.parentElement)?.closest(quoteExcludedSelector)
+ if (excluded(range.startContainer) || excluded(range.endContainer)
+ || Array.from(root.querySelectorAll(quoteExcludedSelector)).some(node => range.intersectsNode(node))) {
+ return null
+ }
+ const text = selection.toString()
+ if (!text.trim())
+ return null
+ return { id: crypto.randomUUID(), source, text, textOffset: readQuoteTextOffset(root, range) }
+}
diff --git a/apps/buddy/src/shared/ui/selection/revealMonacoQuote.ts b/apps/buddy/src/shared/ui/selection/revealMonacoQuote.ts
new file mode 100644
index 000000000..7ee66f8cb
--- /dev/null
+++ b/apps/buddy/src/shared/ui/selection/revealMonacoQuote.ts
@@ -0,0 +1,18 @@
+import type { BuddyTextQuote } from '@buddy-shared/conversation/buddyUserContent'
+import type * as Monaco from 'monaco-editor/editor/editor.api.js'
+
+export function revealMonacoQuote(editor: Monaco.editor.IStandaloneCodeEditor, quote: BuddyTextQuote): boolean {
+ const model = editor.getModel()
+ if (!model)
+ return false
+ let range = quote.range
+ if (!range || model.getValueInRange(range) !== quote.text) {
+ const matches = model.findMatches(quote.text, false, false, true, null, false, 2)
+ if (matches.length !== 1)
+ return false
+ range = matches[0]!.range
+ }
+ editor.setSelection(range)
+ editor.revealRangeInCenter(range)
+ return true
+}
diff --git a/apps/buddy/src/shared/ui/selection/useMonacoResourceQuote.ts b/apps/buddy/src/shared/ui/selection/useMonacoResourceQuote.ts
new file mode 100644
index 000000000..8bf68768e
--- /dev/null
+++ b/apps/buddy/src/shared/ui/selection/useMonacoResourceQuote.ts
@@ -0,0 +1,34 @@
+import type { BuddyResourceQuote, BuddyTextQuote } from '@buddy-shared/conversation/buddyUserContent'
+import type * as Monaco from 'monaco-editor/editor/editor.api.js'
+
+export function registerMonacoResourceQuote(editor: Monaco.editor.IStandaloneCodeEditor, options: {
+ label: string
+ source: () => BuddyTextQuote['source']
+ prepare: (quote: BuddyResourceQuote, x: number, y: number) => (() => void) | null
+}): Monaco.IDisposable {
+ return editor.addAction({
+ id: 'lexora.quoteSelection',
+ label: options.label,
+ precondition: 'editorHasSelection',
+ contextMenuGroupId: '9_cutcopypaste',
+ contextMenuOrder: 4,
+ run: () => {
+ const range = editor.getSelection()
+ const model = editor.getModel()
+ const text = range && model?.getValueInRange(range)
+ if (!range || !text?.trim())
+ return
+ const bounds = editor.getDomNode()?.getBoundingClientRect()
+ const position = editor.getScrolledVisiblePosition(range.getEndPosition())
+ if (!bounds || !position)
+ return
+ const show = options.prepare({ id: crypto.randomUUID(), text, source: options.source(), range: {
+ startLineNumber: range.startLineNumber,
+ startColumn: range.startColumn,
+ endLineNumber: range.endLineNumber,
+ endColumn: range.endColumn,
+ } }, bounds.left + position.left, bounds.top + position.top + position.height)
+ show?.()
+ },
+ })
+}
diff --git a/apps/buddy/src/shared/ui/selection/useQuoteHighlight.ts b/apps/buddy/src/shared/ui/selection/useQuoteHighlight.ts
new file mode 100644
index 000000000..a7c53db73
--- /dev/null
+++ b/apps/buddy/src/shared/ui/selection/useQuoteHighlight.ts
@@ -0,0 +1,32 @@
+import { onScopeDispose } from 'vue'
+import { findQuoteTextRanges, scrollQuoteRange } from './quoteText'
+
+const highlightDuration = 2400
+
+export function useQuoteHighlight(highlightName: string) {
+ let current: Highlight | null = null
+ let timer: ReturnType | undefined
+
+ function clear() {
+ clearTimeout(timer)
+ timer = undefined
+ if (current && CSS.highlights.get(highlightName) === current)
+ CSS.highlights.delete(highlightName)
+ current = null
+ }
+
+ function show(body: HTMLElement, quote: { text: string, textOffset?: number }, root: HTMLElement): boolean {
+ clear()
+ const ranges = findQuoteTextRanges(body, quote)
+ if (!ranges.length)
+ return false
+ current = new Highlight(...ranges)
+ CSS.highlights.set(highlightName, current)
+ scrollQuoteRange(ranges[0]!, root)
+ timer = setTimeout(clear, highlightDuration)
+ return true
+ }
+
+ onScopeDispose(clear)
+ return { show, clear }
+}
diff --git a/apps/buddy/src/shared/ui/selection/useResourceQuoteReveal.ts b/apps/buddy/src/shared/ui/selection/useResourceQuoteReveal.ts
new file mode 100644
index 000000000..d9682c8db
--- /dev/null
+++ b/apps/buddy/src/shared/ui/selection/useResourceQuoteReveal.ts
@@ -0,0 +1,56 @@
+import type { BuddyTextQuote } from '@buddy-shared/conversation/buddyUserContent'
+import { watch } from 'vue'
+import { useSelectionReferences } from './workbenchSelectionReferences'
+
+export function useResourceQuoteReveal(options: {
+ viewId: () => string
+ identity: () => string
+ visible: () => boolean
+ ready: () => boolean
+ prepare?: () => void
+ reveal: (quote: BuddyTextQuote) => boolean
+}) {
+ const references = useSelectionReferences()
+ watch([options.viewId, options.identity, options.visible], ([viewId, , visible], _, onCleanup) => {
+ if (!visible || !references)
+ return
+ const pending = new Set<() => void>()
+ const unregister = references.registerReveal(viewId, (quote, current) => {
+ options.prepare?.()
+ return new Promise((resolve) => {
+ let stop: (() => void) | undefined
+ let timer: ReturnType | undefined
+ function finish(value: boolean) {
+ clearTimeout(timer)
+ stop?.()
+ pending.delete(cancel)
+ resolve(value)
+ }
+ function cancel() {
+ finish(false)
+ }
+ const check = () => {
+ if (!current()) {
+ finish(false)
+ }
+ else if (options.ready()) {
+ try {
+ finish(options.reveal(quote))
+ }
+ catch {
+ finish(false)
+ }
+ }
+ }
+ stop = watch([options.ready, current], check, { flush: 'post' })
+ timer = setTimeout(cancel, 10_000)
+ pending.add(cancel)
+ check()
+ })
+ })
+ onCleanup(() => {
+ unregister()
+ for (const cancel of pending) cancel()
+ })
+ }, { immediate: true, flush: 'sync' })
+}
diff --git a/apps/buddy/src/shared/ui/selection/workbenchSelectionReferences.ts b/apps/buddy/src/shared/ui/selection/workbenchSelectionReferences.ts
new file mode 100644
index 000000000..9fbbb393c
--- /dev/null
+++ b/apps/buddy/src/shared/ui/selection/workbenchSelectionReferences.ts
@@ -0,0 +1,94 @@
+import type { BuddyResourceQuote, BuddyTextQuote, BuddyUserContentV1 } from '@buddy-shared/conversation/buddyUserContent'
+import type { InjectionKey } from 'vue'
+import { appendBuddyResourceQuote, buddyResourceQuoteSchema } from '@buddy-shared/conversation/buddyUserContent'
+import { inject, nextTick } from 'vue'
+
+export interface SelectionReferenceTarget {
+ id: string
+ identity: string
+ scope: string
+ label: string
+ read: () => BuddyUserContentV1
+ write: (content: BuddyUserContentV1) => void
+}
+export interface SelectionReferenceSource { identity: string, owner: string | null }
+export interface SelectionReferenceRequest {
+ viewId: string
+ sourceIdentity: string
+ quote: BuddyResourceQuote
+ targets: readonly Pick[]
+ defaultId: string | null
+ isSplit: boolean
+}
+export type SelectionReferenceResult = 'added' | 'duplicate' | 'limit' | 'unavailable'
+
+/** Capture identities, never a global active input or stale draft body. */
+export class WorkbenchSelectionReferences {
+ readonly #reveals = new Map boolean) => Promise>()
+
+ registerReveal(id: string, reveal: (quote: BuddyTextQuote, current: () => boolean) => Promise) {
+ this.#reveals.set(id, reveal)
+ return () => {
+ if (this.#reveals.get(id) === reveal)
+ this.#reveals.delete(id)
+ }
+ }
+
+ async reveal(id: string, quote: BuddyTextQuote, current: () => boolean): Promise {
+ await nextTick()
+ return current() && (await this.#reveals.get(id)?.(quote, current) ?? false)
+ }
+
+ constructor(readonly options: {
+ targets: () => readonly SelectionReferenceTarget[]
+ source: (viewId: string) => SelectionReferenceSource | null
+ locate: (quote: BuddyResourceQuote) => Promise
+ isSplit?: () => boolean
+ }) {}
+
+ capture(viewId: string, quote: BuddyResourceQuote): SelectionReferenceRequest | null {
+ const scope = this.captureScope(viewId)
+ const parsed = buddyResourceQuoteSchema.safeParse(quote)
+ return scope && parsed.success ? { ...scope, quote: parsed.data } : null
+ }
+
+ captureScope(viewId: string): Omit | null {
+ const source = this.options.source(viewId)
+ if (!source)
+ return null
+ const unique = new Map(this.options.targets().map(target => [target.identity, target]))
+ const targets = [...unique.values()]
+ const preferred = source.owner ? targets.find(target => target.scope === source.owner) : targets.length === 1 ? targets[0] : undefined
+ return {
+ viewId,
+ sourceIdentity: source.identity,
+ targets: targets.map(({ id, identity, label }) => ({ id, identity, label })),
+ defaultId: preferred?.id ?? null,
+ isSplit: this.options.isSplit?.() ?? targets.length > 1,
+ }
+ }
+
+ add(request: SelectionReferenceRequest, targetId: string): SelectionReferenceResult {
+ const source = this.options.source(request.viewId)
+ const captured = request.targets.find(target => target.id === targetId)
+ const target = this.options.targets().find(target => target.id === targetId)
+ if (!source || source.identity !== request.sourceIdentity || !captured || !target || captured.identity !== target.identity)
+ return 'unavailable'
+ const appended = appendBuddyResourceQuote(target.read(), request.quote)
+ if (appended.result === 'added')
+ target.write(appended.content)
+ return appended.result
+ }
+
+ isSourceCurrent(request: SelectionReferenceRequest): boolean {
+ return this.options.source(request.viewId)?.identity === request.sourceIdentity
+ }
+
+ locate(quote: BuddyResourceQuote): Promise {
+ return this.options.locate(quote)
+ }
+}
+export const workbenchSelectionReferencesKey: InjectionKey = Symbol('workbench-selection-references')
+export function useSelectionReferences(): WorkbenchSelectionReferences | null {
+ return inject(workbenchSelectionReferencesKey, null)
+}
diff --git a/apps/buddy/src/theme/_selection-menu.scss b/apps/buddy/src/theme/_selection-menu.scss
new file mode 100644
index 000000000..4743f35c4
--- /dev/null
+++ b/apps/buddy/src/theme/_selection-menu.scss
@@ -0,0 +1,31 @@
+// Shared reference menus follow the incumbent desktop window menu's visual treatment.
+.buddy-selection-menu.n-dropdown-menu {
+ --n-option-color-active: var(--buddy-accent-solid-pressed) !important;
+ --n-option-color-hover: var(--buddy-accent-solid) !important;
+ --n-option-text-color-active: var(--buddy-text-on-accent) !important;
+ --n-option-text-color-hover: var(--buddy-text-on-accent) !important;
+
+ box-sizing: border-box;
+ width: var(--buddy-menu-width);
+ max-width: min(var(--buddy-menu-max-width), calc(100vw - 16px));
+ border: 1px solid var(--buddy-border-strong);
+ border-radius: var(--buddy-menu-radius);
+ box-shadow: var(--buddy-shadow-overlay);
+}
+
+.buddy-selection-menu.n-dropdown-menu .n-dropdown-option-body {
+ font-size: 0.75rem;
+ transition-duration: 80ms;
+}
+
+.buddy-selection-menu.n-dropdown-menu .n-dropdown-option-body::before {
+ border-radius: var(--buddy-menu-item-radius);
+ transition-duration: 80ms;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .buddy-selection-menu.n-dropdown-menu .n-dropdown-option-body,
+ .buddy-selection-menu.n-dropdown-menu .n-dropdown-option-body::before {
+ transition-duration: 0ms;
+ }
+}
diff --git a/apps/buddy/src/theme/index.scss b/apps/buddy/src/theme/index.scss
index cb7e6ecf1..b5359bd16 100644
--- a/apps/buddy/src/theme/index.scss
+++ b/apps/buddy/src/theme/index.scss
@@ -1,5 +1,6 @@
@use './animation';
@use './fonts';
+@use './selection-menu';
:root {
color-scheme: light;
@@ -46,6 +47,8 @@
--buddy-icon-button-radius: var(--buddy-radius-micro);
--buddy-composer-control-height: 2rem;
--buddy-composer-control-radius: 0.5rem;
+ --buddy-menu-width: 12.5rem;
+ --buddy-menu-max-width: 17.5rem;
--buddy-menu-radius: 6px;
--buddy-menu-item-radius: 3px;
--buddy-menu-row-height: 32px;
+
+
+
+
+
+
+
+
+
+
+ {{ t('desktop.chat.resourceQuoteLocate') }}
+
+
+
+
+ {{ expanded ? t('desktop.chat.resourceQuoteCollapse') : t('desktop.chat.resourceQuoteMore', { count: quotes.length - 3 }) }}
+
+
+
+
+
diff --git a/apps/buddy/src/shared/ui/selection/ResourceSelectionQuoteMenu.vue b/apps/buddy/src/shared/ui/selection/ResourceSelectionQuoteMenu.vue
new file mode 100644
index 000000000..7db8b01f9
--- /dev/null
+++ b/apps/buddy/src/shared/ui/selection/ResourceSelectionQuoteMenu.vue
@@ -0,0 +1,119 @@
+
+
+
+ + {{ 'element' in quote ? quote.source.url : quote.source.kind === 'file' ? quote.source.file.path : quote.source.path }} +
+
+
+ {{ quote.element.tagName }}{{ quote.element.attributes.id ? `#${quote.element.attributes.id}` : '' }}
+ {{ Math.round(quote.element.rect.width) }} × {{ Math.round(quote.element.rect.height) }}
+ {{ quote.text }}
+ before
after
' + document.body.append(root) + expect(readResourceTextSelection(root, select(root.firstChild!.firstChild!, 0, root.lastChild!.firstChild!, 5), source)).toBeNull() + }) + + it('rejects collapsed, outside, cross-view and control selections', () => { + const root = document.createElement('article') + const other = document.createElement('article') + root.innerHTML = 'chosen text
' + other.textContent = 'outside' + document.body.append(root, other) + expect(readResourceTextSelection(root, null, source)).toBeNull() + expect(readResourceTextSelection(root, select(root.firstChild!.firstChild!, 0, root.firstChild!.firstChild!, 0), source)).toBeNull() + expect(readResourceTextSelection(root, select(other.firstChild!, 0), source)).toBeNull() + expect(readResourceTextSelection(root, select(root.firstChild!.firstChild!, 0, other.firstChild!, 3), source)).toBeNull() + expect(readResourceTextSelection(root, select(root.querySelector('button')!.firstChild!, 0), source)).toBeNull() + }) +}) diff --git a/apps/buddy/src/shared/ui/selection/__tests__/workbenchSelectionReferences.spec.ts b/apps/buddy/src/shared/ui/selection/__tests__/workbenchSelectionReferences.spec.ts new file mode 100644 index 000000000..cc46b2e02 --- /dev/null +++ b/apps/buddy/src/shared/ui/selection/__tests__/workbenchSelectionReferences.spec.ts @@ -0,0 +1,71 @@ +import type { BuddyResourceQuote, BuddyUserContentV1 } from '@buddy-shared/conversation/buddyUserContent' +import type { SelectionReferenceSource, SelectionReferenceTarget } from '../workbenchSelectionReferences' +import { createBuddyUserContent } from '@buddy-shared/conversation/buddyUserContent' +import { describe, expect, it, vi } from 'vitest' +import { WorkbenchSelectionReferences } from '../workbenchSelectionReferences' + +const quote: BuddyResourceQuote = { id: 'q', text: 'selected snapshot', source: { kind: 'file', title: 'notes.md', file: { spaceId: 's', directoryId: 'd', revision: 1, path: 'notes.md' }, format: 'markdown' }, textOffset: 3 } +function fixture() { + const content = new Map