+ ) : isSuggestedTopicsOpen ? (
+
+ {
+ const prompt = buildSuggestedTopicExplorePrompt(topic)
+ submitFromPalette(prompt, null)
+ }}
+ />
+
) : selectedPath && isBaseFilePath(selectedPath) ? (
setChatDraftForTab(tab.id, text)}
+ onSelectedModelChange={(m) => {
+ if (m) {
+ selectedModelByTabRef.current.set(tab.id, m)
+ } else {
+ selectedModelByTabRef.current.delete(tab.id)
+ }
+ }}
isRecording={isActive && isRecording}
recordingText={isActive ? voice.interimText : undefined}
recordingState={isActive ? (voice.state === 'connecting' ? 'connecting' : 'listening') : undefined}
@@ -4621,6 +4727,13 @@ function App() {
onPresetMessageConsumed={() => setPresetMessage(undefined)}
getInitialDraft={(tabId) => chatDraftsRef.current.get(tabId)}
onDraftChangeForTab={setChatDraftForTab}
+ onSelectedModelChangeForTab={(tabId, m) => {
+ if (m) {
+ selectedModelByTabRef.current.set(tabId, m)
+ } else {
+ selectedModelByTabRef.current.delete(tabId)
+ }
+ }}
pendingAskHumanRequests={pendingAskHumanRequests}
allPermissionRequests={allPermissionRequests}
permissionResponses={permissionResponses}
@@ -4647,18 +4760,6 @@ function App() {
)}
{/* Rendered last so its no-drag region paints over the sidebar drag region */}
{ void navigateBack() }}
- onNavigateForward={() => { void navigateForward() }}
- canNavigateBack={canNavigateBack}
- canNavigateForward={canNavigateForward}
- onNewChat={handleNewChatTab}
- onOpenSearch={() => setIsSearchOpen(true)}
- meetingState={meetingTranscription.state}
- meetingSummarizing={meetingSummarizing}
- meetingAvailable={voiceAvailable}
- onToggleMeeting={() => { void handleToggleMeeting() }}
- isBrowserOpen={isBrowserOpen}
- onToggleBrowser={handleToggleBrowser}
leftInsetPx={isMac ? MACOS_TRAFFIC_LIGHTS_RESERVED_PX : 0}
/>
diff --git a/apps/x/apps/renderer/src/components/chat-input-with-mentions.tsx b/apps/x/apps/renderer/src/components/chat-input-with-mentions.tsx
index 37d8d053..e1fb950f 100644
--- a/apps/x/apps/renderer/src/components/chat-input-with-mentions.tsx
+++ b/apps/x/apps/renderer/src/components/chat-input-with-mentions.tsx
@@ -69,13 +69,20 @@ const providerDisplayNames: Record = {
rowboat: 'Rowboat',
}
+type ProviderName = "openai" | "anthropic" | "google" | "openrouter" | "aigateway" | "ollama" | "openai-compatible" | "rowboat"
+
interface ConfiguredModel {
- flavor: "openai" | "anthropic" | "google" | "openrouter" | "aigateway" | "ollama" | "openai-compatible" | "rowboat"
+ provider: ProviderName
model: string
- apiKey?: string
- baseURL?: string
- headers?: Record
- knowledgeGraphModel?: string
+}
+
+export interface SelectedModel {
+ provider: string
+ model: string
+}
+
+function getSelectedModelDisplayName(model: string) {
+ return model.split('/').pop() || model
}
function getAttachmentIcon(kind: AttachmentIconKind) {
@@ -120,6 +127,8 @@ interface ChatInputInnerProps {
ttsMode?: 'summary' | 'full'
onToggleTts?: () => void
onTtsModeChange?: (mode: 'summary' | 'full') => void
+ /** Fired when the user picks a different model in the dropdown (only when no run exists yet). */
+ onSelectedModelChange?: (model: SelectedModel | null) => void
}
function ChatInputInner({
@@ -145,6 +154,7 @@ function ChatInputInner({
ttsMode,
onToggleTts,
onTtsModeChange,
+ onSelectedModelChange,
}: ChatInputInnerProps) {
const controller = usePromptInputController()
const message = controller.textInput.value
@@ -155,10 +165,27 @@ function ChatInputInner({
const [configuredModels, setConfiguredModels] = useState([])
const [activeModelKey, setActiveModelKey] = useState('')
+ const [lockedModel, setLockedModel] = useState(null)
const [searchEnabled, setSearchEnabled] = useState(false)
const [searchAvailable, setSearchAvailable] = useState(false)
const [isRowboatConnected, setIsRowboatConnected] = useState(false)
+ // When a run exists, freeze the dropdown to the run's resolved model+provider.
+ useEffect(() => {
+ if (!runId) {
+ setLockedModel(null)
+ return
+ }
+ let cancelled = false
+ window.ipc.invoke('runs:fetch', { runId }).then((run) => {
+ if (cancelled) return
+ if (run.provider && run.model) {
+ setLockedModel({ provider: run.provider, model: run.model })
+ }
+ }).catch(() => { /* legacy run or fetch failure — leave unlocked */ })
+ return () => { cancelled = true }
+ }, [runId])
+
// Check Rowboat sign-in state
useEffect(() => {
window.ipc.invoke('oauth:getState', null).then((result) => {
@@ -176,42 +203,20 @@ function ChatInputInner({
return cleanup
}, [])
- // Load model config (gateway when signed in, local config when BYOK)
+ // Load the list of models the user can choose from.
+ // Signed-in: gateway model list. Signed-out: providers configured in models.json.
const loadModelConfig = useCallback(async () => {
try {
if (isRowboatConnected) {
- // Fetch gateway models
const listResult = await window.ipc.invoke('models:list', null)
const rowboatProvider = listResult.providers?.find(
(p: { id: string }) => p.id === 'rowboat'
)
const models: ConfiguredModel[] = (rowboatProvider?.models || []).map(
- (m: { id: string }) => ({ flavor: 'rowboat', model: m.id })
+ (m: { id: string }) => ({ provider: 'rowboat', model: m.id })
)
-
- // Read current default from config
- let defaultModel = ''
- try {
- const result = await window.ipc.invoke('workspace:readFile', { path: 'config/models.json' })
- const parsed = JSON.parse(result.data)
- defaultModel = parsed?.model || ''
- } catch { /* no config yet */ }
-
- if (defaultModel) {
- models.sort((a, b) => {
- if (a.model === defaultModel) return -1
- if (b.model === defaultModel) return 1
- return 0
- })
- }
-
setConfiguredModels(models)
- const activeKey = defaultModel
- ? `rowboat/${defaultModel}`
- : models[0] ? `rowboat/${models[0].model}` : ''
- if (activeKey) setActiveModelKey(activeKey)
} else {
- // BYOK: read from local models.json
const result = await window.ipc.invoke('workspace:readFile', { path: 'config/models.json' })
const parsed = JSON.parse(result.data)
const models: ConfiguredModel[] = []
@@ -223,32 +228,12 @@ function ChatInputInner({
const allModels = modelList.length > 0 ? modelList : singleModel ? [singleModel] : []
for (const model of allModels) {
if (model) {
- models.push({
- flavor: flavor as ConfiguredModel['flavor'],
- model,
- apiKey: (e.apiKey as string) || undefined,
- baseURL: (e.baseURL as string) || undefined,
- headers: (e.headers as Record) || undefined,
- knowledgeGraphModel: (e.knowledgeGraphModel as string) || undefined,
- })
+ models.push({ provider: flavor as ProviderName, model })
}
}
}
}
- const defaultKey = parsed?.provider?.flavor && parsed?.model
- ? `${parsed.provider.flavor}/${parsed.model}`
- : ''
- models.sort((a, b) => {
- const aKey = `${a.flavor}/${a.model}`
- const bKey = `${b.flavor}/${b.model}`
- if (aKey === defaultKey) return -1
- if (bKey === defaultKey) return 1
- return 0
- })
setConfiguredModels(models)
- if (defaultKey) {
- setActiveModelKey(defaultKey)
- }
}
} catch {
// No config yet
@@ -284,40 +269,15 @@ function ChatInputInner({
checkSearch()
}, [isActive, isRowboatConnected])
- const handleModelChange = useCallback(async (key: string) => {
- const entry = configuredModels.find((m) => `${m.flavor}/${m.model}` === key)
+ // Selecting a model affects only the *next* run created from this tab.
+ // Once a run exists, model is frozen on the run and the dropdown is read-only.
+ const handleModelChange = useCallback((key: string) => {
+ if (lockedModel) return
+ const entry = configuredModels.find((m) => `${m.provider}/${m.model}` === key)
if (!entry) return
setActiveModelKey(key)
-
- try {
- if (entry.flavor === 'rowboat') {
- // Gateway model — save with valid Zod flavor, no credentials
- await window.ipc.invoke('models:saveConfig', {
- provider: { flavor: 'openrouter' as const },
- model: entry.model,
- knowledgeGraphModel: entry.knowledgeGraphModel,
- })
- } else {
- // BYOK — preserve full provider config
- const providerModels = configuredModels
- .filter((m) => m.flavor === entry.flavor)
- .map((m) => m.model)
- await window.ipc.invoke('models:saveConfig', {
- provider: {
- flavor: entry.flavor,
- apiKey: entry.apiKey,
- baseURL: entry.baseURL,
- headers: entry.headers,
- },
- model: entry.model,
- models: providerModels,
- knowledgeGraphModel: entry.knowledgeGraphModel,
- })
- }
- } catch {
- toast.error('Failed to switch model')
- }
- }, [configuredModels])
+ onSelectedModelChange?.({ provider: entry.provider, model: entry.model })
+ }, [configuredModels, lockedModel, onSelectedModelChange])
// Restore the tab draft when this input mounts.
useEffect(() => {
@@ -555,7 +515,14 @@ function ChatInputInner({
)
)}
- {configuredModels.length > 0 && (
+ {lockedModel ? (
+
+ {getSelectedModelDisplayName(lockedModel.model)}
+
+ ) : configuredModels.length > 0 ? (
@@ -571,18 +538,18 @@ function ChatInputInner({
{configuredModels.map((m) => {
- const key = `${m.flavor}/${m.model}`
+ const key = `${m.provider}/${m.model}`
return (
{m.model}
- {providerDisplayNames[m.flavor] || m.flavor}
+ {providerDisplayNames[m.provider] || m.provider}
)
})}
- )}
+ ) : null}
{onToggleTts && ttsAvailable && (
@@ -729,6 +696,7 @@ export interface ChatInputWithMentionsProps {
ttsMode?: 'summary' | 'full'
onToggleTts?: () => void
onTtsModeChange?: (mode: 'summary' | 'full') => void
+ onSelectedModelChange?: (model: SelectedModel | null) => void
}
export function ChatInputWithMentions({
@@ -757,6 +725,7 @@ export function ChatInputWithMentions({
ttsMode,
onToggleTts,
onTtsModeChange,
+ onSelectedModelChange,
}: ChatInputWithMentionsProps) {
return (
@@ -783,6 +752,7 @@ export function ChatInputWithMentions({
ttsMode={ttsMode}
onToggleTts={onToggleTts}
onTtsModeChange={onTtsModeChange}
+ onSelectedModelChange={onSelectedModelChange}
/>
)
diff --git a/apps/x/apps/renderer/src/components/chat-sidebar.tsx b/apps/x/apps/renderer/src/components/chat-sidebar.tsx
index e51d7c8f..0a407d5d 100644
--- a/apps/x/apps/renderer/src/components/chat-sidebar.tsx
+++ b/apps/x/apps/renderer/src/components/chat-sidebar.tsx
@@ -25,8 +25,10 @@ import { Suggestions } from '@/components/ai-elements/suggestions'
import { type PromptInputMessage, type FileMention } from '@/components/ai-elements/prompt-input'
import { FileCardProvider } from '@/contexts/file-card-context'
import { MarkdownPreOverride } from '@/components/ai-elements/markdown-code-override'
+import { defaultRemarkPlugins } from 'streamdown'
+import remarkBreaks from 'remark-breaks'
import { TabBar, type ChatTab } from '@/components/tab-bar'
-import { ChatInputWithMentions, type StagedAttachment } from '@/components/chat-input-with-mentions'
+import { ChatInputWithMentions, type StagedAttachment, type SelectedModel } from '@/components/chat-input-with-mentions'
import { ChatMessageAttachments } from '@/components/chat-message-attachments'
import { wikiLabel } from '@/lib/wiki-links'
import {
@@ -49,6 +51,11 @@ import {
const streamdownComponents = { pre: MarkdownPreOverride }
+// Render user messages with markdown so bullets, bold, links, etc. survive the
+// round-trip from the input textarea. `remarkBreaks` turns single newlines
+// into
so typed line breaks are preserved without requiring blank lines.
+const userMessageRemarkPlugins = [...Object.values(defaultRemarkPlugins), remarkBreaks]
+
/* ─── Billing error helpers ─── */
const BILLING_ERROR_PATTERNS = [
@@ -158,6 +165,7 @@ interface ChatSidebarProps {
onPresetMessageConsumed?: () => void
getInitialDraft?: (tabId: string) => string | undefined
onDraftChangeForTab?: (tabId: string, text: string) => void
+ onSelectedModelChangeForTab?: (tabId: string, model: SelectedModel | null) => void
pendingAskHumanRequests?: ChatTabViewState['pendingAskHumanRequests']
allPermissionRequests?: ChatTabViewState['allPermissionRequests']
permissionResponses?: ChatTabViewState['permissionResponses']
@@ -211,6 +219,7 @@ export function ChatSidebar({
onPresetMessageConsumed,
getInitialDraft,
onDraftChangeForTab,
+ onSelectedModelChangeForTab,
pendingAskHumanRequests = new Map(),
allPermissionRequests = new Map(),
permissionResponses = new Map(),
@@ -351,7 +360,14 @@ export function ChatSidebar({
{item.content && (
- {item.content}
+
+
+ {item.content}
+
+
)}
)
@@ -372,7 +388,12 @@ export function ChatSidebar({
))}
)}
- {message}
+
+ {message}
+
)
@@ -662,6 +683,7 @@ export function ChatSidebar({
runId={tabState.runId}
initialDraft={getInitialDraft?.(tab.id)}
onDraftChange={onDraftChangeForTab ? (text) => onDraftChangeForTab(tab.id, text) : undefined}
+ onSelectedModelChange={onSelectedModelChangeForTab ? (m) => onSelectedModelChangeForTab(tab.id, m) : undefined}
isRecording={isActive && isRecording}
recordingText={isActive ? recordingText : undefined}
recordingState={isActive ? recordingState : undefined}
diff --git a/apps/x/apps/renderer/src/components/markdown-editor.tsx b/apps/x/apps/renderer/src/components/markdown-editor.tsx
index 3d22c646..e97f7c6e 100644
--- a/apps/x/apps/renderer/src/components/markdown-editor.tsx
+++ b/apps/x/apps/renderer/src/components/markdown-editor.tsx
@@ -7,12 +7,16 @@ import Image from '@tiptap/extension-image'
import Placeholder from '@tiptap/extension-placeholder'
import TaskList from '@tiptap/extension-task-list'
import TaskItem from '@tiptap/extension-task-item'
+import { TableKit, renderTableToMarkdown } from '@tiptap/extension-table'
+import type { JSONContent, MarkdownRendererHelpers } from '@tiptap/react'
import { ImageUploadPlaceholderExtension, createImageUploadHandler } from '@/extensions/image-upload'
import { TaskBlockExtension } from '@/extensions/task-block'
import { TrackBlockExtension } from '@/extensions/track-block'
+import { PromptBlockExtension } from '@/extensions/prompt-block'
import { TrackTargetOpenExtension, TrackTargetCloseExtension } from '@/extensions/track-target'
import { ImageBlockExtension } from '@/extensions/image-block'
import { EmbedBlockExtension } from '@/extensions/embed-block'
+import { IframeBlockExtension } from '@/extensions/iframe-block'
import { ChartBlockExtension } from '@/extensions/chart-block'
import { TableBlockExtension } from '@/extensions/table-block'
import { CalendarBlockExtension } from '@/extensions/calendar-block'
@@ -54,17 +58,22 @@ function preprocessMarkdown(markdown: string): string {
// line until a blank line terminates it, and markdown inline rules (bold,
// italics, links) don't apply inside the block. Without surrounding blank
// lines, the line right after our placeholder div gets absorbed as HTML and
-// its markdown is not parsed. We consume any adjacent newlines in the match
-// and emit exactly `\n\n\n\n` so the HTML block starts and ends on
-// its own line.
+// its markdown is not parsed.
+//
+// Consume ALL adjacent newlines (\n*, not \n?) so the emitted `\n\n…\n\n`
+// is load/save stable. serializeBlocksToMarkdown emits `\n\n` between blocks
+// on save; a `\n?` regex on reload would only consume one of those two
+// newlines, so every cycle would add a net newline on each side of every
+// marker — causing tracks running on an open note to steadily inflate the
+// file with blank lines around target regions.
function preprocessTrackTargets(md: string): string {
return md
.replace(
- /\n?\n?/g,
+ /\n*\n*/g,
(_m, id: string) => `\n\n\n\n`,
)
.replace(
- /\n?\n?/g,
+ /\n*\n*/g,
(_m, id: string) => `\n\n\n\n`,
)
}
@@ -148,6 +157,17 @@ function serializeList(listNode: JsonNode, indent: number): string[] {
return lines
}
+// Adapter for tiptap's first-party renderTableToMarkdown. Only renderChildren is
+// actually invoked — the other helpers are stubs to satisfy the type.
+const tableRenderHelpers: MarkdownRendererHelpers = {
+ renderChildren: (nodes) => {
+ const arr = Array.isArray(nodes) ? nodes : [nodes]
+ return arr.map(n => n.type === 'paragraph' ? nodeToText(n as JsonNode) : '').join('')
+ },
+ wrapInBlock: (prefix, content) => prefix + content,
+ indent: (content) => content,
+}
+
// Serialize a single top-level block to its markdown string. Empty paragraphs (or blank-marker
// paragraphs) return '' to signal "blank line slot" for the join logic in serializeBlocksToMarkdown.
function blockToMarkdown(node: JsonNode): string {
@@ -167,6 +187,8 @@ function blockToMarkdown(node: JsonNode): string {
return serializeList(node, 0).join('\n')
case 'taskBlock':
return '```task\n' + (node.attrs?.data as string || '{}') + '\n```'
+ case 'promptBlock':
+ return '```prompt\n' + (node.attrs?.data as string || '') + '\n```'
case 'trackBlock':
return '```track\n' + (node.attrs?.data as string || '') + '\n```'
case 'trackTargetOpen':
@@ -177,6 +199,8 @@ function blockToMarkdown(node: JsonNode): string {
return '```image\n' + (node.attrs?.data as string || '{}') + '\n```'
case 'embedBlock':
return '```embed\n' + (node.attrs?.data as string || '{}') + '\n```'
+ case 'iframeBlock':
+ return '```iframe\n' + (node.attrs?.data as string || '{}') + '\n```'
case 'chartBlock':
return '```chart\n' + (node.attrs?.data as string || '{}') + '\n```'
case 'tableBlock':
@@ -189,6 +213,8 @@ function blockToMarkdown(node: JsonNode): string {
return '```transcript\n' + (node.attrs?.data as string || '{}') + '\n```'
case 'mermaidBlock':
return '```mermaid\n' + (node.attrs?.data as string || '') + '\n```'
+ case 'table':
+ return renderTableToMarkdown(node as JSONContent, tableRenderHelpers).trim()
case 'codeBlock': {
const lang = (node.attrs?.language as string) || ''
return '```' + lang + '\n' + nodeToText(node) + '\n```'
@@ -672,10 +698,12 @@ export const MarkdownEditor = forwardRef>({})
const [modelsLoading, setModelsLoading] = useState(false)
const [modelsError, setModelsError] = useState(null)
- const [providerConfigs, setProviderConfigs] = useState>({
- openai: { apiKey: "", baseURL: "", model: "", knowledgeGraphModel: "" },
- anthropic: { apiKey: "", baseURL: "", model: "", knowledgeGraphModel: "" },
- google: { apiKey: "", baseURL: "", model: "", knowledgeGraphModel: "" },
- openrouter: { apiKey: "", baseURL: "", model: "", knowledgeGraphModel: "" },
- aigateway: { apiKey: "", baseURL: "", model: "", knowledgeGraphModel: "" },
- ollama: { apiKey: "", baseURL: "http://localhost:11434", model: "", knowledgeGraphModel: "" },
- "openai-compatible": { apiKey: "", baseURL: "http://localhost:1234/v1", model: "", knowledgeGraphModel: "" },
+ const [providerConfigs, setProviderConfigs] = useState>({
+ openai: { apiKey: "", baseURL: "", model: "", knowledgeGraphModel: "", meetingNotesModel: "", trackBlockModel: "" },
+ anthropic: { apiKey: "", baseURL: "", model: "", knowledgeGraphModel: "", meetingNotesModel: "", trackBlockModel: "" },
+ google: { apiKey: "", baseURL: "", model: "", knowledgeGraphModel: "", meetingNotesModel: "", trackBlockModel: "" },
+ openrouter: { apiKey: "", baseURL: "", model: "", knowledgeGraphModel: "", meetingNotesModel: "", trackBlockModel: "" },
+ aigateway: { apiKey: "", baseURL: "", model: "", knowledgeGraphModel: "", meetingNotesModel: "", trackBlockModel: "" },
+ ollama: { apiKey: "", baseURL: "http://localhost:11434", model: "", knowledgeGraphModel: "", meetingNotesModel: "", trackBlockModel: "" },
+ "openai-compatible": { apiKey: "", baseURL: "http://localhost:1234/v1", model: "", knowledgeGraphModel: "", meetingNotesModel: "", trackBlockModel: "" },
})
const [testState, setTestState] = useState<{ status: "idle" | "testing" | "success" | "error"; error?: string }>({
status: "idle",
@@ -109,7 +109,7 @@ export function OnboardingModal({ open, onComplete }: OnboardingModalProps) {
const [googleCalendarConnecting, setGoogleCalendarConnecting] = useState(false)
const updateProviderConfig = useCallback(
- (provider: LlmProviderFlavor, updates: Partial<{ apiKey: string; baseURL: string; model: string; knowledgeGraphModel: string }>) => {
+ (provider: LlmProviderFlavor, updates: Partial<{ apiKey: string; baseURL: string; model: string; knowledgeGraphModel: string; meetingNotesModel: string; trackBlockModel: string }>) => {
setProviderConfigs(prev => ({
...prev,
[provider]: { ...prev[provider], ...updates },
@@ -458,6 +458,8 @@ export function OnboardingModal({ open, onComplete }: OnboardingModalProps) {
const baseURL = activeConfig.baseURL.trim() || undefined
const model = activeConfig.model.trim()
const knowledgeGraphModel = activeConfig.knowledgeGraphModel.trim() || undefined
+ const meetingNotesModel = activeConfig.meetingNotesModel.trim() || undefined
+ const trackBlockModel = activeConfig.trackBlockModel.trim() || undefined
const providerConfig = {
provider: {
flavor: llmProvider,
@@ -466,6 +468,8 @@ export function OnboardingModal({ open, onComplete }: OnboardingModalProps) {
},
model,
knowledgeGraphModel,
+ meetingNotesModel,
+ trackBlockModel,
}
const result = await window.ipc.invoke("models:test", providerConfig)
if (result.success) {
@@ -1157,6 +1161,72 @@ export function OnboardingModal({ open, onComplete }: OnboardingModalProps) {
)}
+
+
+
Meeting notes model
+ {modelsLoading ? (
+
+
+ Loading...
+
+ ) : showModelInput ? (
+
updateProviderConfig(llmProvider, { meetingNotesModel: e.target.value })}
+ placeholder={activeConfig.model || "Enter model"}
+ />
+ ) : (
+
+ )}
+
+
Track block model
+ {modelsLoading ? (
+
+
+ Loading...
+
+ ) : showModelInput ? (
+
updateProviderConfig(llmProvider, { trackBlockModel: e.target.value })}
+ placeholder={activeConfig.model || "Enter model"}
+ />
+ ) : (
+
+ )}
+
+
+ {modelsLoading ? (
+
+
+ Loading...
+
+ ) : showModelInput ? (
+
updateProviderConfig(llmProvider, { meetingNotesModel: e.target.value })}
+ placeholder={activeConfig.model || "Enter model"}
+ />
+ ) : (
+
+ )}
+
+
+ {modelsLoading ? (
+
+
+ Loading...
+
+ ) : showModelInput ? (
+
updateProviderConfig(llmProvider, { trackBlockModel: e.target.value })}
+ placeholder={activeConfig.model || "Enter model"}
+ />
+ ) : (
+
+ )}
+
+
Meeting notes model
+ {modelsLoading ? (
+
+
+ Loading...
+
+ ) : showModelInput ? (
+
updateConfig(provider, { meetingNotesModel: e.target.value })}
+ placeholder={primaryModel || "Enter model"}
+ />
+ ) : (
+
+ )}
+
+
Track block model
+ {modelsLoading ? (
+
+
+ Loading...
+
+ ) : showModelInput ? (
+
updateConfig(provider, { trackBlockModel: e.target.value })}
+ placeholder={primaryModel || "Enter model"}
+ />
+ ) : (
+
+ )}
+
+ {onNewChat && (
+
+ )}
+ {onOpenSearch && (
+
+ )}
+ {meetingAvailable && onToggleMeeting && (
+
+ )}
+ {onToggleBrowser && (
+
+ )}
+ {onOpenSuggestedTopics && (
+
+ )}
+
{activeSection === "knowledge" && (
@@ -496,6 +608,7 @@ export function SidebarContentPanel({
selectedPath={selectedPath}
expandedPaths={expandedPaths}
onSelectFile={onSelectFile}
+ onToggleFolder={onToggleFolder}
actions={knowledgeActions}
onVoiceNoteCreated={onVoiceNoteCreated}
/>
@@ -884,6 +997,7 @@ function KnowledgeSection({
selectedPath,
expandedPaths,
onSelectFile,
+ onToggleFolder,
actions,
onVoiceNoteCreated,
}: {
@@ -891,6 +1005,7 @@ function KnowledgeSection({
selectedPath: string | null
expandedPaths: Set
onSelectFile: (path: string, kind: "file" | "dir") => void
+ onToggleFolder?: (path: string) => void
actions: KnowledgeActions
onVoiceNoteCreated?: (path: string) => void
}) {
@@ -980,6 +1095,7 @@ function KnowledgeSection({
selectedPath={selectedPath}
expandedPaths={expandedPaths}
onSelect={onSelectFile}
+ onToggleFolder={onToggleFolder}
actions={actions}
/>
))}
@@ -1008,9 +1124,7 @@ function countFiles(node: TreeNode): number {
}
/** Display name overrides for top-level knowledge folders */
-const FOLDER_DISPLAY_NAMES: Record = {
- Notes: 'My Notes',
-}
+const FOLDER_DISPLAY_NAMES: Record = {}
// Tree component for file browser
function Tree({
@@ -1018,12 +1132,14 @@ function Tree({
selectedPath,
expandedPaths,
onSelect,
+ onToggleFolder,
actions,
}: {
item: TreeNode
selectedPath: string | null
expandedPaths: Set
onSelect: (path: string, kind: "file" | "dir") => void
+ onToggleFolder?: (path: string) => void
actions: KnowledgeActions
}) {
const isDir = item.kind === 'dir'
@@ -1160,15 +1276,15 @@ function Tree({
)
}
- // Top-level knowledge folders (except Notes) open bases view — render as flat items
+ // Top-level knowledge folders open bases view — render as flat items
const parts = item.path.split('/')
- const isBasesFolder = isDir && parts.length === 2 && parts[0] === 'knowledge' && parts[1] !== 'Notes'
+ const isBasesFolder = isDir && parts.length === 2 && parts[0] === 'knowledge'
if (isBasesFolder) {
return (
-
+
onSelect(item.path, item.kind)}>
@@ -1176,6 +1292,38 @@ function Tree({
{countFiles(item)}
+ {onToggleFolder && (item.children?.length ?? 0) > 0 && (
+ {
+ e.stopPropagation()
+ onToggleFolder(item.path)
+ }}
+ >
+
+
+ )}
+ {isExpanded && (
+
+ {(item.children ?? []).map((subItem, index) => (
+
+ ))}
+
+ )}
{contextMenuContent}
@@ -1240,6 +1388,7 @@ function Tree({
selectedPath={selectedPath}
expandedPaths={expandedPaths}
onSelect={onSelect}
+ onToggleFolder={onToggleFolder}
actions={actions}
/>
))}
diff --git a/apps/x/apps/renderer/src/components/suggested-topics-view.tsx b/apps/x/apps/renderer/src/components/suggested-topics-view.tsx
new file mode 100644
index 00000000..4440aba9
--- /dev/null
+++ b/apps/x/apps/renderer/src/components/suggested-topics-view.tsx
@@ -0,0 +1,246 @@
+import { useCallback, useEffect, useState } from 'react'
+import { ArrowRight, Lightbulb, Loader2 } from 'lucide-react'
+import { SuggestedTopicBlockSchema, type SuggestedTopicBlock } from '@x/shared/dist/blocks.js'
+
+const SUGGESTED_TOPICS_PATH = 'suggested-topics.md'
+const LEGACY_SUGGESTED_TOPICS_PATHS = [
+ 'config/suggested-topics.md',
+ 'knowledge/Notes/Suggested Topics.md',
+]
+
+/** Parse suggestedtopic code-fence blocks from the markdown file content. */
+function parseTopics(content: string): SuggestedTopicBlock[] {
+ const topics: SuggestedTopicBlock[] = []
+ const regex = /```suggestedtopic\s*\n([\s\S]*?)```/g
+ let match: RegExpExecArray | null
+ while ((match = regex.exec(content)) !== null) {
+ try {
+ const parsed = JSON.parse(match[1].trim())
+ const topic = SuggestedTopicBlockSchema.parse(parsed)
+ topics.push(topic)
+ } catch {
+ // Skip malformed blocks
+ }
+ }
+
+ if (topics.length > 0) return topics
+
+ const lines = content
+ .split('\n')
+ .map(line => line.trim())
+ .filter(line => line && !line.startsWith('#'))
+
+ for (const line of lines) {
+ try {
+ const parsed = JSON.parse(line)
+ const topic = SuggestedTopicBlockSchema.parse(parsed)
+ topics.push(topic)
+ } catch {
+ // Skip malformed lines
+ }
+ }
+
+ return topics
+}
+
+function serializeTopics(topics: SuggestedTopicBlock[]): string {
+ const blocks = topics.map((topic) => [
+ '```suggestedtopic',
+ JSON.stringify(topic),
+ '```',
+ ].join('\n'))
+
+ return ['# Suggested Topics', ...blocks].join('\n\n') + '\n'
+}
+
+const CATEGORY_COLORS: Record = {
+ Meetings: 'bg-violet-500/10 text-violet-600 dark:text-violet-400',
+ Projects: 'bg-blue-500/10 text-blue-600 dark:text-blue-400',
+ People: 'bg-emerald-500/10 text-emerald-600 dark:text-emerald-400',
+ Organizations: 'bg-cyan-500/10 text-cyan-600 dark:text-cyan-400',
+ Topics: 'bg-amber-500/10 text-amber-600 dark:text-amber-400',
+}
+
+function getCategoryColor(category?: string): string {
+ if (!category) return 'bg-muted text-muted-foreground'
+ return CATEGORY_COLORS[category] ?? 'bg-muted text-muted-foreground'
+}
+
+interface TopicCardProps {
+ topic: SuggestedTopicBlock
+ onTrack: () => void
+ isRemoving: boolean
+}
+
+function TopicCard({ topic, onTrack, isRemoving }: TopicCardProps) {
+ return (
+
+
+
+ {topic.title}
+
+ {topic.category && (
+
+ {topic.category}
+
+ )}
+
+
+ {topic.description}
+
+
+
+
+
+ )
+ }
+
+ if (error || topics.length === 0) {
+ return (
+
+
+
+
+
+ {error ?? 'No suggested topics yet. Check back once your knowledge graph has more data.'}
+
+
+
+
+
+
Suggested Topics
+
+
+ Suggested notes surfaced from your knowledge graph. Track one to start a tracking note.
+
+
+
+
+ {topics.map((topic, i) => (
+ { void handleTrack(topic, i) }}
+ isRemoving={removingIndex === i}
+ />
+ ))}
+
+
+
{trackId}
File{detail.filePath}
Status{active ? 'Active' : 'Paused'}
+ {model && (<>
+ Model{model}
+ )}
+ {provider && (<>
+ Provider{provider}
+ )}
{lastRunAt && (<>
Last run{formatDateTime(lastRunAt)}
)}
diff --git a/apps/x/apps/renderer/src/extensions/iframe-block.tsx b/apps/x/apps/renderer/src/extensions/iframe-block.tsx
new file mode 100644
index 00000000..2ed5bd52
--- /dev/null
+++ b/apps/x/apps/renderer/src/extensions/iframe-block.tsx
@@ -0,0 +1,256 @@
+import { mergeAttributes, Node } from '@tiptap/react'
+import { ReactNodeViewRenderer, NodeViewWrapper } from '@tiptap/react'
+import { Globe, X } from 'lucide-react'
+import { blocks } from '@x/shared'
+import { useEffect, useRef, useState } from 'react'
+
+const IFRAME_HEIGHT_MESSAGE = 'rowboat:iframe-height'
+const IFRAME_HEIGHT_CACHE_PREFIX = 'rowboat:iframe-height:'
+const DEFAULT_IFRAME_HEIGHT = 560
+const MIN_IFRAME_HEIGHT = 240
+const HEIGHT_UPDATE_THRESHOLD = 4
+const AUTO_RESIZE_SETTLE_MS = 160
+const LOAD_FALLBACK_READY_MS = 180
+const DEFAULT_IFRAME_ALLOW = [
+ 'accelerometer',
+ 'autoplay',
+ 'camera',
+ 'clipboard-read',
+ 'clipboard-write',
+ 'display-capture',
+ 'encrypted-media',
+ 'fullscreen',
+ 'geolocation',
+ 'microphone',
+].join('; ')
+
+function getIframeHeightCacheKey(url: string): string {
+ return `${IFRAME_HEIGHT_CACHE_PREFIX}${url}`
+}
+
+function readCachedIframeHeight(url: string, fallbackHeight: number): number {
+ try {
+ const raw = window.localStorage.getItem(getIframeHeightCacheKey(url))
+ if (!raw) return fallbackHeight
+ const parsed = Number.parseInt(raw, 10)
+ if (!Number.isFinite(parsed)) return fallbackHeight
+ return Math.max(MIN_IFRAME_HEIGHT, parsed)
+ } catch {
+ return fallbackHeight
+ }
+}
+
+function writeCachedIframeHeight(url: string, height: number): void {
+ try {
+ window.localStorage.setItem(getIframeHeightCacheKey(url), String(height))
+ } catch {
+ // ignore storage failures
+ }
+}
+
+function parseIframeHeightMessage(event: MessageEvent): { height: number } | null {
+ const data = event.data
+ if (!data || typeof data !== 'object') return null
+
+ const candidate = data as { type?: unknown; height?: unknown }
+ if (candidate.type !== IFRAME_HEIGHT_MESSAGE) return null
+ if (typeof candidate.height !== 'number' || !Number.isFinite(candidate.height)) return null
+
+ return {
+ height: Math.max(MIN_IFRAME_HEIGHT, Math.ceil(candidate.height)),
+ }
+}
+
+function IframeBlockView({ node, deleteNode }: { node: { attrs: Record }; deleteNode: () => void }) {
+ const raw = node.attrs.data as string
+ let config: blocks.IframeBlock | null = null
+
+ try {
+ config = blocks.IframeBlockSchema.parse(JSON.parse(raw))
+ } catch {
+ // fallback below
+ }
+
+ if (!config) {
+ return (
+
+
+
+ Invalid iframe block
+
+
+ )
+ }
+
+ const visibleTitle = config.title?.trim() || ''
+ const title = visibleTitle || 'Embedded page'
+ const allow = config.allow || DEFAULT_IFRAME_ALLOW
+ const initialHeight = config.height ?? DEFAULT_IFRAME_HEIGHT
+ const [frameHeight, setFrameHeight] = useState(() => readCachedIframeHeight(config.url, initialHeight))
+ const [frameReady, setFrameReady] = useState(false)
+ const iframeRef = useRef(null)
+ const loadFallbackTimerRef = useRef(null)
+ const autoResizeReadyTimerRef = useRef(null)
+ const frameReadyRef = useRef(false)
+
+ useEffect(() => {
+ setFrameHeight(readCachedIframeHeight(config.url, initialHeight))
+ setFrameReady(false)
+ frameReadyRef.current = false
+ if (loadFallbackTimerRef.current !== null) {
+ window.clearTimeout(loadFallbackTimerRef.current)
+ loadFallbackTimerRef.current = null
+ }
+ if (autoResizeReadyTimerRef.current !== null) {
+ window.clearTimeout(autoResizeReadyTimerRef.current)
+ autoResizeReadyTimerRef.current = null
+ }
+ }, [config.url, initialHeight, raw])
+
+ useEffect(() => {
+ frameReadyRef.current = frameReady
+ }, [frameReady])
+
+ useEffect(() => {
+ const handleMessage = (event: MessageEvent) => {
+ const iframeWindow = iframeRef.current?.contentWindow
+ if (!iframeWindow || event.source !== iframeWindow) return
+
+ const message = parseIframeHeightMessage(event)
+ if (!message) return
+
+ if (loadFallbackTimerRef.current !== null) {
+ window.clearTimeout(loadFallbackTimerRef.current)
+ loadFallbackTimerRef.current = null
+ }
+ if (autoResizeReadyTimerRef.current !== null) {
+ window.clearTimeout(autoResizeReadyTimerRef.current)
+ }
+ writeCachedIframeHeight(config.url, message.height)
+ setFrameHeight((currentHeight) => (
+ Math.abs(currentHeight - message.height) < HEIGHT_UPDATE_THRESHOLD ? currentHeight : message.height
+ ))
+
+ if (!frameReadyRef.current) {
+ autoResizeReadyTimerRef.current = window.setTimeout(() => {
+ setFrameReady(true)
+ frameReadyRef.current = true
+ autoResizeReadyTimerRef.current = null
+ }, AUTO_RESIZE_SETTLE_MS)
+ }
+ }
+
+ window.addEventListener('message', handleMessage)
+ return () => window.removeEventListener('message', handleMessage)
+ }, [config.url])
+
+ useEffect(() => {
+ return () => {
+ if (loadFallbackTimerRef.current !== null) {
+ window.clearTimeout(loadFallbackTimerRef.current)
+ }
+ if (autoResizeReadyTimerRef.current !== null) {
+ window.clearTimeout(autoResizeReadyTimerRef.current)
+ }
+ }
+ }, [])
+
+ return (
+
+
+
+ {visibleTitle &&
{visibleTitle}
}
+
+ {!frameReady && (
+
+ )}
+