diff --git a/surfsense_web/components/documents/version-history.tsx b/surfsense_web/components/documents/version-history.tsx
index 453c02817..498e89495 100644
--- a/surfsense_web/components/documents/version-history.tsx
+++ b/surfsense_web/components/documents/version-history.tsx
@@ -177,12 +177,13 @@ function VersionHistoryPanel({ documentId }: { documentId: number }) {
{versions.map((v) => (
-
-
+
))}
diff --git a/surfsense_web/components/editor/plugins/citation-kit.tsx b/surfsense_web/components/editor/plugins/citation-kit.tsx
index 1908de209..97e8ec723 100644
--- a/surfsense_web/components/editor/plugins/citation-kit.tsx
+++ b/surfsense_web/components/editor/plugins/citation-kit.tsx
@@ -11,20 +11,16 @@ import {
} from "@/lib/citations/citation-parser";
/**
- * Plate inline-void node modeling a single `[citation:...]` reference.
- *
- * Modeled after the existing `MentionPlugin` pattern in
- * `inline-mention-editor.tsx` — the only confirmed pattern in this repo
- * for non-text inline UI. Inline-void elements satisfy Slate's invariant
- * that the editor renders both atomic widgets and surrounding text
- * cleanly without breaking selection / caret semantics.
+ * Plate inline-void node for one `[citation:...]` reference.
+ * Inline voids keep the citation chip atomic while preserving caret behavior
+ * around the surrounding text.
*/
export type CitationElementNode = {
type: "citation";
kind: "chunk" | "doc" | "url";
chunkId?: number;
url?: string;
- /** Original `[citation:...]` substring for traceability/debugging. */
+ /** Original literal token that produced this citation node. */
rawText: string;
children: [{ text: "" }];
};
@@ -62,17 +58,14 @@ const CitationPlugin = createPlatePlugin({
},
});
-/** Plugin kit shape used elsewhere in the editor. */
export const CitationKit = [CitationPlugin];
// ---------------------------------------------------------------------------
-// Slate value transform — runs after MarkdownPlugin.deserialize
+// Slate value transform
// ---------------------------------------------------------------------------
-// Structural shapes used by the value transform. We cannot use Plate's
-// generic Element / Text type predicates directly because `Descendant` is a
-// constrained union and our predicates would over-narrow. Casting through
-// these row types keeps the walker readable without fighting the types.
+// Local structural shapes keep the recursive walker readable without forcing
+// Plate's broad Descendant union into narrower generic predicates.
type SlateText = { text: string } & Record;
type SlateElement = { type?: string; children: Descendant[] } & Record;
@@ -89,19 +82,15 @@ function asElement(node: Descendant): SlateElement {
}
/**
- * Element types whose subtrees we MUST NOT inject citation void elements
- * into. Each rationale documented in the citation plan:
- * - `KEYS.codeBlock` / `code_line` — Plate's schema rejects inline elements
- * inside code containers; the user expects literal text inside code.
- * - `KEYS.link` — `
{hasUploadedDoc
diff --git a/surfsense_web/components/free-chat/quota-warning-banner.tsx b/surfsense_web/components/free-chat/quota-warning-banner.tsx
index e013a64a8..828e8006e 100644
--- a/surfsense_web/components/free-chat/quota-warning-banner.tsx
+++ b/surfsense_web/components/free-chat/quota-warning-banner.tsx
@@ -3,6 +3,7 @@
import { OctagonAlert, Orbit, X } from "lucide-react";
import Link from "next/link";
import { useState } from "react";
+import { Button } from "@/components/ui/button";
import { cn } from "@/lib/utils";
interface QuotaWarningBannerProps {
@@ -71,13 +72,15 @@ export function QuotaWarningBanner({
{" "}
for $5 of premium credit.
-
+
);
diff --git a/surfsense_web/components/homepage/cta.tsx b/surfsense_web/components/homepage/cta.tsx
index a09d7354c..7e21a7fe2 100644
--- a/surfsense_web/components/homepage/cta.tsx
+++ b/surfsense_web/components/homepage/cta.tsx
@@ -2,6 +2,7 @@
import { IconMessageCircleQuestion } from "@tabler/icons-react";
import Link from "next/link";
import type React from "react";
+import { Button } from "@/components/ui/button";
import { cn } from "@/lib/utils";
export function CTAHomepage() {
@@ -22,15 +23,16 @@ export function CTAHomepage() {
-
-
{/*
diff --git a/surfsense_web/components/homepage/hero-section.tsx b/surfsense_web/components/homepage/hero-section.tsx
index ec09fa34d..2630f4266 100644
--- a/surfsense_web/components/homepage/hero-section.tsx
+++ b/surfsense_web/components/homepage/hero-section.tsx
@@ -4,6 +4,7 @@ import { AnimatePresence, motion } from "motion/react";
import Link from "next/link";
import React, { memo, useCallback, useEffect, useRef, useState } from "react";
import Balancer from "react-wrap-balancer";
+import { Button } from "@/components/ui/button";
import {
DropdownMenu,
DropdownMenuContent,
@@ -184,24 +185,26 @@ function GetStartedButton() {
if (isGoogleAuth) {
return (
-
+
);
}
return (
-
- Get Started
-
+ Get Started
+
);
}
@@ -212,35 +215,40 @@ function DownloadButton() {
if (!primary) {
return (
-
-
- Download for {os}
-
+
+
+ Download for {os}
+
+
);
}
return (