wiki-viewer 1.14.1 → 1.14.2

package/.next/standalone/src/components/editor/backlinks-panel.tsx

@@ -1,139 +0,0 @@
-"use client";
-
-import { useEffect, useState } from "react";
-import { ChevronDown, ChevronRight, Link2, Unlink } from "lucide-react";
-import { wsFetch } from "@/lib/workspace-client";
-import { useEditorStore } from "@/stores/editor-store";
-import { useWikiSlugsStore } from "@/stores/wiki-slugs-store";
-
-interface BacklinkEntry {
-	path: string;
-	snippet: string;
-}
-
-/** Display the last two path segments, e.g. "notes/my-page.md" → "notes / my-page" */
-function displayPath(filePath: string): string {
-	const parts = filePath.replace(/\.md$/i, "").split("/");
-	return parts.length > 1 ? parts.slice(-2).join(" / ") : parts[0] ?? filePath;
-}
-
-/** Last segment sans .md — the wiki slug used for existence checks. */
-function slugFromPath(filePath: string): string {
-	const base = filePath.split("/").pop() ?? filePath;
-	return base.replace(/\.md$/i, "");
-}
-
-interface BacklinksPanelProps {
-	currentPath: string;
-}
-
-export function BacklinksPanel({ currentPath }: BacklinksPanelProps) {
-	const [backlinks, setBacklinks] = useState<BacklinkEntry[]>([]);
-	const [loading, setLoading] = useState(false);
-	const [collapsed, setCollapsed] = useState(false);
-	const hasSlug = useWikiSlugsStore((s) => s.has);
-
-	useEffect(() => {
-		if (!currentPath) return;
-		let cancelled = false;
-		setLoading(true);
-		setBacklinks([]);
-
-		// Debounced + single server-side resolution: rapid navigation shouldn't
-		// fire a backlinks query per pass-through. Backend runs FTS and confirms
-		// literal [[slug]] links against indexed body text in-process.
-		const timer = setTimeout(() => {
-			(async () => {
-				try {
-					const r = await wsFetch(
-						`/api/wiki/backlinks?path=${encodeURIComponent(currentPath)}`,
-					);
-					const d: { backlinks?: BacklinkEntry[] } = r.ok
-						? await r.json()
-						: { backlinks: [] };
-					if (cancelled) return;
-					setBacklinks(d.backlinks ?? []);
-				} catch {
-					if (!cancelled) setBacklinks([]);
-				} finally {
-					if (!cancelled) setLoading(false);
-				}
-			})();
-		}, 200);
-
-		return () => {
-			cancelled = true;
-			clearTimeout(timer);
-		};
-	}, [currentPath]);
-
-	// Hide entirely when loading with no prior results or genuinely empty
-	if (!loading && backlinks.length === 0) return null;
-
-	return (
-		<div className="max-w-[var(--editor-max-w,48rem)] mx-auto px-4 sm:px-8 pb-8 pt-1">
-			<div className="border-t border-border/60 pt-4">
-				<button
-					onClick={() => setCollapsed((c) => !c)}
-					className="flex items-center gap-1.5 text-[11px] text-muted-foreground/60 hover:text-muted-foreground transition-colors mb-2"
-					aria-expanded={!collapsed}
-				>
-					{collapsed ? (
-						<ChevronRight className="h-3 w-3 shrink-0" />
-					) : (
-						<ChevronDown className="h-3 w-3 shrink-0" />
-					)}
-					<Link2 className="h-3 w-3 shrink-0" />
-					<span className="font-medium">Linked from</span>
-					{backlinks.length > 0 && (
-						<span className="opacity-50 tabular-nums">({backlinks.length})</span>
-					)}
-					{loading && <span className="opacity-40 ml-1">…</span>}
-				</button>
-
-				{!collapsed && backlinks.length > 0 && (
-					<ul className="flex flex-col gap-1.5">
-						{backlinks.map((bl) => {
-							const exists = hasSlug(slugFromPath(bl.path));
-							return (
-								<li key={bl.path} className="flex flex-col">
-									<button
-										onClick={() =>
-											exists && useEditorStore.getState().loadPage(bl.path)
-										}
-										className={
-											exists
-												? "text-left text-[12px] text-primary/70 hover:text-primary hover:underline underline-offset-2 truncate transition-colors flex items-center gap-1"
-												: "text-left text-[12px] text-muted-foreground/40 truncate cursor-default flex items-center gap-1"
-										}
-										title={
-											exists
-												? bl.path
-												: `${bl.path} (file not found)`
-										}
-									>
-										{!exists && (
-											<Unlink className="h-2.5 w-2.5 shrink-0 text-muted-foreground/30" />
-										)}
-										{displayPath(bl.path)}
-									</button>
-									{bl.snippet && (
-										<p
-											className={
-												exists
-													? "text-[10.5px] text-muted-foreground/50 line-clamp-1 mt-0.5"
-													: "text-[10.5px] text-muted-foreground/25 line-clamp-1 mt-0.5"
-											}
-										>
-											{bl.snippet}
-										</p>
-									)}
-								</li>
-							);
-						})}
-					</ul>
-				)}
-			</div>
-		</div>
-	);
-}

package/.next/standalone/src/components/editor/bubble-menu.tsx

@@ -1,346 +0,0 @@
-"use client";
-
-import type { Editor } from "@tiptap/react";
-import { BubbleMenu } from "@tiptap/react/menus";
-import {
-	AlignCenter,
-	AlignJustify,
-	AlignLeft,
-	AlignRight,
-	Bold,
-	Code,
-	Italic,
-	Link as LinkIcon,
-	MessageCircle,
-	MessageSquarePlus,
-	Strikethrough,
-	Subscript as SubIcon,
-	Superscript as SuperIcon,
-	Underline as UnderlineIcon,
-} from "lucide-react";
-import { useEffect, useState } from "react";
-import { cn } from "@/lib/utils";
-import { LinkPopover } from "./link-popover";
-
-interface Props {
-	editor: Editor | null;
-	/** Open the human "suggest edit" flow for the current selection's block. */
-	onSuggestEdit?: () => void;
-	/** Open a comment thread on the current selection's block. */
-	onComment?: () => void;
-	/** Hide all formatting controls; show only comment button. */
-	readOnly?: boolean;
-}
-
-type OpenPopover =
-	| null
-	| { type: "align"; range: { from: number; to: number } }
-	| {
-			type: "link";
-			range: { from: number; to: number };
-			existing: string;
-			anchor: { top: number; left: number };
-	  };
-
-export function EditorBubbleMenu({ editor, onSuggestEdit, onComment, readOnly }: Props) {
-	const [popover, setPopover] = useState<OpenPopover>(null);
-
-	useEffect(() => {
-		if (!popover) return;
-		const handle = (e: MouseEvent) => {
-			const target = e.target as HTMLElement | null;
-			if (target?.closest("[data-bubble-popover='true']")) return;
-			setPopover(null);
-		};
-		const t = window.setTimeout(
-			() => window.addEventListener("mousedown", handle),
-			10,
-		);
-		return () => {
-			window.clearTimeout(t);
-			window.removeEventListener("mousedown", handle);
-		};
-	}, [popover]);
-
-	if (!editor) return null;
-
-	const btn = (active: boolean) =>
-		cn(
-			"h-9 w-9 sm:h-7 sm:w-7 flex items-center justify-center rounded hover:bg-accent text-foreground/80 transition-colors",
-			active && "bg-accent text-foreground",
-		);
-
-	const captureRange = () => {
-		const { from, to } = editor.state.selection;
-		return { from, to };
-	};
-
-	const restore = (range: { from: number; to: number }) =>
-		editor.chain().focus().setTextSelection(range).run();
-
-	const toggleMark =
-		(run: () => void) => (e: React.MouseEvent<HTMLButtonElement>) => {
-			e.preventDefault();
-			run();
-		};
-
-	const openAlign = (e: React.MouseEvent<HTMLButtonElement>) => {
-		e.preventDefault();
-		setPopover({ type: "align", range: captureRange() });
-	};
-
-	const openLink = (e: React.MouseEvent<HTMLButtonElement>) => {
-		e.preventDefault();
-		const existing = editor.getAttributes("link")?.href ?? "";
-		const btnRect = e.currentTarget.getBoundingClientRect();
-		setPopover({
-			type: "link",
-			range: captureRange(),
-			existing,
-			anchor: { top: btnRect.bottom + 6, left: btnRect.left },
-		});
-	};
-
-	const applyAlign = (align: "left" | "center" | "right" | "justify") => {
-		if (popover?.type !== "align") return;
-		restore(popover.range);
-		editor.chain().focus().setTextAlign(align).run();
-		setPopover(null);
-	};
-
-	const applyLink = (url: string) => {
-		if (popover?.type !== "link") return;
-		restore(popover.range);
-		editor.chain().focus().extendMarkRange("link").setLink({ href: url }).run();
-		setPopover(null);
-	};
-
-	const removeLink = () => {
-		if (popover?.type !== "link") return;
-		restore(popover.range);
-		editor.chain().focus().unsetLink().run();
-		setPopover(null);
-	};
-
-	return (
-		<>
-			<BubbleMenu
-				editor={editor}
-				options={{ placement: "top", offset: 8 }}
-				className="flex items-center gap-0.5 px-1 py-1 bg-popover border border-border rounded-sm shadow-lg"
-			>
-				{!readOnly && (
-				<>
-				<button
-					type="button"
-					className={btn(editor.isActive("bold"))}
-					onMouseDown={(e) => e.preventDefault()}
-					onClick={toggleMark(() => editor.chain().focus().toggleBold().run())}
-					aria-label="Bold"
-				>
-					<Bold className="w-3.5 h-3.5" />
-				</button>
-				<button
-					type="button"
-					className={btn(editor.isActive("italic"))}
-					onMouseDown={(e) => e.preventDefault()}
-					onClick={toggleMark(() =>
-						editor.chain().focus().toggleItalic().run(),
-					)}
-					aria-label="Italic"
-				>
-					<Italic className="w-3.5 h-3.5" />
-				</button>
-				<button
-					type="button"
-					className={btn(editor.isActive("underline"))}
-					onMouseDown={(e) => e.preventDefault()}
-					onClick={toggleMark(() =>
-						editor.chain().focus().toggleUnderline().run(),
-					)}
-					aria-label="Underline"
-				>
-					<UnderlineIcon className="w-3.5 h-3.5" />
-				</button>
-				<button
-					type="button"
-					className={btn(editor.isActive("strike"))}
-					onMouseDown={(e) => e.preventDefault()}
-					onClick={toggleMark(() =>
-						editor.chain().focus().toggleStrike().run(),
-					)}
-					aria-label="Strikethrough"
-				>
-					<Strikethrough className="w-3.5 h-3.5" />
-				</button>
-				<button
-					type="button"
-					className={btn(editor.isActive("code"))}
-					onMouseDown={(e) => e.preventDefault()}
-					onClick={toggleMark(() => editor.chain().focus().toggleCode().run())}
-					aria-label="Inline code"
-				>
-					<Code className="w-3.5 h-3.5" />
-				</button>
-				<div className="w-px h-5 bg-border mx-1" />
-				<button
-					type="button"
-					className={btn(editor.isActive("superscript"))}
-					onMouseDown={(e) => e.preventDefault()}
-					onClick={toggleMark(() =>
-						editor.chain().focus().toggleSuperscript().run(),
-					)}
-					aria-label="Superscript"
-				>
-					<SuperIcon className="w-3.5 h-3.5" />
-				</button>
-				<button
-					type="button"
-					className={btn(editor.isActive("subscript"))}
-					onMouseDown={(e) => e.preventDefault()}
-					onClick={toggleMark(() =>
-						editor.chain().focus().toggleSubscript().run(),
-					)}
-					aria-label="Subscript"
-				>
-					<SubIcon className="w-3.5 h-3.5" />
-				</button>
-				<div className="w-px h-5 bg-border mx-1" />
-				<button
-					type="button"
-					className={btn(editor.isActive("link"))}
-					onMouseDown={(e) => e.preventDefault()}
-					onClick={openLink}
-					aria-label="Link"
-				>
-					<LinkIcon className="w-3.5 h-3.5" />
-				</button>
-				{(onSuggestEdit || onComment) && (
-					<div className="w-px h-5 bg-border mx-1" />
-				)}
-				{onComment && (
-					<button
-						type="button"
-						className={btn(false)}
-						onMouseDown={(e) => e.preventDefault()}
-						onClick={(e) => {
-							e.preventDefault();
-							onComment();
-						}}
-						aria-label="Comment"
-						title="Comment"
-					>
-						<MessageCircle className="w-3.5 h-3.5" />
-					</button>
-				)}
-				{onSuggestEdit && (
-					<button
-						type="button"
-						className={btn(false)}
-						onMouseDown={(e) => e.preventDefault()}
-						onClick={(e) => {
-							e.preventDefault();
-							onSuggestEdit();
-						}}
-						aria-label="Suggest edit"
-						title="Suggest edit"
-					>
-						<MessageSquarePlus className="w-3.5 h-3.5" />
-					</button>
-				)}
-				<div className="w-px h-5 bg-border mx-1" />
-				<div className="relative">
-					<button
-						type="button"
-						className={btn(false)}
-						onMouseDown={(e) => e.preventDefault()}
-						onClick={openAlign}
-						aria-label="Align"
-					>
-						<AlignLeft className="w-3.5 h-3.5" />
-					</button>
-					{popover?.type === "align" && (
-						<div
-							data-bubble-popover="true"
-							className="absolute top-full left-0 mt-1 z-50 bg-popover border border-border rounded-sm shadow-lg p-1 flex gap-0.5"
-						>
-							<button
-								type="button"
-								className={btn(editor.isActive({ textAlign: "left" }))}
-								onMouseDown={(e) => e.preventDefault()}
-								onClick={() => applyAlign("left")}
-								aria-label="Align left"
-							>
-								<AlignLeft className="w-3.5 h-3.5" />
-							</button>
-							<button
-								type="button"
-								className={btn(editor.isActive({ textAlign: "center" }))}
-								onMouseDown={(e) => e.preventDefault()}
-								onClick={() => applyAlign("center")}
-								aria-label="Align center"
-							>
-								<AlignCenter className="w-3.5 h-3.5" />
-							</button>
-							<button
-								type="button"
-								className={btn(editor.isActive({ textAlign: "right" }))}
-								onMouseDown={(e) => e.preventDefault()}
-								onClick={() => applyAlign("right")}
-								aria-label="Align right"
-							>
-								<AlignRight className="w-3.5 h-3.5" />
-							</button>
-							<button
-								type="button"
-								className={btn(editor.isActive({ textAlign: "justify" }))}
-								onMouseDown={(e) => e.preventDefault()}
-								onClick={() => applyAlign("justify")}
-								aria-label="Justify"
-							>
-								<AlignJustify className="w-3.5 h-3.5" />
-							</button>
-						</div>
-					)}
-				</div>
-				</>
-				)}
-				{readOnly && onComment && (
-					<button
-						type="button"
-						className={btn(false)}
-						onMouseDown={(e) => e.preventDefault()}
-						onClick={(e) => {
-							e.preventDefault();
-							onComment();
-						}}
-						aria-label="Comment"
-						title="Add comment"
-					>
-						<MessageCircle className="w-3.5 h-3.5" />
-					</button>
-				)}
-			</BubbleMenu>
-
-			{popover?.type === "link" && (
-				<div
-					data-bubble-popover="true"
-					style={{
-						position: "fixed",
-						top: popover.anchor.top,
-						left: popover.anchor.left,
-						zIndex: 60,
-					}}
-				>
-					<LinkPopover
-						anchor={{ top: 0, left: 0 }}
-						initialUrl={popover.existing}
-						onCancel={() => setPopover(null)}
-						onApply={applyLink}
-						onRemove={popover.existing ? removeLink : undefined}
-					/>
-				</div>
-			)}
-		</>
-	);
-}

package/.next/standalone/src/components/editor/callout-extension.ts

@@ -1,36 +0,0 @@
-import { mergeAttributes, Node } from "@tiptap/core";
-
-export const CalloutExtension = Node.create({
-	name: "callout",
-	group: "block",
-	content: "block+",
-	defining: true,
-
-	addAttributes() {
-		return {
-			type: {
-				default: "info",
-				parseHTML: (element: HTMLElement) =>
-					element.getAttribute("data-callout-type") || "info",
-				renderHTML: (attributes: Record<string, unknown>) => ({
-					"data-callout-type": attributes.type,
-				}),
-			},
-		};
-	},
-
-	parseHTML() {
-		return [{ tag: 'div[data-callout="true"]' }];
-	},
-
-	renderHTML({ HTMLAttributes }: { HTMLAttributes: Record<string, unknown> }) {
-		return [
-			"div",
-			mergeAttributes(HTMLAttributes, {
-				"data-callout": "true",
-				class: `callout callout-${HTMLAttributes["data-callout-type"] || "info"}`,
-			}),
-			0,
-		];
-	},
-});

package/.next/standalone/src/components/editor/comment-pip.tsx

@@ -1,56 +0,0 @@
-"use client";
-
-import { CheckCircle2, MessageCircle } from "lucide-react";
-import type { Comment } from "@/lib/proof/types";
-
-interface Props {
-	blockRef: string;
-	comments: Comment[];
-	top: number;
-	left: number;
-	onClick: () => void;
-}
-
-/**
- * Gutter pip rendered absolutely inside the editor scroll container.
- * Positioned via `top`/`left` props (pixels relative to scroll container).
- */
-export function CommentPip({ blockRef, comments, top, left, onClick }: Props) {
-	if (comments.length === 0) return null;
-
-	const open = comments.filter((c) => !c.resolved);
-	const allResolved = open.length === 0;
-
-	let variant: "dot-ai" | "ring-human" | "check";
-	if (allResolved) {
-		variant = "check";
-	} else {
-		const lastTurn = open[0].turns.at(-1);
-		variant = lastTurn?.by.startsWith("ai:") ? "dot-ai" : "ring-human";
-	}
-
-	return (
-		<button
-			type="button"
-			onClick={onClick}
-			style={{
-				position: "absolute",
-				top,
-				left,
-				transform: "translateY(2px)",
-			}}
-			className="z-10 p-2 sm:p-0.5 -m-1.5 sm:m-0 rounded transition-colors hover:bg-accent focus:outline-none focus-visible:ring-1 focus-visible:ring-ring"
-			aria-label={`Comment thread for block ${blockRef}`}
-		>
-			{variant === "check" && (
-				<CheckCircle2 className="h-3.5 w-3.5 text-muted-foreground/30" />
-			)}
-			{variant === "dot-ai" && (
-				<MessageCircle className="h-3.5 w-3.5 fill-primary text-primary" />
-			)}
-			{variant === "ring-human" && (
-				<MessageCircle className="h-3.5 w-3.5 text-muted-foreground/70" />
-			)}
-		</button>
-	);
-}