Knowledge Base AI Block for Vue

Everything. The articles, their briefs, summaries and sample answers are typed in the file, the search filters them in the tab and the helpful vote is kept in memory. Nothing is searched on a server, read by a model or sent. To wire it for real, replace the typed answers with a call that sends the question and the article text to your model, and send the vote to your analytics where rate sets it.

Edit CATEGORIES and ARTICLES: each article has a category, a title, tags, a two-sentence brief, three takeaways, the body as paragraphs and, optionally, sample questions with the words that pick them. The tree, the counts and the related list are all built from that data.

It matches the typed words against titles and tags as you type, keeps only the categories that hold a match, opens them all and marks the matching letters in each title. The line above the tree says "4 of 12 articles"; with no match an empty state offers Clear search, and the tree keeps its place in the same scroll region.

By shared tags: every other article that shares at least one tag is ranked by how many it shares, ties go in the order of the list, and the top three show with the tags they share ("2 shared tags: people, sharing"). Pressing one opens it.

The tree takes the arrow keys, Enter opens an article and the arrow keys open and close categories. The tabs, the helpful pair, the sample questions and the field are ordinary controls, and the status line at the foot says what each press did.

The window keeps its height. A Contents and Article switch in the top bar shows one side at a time; choosing an article from the tree switches to it, and the Ask box stays pinned at the foot of the article.