@mndrk/agx 2.0.42 → 2.0.45

package/cloud-runtime/standalone/components/chat-ui/Composer.tsx

@@ -6,6 +6,7 @@ import StarterKit from "@tiptap/starter-kit";
 import Placeholder from "@tiptap/extension-placeholder";
 import {
   useMentionAutocomplete,
+  type MentionLinearIssue,
   type MentionProject,
   type MentionSuggestion,
 } from "@/hooks/useMentionAutocomplete";
@@ -15,7 +16,16 @@ import { useFileMention } from "@/hooks/useFileMention";
 import { useThreadMention, type Discussion } from "@/hooks/useThreadMention";
 import { useComposerAttachments } from "@/hooks/useComposerAttachments";
 import { useComposerHistory } from "@/hooks/useComposerHistory";
+import { useLinearIssueMentions } from "@/hooks/useLinearIssueMentions";
 import { buildAgentContext } from "@/lib/chat/agentContextBuilder";
+import {
+  buildLinearIssueContextPrefix,
+  extractMentionedLinearIssueIds,
+} from "@/lib/chat/linear-issue-context";
+import {
+  extractComposerRouting,
+  type ComposerRoutingMetadata,
+} from "@/lib/chat/composer-routing";
 import {
   clipboardMayContainImageAttachments,
   getClipboardAttachmentFiles,
@@ -27,6 +37,7 @@ import {
   ProjectMention,
   FileMention,
   ThreadMention,
+  LinearIssueMention,
 } from "@/lib/tiptap/composer-mentions";
 import { serializeToPlainText } from "@/lib/tiptap/serialize-composer";
 import { getCurrentParagraphText, plainTextRangeToPos } from "@/lib/tiptap/editor-utils";
@@ -58,7 +69,8 @@ interface Props {
     attachmentIds?: string[],
     attachments?: Attachment[],
     pinnedParticipantId?: string,
-    promptPrefix?: string
+    promptPrefix?: string,
+    routing?: ComposerRoutingMetadata
   ) => void;
   onStop: () => void;
   loading: boolean;
@@ -71,6 +83,8 @@ interface Props {
   projects?: MentionProject[];
   /** Projects with agent rosters */
   projectGroups?: ProjectWithAgents[];
+  /** Active project slug, used for scoping cached Linear issue pulls */
+  projectSlug?: string;
   /** All messages in the current thread — used for @# discussion mentions */
   messages?: GroupMessage[];
   commands: SlashCommand[];
@@ -89,6 +103,8 @@ interface Props {
   selectedRepoIds?: Set<string>;
   /** Called when repo selection changes */
   onRepoSelectionChange?: (next: Set<string>) => void;
+  /** Pre-pin a participant when the composer mounts */
+  initialPinnedParticipantId?: string;
 }
 
 /**
@@ -122,6 +138,7 @@ export function Composer({
   participants,
   projects = [],
   projectGroups = [],
+  projectSlug,
   messages: allMessages = [],
   commands,
   placeholder = "Message — @name to mention, /search, /summarize",
@@ -134,12 +151,13 @@ export function Composer({
   repos = [],
   selectedRepoIds: controlledSelectedRepoIds,
   onRepoSelectionChange,
+  initialPinnedParticipantId,
 }: Props) {
   const effectiveActivityStatus =
     activityStatus ?? (loading ? "working" : "ready");
   const isBusy = effectiveActivityStatus !== "ready";
 
-  const [pinnedParticipantId, setPinnedParticipantId] = useState<string | null>(null);
+  const [pinnedParticipantId, setPinnedParticipantId] = useState<string | null>(initialPinnedParticipantId ?? null);
   const [internalSelectedRepoIds, setInternalSelectedRepoIds] = useState<Set<string>>(new Set());
   const selectedRepoIds = controlledSelectedRepoIds ?? internalSelectedRepoIds;
   const selectedRepoIdsRef = useRef(selectedRepoIds);
@@ -165,8 +183,16 @@ export function Composer({
   }, []);
 
   const [threadRefs, setThreadRefs] = useState<ThreadRef[]>([]);
-
-  const mention = useMentionAutocomplete({ participants, projectGroups, projects, maxSuggestions: 8 });
+  const { issues: cachedLinearIssues } = useLinearIssueMentions({ projectSlug });
+  const linearIssues = cachedLinearIssues as MentionLinearIssue[];
+
+  const mention = useMentionAutocomplete({
+    participants,
+    projectGroups,
+    projects,
+    linearIssues,
+    maxSuggestions: 8,
+  });
   const command = useCommandAutocomplete({ commands, maxSuggestions: 6 });
   const fileMention = useFileMention({ maxSuggestions: 8 });
   const threadMention = useThreadMention({ messages: allMessages, maxSuggestions: 8 });
@@ -227,6 +253,7 @@ export function Composer({
       ProjectMention,
       FileMention,
       ThreadMention,
+      LinearIssueMention,
     ],
     editorProps: {
       attributes: {
@@ -465,6 +492,17 @@ export function Composer({
                 name: suggestion.project.name,
               },
             }
+          : suggestion.kind === "ticket"
+            ? {
+                type: "linearIssueMention",
+                attrs: {
+                  id: suggestion.issue.id,
+                  identifier: suggestion.issue.identifier,
+                  title: suggestion.issue.title,
+                  status: suggestion.issue.status,
+                  url: suggestion.issue.url,
+                },
+              }
           : {
               type: "participantMention",
               attrs: {
@@ -563,7 +601,8 @@ export function Composer({
   const handleSubmit = useCallback(async () => {
     if (!editor) return;
 
-    const plainText = serializeToPlainText(editor.getJSON());
+    const doc = editor.getJSON();
+    const plainText = serializeToPlainText(doc);
     const trimmed = plainText.trim();
 
     if (!trimmed && !attachments.hasUploaded && !fileAttachments.hasFilePaths) return;
@@ -619,14 +658,45 @@ export function Composer({
       }
     }
 
+    const mentionedLinearIssueIds = extractMentionedLinearIssueIds(doc);
+    if (mentionedLinearIssueIds.length > 0) {
+      try {
+        const response = await fetch("/api/linear/issues/context", {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ issueIds: mentionedLinearIssueIds }),
+        });
+        if (!response.ok) {
+          throw new Error(`Failed to load issue context: ${response.status}`);
+        }
+        const data = await response.json().catch(() => ({}));
+        const issues = Array.isArray(data.issues) ? data.issues : [];
+        const issueContext = buildLinearIssueContextPrefix(issues);
+        if (issueContext) {
+          prefixParts.push(issueContext.trimEnd());
+        }
+      } catch (error) {
+        console.error("Failed to load Linear issue mention context:", error);
+      }
+    }
+
     const promptPrefix = prefixParts.length > 0 ? prefixParts.join("\n\n") + "\n\n" : undefined;
+    const routing = extractComposerRouting(doc, pinnedParticipantId);
 
     // Save to composer history before sending
     if (trimmed) composerHistory.pushEntry(trimmed);
 
     const ids = attachments.attachmentIds.length > 0 ? attachments.attachmentIds : undefined;
     const metas = ids ? attachments.getAttachmentMetas() : undefined;
-    onSend(messageText, 10, ids, metas, pinnedParticipantId ?? undefined, promptPrefix);
+    onSend(
+      messageText,
+      10,
+      ids,
+      metas,
+      pinnedParticipantId ?? undefined,
+      promptPrefix,
+      routing
+    );
 
     editor.commands.clearContent();
     setThreadRefs([]);
@@ -635,7 +705,7 @@ export function Composer({
     mention.close();
     command.close();
     threadMention.close();
-  }, [editor, mention, command, commands, onSend, attachments, fileAttachments, threadRefs, threadMention, composerHistory, selectedRepoIds, repos]);
+  }, [editor, mention, command, commands, onSend, attachments, fileAttachments, threadRefs, threadMention, composerHistory, selectedRepoIds, repos, pinnedParticipantId]);
 
   // ─── ARIA helpers ──────────────────────────────────────────────────────────
 

package/cloud-runtime/standalone/components/chat-ui/MentionPopover.tsx

@@ -2,7 +2,7 @@
 
 import { useEffect, useRef } from "react";
 import type { MentionSuggestion } from "@/hooks/useMentionAutocomplete";
-import { FolderKanban, Users } from "lucide-react";
+import { FolderKanban, Tag, Users } from "lucide-react";
 
 interface MentionPopoverProps {
   isOpen: boolean;
@@ -55,7 +55,9 @@ export function MentionPopover({
               ? `project-group-${suggestion.project.id}`
               : suggestion.kind === "project"
                 ? `project-${suggestion.project.id}`
-                : suggestion.participant.id;
+                : suggestion.kind === "ticket"
+                  ? `ticket-${suggestion.issue.id}`
+                  : suggestion.participant.id;
           const group = suggestion.group;
 
           // Show group header if this is a new non-empty group
@@ -131,6 +133,45 @@ export function MentionPopover({
             );
           }
 
+          if (suggestion.kind === "ticket") {
+            return (
+              <div key={id}>
+                {groupHeader}
+                <button
+                  type="button"
+                  role="option"
+                  id={`${optionIdPrefix}-${id}`}
+                  aria-selected={isActive}
+                  ref={(element) => {
+                    optionRefs.current[index] = element;
+                  }}
+                  className={`w-full px-3 py-2 text-left text-sm transition-colors ${
+                    isActive ? "bg-[var(--primary-muted)] text-[var(--foreground)]" : "text-[var(--foreground)] hover:bg-[var(--app-shell-subtle)]"
+                  }`}
+                  onMouseDown={(e) => {
+                    e.preventDefault();
+                  }}
+                  onClick={() => onSelect(suggestion)}
+                >
+                  <span className="flex items-start gap-2">
+                    <Tag className="mt-0.5 h-3.5 w-3.5 text-[var(--muted-foreground)]" aria-hidden />
+                    <span className="min-w-0">
+                      <span className="block font-medium">
+                        {suggestion.issue.identifier}
+                        <span className="ml-2 text-xs text-[var(--muted-foreground)]">
+                          {suggestion.issue.status}
+                        </span>
+                      </span>
+                      <span className="block truncate text-xs text-[var(--muted-foreground)]">
+                        {suggestion.issue.title}
+                      </span>
+                    </span>
+                  </span>
+                </button>
+              </div>
+            );
+          }
+
           const participant = suggestion.participant;
           return (
             <div key={id}>

package/cloud-runtime/standalone/components/thread/WorkspaceSidebar.tsx

@@ -12,12 +12,12 @@ import {
   FolderGit2,
   PanelLeftClose,
   Pencil,
-  BrainCircuit,
-  LayoutDashboard,
   Plus,
   Search,
   Trash2,
   X,
+  ExternalLink,
+  Settings,
 } from "lucide-react";
 import Link from "next/link";
 import type { Thread } from "@/lib/storage";
@@ -56,9 +56,8 @@ interface WorkspaceSidebarProps {
   onReorderProjectAgents?: (projectId: string, orderedAgentIds: string[]) => Promise<unknown>;
   onUpdateParticipant?: (participant: Participant) => Promise<unknown>;
   onSelectProject?: (projectId: string) => void;
-  getProjectBoardHref?: (project: ProjectWithAgents) => string;
   activeProjectId?: string | null;
-  activeProjectView?: "board" | "thread" | "knowledge" | "automations" | null;
+  activeProjectView?: "board" | "thread" | "knowledge" | "automations" | "linear" | null;
 }
 
 export function WorkspaceSidebar({
@@ -89,7 +88,6 @@ export function WorkspaceSidebar({
   onReorderProjectAgents,
   onUpdateParticipant,
   onSelectProject,
-  getProjectBoardHref,
   activeProjectId = null,
   activeProjectView = null,
 }: WorkspaceSidebarProps) {
@@ -227,11 +225,24 @@ export function WorkspaceSidebar({
     async function loadRepoGeneratedKnowledge() {
       if (!repoDetail?.repoId) return;
       try {
-        const res = await fetch(`/api/repos/${repoDetail.repoId}/knowledge?producer=system`);
-        const data = res.ok ? await res.json() : { knowledge: [] };
+        const res = await fetch(
+          `/api/knowledge-notes?scope=repo&subjectId=${encodeURIComponent(repoDetail.repoId)}`
+        );
+        const data = res.ok ? await res.json() : { note: null };
+        const note = data.note;
         if (!cancelled) {
           setRepoDetail((current) => current && current.repoId === repoDetail.repoId
-            ? { ...current, generatedKnowledge: data.knowledge ?? [], isLoadingKnowledge: false }
+            ? {
+                ...current,
+                generatedKnowledge: note?.content
+                  ? [{
+                      id: note.id,
+                      content: note.content,
+                      created_at: note.updatedAt ?? note.createdAt,
+                    }]
+                  : [],
+                isLoadingKnowledge: false,
+              }
             : current);
         }
       } catch {
@@ -274,10 +285,6 @@ export function WorkspaceSidebar({
   const threadById = new Map(threads.map((thread) => [thread.id, thread]));
   const nonDefaultProjects = projectsProp.filter((project) => !project.is_default);
   const unassignedThreads = sortedWorkspaces.filter((thread) => !nonDefaultProjects.some((project) => project.thread_ids?.includes(thread.id)));
-  const resolveProjectBoardHref = useCallback(
-    (project: ProjectWithAgents) => getProjectBoardHref?.(project) ?? `/projects/${project.slug}`,
-    [getProjectBoardHref]
-  );
 
   useFocusManagement({
     focusTarget: emptyCtaRef,
@@ -286,8 +293,8 @@ export function WorkspaceSidebar({
 
   const handleCreateClick = () => {
     setInputModal({
-      title: "Create discussion",
-      placeholder: "Discussion title",
+      title: "Create chat",
+      placeholder: "Chat title",
       defaultValue: "",
       onSubmit: (title) => void onCreateThread({ title }),
     });
@@ -296,16 +303,16 @@ export function WorkspaceSidebar({
   const handleDeleteClick = (workspaceId: string) => {
     const ws = threads.find((t) => t.id === workspaceId);
     setConfirmModal({
-      title: "Delete discussion",
-      message: `Delete "${ws?.title ?? "discussion"}"? This cannot be undone.`,
+      title: "Delete chat",
+      message: `Delete "${ws?.title ?? "chat"}"? This cannot be undone.`,
       onConfirm: () => void onDeleteThread(workspaceId),
     });
   };
 
   const handleRenameClick = (workspaceId: string, currentTitle: string) => {
     setInputModal({
-      title: "Rename discussion",
-      placeholder: "Discussion title",
+      title: "Rename chat",
+      placeholder: "Chat title",
       defaultValue: currentTitle,
       onSubmit: (title) => void onRenameThread(workspaceId, title),
     });
@@ -323,8 +330,8 @@ export function WorkspaceSidebar({
             type="button"
             onClick={onToggle}
             className="workspace-sidebar__brand-icon border-none outline-none cursor-pointer"
-            aria-label="Show discussions"
-            title="Show discussions"
+            aria-label="Show chats"
+            title="Show chats"
           >
             <span className="text-[10px]">AGX</span>
           </button>
@@ -367,8 +374,8 @@ export function WorkspaceSidebar({
             <button
               type="button"
               onClick={onToggle}
-              aria-label="Hide discussions"
-              title="Hide discussions"
+              aria-label="Hide chats"
+              title="Hide chats"
               className="workspace-sidebar__brand-toggle ml-auto inline-flex h-7 w-7 items-center justify-center rounded-md text-[var(--app-shell-soft-text)] transition-all hover:bg-[var(--app-shell-subtle)] hover:text-[var(--foreground)]"
             >
               <PanelLeftClose className="h-4 w-4" strokeWidth={1.75} />
@@ -426,9 +433,8 @@ export function WorkspaceSidebar({
               projectThreads[0]?.id ??
               null;
             const isActiveProjectThread = isActiveProject && activeProjectView === "thread" && primaryProjectThreadId === activeThreadId;
-            const isActiveProjectBoard = isActiveProject && activeProjectView === "board";
-            const isActiveProjectKnowledge = isActiveProject && activeProjectView === "knowledge";
             const isActiveProjectAutomations = isActiveProject && activeProjectView === "automations";
+            const isActiveProjectLinear = isActiveProject && activeProjectView === "linear";
 
             return (
               <div key={project.id}>
@@ -473,6 +479,25 @@ export function WorkspaceSidebar({
                 </div>
                 {projectIsExpanded && (
                   <div className="ml-4 my-1 flex flex-col gap-0.5 border-l border-[var(--app-shell-border)] pl-3">
+                    {/* Linear */}
+                    <div className="workspace-sidebar__workspace-item group/linear flex items-center">
+                      <Link
+                        href={`/projects/${project.slug}/linear`}
+                        className={`workspace-sidebar__nav-item flex-1 ${isActiveProjectLinear ? "workspace-sidebar__nav-item--active" : ""}`}
+                        aria-current={isActiveProjectLinear ? "page" : undefined}
+                      >
+                        <ExternalLink size={12} className="flex-shrink-0 text-[var(--muted-foreground)]" />
+                        <span className="workspace-sidebar__workspace-title text-xs">Linear</span>
+                      </Link>
+                      <Link
+                        href={`/projects/${project.slug}/linear?settings=true`}
+                        className="flex h-5 w-5 items-center justify-center rounded opacity-0 group-hover/linear:opacity-100 hover:bg-[var(--sidebar-hover)] transition-opacity"
+                        title="Linear settings"
+                      >
+                        <Settings size={11} className="text-[var(--muted-foreground)]" />
+                      </Link>
+                    </div>
+
                     {/* Automations */}
                     <div className="workspace-sidebar__workspace-item">
                       <Link
@@ -485,7 +510,7 @@ export function WorkspaceSidebar({
                       </Link>
                     </div>
 
-                    {/* Discussion */}
+                    {/* Chat */}
                     <div className="workspace-sidebar__workspace-item">
                       {primaryProjectThreadId ? (
                         <button
@@ -495,7 +520,7 @@ export function WorkspaceSidebar({
                           aria-current={isActiveProjectThread ? "page" : undefined}
                         >
                           <Hash size={12} className="flex-shrink-0 text-[var(--muted-foreground)]" />
-                          <span className="workspace-sidebar__workspace-title text-xs">Discussion</span>
+                          <span className="workspace-sidebar__workspace-title text-xs">Chat</span>
                         </button>
                       ) : (
                         <button
@@ -504,30 +529,10 @@ export function WorkspaceSidebar({
                           onClick={handleCreateClick}
                         >
                           <Hash size={12} className="flex-shrink-0 text-[var(--muted-foreground)]" />
-                          <span className="workspace-sidebar__workspace-title text-xs">Discussion</span>
+                          <span className="workspace-sidebar__workspace-title text-xs">Chat</span>
                         </button>
                       )}
                     </div>
-                    <div className="workspace-sidebar__workspace-item">
-                      <Link
-                        href={resolveProjectBoardHref(project)}
-                        className={`workspace-sidebar__nav-item ${isActiveProjectBoard ? "workspace-sidebar__nav-item--active" : ""}`}
-                        aria-current={isActiveProjectBoard ? "page" : undefined}
-                      >
-                        <LayoutDashboard size={12} className="flex-shrink-0 text-[var(--muted-foreground)]" />
-                        <span className="workspace-sidebar__workspace-title text-xs">Board</span>
-                      </Link>
-                    </div>
-                    <div className="workspace-sidebar__workspace-item">
-                      <Link
-                        href={`/projects/${project.slug}/knowledge`}
-                        className={`workspace-sidebar__nav-item ${isActiveProjectKnowledge ? "workspace-sidebar__nav-item--active" : ""}`}
-                        aria-current={isActiveProjectKnowledge ? "page" : undefined}
-                      >
-                        <BrainCircuit size={12} className="flex-shrink-0 text-[var(--muted-foreground)]" />
-                        <span className="workspace-sidebar__workspace-title text-xs">Knowledge</span>
-                      </Link>
-                    </div>
                     <div className="pt-1">
                       <div className="group/repos-header flex items-center justify-between px-3 py-1">
                         <p className="text-[10px] font-medium text-[var(--muted-foreground)] uppercase tracking-wide">Folders</p>
@@ -1038,7 +1043,7 @@ export function WorkspaceSidebar({
           initial={{ name: "", provider: "claude", model: "", identity: "", skills: [], skillBindings: [] }}
           submitLabel="Create & Add"
           projects={projectsProp?.filter((project) => !project.is_default).map((project) => {
-            const threadName = (project.thread_ids ?? []).map((threadId) => threads.find((th) => th.id === threadId)?.title?.trim()).filter(Boolean).join(", ") || "No discussion";
+            const threadName = (project.thread_ids ?? []).map((threadId) => threads.find((th) => th.id === threadId)?.title?.trim()).filter(Boolean).join(", ") || "No chat";
             return { id: project.id, name: project.name, label: `${threadName} › ${project.name}` };
           })}
           initialProjectIds={addAgentModal ? [addAgentModal.projectId] : []}