removed excess comments

2026-01-04 11:14:54 -05:00
parent b81de6441b
commit 7e89e6dda2
68 changed files with 72 additions and 941 deletions
--- a/src/app.tsx
+++ b/src/app.tsx
@@ -27,21 +27,18 @@ function AppLayout(props: { children: any }) {

  let lastScrollY = 0;

-  // Use onMount to avoid hydration issues - window operations are client-only
  onMount(() => {
    const windowWidth = createWindowWidth();

    createEffect(() => {
      const currentIsMobile = isMobile(windowWidth());

-      // Show bars when switching to desktop
      if (!currentIsMobile) {
        setLeftBarVisible(true);
        setRightBarVisible(true);
      }
    });

-    // Hide leftbar on mobile after 500ms with translation animation
    const currentIsMobile = isMobile(windowWidth());
    if (currentIsMobile) {
      setTimeout(() => {
@@ -50,7 +47,6 @@ function AppLayout(props: { children: any }) {
    }
  });

-  // Auto-hide on scroll (mobile only)
  onMount(() => {
    const windowWidth = createWindowWidth();

@@ -59,7 +55,6 @@ function AppLayout(props: { children: any }) {
      const currentIsMobile = isMobile(windowWidth());

      if (currentIsMobile && currentScrollY > MOBILE_CONFIG.SCROLL_THRESHOLD) {
-        // Scrolling down past threshold - hide left bar on mobile
        if (currentScrollY > lastScrollY) {
          setLeftBarVisible(false);
        }
@@ -75,7 +70,6 @@ function AppLayout(props: { children: any }) {
    });
  });

-  // ESC key to close sidebars on mobile
  onMount(() => {
    const windowWidth = createWindowWidth();

@@ -99,7 +93,6 @@ function AppLayout(props: { children: any }) {
    });
  });

-  // Global swipe gestures to reveal/hide bars
  onMount(() => {
    const windowWidth = createWindowWidth();
    let touchStartX = 0;
@@ -117,7 +110,6 @@ function AppLayout(props: { children: any }) {
      const deltaY = touchEndY - touchStartY;
      const currentIsMobile = isMobile(windowWidth());

-      // Only trigger if horizontal swipe is dominant
      if (currentIsMobile && Math.abs(deltaX) > Math.abs(deltaY)) {
        if (deltaX > MOBILE_CONFIG.SWIPE_THRESHOLD) {
          setLeftBarVisible(true);
@@ -140,7 +132,6 @@ function AppLayout(props: { children: any }) {
    if (typeof window === "undefined") return;
    const currentIsMobile = isMobile(window.innerWidth);

-    // Only hide left bar on mobile when it's visible
    if (currentIsMobile && leftBarVisible()) {
      const target = e.target as HTMLElement;
      const isInteractive = target.closest(
--- a/src/components/ActivityHeatmap.tsx
+++ b/src/components/ActivityHeatmap.tsx
@@ -10,22 +10,18 @@ export const ActivityHeatmap: Component<{
  contributions: ContributionDay[] | undefined;
  title: string;
 }> = (props) => {
-  // Generate last 12 weeks of days
  const weeks = createMemo(() => {
    const today = new Date();
    const weeksData: { date: string; count: number }[][] = [];

-    // Start from 12 weeks ago
    const startDate = new Date(today);
-    startDate.setDate(startDate.getDate() - 84); // 12 weeks
+    startDate.setDate(startDate.getDate() - 84);

-    // Create a map for quick lookup
    const contributionMap = new Map<string, number>();
    props.contributions?.forEach((c) => {
      contributionMap.set(c.date, c.count);
    });

-    // Generate weeks
    for (let week = 0; week < 12; week++) {
      const weekData: { date: string; count: number }[] = [];

@@ -68,7 +64,6 @@ export const ActivityHeatmap: Component<{
        when={props.contributions && props.contributions.length > 0}
        fallback={
          <div class="relative">
-            {/* Skeleton grid matching heatmap dimensions */}
            <div class="flex gap-[2px]">
              <For each={Array(12)}>
                {() => (
@@ -80,7 +75,6 @@ export const ActivityHeatmap: Component<{
                )}
              </For>
            </div>
-            {/* Centered spinner overlay */}
            <div class="absolute inset-0 top-1/2 left-1/2 flex -translate-x-1/2 -translate-y-1/2">
              <SkeletonBox class="-ml-2 h-8 w-8" />
            </div>
--- a/src/components/Bars.tsx
+++ b/src/components/Bars.tsx
@@ -26,20 +26,14 @@ function formatDomainName(url: string): string {
  return withoutWww.charAt(0).toUpperCase() + withoutWww.slice(1);
 }

-/**
- * Converts a banner photo URL to its thumbnail version
- * Replaces the filename with -small variant (e.g., image.jpg -> image-small.jpg)
- */
 function getThumbnailUrl(bannerPhoto: string | null): string {
  if (!bannerPhoto) return "/blueprint.jpg";

-  // Check if URL contains a file extension
  const match = bannerPhoto.match(/^(.+)(\.[^.]+)$/);
  if (match) {
    return `${match[1]}-small${match[2]}`;
  }

-  // Fallback to original if no extension found
  return bannerPhoto;
 }

@@ -77,7 +71,6 @@ export function RightBarContent() {
  };

  onMount(() => {
-    // Fetch all data client-side only to avoid hydration mismatch
    const fetchData = async () => {
      try {
        const [ghCommits, gtCommits, ghActivity, gtActivity] =
@@ -101,7 +94,6 @@ export function RightBarContent() {
      }
    };

-    // Defer API calls to next tick to allow initial render to complete first
    setTimeout(() => {
      fetchData();
    }, 0);
@@ -168,7 +160,6 @@ export function RightBarContent() {
        </ul>
      </Typewriter>

-      {/* Git Activity Section */}
      <hr class="border-overlay0" />
      <div class="flex min-w-0 flex-col gap-6 px-4 pt-6">
        <RecentCommits
@@ -266,28 +257,22 @@ export function LeftBar() {
  onMount(() => {
    setIsMounted(true);

-    // Set up window resize listener for reactive styling
    const handleResize = () => {
      setWindowWidth(window.innerWidth);
    };
    window.addEventListener("resize", handleResize);

-    // Terminal-style appearance animation for "Get Lost" button
    const glitchChars = "!@#$%^&*()_+-=[]{}|;':\",./<>?~`";
    const originalText = "What's this?";
    let glitchInterval: NodeJS.Timeout;

-    // Delay appearance to match terminal vibe
    setTimeout(() => {
-      // Make visible immediately so typing animation is visible
      setGetLostVisible(true);

-      // Type-in animation with random characters resolving
      let currentIndex = 0;
      const typeInterval = setInterval(() => {
        if (currentIndex <= originalText.length) {
          let displayText = originalText.substring(0, currentIndex);
-          // Add random trailing characters
          if (currentIndex < originalText.length) {
            const remaining = originalText.length - currentIndex;
            for (let i = 0; i < remaining; i++) {
@@ -301,14 +286,11 @@ export function LeftBar() {
          clearInterval(typeInterval);
          setGetLostText(originalText);

-          // Start regular glitch effect after typing completes
          glitchInterval = setInterval(() => {
            if (Math.random() > 0.9) {
-              // 10% chance to glitch
              let glitched = "";
              for (let i = 0; i < originalText.length; i++) {
                if (Math.random() > 0.7) {
-                  // 30% chance each character glitches
                  glitched +=
                    glitchChars[Math.floor(Math.random() * glitchChars.length)];
                } else {
@@ -323,11 +305,10 @@ export function LeftBar() {
            }
          }, 150);
        }
-      }, 140); // Type speed (higher is slower)
-    }, 500); // Initial delay before appearing
+      }, 140);
+    }, 500);

    if (ref) {
-      // Focus trap for accessibility on mobile
      const handleKeyDown = (e: KeyboardEvent) => {
        const isMobile = window.innerWidth < BREAKPOINTS.MOBILE;

@@ -346,13 +327,11 @@ export function LeftBar() {
          ] as HTMLElement;

          if (e.shiftKey) {
-            // Shift+Tab - going backwards
            if (document.activeElement === firstElement) {
              e.preventDefault();
              lastElement.focus();
            }
          } else {
-            // Tab - going forwards
            if (document.activeElement === lastElement) {
              e.preventDefault();
              firstElement.focus();
@@ -392,12 +371,9 @@ export function LeftBar() {
    }, 0);
  });

-  // Refetch user info whenever location changes
  createEffect(() => {
-    // Track location changes
    location.pathname;

-    // Only refetch if component is mounted
    if (isMounted()) {
      fetchUserInfo();
    }
@@ -433,7 +409,6 @@ export function LeftBar() {
      }}
      style={getMainNavStyles()}
    >
-      {/* Hamburger menu button - positioned at right edge of navbar */}
      <button
        onClick={() => setLeftBarVisible(!leftBarVisible())}
        class="hamburger-menu-btn absolute top-4 -right-14 z-9999 rounded-md p-2 shadow-md backdrop-blur-2xl transition-transform duration-600 ease-in-out hover:scale-110"
@@ -442,7 +417,7 @@ export function LeftBar() {
        }}
        aria-label="Toggle navigation menu"
        style={{
-          display: "none" // Hidden by default, shown via media query for non-touch devices
+          display: "none"
        }}
      >
        <svg
@@ -507,7 +482,6 @@ export function LeftBar() {
                            alt="post-cover"
                            class="float-right mb-1 ml-2 h-12 w-16 rounded object-cover"
                            onError={(e) => {
-                              // Fallback to full banner if thumbnail doesn't exist
                              const img = e.currentTarget;
                              if (
                                img.src !==
@@ -537,7 +511,6 @@ export function LeftBar() {
            </div>
          </div>

-          {/* Navigation Links */}
          <div class="mt-auto">
            <Typewriter keepAlive={false}>
              <ul class="flex flex-col gap-4 pt-6">
@@ -591,7 +564,6 @@ export function LeftBar() {
              </ul>
            </Typewriter>

-            {/* Get Lost button - outside Typewriter to allow glitch effect */}
            <ul class="pt-4 pb-6">
              <li
                class="hover:text-subtext0 w-fit transition-all duration-500 ease-in-out hover:-translate-y-0.5 hover:scale-110 hover:font-bold"
--- a/src/components/Btop.tsx
+++ b/src/components/Btop.tsx
@@ -38,7 +38,6 @@ export function Btop(props: BtopProps) {
  const [isMobile, setIsMobile] = createSignal(false);

  onMount(() => {
-    // Check if mobile
    if (typeof window !== "undefined") {
      setIsMobile(window.innerWidth < BREAKPOINTS.MOBILE);

@@ -49,7 +48,6 @@ export function Btop(props: BtopProps) {
      onCleanup(() => window.removeEventListener("resize", handleResize));
    }

-    // Animate CPU usage
    const cpuInterval = setInterval(() => {
      setCpuUsage((prev) => {
        const change = (Math.random() - 0.5) * 10;
@@ -58,7 +56,6 @@ export function Btop(props: BtopProps) {
      });
    }, 1000);

-    // Animate memory usage
    const memInterval = setInterval(() => {
      setMemUsage((prev) => {
        const change = (Math.random() - 0.5) * 5;
@@ -67,13 +64,11 @@ export function Btop(props: BtopProps) {
      });
    }, 1500);

-    // Animate network
    const netInterval = setInterval(() => {
      setNetDown(Math.floor(Math.random() * 1000));
      setNetUp(Math.floor(Math.random() * 100));
    }, 800);

-    // Animate processes
    const procInterval = setInterval(() => {
      setProcesses((prev) =>
        prev.map((proc) => ({
@@ -90,12 +85,10 @@ export function Btop(props: BtopProps) {
      );
    }, 2000);

-    // Keyboard handler for :q
    const handleKeyPress = (e: KeyboardEvent) => {
      if (!isMobile() && e.key === "q" && e.shiftKey && e.key === ":") {
        props.onClose();
      }
-      // Simple 'q' press to quit
      if (!isMobile() && e.key === "q") {
        props.onClose();
      }
@@ -120,9 +113,7 @@ export function Btop(props: BtopProps) {

  return (
    <div class="bg-crust fixed inset-0 z-[10000] flex items-center justify-center p-4">
-      {/* Main btop container */}
      <div class="bg-mantle border-surface0 text-text relative h-full w-full max-w-6xl overflow-hidden rounded-lg border-2 font-mono text-sm shadow-2xl md:h-auto md:max-h-[90vh]">
-        {/* Header */}
        <div class="border-surface0 bg-surface0 border-b px-4 py-2">
          <div class="flex items-center justify-between">
            <span class="text-blue">
@@ -145,13 +136,10 @@ export function Btop(props: BtopProps) {
          </div>
        </div>

-        {/* Content */}
        <div class="space-y-4 p-4">
-          {/* System Stats */}
          <div class="border-surface0 bg-base rounded border p-3">
            <div class="text-green mb-2 font-bold">System Resources</div>
            <div class="space-y-2">
-              {/* CPU */}
              <div class="flex items-center gap-2">
                <span class="text-subtext1 w-12">CPU</span>
                <span class="text-blue">[{createBar(cpuUsage())}]</span>
@@ -159,7 +147,6 @@ export function Btop(props: BtopProps) {
                <span class="text-subtext0">2.4 GHz</span>
              </div>

-              {/* Memory */}
              <div class="flex items-center gap-2">
                <span class="text-subtext1 w-12">MEM</span>
                <span class="text-blue">[{createBar(memUsage())}]</span>
@@ -169,7 +156,6 @@ export function Btop(props: BtopProps) {
                </span>
              </div>

-              {/* Network */}
              <div class="flex items-center gap-2">
                <span class="text-subtext1 w-12">NET</span>
                <span class="text-green">↓ {netDown()} KB/s</span>
@@ -178,7 +164,6 @@ export function Btop(props: BtopProps) {
            </div>
          </div>

-          {/* Process List */}
          <div class="border-surface0 bg-base rounded border">
            <div class="border-surface0 border-b px-3 py-2">
              <span class="text-green font-bold">Processes</span>
@@ -224,7 +209,6 @@ export function Btop(props: BtopProps) {
            </div>
          </div>

-          {/* Footer info */}
          <div class="text-subtext1 text-center text-xs">
            <Show
              when={!isMobile()}
@@ -238,7 +222,6 @@ export function Btop(props: BtopProps) {
        </div>
      </div>

-      {/* Overlay background */}
      <div
        class="absolute inset-0 -z-10 bg-black/80 backdrop-blur-sm"
        onClick={props.onClose}
--- a/src/components/CountdownCircleTimer.tsx
+++ b/src/components/CountdownCircleTimer.tsx
@@ -19,7 +19,6 @@ const CountdownCircleTimer: Component<CountdownCircleTimerProps> = (props) => {
    props.initialRemainingTime ?? props.duration
  );

-  // Calculate progress (0 to 1)
  const progress = () => remainingTime() / props.duration;
  const strokeDashoffset = () => circumference * (1 - progress());

@@ -62,7 +61,6 @@ const CountdownCircleTimer: Component<CountdownCircleTimerProps> = (props) => {
        height={props.size}
        style={{ transform: "rotate(-90deg)" }}
      >
-        {/* Background circle */}
        <circle
          cx={props.size / 2}
          cy={props.size / 2}
@@ -71,7 +69,6 @@ const CountdownCircleTimer: Component<CountdownCircleTimerProps> = (props) => {
          stroke="#e5e7eb"
          stroke-width={props.strokeWidth}
        />
-        {/* Progress circle */}
        <circle
          cx={props.size / 2}
          cy={props.size / 2}
@@ -84,7 +81,6 @@ const CountdownCircleTimer: Component<CountdownCircleTimerProps> = (props) => {
          stroke-linecap="round"
        />
      </svg>
-      {/* Timer text in center */}
      <div
        style={{
          position: "absolute",
--- a/src/components/CustomScrollbar.tsx
+++ b/src/components/CustomScrollbar.tsx
@@ -28,17 +28,14 @@ export default function CustomScrollbar(props: CustomScrollbarProps) {
    const scrollHeight = containerRef.scrollHeight;
    const clientHeight = containerRef.clientHeight;

-    // Calculate thumb height as percentage of visible area
    const viewportRatio = clientHeight / scrollHeight;
    const calculatedThumbHeight = Math.max(viewportRatio * 100, 5);
    setThumbHeight(calculatedThumbHeight);

-    // Calculate scroll percentage
    const maxScroll = scrollHeight - clientHeight;
    const percentage = maxScroll > 0 ? (scrollTop / maxScroll) * 100 : 0;
    setScrollPercentage(percentage);

-    // Show scrollbar on scroll if autoHide enabled
    if (props.autoHide) {
      setIsVisible(true);
      clearTimeout(hideTimeout);
@@ -106,10 +103,8 @@ export default function CustomScrollbar(props: CustomScrollbarProps) {
  onMount(() => {
    if (!containerRef) return;

-    // Initial update
    updateScrollbar();

-    // Update after delays to catch dynamically loaded content
    setTimeout(() => updateScrollbar(), 100);
    setTimeout(() => updateScrollbar(), 500);

@@ -118,7 +113,6 @@ export default function CustomScrollbar(props: CustomScrollbarProps) {
      updateScrollbar();
    };

-    // Debounced mutation observer
    let mutationTimeout: NodeJS.Timeout;
    const observer = new MutationObserver(() => {
      clearTimeout(mutationTimeout);
@@ -132,7 +126,6 @@ export default function CustomScrollbar(props: CustomScrollbarProps) {
      subtree: true
    });

-    // Use passive scroll listener for better performance
    containerRef.addEventListener("scroll", updateScrollbar, { passive: true });
    window.addEventListener("resize", handleResize);

@@ -159,7 +152,6 @@ export default function CustomScrollbar(props: CustomScrollbarProps) {
        "-ms-overflow-style": "none"
      }}
    >
-      {/* Hide default scrollbar */}
      <style>
        {`
          div::-webkit-scrollbar {
@@ -170,7 +162,6 @@ export default function CustomScrollbar(props: CustomScrollbarProps) {

      {props.children}

-      {/* Custom scrollbar */}
      <Show when={thumbHeight() < 100}>
        <div
          ref={scrollbarRef}
--- a/src/components/DeletionForm.tsx
+++ b/src/components/DeletionForm.tsx
@@ -9,11 +9,9 @@ export default function DeletionForm() {
  const [error, setError] = createSignal("");
  const [loading, setLoading] = createSignal(false);

-  // Form ref
  let emailRef: HTMLInputElement | undefined;
  let timerInterval: number | undefined;

-  // Calculate remaining time from cookie
  const calcRemainder = (timer: string) => {
    const expires = new Date(timer);
    const remaining = expires.getTime() - Date.now();
@@ -92,7 +90,6 @@ export default function DeletionForm() {
    }
  };

-  // Countdown timer render function
  const renderTime = ({ remainingTime }: { remainingTime: number }) => {
    return (
      <div class="timer">
--- a/src/components/ErrorBoundaryFallback.tsx
+++ b/src/components/ErrorBoundaryFallback.tsx
@@ -20,13 +20,11 @@ export default function ErrorBoundaryFallback(
    };
  }

-  // Try to get dark mode, fallback to a function returning true (dark) if context unavailable
  let isDark: () => boolean;
  try {
    const darkMode = useDarkMode();
    isDark = darkMode.isDark;
  } catch (e) {
-    // Context not available, use default
    isDark = () => true;
  }

--- a/src/components/PasswordStrengthMeter.tsx
+++ b/src/components/PasswordStrengthMeter.tsx
@@ -68,7 +68,6 @@ export default function PasswordStrengthMeter(
      });
    }

-    // Always show special character as optional/recommended
    reqs.push({
      label: "One special character\n(recommended)",
      test: (pwd) => /[^A-Za-z0-9]/.test(pwd),
--- a/src/components/SimpleParallax.tsx
+++ b/src/components/SimpleParallax.tsx
@@ -52,7 +52,6 @@ function ParallaxLayer(props: ParallaxLayerProps) {
    "will-change": "transform"
  }));

-  // Set up animation when component mounts or when direction/speed changes
  createEffect(() => {
    if (!containerRef) return;

--- a/src/components/TerminalErrorPage.tsx
+++ b/src/components/TerminalErrorPage.tsx
@@ -39,7 +39,6 @@ export function TerminalErrorPage(props: TerminalErrorPageProps) {
  let inputRef: HTMLInputElement | undefined;
  let footerRef: HTMLDivElement | undefined;

-  // Auto-scroll to bottom when history changes
  createEffect(() => {
    if (history().length > 0) {
      setTimeout(() => {
--- a/src/components/Typewriter.tsx
+++ b/src/components/Typewriter.tsx
@@ -21,7 +21,6 @@ export function Typewriter(props: {

    containerRef.style.position = "relative";

-    // FIRST: Walk DOM and split text into character spans
    const textNodes: { node: Text; text: string; startIndex: number }[] = [];
    let totalChars = 0;

@@ -36,12 +35,10 @@ export function Typewriter(props: {
          });
          totalChars += text.length;

-          // Replace text with spans for each character
          const span = document.createElement("span");
          text.split("").forEach((char, i) => {
            const charSpan = document.createElement("span");
            charSpan.textContent = char;
-            // Don't set opacity here - CSS will handle it based on data-typewriter state
            charSpan.setAttribute(
              "data-char-index",
              String(totalChars - text.length + i)
@@ -57,21 +54,18 @@ export function Typewriter(props: {

    walkDOM(containerRef);

-    // Mark as animated AFTER DOM manipulation - this triggers CSS to hide characters
    setAnimated(true);

    containerRef.setAttribute("data-typewriter-ready", "true");

-    // Listen for animation end to hide cursor
    const handleAnimationEnd = () => {
      setShouldHide(true);
      cursorRef?.removeEventListener("animationend", handleAnimationEnd);
    };

    const startReveal = () => {
-      setIsTyping(true); // Switch to typing cursor
+      setIsTyping(true);

-      // Animate revealing characters
      let currentIndex = 0;
      const speed = props.speed || 30;

@@ -88,7 +82,6 @@ export function Typewriter(props: {
              const rect = charSpan.getBoundingClientRect();
              const containerRect = containerRef.getBoundingClientRect();

-              // Position cursor at the end of the current character
              cursorRef.style.left = `${rect.right - containerRect.left}px`;
              cursorRef.style.top = `${rect.top - containerRect.top}px`;
              cursorRef.style.height = `${charSpan.offsetHeight}px`;
@@ -98,15 +91,11 @@ export function Typewriter(props: {
          currentIndex++;
          setTimeout(revealNextChar, 1000 / speed);
        } else {
-          // Typing finished, switch to block cursor
          setIsTyping(false);

-          // Start keepAlive timer if it's a number
          if (typeof keepAlive === "number") {
-            // Attach animation end listener
            cursorRef?.addEventListener("animationend", handleAnimationEnd);

-            // Trigger the animation with finite iteration count
            const durationSeconds = keepAlive / 1000;
            const iterations = Math.ceil(durationSeconds);
            if (cursorRef) {
--- a/src/components/blog/CommentBlock.tsx
+++ b/src/components/blog/CommentBlock.tsx
@@ -25,16 +25,13 @@ export default function CommentBlock(props: CommentBlockProps) {
  const [deletionLoading, setDeletionLoading] = createSignal(false);
  const [userData, setUserData] = createSignal<UserPublicData | null>(null);

-  // Refs
  let containerRef: HTMLDivElement | undefined;
  let commentInputRef: HTMLDivElement | undefined;

-  // Auto-collapse at level 4+
  createEffect(() => {
    setCommentCollapsed(props.level >= 4);
  });

-  // Find user data from comment map
  createEffect(() => {
    if (props.userCommentMap) {
      props.userCommentMap.forEach((commentIds, user) => {
@@ -45,23 +42,19 @@ export default function CommentBlock(props: CommentBlockProps) {
    }
  });

-  // Update toggle height based on container size
  createEffect(() => {
    if (containerRef) {
      const correction = showingReactionOptions() ? 80 : 48;
      setToggleHeight(containerRef.clientHeight + correction);
    }
-    // Trigger on these dependencies
    windowWidth();
    showingReactionOptions();
  });

-  // Update reactions from map
  createEffect(() => {
    setReactions(props.reactionMap.get(props.comment.id) || []);
  });

-  // Event handlers
  const collapseCommentToggle = (e: MouseEvent) => {
    e.stopPropagation();
    e.preventDefault();
@@ -112,7 +105,6 @@ export default function CommentBlock(props: CommentBlockProps) {
    );
  };

-  // Computed values
  const upvoteCount = () =>
    reactions().filter((r) => r.type === "upVote").length;

--- a/src/components/blog/CommentInputBlock.tsx
+++ b/src/components/blog/CommentInputBlock.tsx
@@ -4,7 +4,6 @@ import type { CommentInputBlockProps } from "~/types/comment";
 export default function CommentInputBlock(props: CommentInputBlockProps) {
  let bodyRef: HTMLTextAreaElement | undefined;

-  // Clear the textarea when comment is submitted
  createEffect(() => {
    if (!props.commentSubmitLoading && bodyRef) {
      bodyRef.value = "";
--- a/src/components/blog/CommentSorting.tsx
+++ b/src/components/blog/CommentSorting.tsx
@@ -8,14 +8,12 @@ export default function CommentSorting(props: CommentSortingProps) {
    new Map(props.topLevelComments?.map((comment) => [comment.id, true]))
  );

-  // Update showing block when top level comments change
  createEffect(() => {
    setShowingBlock(
      new Map(props.topLevelComments?.map((comment) => [comment.id, true]))
    );
  });

-  // Reset clickedOnce after timeout
  createEffect(() => {
    if (clickedOnce()) {
      setTimeout(() => setClickedOnce(false), 300);
@@ -34,7 +32,6 @@ export default function CommentSorting(props: CommentSortingProps) {
    }
  };

-  // Comments are already sorted from server, no need for client-side sorting
  return (
    <For each={props.topLevelComments}>
      {(topLevelComment) => (
--- a/src/components/blog/CommentSortingSelect.tsx
+++ b/src/components/blog/CommentSortingSelect.tsx
@@ -27,7 +27,6 @@ export default function CommentSortingSelect(props: CommentSortingSelectProps) {
    props.setSorting(mode);
    setIsOpen(false);

-    // Update URL with sortBy parameter
    const url = new URL(window.location.href);
    url.searchParams.set("sortBy", mode);
    navigate(`${location.pathname}?${url.searchParams.toString()}#comments`, {
--- a/src/components/blog/DeletePostButton.tsx
+++ b/src/components/blog/DeletePostButton.tsx
@@ -18,7 +18,6 @@ export default function DeletePostButton(props: DeletePostButtonProps) {
      setLoading(true);
      try {
        await api.database.deletePost.mutate({ id: props.postID });
-        // Refresh the page after successful deletion
        window.location.reload();
      } catch (error) {
        alert("Failed to delete post");
--- a/src/components/blog/MermaidRenderer.tsx
+++ b/src/components/blog/MermaidRenderer.tsx
@@ -32,14 +32,12 @@ export default function MermaidRenderer() {
        const id = `mermaid-${index}-${Math.random().toString(36).substr(2, 9)}`;
        const { svg } = await mermaid.render(id, content);

-        // Replace the pre/code with rendered SVG
        const wrapper = document.createElement("div");
        wrapper.className = "mermaid-rendered";
        wrapper.innerHTML = svg;
        pre.replaceWith(wrapper);
      } catch (err) {
        console.error("Failed to render mermaid diagram:", err);
-        // Keep the original code block if rendering fails
        pre.classList.add("mermaid-error");
      }
    });
--- a/src/components/blog/PostBodyClient.tsx
+++ b/src/components/blog/PostBodyClient.tsx
@@ -105,10 +105,8 @@ export default function PostBodyClient(props: PostBodyClientProps) {
      const pre = codeBlock.parentElement;
      if (!pre) return;

-      // Skip mermaid diagrams
      if (pre.dataset.type === "mermaid") return;

-      // Check if already processed (has header with copy button)
      const existingHeader = pre.previousElementSibling;
      if (
        existingHeader?.classList.contains("language-header") &&
@@ -117,53 +115,43 @@ export default function PostBodyClient(props: PostBodyClientProps) {
        return;
      }

-      // Set off-black background for code block
      pre.style.backgroundColor = "#1a1a1a";

-      // Extract language from code block classes
      const classes = Array.from(codeBlock.classList);
      const languageClass = classes.find((cls) => cls.startsWith("language-"));
      const language = languageClass?.replace("language-", "") || "";

-      // Create language header if language is detected
      if (language) {
        const languageHeader = document.createElement("div");
        languageHeader.className = "language-header";
        languageHeader.style.backgroundColor = "#1a1a1a";

-        // Add language label
        const languageLabel = document.createElement("span");
        languageLabel.textContent = language;
        languageHeader.appendChild(languageLabel);

-        // Create copy button in header
        const copyButton = document.createElement("button");
        copyButton.className = "copy-button";
        copyButton.textContent = "Copy";
        copyButton.dataset.codeBlock = "true";

-        // Store reference to the code block for copying
        copyButton.dataset.codeBlockId = `code-${Math.random().toString(36).substr(2, 9)}`;
        codeBlock.dataset.codeBlockId = copyButton.dataset.codeBlockId;

        languageHeader.appendChild(copyButton);

-        // Insert header before pre element
        pre.parentElement?.insertBefore(languageHeader, pre);
      }

-      // Add line numbers
      const codeText = codeBlock.textContent || "";
      const lines = codeText.split("\n");
      const lineCount =
        lines[lines.length - 1] === "" ? lines.length - 1 : lines.length;

      if (lineCount > 0 && !pre.querySelector(".line-numbers")) {
-        // Create line numbers container
        const lineNumbers = document.createElement("div");
        lineNumbers.className = "line-numbers";

-        // Generate line numbers
        for (let i = 1; i <= lineCount; i++) {
          const lineNum = document.createElement("div");
          lineNum.textContent = i.toString();
@@ -214,7 +202,6 @@ export default function PostBodyClient(props: PostBodyClientProps) {
      }
    });

-    // Look for the references section marker to get the custom heading name
    const marker = contentRef.querySelector(
      "span[id='references-section-start']"
    ) as HTMLElement | null;
@@ -233,13 +220,11 @@ export default function PostBodyClient(props: PostBodyClientProps) {
    if (referencesSection) {
      referencesSection.className = "text-2xl font-bold mb-4 text-text";

-      // Find the parent container and add styling
      const parentDiv = referencesSection.parentElement;
      if (parentDiv) {
        parentDiv.classList.add("references-heading");
      }

-      // Find all paragraphs after the References heading that start with [n]
      let currentElement = referencesSection.nextElementSibling;

      while (currentElement) {
@@ -251,29 +236,22 @@ export default function PostBodyClient(props: PostBodyClientProps) {
            const refNumber = match[1];
            const refId = `ref-${refNumber}`;

-            // Set the ID for linking
            currentElement.id = refId;

-            // Add styling
            currentElement.className =
              "reference-item transition-colors duration-500 text-sm mb-3";

-            // Parse and style the content - get everything after [n]
            let refText = text.substring(match[0].length);

-            // Remove any existing "↑ Back" text (including various Unicode arrow variants)
            refText = refText.replace(/[↑⬆️]\s*Back\s*$/i, "").trim();

-            // Create styled content
            currentElement.innerHTML = "";

-            // Add bold reference number
            const refNumSpan = document.createElement("span");
            refNumSpan.className = "text-blue font-semibold";
            refNumSpan.textContent = `[${refNumber}]`;
            currentElement.appendChild(refNumSpan);

-            // Add reference text
            if (refText) {
              const refTextSpan = document.createElement("span");
              refTextSpan.className = "ml-2";
@@ -286,7 +264,6 @@ export default function PostBodyClient(props: PostBodyClientProps) {
              currentElement.appendChild(refTextSpan);
            }

-            // Add back button
            const backLink = document.createElement("a");
            backLink.href = `#ref-${refNumber}-back`;
            backLink.className =
@@ -297,7 +274,6 @@ export default function PostBodyClient(props: PostBodyClientProps) {
              const target = document.getElementById(`ref-${refNumber}-back`);
              if (target) {
                target.scrollIntoView({ behavior: "smooth", block: "center" });
-                // Highlight the reference link briefly
                target.style.backgroundColor = "rgba(203, 166, 247, 0.2)";
                setTimeout(() => {
                  target.style.backgroundColor = "";
@@ -308,7 +284,6 @@ export default function PostBodyClient(props: PostBodyClientProps) {
          }
        }

-        // Check if we've reached another heading (end of references)
        if (
          currentElement.tagName.match(/^H[1-6]$/) &&
          currentElement !== referencesSection
@@ -321,14 +296,12 @@ export default function PostBodyClient(props: PostBodyClientProps) {
    }
  };

-  // Load highlight.js only when needed
  createEffect(() => {
    if (props.hasCodeBlock && !hljs()) {
      loadHighlightJS().then(setHljs);
    }
  });

-  // Apply syntax highlighting when hljs loads and when body changes
  createEffect(() => {
    const hljsInstance = hljs();
    if (hljsInstance && props.hasCodeBlock && contentRef) {
@@ -339,7 +312,6 @@ export default function PostBodyClient(props: PostBodyClientProps) {
    }
  });

-  // Process references after content is mounted and when body changes
  onMount(() => {
    setTimeout(() => {
      processReferences();
@@ -348,14 +320,11 @@ export default function PostBodyClient(props: PostBodyClientProps) {
      }
    }, 150);

-    // Event delegation for copy buttons (single listener for all buttons)
    if (contentRef) {
      const handleCopyButtonInteraction = async (e: Event) => {
        const target = e.target as HTMLElement;

-        // Handle click
        if (e.type === "click" && target.classList.contains("copy-button")) {
-          // Find the code block using the stored ID
          const codeBlockId = target.dataset.codeBlockId;
          const codeBlock = codeBlockId
            ? contentRef?.querySelector(
@@ -389,13 +358,11 @@ export default function PostBodyClient(props: PostBodyClientProps) {
        }
      };

-      // Single event listener for all copy button interactions
      contentRef.addEventListener("click", handleCopyButtonInteraction);
    }
  });

  createEffect(() => {
-    // Re-process when body changes
    if (props.body && contentRef) {
      setTimeout(() => {
        processReferences();
--- a/src/components/blog/PostSorting.tsx
+++ b/src/components/blog/PostSorting.tsx
@@ -21,7 +21,6 @@ export default function PostSorting(props: PostSortingProps) {
  const filteredPosts = createMemo(() => {
    let filtered = props.posts;

-    // Apply publication status filter (admin only)
    if (props.privilegeLevel === "admin" && props.status) {
      if (props.status === "published") {
        filtered = filtered.filter((post) => post.published === 1);
@@ -30,24 +29,20 @@ export default function PostSorting(props: PostSortingProps) {
      }
    }

-    // Build map of post_id -> tags for that post
    const postTags = new Map<number, Set<string>>();
    props.tags.forEach((tag) => {
      if (!postTags.has(tag.post_id)) {
        postTags.set(tag.post_id, new Set());
      }
-      // Tag values in DB have # prefix, remove it for comparison
      const tagWithoutHash = tag.value.startsWith("#")
        ? tag.value.slice(1)
        : tag.value;
      postTags.get(tag.post_id)!.add(tagWithoutHash);
    });

-    // WHITELIST MODE: Only show posts that have at least one of the included tags
    if (props.include !== undefined) {
      const includeList = props.include.split("|").filter(Boolean);

-      // Empty whitelist means show nothing
      if (includeList.length === 0) {
        return [];
      }
@@ -58,7 +53,6 @@ export default function PostSorting(props: PostSortingProps) {
        const tags = postTags.get(post.id);
        if (!tags || tags.size === 0) return false;

-        // Post must have at least one tag from the include list
        for (const tag of tags) {
          if (includeSet.has(tag)) {
            return true;
@@ -68,11 +62,9 @@ export default function PostSorting(props: PostSortingProps) {
      });
    }

-    // BLACKLIST MODE: Hide posts that have ANY of the filtered tags
    if (props.filters !== undefined) {
      const filterList = props.filters.split("|").filter(Boolean);

-      // Empty blacklist means show everything
      if (filterList.length === 0) {
        return filtered;
      }
@@ -81,19 +73,17 @@ export default function PostSorting(props: PostSortingProps) {

      return filtered.filter((post) => {
        const tags = postTags.get(post.id);
-        if (!tags || tags.size === 0) return true; // Show posts with no tags
+        if (!tags || tags.size === 0) return true;

-        // Post must NOT have any blacklisted tags
        for (const tag of tags) {
          if (filterSet.has(tag)) {
-            return false; // Hide this post
+            return false;
          }
        }
-        return true; // Show this post
+        return true;
      });
    }

-    // No filters: show all posts
    return filtered;
  });

@@ -105,7 +95,6 @@ export default function PostSorting(props: PostSortingProps) {
        sorted.reverse(); // Posts come oldest first from DB
        break;
      case "oldest":
-        // Already in oldest order from DB
        break;
      case "most_liked":
        sorted.sort((a, b) => (b.total_likes || 0) - (a.total_likes || 0));
--- a/src/components/blog/PostSortingSelect.tsx
+++ b/src/components/blog/PostSortingSelect.tsx
@@ -19,7 +19,6 @@ export default function PostSortingSelect(props: PostSortingSelectProps) {
  const location = useLocation();
  const [searchParams] = useSearchParams();

-  // Derive selected from URL params instead of local state
  const selected = () => {
    const sortParam = searchParams.sort || "newest";
    return sorting.find((s) => s.val === sortParam) || sorting[0];
@@ -28,7 +27,6 @@ export default function PostSortingSelect(props: PostSortingSelectProps) {
  const handleSelect = (sort: { val: string; label: string }) => {
    setIsOpen(false);

-    // Build new URL preserving all existing params
    const params = new URLSearchParams(searchParams as Record<string, string>);
    params.set("sort", sort.val);

--- a/src/components/blog/TagSelector.tsx
+++ b/src/components/blog/TagSelector.tsx
@@ -29,7 +29,6 @@ export default function TagSelector(props: TagSelectorProps) {
  const currentInclude = () =>
    searchParams.include?.split("|").filter(Boolean) || [];

-  // Get currently selected tags based on mode
  const selectedTags = () => {
    if (filterMode() === "whitelist") {
      return currentInclude();
@@ -38,14 +37,12 @@ export default function TagSelector(props: TagSelectorProps) {
    }
  };

-  // Sync filter mode with URL params and ensure one is always present
  createEffect(() => {
    if ("include" in searchParams) {
      setFilterMode("whitelist");
    } else if ("filter" in searchParams) {
      setFilterMode("blacklist");
    } else {
-      // No filter param exists, default to blacklist mode with empty filter
      const params = new URLSearchParams(
        searchParams as Record<string, string>
      );
@@ -66,7 +63,6 @@ export default function TagSelector(props: TagSelectorProps) {
    Object.keys(props.tagMap).map((key) => key.slice(1))
  );

-  // Check if a tag is currently selected
  const isTagChecked = (tag: string) => {
    return selectedTags().includes(tag);
  };
@@ -106,26 +102,21 @@ export default function TagSelector(props: TagSelectorProps) {
    let newSelected: string[];

    if (isChecked) {
-      // Add tag to selection
      newSelected = [...currentSelected, tag];
    } else {
-      // Remove tag from selection
      newSelected = currentSelected.filter((t) => t !== tag);
    }

-    // Build URL preserving all existing params
    const params = new URLSearchParams(searchParams as Record<string, string>);
    const paramName = filterMode() === "whitelist" ? "include" : "filter";
    const otherParamName = filterMode() === "whitelist" ? "filter" : "include";

-    // Remove the other mode's param
    params.delete(otherParamName);

    if (newSelected.length > 0) {
      const paramValue = newSelected.join("|");
      params.set(paramName, paramValue);
    } else {
-      // Keep empty param to preserve mode (especially important for whitelist)
      params.set(paramName, "");
    }

@@ -137,14 +128,11 @@ export default function TagSelector(props: TagSelectorProps) {
    const paramName = filterMode() === "whitelist" ? "include" : "filter";
    const otherParamName = filterMode() === "whitelist" ? "filter" : "include";

-    // Remove the other mode's param
    params.delete(otherParamName);

    if (allChecked()) {
-      // Uncheck all: keep empty param to preserve mode
      params.set(paramName, "");
    } else {
-      // Check all: select all tags
      const allTags = allTagKeys().join("|");
      params.set(paramName, allTags);
    }
@@ -153,7 +141,6 @@ export default function TagSelector(props: TagSelectorProps) {
  };

  const toggleFilterMode = () => {
-    // Get current tags BEFORE changing mode
    const currentSelected = selectedTags();

    const newMode = filterMode() === "whitelist" ? "blacklist" : "whitelist";
@@ -164,14 +151,12 @@ export default function TagSelector(props: TagSelectorProps) {
    const newParamName = newMode === "whitelist" ? "include" : "filter";
    const oldParamName = newMode === "whitelist" ? "filter" : "include";

-    // Remove old param and set new one
    params.delete(oldParamName);

    if (currentSelected.length > 0) {
      const paramValue = currentSelected.join("|");
      params.set(newParamName, paramValue);
    } else {
-      // Always keep the param, even if empty
      params.set(newParamName, "");
    }

--- a/src/components/blog/TextEditor.tsx
+++ b/src/components/blog/TextEditor.tsx
--- a/src/components/blog/extensions/Mermaid.ts
+++ b/src/components/blog/extensions/Mermaid.ts
@@ -13,13 +13,11 @@ export const Mermaid = Node.create({
      content: {
        default: "",
        parseHTML: (element) => {
-          // Try to get code element
          const code = element.querySelector("code");
          if (code) {
            // Get text content, which strips out all HTML tags (including spans from syntax highlighting)
            return code.textContent || "";
          }
-          // Fallback to element's own text content
          return element.textContent || "";
        },
        renderHTML: (attributes) => {
@@ -191,15 +189,12 @@ export const Mermaid = Node.create({
        }

        try {
-          // Dynamic import to avoid bundling issues
          const mermaid = (await import("mermaid")).default;
          await mermaid.parse(content);
-          // Valid - green indicator
          statusIndicator.className =
            "absolute top-2 left-2 w-3 h-3 rounded-full bg-green opacity-0 group-hover:opacity-100 transition-opacity duration-200";
          statusIndicator.title = "Valid mermaid syntax";
        } catch (err) {
-          // Invalid - red indicator
          statusIndicator.className =
            "absolute top-2 left-2 w-3 h-3 rounded-full bg-red opacity-0 group-hover:opacity-100 transition-opacity duration-200";
          statusIndicator.title = `Invalid syntax: ${
@@ -208,7 +203,6 @@ export const Mermaid = Node.create({
        }
      };

-      // Run validation
      validateSyntax();

      // Edit button overlay - visible on mobile tap/selection, hover on desktop
@@ -240,22 +234,18 @@ export const Mermaid = Node.create({
        const pos = getPos();
        const { from, to } = editor.state.selection;

-        // Check if this node is selected
        const nodeIsSelected = from === pos && to === pos + node.nodeSize;

        if (nodeIsSelected !== isSelected) {
          isSelected = nodeIsSelected;
          if (isSelected) {
-            // Show button when selected (for mobile)
            editBtn.style.opacity = "1";
          } else {
-            // Hide button when not selected (reset to CSS control)
            editBtn.style.opacity = "";
          }
        }
      };

-      // Listen for selection changes
      const plugin = editor.view.state.plugins.find(
        (p: any) => p.spec?.key === "mermaidSelection"
      );
@@ -266,10 +256,8 @@ export const Mermaid = Node.create({
        (entries) => {
          entries.forEach((entry) => {
            if (entry.isIntersecting) {
-              // Check selection periodically when visible
              updateInterval = setInterval(updateButtonVisibility, 100);
            } else {
-              // Stop checking when not visible
              if (updateInterval) {
                clearInterval(updateInterval);
                updateInterval = null;
@@ -282,7 +270,6 @@ export const Mermaid = Node.create({

      observer.observe(dom);

-      // Also check on touch
      dom.addEventListener("touchstart", () => {
        setTimeout(updateButtonVisibility, 50);
      });
@@ -299,7 +286,6 @@ export const Mermaid = Node.create({
            return false;
          }
          code.textContent = updatedNode.attrs.content || "";
-          // Re-validate on update
          validateSyntax();
          updateButtonVisibility();
          return true;
--- a/src/config.ts
+++ b/src/config.ts
@@ -10,9 +10,9 @@
 export const AUTH_CONFIG = {
  JWT_EXPIRY: "14d" as const,
  JWT_EXPIRY_SHORT: "12h" as const,
-  SESSION_COOKIE_MAX_AGE: 60 * 60 * 24 * 14, // 14 days
-  REMEMBER_ME_MAX_AGE: 60 * 60 * 24 * 14, // 14 days
-  CSRF_TOKEN_MAX_AGE: 60 * 60 * 24 * 14, // 14 days
+  SESSION_COOKIE_MAX_AGE: 60 * 60 * 24 * 14,
+  REMEMBER_ME_MAX_AGE: 60 * 60 * 24 * 14,
+  CSRF_TOKEN_MAX_AGE: 60 * 60 * 24 * 14,
  EMAIL_LOGIN_LINK_EXPIRY: "15m" as const,
  EMAIL_VERIFICATION_LINK_EXPIRY: "15m" as const,
  LINEAGE_JWT_EXPIRY: "14d" as const
@@ -51,7 +51,6 @@ export const PASSWORD_RESET_CONFIG = {
 // ============================================================

 export const COOLDOWN_TIMERS = {
-  // those without * 1000 are in seconds
  EMAIL_LOGIN_LINK_MS: 2 * 60 * 1000,
  EMAIL_LOGIN_LINK_COOKIE_MAX_AGE: 2 * 60,
  PASSWORD_RESET_REQUEST_MS: 5 * 60 * 1000,
@@ -107,7 +106,6 @@ export const TYPEWRITER_CONFIG = {
 // ============================================================

 export const COUNTDOWN_CONFIG = {
-  // these are in seconds
  EMAIL_LOGIN_LINK_DURATION_S: 120,
  PASSWORD_RESET_DURATION_S: 300,
  CONTACT_FORM_DURATION_S: 60,
@@ -189,8 +187,8 @@ export const TEXT_EDITOR_CONFIG = {
  INITIAL_LOAD_FALLBACK_DELAY_MS: 500,
  INITIAL_LOAD_DELAY_MS: 1000,
  SPINNER_INTERVAL_MS: 50,
-  HIGHLIGHT_FADE_DELAY_MS: 100,
-  HIGHLIGHT_REMOVE_DELAY_MS: 700,
+  HIGHLIGHT_FADE_DELAY_MS: 400,
+  HIGHLIGHT_REMOVE_DELAY_MS: 1000,
  REFERENCE_UPDATE_DELAY_MS: 500,
  SCROLL_TO_CHANGE_DELAY_MS: 100
 } as const;
@@ -203,7 +201,6 @@ export const VALIDATION_CONFIG = {
  MIN_PASSWORD_LENGTH: 8,
  PASSWORD_REQUIRE_UPPERCASE: true,
  PASSWORD_REQUIRE_NUMBER: true,
-  // changed to just recommended, may change again in future
  PASSWORD_REQUIRE_SPECIAL: false,
  MAX_CONTACT_MESSAGE_LENGTH: 500,
  MIN_PASSWORD_CONF_LENGTH_FOR_ERROR: 6
--- a/src/context/darkMode.tsx
+++ b/src/context/darkMode.tsx
@@ -46,10 +46,8 @@ const getInitialTheme = () => {
 };

 export const DarkModeProvider: ParentComponent = (props) => {
-  // Initialize with correct theme synchronously
  const [isDark, setIsDark] = createSignal(getInitialTheme());

-  // Force update immediately on client to fix hydration mismatch
  onMount(() => {
    const actualTheme = getInitialTheme();
    if (isDark() !== actualTheme) {
@@ -58,9 +56,7 @@ export const DarkModeProvider: ParentComponent = (props) => {

    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");

-    // Listen for system theme changes
    const handleChange = (e: MediaQueryListEvent) => {
-      // Only update if there's no explicit override
      const storedOverride = localStorage.getItem(STORAGE_KEY);
      if (storedOverride === null) {
        setIsDark(e.matches);
@@ -74,7 +70,6 @@ export const DarkModeProvider: ParentComponent = (props) => {
    });
  });

-  // Reactively update DOM when isDark changes
  createEffect(() => {
    if (isDark()) {
      document.documentElement.classList.add("dark");
@@ -89,12 +84,10 @@ export const DarkModeProvider: ParentComponent = (props) => {
    const newValue = !isDark();
    setIsDark(newValue);

-    // Only persist if different from system preference
    const systemPreference = getSystemPreference();
    if (newValue !== systemPreference) {
      localStorage.setItem(STORAGE_KEY, newValue ? "dark" : "light");
    } else {
-      // If matching system preference, remove override
      localStorage.removeItem(STORAGE_KEY);
    }
  };
@@ -102,12 +95,10 @@ export const DarkModeProvider: ParentComponent = (props) => {
  const setDarkMode = (dark: boolean) => {
    setIsDark(dark);

-    // Only persist if different from system preference
    const systemPreference = getSystemPreference();
    if (dark !== systemPreference) {
      localStorage.setItem(STORAGE_KEY, dark ? "dark" : "light");
    } else {
-      // If matching system preference, remove override
      localStorage.removeItem(STORAGE_KEY);
    }
  };
--- a/src/env/client.ts
+++ b/src/env/client.ts
@@ -1,7 +1,6 @@
 import { z } from "zod";

 const clientEnvSchema = z.object({
-  // Client-side environment variables (VITE_ prefixed)
  VITE_DOMAIN: z.string().min(1),
  VITE_AWS_BUCKET_STRING: z.string().min(1),
  VITE_GOOGLE_CLIENT_ID: z.string().min(1),
@@ -11,10 +10,8 @@ const clientEnvSchema = z.object({
  VITE_INFILL_ENDPOINT: z.string().min(1)
 });

-// Type inference
 export type ClientEnv = z.infer<typeof clientEnvSchema>;

-// Validation function for client-side with detailed error messages
 export const validateClientEnv = (
  envVars: Record<string, string | undefined>
 ): ClientEnv => {
@@ -70,7 +67,6 @@ export const validateClientEnv = (
  }
 };

-// Validate and export environment variables directly
 const validateAndExportEnv = (): ClientEnv => {
  try {
    const validated = validateClientEnv(import.meta.env);
--- a/src/env/server.ts
+++ b/src/env/server.ts
@@ -1,7 +1,6 @@
 import { z } from "zod";

 const serverEnvSchema = z.object({
-  // Server-side environment variables
  NODE_ENV: z.enum(["development", "test", "production"]),
  ADMIN_EMAIL: z.string().min(1),
  ADMIN_ID: z.string().min(1),
@@ -35,10 +34,8 @@ const serverEnvSchema = z.object({
  INFILL_BEARER_TOKEN: z.string().min(1)
 });

-// Type inference
 export type ServerEnv = z.infer<typeof serverEnvSchema>;

-// Validation function for server-side with detailed error messages
 export const validateServerEnv = (
  envVars: Record<string, string | undefined>
 ): ServerEnv => {
@@ -91,7 +88,6 @@ export const validateServerEnv = (
  }
 };

-// Validate and export environment variables directly
 const validateAndExportEnv = (): ServerEnv => {
  try {
    const validated = validateServerEnv(process.env);
--- a/src/lib/api.ts
+++ b/src/lib/api.ts
@@ -2,7 +2,6 @@ import { createTRPCProxyClient, httpBatchLink, loggerLink } from "@trpc/client";
 import type { AppRouter } from "~/server/api/root";

 const getBaseUrl = () => {
-  // Browser: use relative URL
  if (typeof window !== "undefined") return "";

  const domain = import.meta.env.VITE_DOMAIN;
@@ -27,12 +26,10 @@ function getCSRFToken(): string | undefined {

 export const api = createTRPCProxyClient<AppRouter>({
  links: [
-    // Only enable logging in development mode
    ...(process.env.NODE_ENV === "development"
      ? [
          loggerLink({
            enabled: (opts) => {
-              // Suppress 401 UNAUTHORIZED errors from logs
              const is401 =
                opts.direction === "down" &&
                opts.result instanceof Error &&
@@ -42,7 +39,6 @@ export const api = createTRPCProxyClient<AppRouter>({
          })
        ]
      : []),
-    // identifies what url will handle trpc requests
    httpBatchLink({
      url: `${getBaseUrl()}/api/trpc`,
      headers: () => {
--- a/src/lib/client-utils.ts
+++ b/src/lib/client-utils.ts
@@ -4,11 +4,7 @@
 */

 /**
- * Safe fetch wrapper that suppresses console errors for expected 401 responses
- * Use this instead of direct fetch() calls when 401s are expected (e.g., auth checks)
- * @param input - URL or Request object
- * @param init - Fetch options
- * @returns Promise<Response>
+ * Fetch wrapper for auth checks where 401s are expected and should not trigger console errors
 */
 export async function safeFetch(
  input: RequestInfo | URL,
@@ -18,17 +14,12 @@ export async function safeFetch(
    const response = await fetch(input, init);
    return response;
  } catch (error) {
-    // Re-throw the error - this is for actual network failures
    throw error;
  }
 }

 /**
- * Inserts soft hyphens (&shy;) into long words to enable manual hyphenation
- * Works with Typewriter component since it uses actual characters
- * @param text - The text to add hyphens to
- * @param minWordLength - Minimum word length to hyphenate (default 8)
- * @returns Text with soft hyphens inserted
+ * Inserts soft hyphens (&shy;) for manual hyphenation. Uses actual characters for Typewriter compatibility.
 */
 export function insertSoftHyphens(
  text: string,
@@ -37,26 +28,20 @@ export function insertSoftHyphens(
  return text
    .split(" ")
    .map((word) => {
-      // Skip short words
      if (word.length < minWordLength) return word;

-      // Common English hyphenation patterns
      const patterns = [
-        // Prefixes (break after)
        {
          pattern:
            /^(un|re|in|dis|en|non|pre|pro|anti|de|mis|over|sub|super|trans|under)(.+)/i,
          split: 1
        },
-        // Suffixes (break before)
        {
          pattern:
            /(.+)(ing|tion|sion|ness|ment|able|ible|ful|less|ship|hood|ward|like)$/i,
          split: 1
        },
-        // Double consonants (break between)
        { pattern: /(.+[aeiou])([bcdfghjklmnpqrstvwxyz])\2(.+)/i, split: 2 },
-        // Compound words with common parts
        {
          pattern:
            /(.+)(stand|work|time|place|where|thing|back|over|under|out)$/i,
@@ -68,16 +53,13 @@ export function insertSoftHyphens(
        const match = word.match(pattern);
        if (match) {
          if (split === 1) {
-            // Break after first capture group
            return match[1] + "\u00AD" + match[2];
          } else if (split === 2) {
-            // Break between doubled consonants
            return match[1] + match[2] + "\u00AD" + match[2] + match[3];
          }
        }
      }

-      // Fallback: Insert soft hyphen every 6-8 characters in very long words
      if (word.length > 12) {
        const chunks: string[] = [];
        for (let i = 0; i < word.length; i += 6) {
--- a/src/lib/comment-utils.ts
+++ b/src/lib/comment-utils.ts
@@ -1,24 +1,8 @@
-/**
- * Comment System Utility Functions
- *
- * Shared utility functions for:
- * - Comment sorting algorithms
- * - Comment filtering and tree building
- * - Debouncing
- */
-
 import type { Comment, CommentReaction, SortingMode } from "~/types/comment";
 import { getSQLFormattedDate } from "./date-utils";

 export { getSQLFormattedDate };

-// ============================================================================
-// Comment Tree Utilities
-// ============================================================================
-
-/**
- * Gets all child comments for a given parent comment ID
- */
 export function getChildComments(
  parentCommentID: number,
  allComments: Comment[] | undefined
@@ -30,9 +14,6 @@ export function getChildComments(
  );
 }

-/**
- * Counts the total number of comments including all nested children
- */
 export function getTotalCommentCount(
  topLevelComments: Comment[],
  allComments: Comment[]
@@ -40,10 +21,6 @@ export function getTotalCommentCount(
  return allComments.length;
 }

-/**
- * Gets the nesting level of a comment in the tree
- * Top-level comments (parent_comment_id = -1 or null) are level 0
- */
 export function getCommentLevel(
  comment: Comment,
  allComments: Comment[]
@@ -66,17 +43,9 @@ export function getCommentLevel(
  return level;
 }

-// ============================================================================
-// Comment Sorting Algorithms
-// ============================================================================
-
 /**
- * @deprecated Server-side sorting is now implemented in the blog post route.
- * Comments are sorted by SQL queries for better performance.
- * This function remains for backward compatibility only.
- *
- * Calculates "hot" score for a comment based on votes and time
- * Uses logarithmic decay for older comments
+ * @deprecated Server-side SQL sorting preferred for performance
+ * Logarithmic decay formula: score / log(age + 2)
 */
 function calculateHotScore(
  upvotes: number,
@@ -88,17 +57,11 @@ function calculateHotScore(
  const commentTime = new Date(date).getTime();
  const ageInHours = (now - commentTime) / (1000 * 60 * 60);

-  // Logarithmic decay: score / log(age + 2)
-  // Adding 2 prevents division by zero for very new comments
  return score / Math.log10(ageInHours + 2);
 }

 /**
- * @deprecated Server-side sorting is now implemented in the blog post route.
- * Use SQL-based sorting instead for better performance.
- * This function remains for backward compatibility only.
- *
- * Counts upvotes for a comment from reaction map
+ * @deprecated Server-side SQL sorting preferred for performance
 */
 function getUpvoteCount(
  commentID: number,
@@ -111,11 +74,7 @@ function getUpvoteCount(
 }

 /**
- * @deprecated Server-side sorting is now implemented in the blog post route.
- * Use SQL-based sorting instead for better performance.
- * This function remains for backward compatibility only.
- *
- * Counts downvotes for a comment from reaction map
+ * @deprecated Server-side SQL sorting preferred for performance
 */
 function getDownvoteCount(
  commentID: number,
@@ -128,18 +87,7 @@ function getDownvoteCount(
 }

 /**
- * @deprecated Server-side sorting is now implemented in the blog post route.
- * Comments are now sorted by SQL queries in src/routes/blog/[title]/index.tsx
- * for better performance and reduced client-side processing.
- * This function remains for backward compatibility only.
- *
- * Sorts comments based on the selected sorting mode
- *
- * Modes:
- * - newest: Most recent first
- * - oldest: Oldest first
- * - highest_rated: Most upvotes minus downvotes
- * - hot: Combines votes and recency (Reddit-style)
+ * @deprecated Use server-side SQL sorting in routes/blog/[title]/index.tsx for better performance
 */
 export function sortComments(
  comments: Comment[],
@@ -190,20 +138,10 @@ export function sortComments(
  }
 }

-// ============================================================================
-// Validation Utilities
-// ============================================================================
-
-/**
- * Validates that a comment body meets requirements
- */
 export function isValidCommentBody(body: string): boolean {
  return body.trim().length > 0 && body.length <= 10000;
 }

-/**
- * Checks if a user can modify (edit/delete) a comment
- */
 export function canModifyComment(
  userID: string,
  commenterID: string,
@@ -214,9 +152,6 @@ export function canModifyComment(
  return userID === commenterID;
 }

-/**
- * Checks if a user can delete with database-level deletion
- */
 export function canDatabaseDelete(
  privilegeLevel: "admin" | "user" | "anonymous"
 ): boolean {
--- a/src/lib/resize-utils.ts
+++ b/src/lib/resize-utils.ts
@@ -12,7 +12,6 @@ export function createWindowWidth(debounceMs?: number): Accessor<number> {
  const [width, setWidth] = createSignal(initialWidth);

  onMount(() => {
-    // Sync to actual client width immediately on mount to avoid hydration mismatch
    setWidth(window.innerWidth);

    let timeoutId: ReturnType<typeof setTimeout> | undefined;
@@ -86,7 +85,6 @@ export async function resizeImage(
    img.onload = () => {
      let { width, height } = img;

-      // Calculate new dimensions maintaining aspect ratio
      if (width > maxWidth || height > maxHeight) {
        const aspectRatio = width / height;

@@ -102,10 +100,8 @@ export async function resizeImage(
      canvas.width = width;
      canvas.height = height;

-      // Draw image on canvas with new dimensions
      ctx.drawImage(img, 0, 0, width, height);

-      // Convert canvas to blob
      canvas.toBlob(
        (blob) => {
          if (blob) {
@@ -123,7 +119,6 @@ export async function resizeImage(
      reject(new Error("Failed to load image"));
    };

-    // Load image from file
    const reader = new FileReader();
    reader.onload = (e) => {
      if (e.target?.result) {
--- a/src/lib/s3upload.ts
+++ b/src/lib/s3upload.ts
@@ -14,7 +14,6 @@ export default async function AddImageToS3(
  try {
    const filename = (file as File).name;

-    // Get pre-signed URL from tRPC endpoint
    const { uploadURL, key } = await api.misc.getPreSignedURL.mutate({
      type,
      title,
@@ -23,11 +22,9 @@ export default async function AddImageToS3(

    console.log("url: " + uploadURL, "key: " + key);

-    // Extract content type from filename extension
    const ext = /^.+\.([^.]+)$/.exec(filename);
    const contentType = ext ? `image/${ext[1]}` : "application/octet-stream";

-    // Upload original file to S3 using pre-signed URL
    const uploadResponse = await fetch(uploadURL, {
      method: "PUT",
      headers: {
@@ -40,19 +37,12 @@ export default async function AddImageToS3(
      throw new Error("Failed to upload file to S3");
    }

-    // For blog cover images, also create and upload a thumbnail
    if (type === "blog") {
      try {
-        // Create thumbnail (max 200x200px for sidebar display)
        const thumbnail = await resizeImage(file, 200, 200, 0.8);

-        // Generate thumbnail filename: insert "-small" before extension
-        const thumbnailFilename = filename.replace(
-          /(\.[^.]+)$/,
-          "-small$1"
-        );
+        const thumbnailFilename = filename.replace(/(\.[^.]+)$/, "-small$1");

-        // Get pre-signed URL for thumbnail
        const { uploadURL: thumbnailUploadURL } =
          await api.misc.getPreSignedURL.mutate({
            type,
@@ -60,24 +50,21 @@ export default async function AddImageToS3(
            filename: thumbnailFilename
          });

-        // Upload thumbnail to S3
        const thumbnailUploadResponse = await fetch(thumbnailUploadURL, {
          method: "PUT",
          headers: {
-            "Content-Type": "image/jpeg" // Thumbnails are always JPEG
+            "Content-Type": "image/jpeg"
          },
          body: thumbnail
        });

        if (!thumbnailUploadResponse.ok) {
          console.error("Failed to upload thumbnail to S3");
-          // Don't fail the entire upload if thumbnail fails
        } else {
          console.log("Thumbnail uploaded successfully");
        }
      } catch (thumbnailError) {
        console.error("Thumbnail creation/upload failed:", thumbnailError);
-        // Don't fail the entire upload if thumbnail fails
      }
    }

--- a/src/lib/terminal-commands.ts
+++ b/src/lib/terminal-commands.ts
@@ -18,7 +18,6 @@ export interface CommandContext {
 }

 export const createTerminalCommands = (context: CommandContext) => {
-  // Define available routes
  const routes = [
    { path: "/", name: "home" },
    { path: "/blog", name: "blog" },
@@ -99,7 +98,6 @@ export const createTerminalCommands = (context: CommandContext) => {
    clear: {
      action: () => {
        context.addToHistory("clear", "", "info");
-        // Clear will be handled by the component
      },
      description: "Clear terminal history"
    },
@@ -231,7 +229,6 @@ export const createTerminalCommands = (context: CommandContext) => {
    }
  };

-  // Add all cd variants for each route
  routes.forEach((route) => {
    commands[`cd ${route.name}`] = {
      action: () => context.navigate(route.path),
--- a/src/lib/validation.ts
+++ b/src/lib/validation.ts
@@ -8,14 +8,11 @@ import { VALIDATION_CONFIG } from "~/config";
 * Validate email format
 */
 export function isValidEmail(email: string): boolean {
-  // Basic email format check
  const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
  if (!emailRegex.test(email)) {
    return false;
  }

-  // Additional checks for invalid patterns
-  // Reject consecutive dots
  if (email.includes("..")) {
    return false;
  }
@@ -39,24 +36,20 @@ export function validatePassword(password: string): {
  const errors: string[] = [];
  let includesSpecial = false;

-  // Minimum length from config
  if (password.length < VALIDATION_CONFIG.MIN_PASSWORD_LENGTH) {
    errors.push(
      `Password must be at least ${VALIDATION_CONFIG.MIN_PASSWORD_LENGTH} characters long`
    );
  }

-  // Require uppercase letter (if configured)
  if (VALIDATION_CONFIG.PASSWORD_REQUIRE_UPPERCASE && !/[A-Z]/.test(password)) {
    errors.push("Password must contain at least one uppercase letter");
  }

-  // Require lowercase letter (always required for balanced security)
  if (!/[a-z]/.test(password)) {
    errors.push("Password must contain at least one lowercase letter");
  }

-  // Require number (if configured)
  if (VALIDATION_CONFIG.PASSWORD_REQUIRE_NUMBER && !/[0-9]/.test(password)) {
    errors.push("Password must contain at least one number");
  }
@@ -64,12 +57,11 @@ export function validatePassword(password: string): {
  if (/[^A-Za-z0-9]/.test(password)) {
    includesSpecial = true;
  }
-  // Require special character (if configured)
+
  if (VALIDATION_CONFIG.PASSWORD_REQUIRE_SPECIAL && !includesSpecial) {
    errors.push("Password must contain at least one special character");
  }

-  // Check for common weak passwords
  const commonPasswords = [
    "password",
    "1234",
@@ -94,7 +86,6 @@ export function validatePassword(password: string): {
    }
  }

-  // Calculate password strength
  let strength: PasswordStrength = "weak";

  if (errors.length === 0) {
--- a/src/routes/account.tsx
+++ b/src/routes/account.tsx
@@ -123,7 +123,6 @@ export default function AccountPage() {
    }
  });

-  // Profile image handlers
  const handleImageDrop = (acceptedFiles: File[]) => {
    acceptedFiles.forEach((file: File) => {
      setProfileImage(file);
@@ -184,7 +183,6 @@ export default function AccountPage() {
        setProfileImageStateChange(false);
        setTimeout(() => setShowImageSuccess(false), 3000);

-        // Update preSetHolder with new image
        setPreSetHolder(imageUrl || null);
      } else {
        alert("Error updating profile image!");
@@ -197,7 +195,6 @@ export default function AccountPage() {
    }
  };

-  // Email update handler
  const setEmailTrigger = async (e: Event) => {
    e.preventDefault();
    if (!emailRef) return;
@@ -231,7 +228,6 @@ export default function AccountPage() {
    }
  };

-  // Display name update handler
  const setDisplayNameTrigger = async (e: Event) => {
    e.preventDefault();
    if (!displayNameRef) return;
@@ -260,14 +256,12 @@ export default function AccountPage() {
    }
  };

-  // Password change/set handler
  const handlePasswordSubmit = async (e: Event) => {
    e.preventDefault();
    const userProfile = currentUser();
    if (!userProfile) return;

    if (userProfile.hasPassword) {
-      // Change password (requires old password)
      if (!oldPasswordRef || !newPasswordRef || !newPasswordConfRef) return;

      const oldPassword = oldPasswordRef.value;
@@ -316,7 +310,6 @@ export default function AccountPage() {
        setPasswordChangeLoading(false);
      }
    } else {
-      // Set password (first time for OAuth users)
      if (!newPasswordRef || !newPasswordConfRef) return;

      const newPassword = newPasswordRef.value;
@@ -348,7 +341,6 @@ export default function AccountPage() {

        const result = await response.json();
        if (response.ok && result.result?.data?.success) {
-          // Refresh user data to show hasPassword = true
          const profileResponse = await fetch("/api/trpc/user.getProfile");
          const profileResult = await profileResponse.json();
          if (profileResult.result?.data) {
@@ -370,7 +362,6 @@ export default function AccountPage() {
    }
  };

-  // Delete account handler
  const deleteAccountTrigger = async (e: Event) => {
    e.preventDefault();
    if (!deleteAccountPasswordRef) return;
@@ -400,7 +391,6 @@ export default function AccountPage() {
    }
  };

-  // Resend email verification
  const sendEmailVerification = async () => {
    const userProfile = currentUser();
    if (!userProfile?.email) return;
@@ -460,7 +450,6 @@ export default function AccountPage() {
    setPasswordBlurred(true);
  };

-  // Sign out handler
  const handleSignOut = async () => {
    setSignOutLoading(true);
    try {
@@ -472,7 +461,6 @@ export default function AccountPage() {
    }
  };

-  // Helper to get provider display name
  const getProviderName = (provider: UserProfile["provider"]) => {
    switch (provider) {
      case "google":
@@ -486,7 +474,6 @@ export default function AccountPage() {
    }
  };

-  // Helper to get provider icon color
  const getProviderColor = (provider: UserProfile["provider"]) => {
    switch (provider) {
      case "google":
--- a/src/routes/api/auth/callback/github.ts
+++ b/src/routes/api/auth/callback/github.ts
@@ -22,11 +22,9 @@ export async function GET(event: APIEvent) {
  }

  try {
-    // Create tRPC caller to invoke the githubCallback procedure
    const ctx = await createTRPCContext(event);
    const caller = appRouter.createCaller(ctx);

-    // Call the GitHub callback handler
    const result = await caller.auth.githubCallback({ code });

    if (result.success) {
--- a/src/routes/api/auth/callback/google.ts
+++ b/src/routes/api/auth/callback/google.ts
@@ -22,11 +22,9 @@ export async function GET(event: APIEvent) {
  }

  try {
-    // Create tRPC caller to invoke the googleCallback procedure
    const ctx = await createTRPCContext(event);
    const caller = appRouter.createCaller(ctx);

-    // Call the Google callback handler
    const result = await caller.auth.googleCallback({ code });

    if (result.success) {
--- a/src/routes/api/auth/signout.ts
+++ b/src/routes/api/auth/signout.ts
@@ -5,14 +5,13 @@ export async function POST() {
  "use server";
  const event = getEvent()!;

-  // Clear the userIDToken cookie (the actual session cookie)
  setCookie(event, "userIDToken", "", {
    path: "/",
    httpOnly: true,
-    secure: true, // Always enforce secure cookies
+    secure: true,
    sameSite: "lax",
-    maxAge: 0, // Expire immediately
-    expires: new Date(0) // Set expiry to past date
+    maxAge: 0,
+    expires: new Date(0)
  });

  return new Response(null, {
--- a/src/routes/api/trpc/[trpc].ts
+++ b/src/routes/api/trpc/[trpc].ts
@@ -4,16 +4,11 @@ import { appRouter } from "~/server/api/root";
 import { createTRPCContext } from "~/server/api/utils";

 const handler = (event: APIEvent) => {
-  // adapts tRPC to fetch API style requests
  return fetchRequestHandler({
-    // the endpoint handling the requests
    endpoint: "/api/trpc",
-    // the request object
    req: event.request,
-    // the router for handling the requests
    router: appRouter,
-    // any arbitrary data that should be available to all actions
-    createContext: () => createTRPCContext(event),
+    createContext: () => createTRPCContext(event)
  });
 };

--- a/src/routes/blog/[title]/index.tsx
+++ b/src/routes/blog/[title]/index.tsx
@@ -37,7 +37,6 @@ const getPostByTitle = query(
    const userID = await getUserID(event.nativeEvent);
    const conn = ConnectionFactory();

-    // Handle by-id route: lookup post by ID and redirect to title-based URL
    if (title === "by-id") {
      const url = new URL(event.request.url);
      const id = url.searchParams.get("id");
@@ -128,7 +127,6 @@ const getPostByTitle = query(
      };
    }

-    // Build conditional evaluation context
    const conditionalContext = {
      isAuthenticated: userID !== null,
      privilegeLevel: privilegeLevel,
@@ -143,14 +141,11 @@ const getPostByTitle = query(
        post.body = parseConditionals(post.body, conditionalContext);
      } catch (error) {
        console.error("Error parsing conditionals in post body:", error);
-        // Fall back to showing original content
      }
    }

-    // Fetch comments with sorting
    let commentQuery = "SELECT * FROM Comment WHERE post_id = ?";

-    // Build ORDER BY clause based on sortBy parameter
    switch (sortBy) {
      case "newest":
        commentQuery += " ORDER BY date DESC";
@@ -159,7 +154,6 @@ const getPostByTitle = query(
        commentQuery += " ORDER BY date ASC";
        break;
      case "highest_rated":
-        // Calculate net score (upvotes - downvotes) for each comment
        commentQuery = `
        SELECT c.*,
          COALESCE((
@@ -177,7 +171,6 @@ const getPostByTitle = query(
      `;
        break;
      case "hot":
-        // Calculate hot score: (upvotes - downvotes) / log10(age_in_hours + 2)
        commentQuery = `
        SELECT c.*,
          (COALESCE((
@@ -201,16 +194,13 @@ const getPostByTitle = query(
      await conn.execute({ sql: commentQuery, args: [post.id] })
    ).rows;

-    // Fetch likes
    const likeQuery = "SELECT * FROM PostLike WHERE post_id = ?";
    const likes = (await conn.execute({ sql: likeQuery, args: [post.id] }))
      .rows;

-    // Fetch tags
    const tagQuery = "SELECT * FROM Tag WHERE post_id = ?";
    const tags = (await conn.execute({ sql: tagQuery, args: [post.id] })).rows;

-    // Build commenter map
    const commenterToCommentIDMap = new Map<string, number[]>();
    comments.forEach((comment: any) => {
      const prev = commenterToCommentIDMap.get(comment.commenter_id) || [];
@@ -220,7 +210,6 @@ const getPostByTitle = query(
    const commenterQuery =
      "SELECT email, display_name, image FROM User WHERE id = ?";

-    // Convert to serializable array format
    const userCommentArray: Array<[UserPublicData, number[]]> = [];

    for (const [key, value] of commenterToCommentIDMap.entries()) {
@@ -231,7 +220,6 @@ const getPostByTitle = query(
      }
    }

-    // Get reaction map as serializable array
    const reactionArray: Array<[number, CommentReaction[]]> = [];
    for (const comment of comments) {
      const reactionQuery =
@@ -243,7 +231,6 @@ const getPostByTitle = query(
      reactionArray.push([(comment as any).id, res.rows as CommentReaction[]]);
    }

-    // Filter top-level comments (preserve sort order from SQL)
    const topLevelComments = comments.filter(
      (c: any) => c.parent_comment_id == null
    );
@@ -283,7 +270,6 @@ export default function PostPage() {
    { deferStream: true }
  );

-  // Increment read count when post loads
  createEffect(() => {
    const postData = data();
    if (postData?.post?.id) {
@@ -310,7 +296,6 @@ export default function PostPage() {
        }
      >
        {(loadedData) => {
-          // Handle redirect for by-id route
          if ("redirect" in loadedData()) {
            return <Navigate href={(loadedData() as any).redirect} />;
          }
@@ -323,7 +308,6 @@ export default function PostPage() {
              {(p) => {
                const postData = loadedData();

-                // Convert arrays back to Maps for component
                const userCommentMap = new Map<UserPublicData, number[]>(
                  postData.userCommentArray || []
                );
@@ -345,7 +329,6 @@ export default function PostPage() {
                    />

                    <div class="blog-overide relative -mt-16 overflow-x-hidden">
-                      {/* Fixed banner image background */}
                      <div class="fixed inset-0 top-0 left-0 z-0 aspect-auto max-h-3/4 w-full overflow-hidden brightness-75 md:ml-62.5 md:max-h-[50vh] md:w-[calc(100vw-500px)]">
                        <img
                          src={p().banner_photo || "/blueprint.jpg"}
@@ -368,7 +351,6 @@ export default function PostPage() {
                      </div>

                      <div class="z-10 pt-80 backdrop-blur-[0.01px] sm:pt-96 md:pt-[50vh]">
-                        {/* Content that slides over the fixed image */}
                        <div class="bg-base relative pb-24">
                          <div class="flex w-full flex-col justify-center pt-8 lg:flex-row lg:items-start lg:justify-between">
                            <div class="flex flex-col gap-2 px-4 md:px-8">
@@ -465,24 +447,12 @@ export default function PostPage() {
                              </div>
                            </Show>
                          </div>
-                          {/* Post body */}
+
                          <PostBodyClient
                            body={p().body}
                            hasCodeBlock={hasCodeBlock(p().body)}
                          />

-                          <Show when={postData.privilegeLevel === "admin"}>
-                            <div class="flex justify-center">
-                              <A
-                                class="border-blue bg-blue z-10 h-fit rounded border px-4 py-2 text-base shadow-md transition-all duration-300 ease-in-out hover:brightness-125 active:scale-90"
-                                href={`/blog/edit/${p().id}`}
-                              >
-                                Edit
-                              </A>
-                            </div>
-                          </Show>
-
-                          {/* Comments section */}
                          <div
                            id="comments"
                            class="mx-4 pt-12 pb-12 md:mx-8 lg:mx-12"
--- a/src/routes/blog/index.tsx
+++ b/src/routes/blog/index.tsx
@@ -24,7 +24,6 @@ const getPosts = query(async () => {
    async () => {
      const conn = ConnectionFactory();

-      // Fetch all posts with aggregated data
      let postsQuery = `
      SELECT 
        p.id,
--- a/src/routes/contact.tsx
+++ b/src/routes/contact.tsx
@@ -80,7 +80,6 @@ const sendContactEmail = action(async (formData: FormData) => {
    }
  }

-  // Send email
  const apiKey = env.SENDINBLUE_KEY;
  const apiUrl = "https://api.sendinblue.com/v3/smtp/email";

@@ -117,7 +116,6 @@ const sendContactEmail = action(async (formData: FormData) => {
      }
    );

-    // Set cooldown cookie
    const exp = new Date(Date.now() + COOLDOWN_TIMERS.CONTACT_REQUEST_MS);
    setCookie("contactRequestSent", exp.toUTCString(), {
      expires: exp,
@@ -186,7 +184,6 @@ export default function ContactPage() {
  onMount(() => {
    setJsEnabled(true);

-    // Initialize countdown from server data
    const serverData = contactData();
    if (serverData?.remainingTime) {
      setCountDown(serverData.remainingTime);
@@ -197,7 +194,6 @@ export default function ContactPage() {
      timerIdRef = setInterval(() => calcRemainder(timer), 1000);
    }

-    // Fetch user data if authenticated
    api.user.getProfile
      .query()
      .then((userData) => {
@@ -205,11 +201,8 @@ export default function ContactPage() {
          setUser(userData);
        }
      })
-      .catch(() => {
-        // User not authenticated, no problem
-      });
+      .catch(() => {});

-    // Clear URL params after reading them (for better UX on refresh)
    if (searchParams.success || searchParams.error) {
      const timer = setTimeout(() => {
        const newUrl =
@@ -230,9 +223,7 @@ export default function ContactPage() {
    });
  });

-  // Progressive enhancement: JS-enhanced form submission
  const sendEmailTrigger = async (e: Event) => {
-    // Only intercept if JS is enabled
    if (!jsEnabled()) return;

    e.preventDefault();
--- a/src/routes/error-test.tsx
+++ b/src/routes/error-test.tsx
@@ -3,7 +3,6 @@ import { createSignal, onMount } from "solid-js";
 export default function ErrorTest() {
  const [shouldCrash, setShouldCrash] = createSignal(false);

-  // Crash on mount if flag is set
  if (shouldCrash()) {
    throw new Error("Test error - Error boundary triggered!");
  }
--- a/src/routes/login/index.tsx
+++ b/src/routes/login/index.tsx
@@ -40,7 +40,6 @@ export default function LoginPage() {
  const navigate = useNavigate();
  const [searchParams] = useSearchParams();

-  // Derive state directly from URL parameters (no signals needed)
  const register = () => searchParams.mode === "register";
  const usePassword = () => searchParams.auth === "password";

@@ -62,7 +61,6 @@ export default function LoginPage() {
  let rememberMeRef: HTMLInputElement | undefined;
  let timerInterval: number | undefined;

-  // Environment variables
  const googleClientId = env.VITE_GOOGLE_CLIENT_ID;
  const githubClientId = env.VITE_GITHUB_CLIENT_ID;
  const domain = env.VITE_DOMAIN || "https://www.freno.me";
@@ -124,7 +122,6 @@ export default function LoginPage() {

    try {
      if (register()) {
-        // Registration flow
        if (!emailRef || !passwordRef || !passwordConfRef) {
          setError("Please fill in all fields");
          setLoading(false);
@@ -154,7 +151,6 @@ export default function LoginPage() {
          return;
        }

-        // Call registration endpoint
        const response = await fetch("/api/trpc/auth.emailRegistration", {
          method: "POST",
          headers: { "Content-Type": "application/json" },
@@ -176,15 +172,12 @@ export default function LoginPage() {
            "Registration failed";
          const errorCode = result.error?.data?.code;

-          // Check for rate limiting
          if (
            errorCode === "TOO_MANY_REQUESTS" ||
            errorMsg.includes("Too many attempts")
          ) {
            setError(errorMsg);
-          }
-          // Check for duplicate email
-          else if (
+          } else if (
            errorMsg.includes("duplicate") ||
            errorMsg.includes("already exists")
          ) {
@@ -194,7 +187,6 @@ export default function LoginPage() {
          }
        }
      } else if (usePassword()) {
-        // Password login flow
        if (!emailRef || !passwordRef || !rememberMeRef) {
          setError("Please fill in all fields");
          setLoading(false);
@@ -219,32 +211,25 @@ export default function LoginPage() {
            navigate("/account", { replace: true });
          }, 500);
        } else {
-          // Handle specific error types
          const errorMessage = result.error?.message || "";
          const errorCode = result.error?.data?.code;

-          // Check for rate limiting
          if (
            errorCode === "TOO_MANY_REQUESTS" ||
            errorMessage.includes("Too many attempts")
          ) {
            setError(errorMessage);
-          }
-          // Check for account lockout
-          else if (
+          } else if (
            errorCode === "FORBIDDEN" ||
            errorMessage.includes("Account locked") ||
            errorMessage.includes("Account is locked")
          ) {
            setError(errorMessage);
-          }
-          // Generic login failure
-          else {
+          } else {
            setShowPasswordError(true);
          }
        }
      } else {
-        // Email link login flow
        if (!emailRef || !rememberMeRef) {
          setError("Please enter your email");
          setLoading(false);
@@ -287,7 +272,6 @@ export default function LoginPage() {
            "Failed to send email";
          const errorCode = result.error?.data?.code;

-          // Check for rate limiting or countdown not expired
          if (
            errorCode === "TOO_MANY_REQUESTS" ||
            errorMsg.includes("countdown not expired") ||
@@ -342,9 +326,7 @@ export default function LoginPage() {
        content="Sign in to your account or register for a new account to access personalized features and manage your profile."
      />
      <div class="flex h-dvh flex-row justify-evenly">
-        {/* Main content */}
        <div class="relative pt-12 md:pt-24">
-          {/* Error message */}
          <Show when={error()}>
            <div class="border-maroon bg-red mb-4 w-full max-w-md rounded-lg border px-4 py-3 text-center">
              <Show when={error() === "passwordMismatch"}>
@@ -389,12 +371,10 @@ export default function LoginPage() {
            </div>
          </Show>

-          {/* Title */}
          <div class="py-2 pl-6 text-2xl md:pl-0">
            {register() ? "Register" : "Login"}
          </div>

-          {/* Toggle Register/Login */}
          <Show
            when={!register()}
            fallback={
@@ -420,9 +400,7 @@ export default function LoginPage() {
            </div>
          </Show>

-          {/* Form */}
          <form onSubmit={formHandler} class="flex flex-col px-2 py-4">
-            {/* Email input */}
            <div class="flex justify-center">
              <div class="input-group mx-4">
                <input
@@ -438,7 +416,6 @@ export default function LoginPage() {
              </div>
            </div>

-            {/* Password input - shown for login with password or registration */}
            <Show when={usePassword() || register()}>
              <div class="-mt-4 flex justify-center">
                <div class="input-group mx-4 flex">
@@ -485,14 +462,12 @@ export default function LoginPage() {
              </div>
            </Show>

-            {/* Password strength meter - shown only for registration */}
            <Show when={register()}>
              <div class="mx-auto flex justify-center px-4 py-2">
                <PasswordStrengthMeter password={password()} />
              </div>
            </Show>

-            {/* Password confirmation - shown only for registration */}
            <Show when={register()}>
              <div class="flex justify-center">
                <div class="input-group mx-4">
@@ -550,13 +525,11 @@ export default function LoginPage() {
              </div>
            </Show>

-            {/* Remember Me checkbox */}
            <div class="mx-auto flex pt-4">
              <input type="checkbox" class="my-auto" ref={rememberMeRef} />
              <div class="my-auto px-2 text-sm font-normal">Remember Me</div>
            </div>

-            {/* Error/Success messages */}
            <div
              class={`${
                showPasswordError()
@@ -574,7 +547,6 @@ export default function LoginPage() {
              </Show>
            </div>

-            {/* Submit button or countdown timer */}
            <div class="flex justify-center py-4">
              <Show
                when={!register() && !usePassword() && countDown() > 0}
@@ -607,7 +579,6 @@ export default function LoginPage() {
                </CountdownCircleTimer>
              </Show>

-              {/* Toggle password/email link */}
              <Show when={!register() && !usePassword()}>
                <A
                  href="/login?auth=password"
@@ -627,7 +598,6 @@ export default function LoginPage() {
            </div>
          </form>

-          {/* Password reset link */}
          <Show when={usePassword()}>
            <div class="pb-4 text-center text-sm">
              Trouble Logging In?{" "}
@@ -640,7 +610,6 @@ export default function LoginPage() {
            </div>
          </Show>

-          {/* Email sent confirmation */}
          <div
            class={`${
              emailSent() ? "" : "user-select opacity-0"
@@ -649,10 +618,8 @@ export default function LoginPage() {
            <Show when={emailSent()}>Email Sent!</Show>
          </div>

-          {/* Or divider */}
          <div class="rule-around text-center">Or</div>

-          {/* OAuth buttons */}
          <div class="my-2 flex justify-center">
            <div class="mx-auto mb-4 flex flex-col">
              {/* Google OAuth */}
--- a/src/routes/login/password-reset.tsx
+++ b/src/routes/login/password-reset.tsx
@@ -28,7 +28,6 @@ export default function PasswordResetPage() {
  let newPasswordRef: HTMLInputElement | undefined;
  let newPasswordConfRef: HTMLInputElement | undefined;

-  // Get token from URL
  const token = searchParams.token;

  createEffect(() => {
@@ -50,7 +49,6 @@ export default function PasswordResetPage() {
    const newPassword = newPasswordRef.value;
    const newPasswordConf = newPasswordConfRef.value;

-    // Validate password
    const passwordValidation = validatePassword(newPassword);
    if (!passwordValidation.isValid) {
      setError(passwordValidation.errors[0] || "Invalid password");
@@ -140,7 +138,6 @@ export default function PasswordResetPage() {
    passwordLengthBlurCheck();
  };

-  // Render countdown timer
  const renderTime = (timeRemaining: number) => {
    if (timeRemaining === 0) {
      navigate("/login");
@@ -171,7 +168,6 @@ export default function PasswordResetPage() {
          class="mt-4 flex w-full justify-center"
        >
          <div class="flex w-full max-w-md flex-col justify-center px-4">
-            {/* New Password Input */}
            <div class="flex justify-center">
              <div class="input-group mx-4 flex">
                <input
@@ -218,7 +214,6 @@ export default function PasswordResetPage() {
              </button>
            </div>

-            {/* Password Length Warning */}
            <div
              class={`${
                showPasswordLengthWarning() ? "" : "opacity-0 select-none"
@@ -228,7 +223,6 @@ export default function PasswordResetPage() {
              {VALIDATION_CONFIG.MIN_PASSWORD_LENGTH}
            </div>

-            {/* Password Confirmation Input */}
            <div class="-mt-4 flex justify-center">
              <div class="input-group mx-4 flex">
                <input
@@ -275,7 +269,6 @@ export default function PasswordResetPage() {
              </button>
            </div>

-            {/* Password Mismatch Warning */}
            <div
              class={`${
                !passwordsMatch() &&
@@ -290,7 +283,6 @@ export default function PasswordResetPage() {
              Passwords do not match!
            </div>

-            {/* Countdown Timer or Submit Button */}
            <Show
              when={countDown()}
              fallback={
@@ -323,14 +315,12 @@ export default function PasswordResetPage() {
          </div>
        </form>

-        {/* Error Message */}
        <Show when={error() && !showRequestNewEmail()}>
          <div class="mt-4 flex justify-center">
            <div class="text-red text-sm italic">{error()}</div>
          </div>
        </Show>

-        {/* Token Expired Message */}
        <div
          class={`${
            showRequestNewEmail() ? "" : "opacity-0 select-none"
@@ -345,7 +335,6 @@ export default function PasswordResetPage() {
          </A>
        </div>

-        {/* Back to Login Link */}
        <Show when={!countDown()}>
          <div class="mt-6 flex justify-center">
            <A
--- a/src/routes/login/request-password-reset.tsx
+++ b/src/routes/login/request-password-reset.tsx
@@ -60,7 +60,6 @@ export default function RequestPasswordResetPage() {

    const email = emailRef.value;

-    // Validate email
    if (!isValidEmail(email)) {
      setError("Invalid email address");
      return;
@@ -81,7 +80,6 @@ export default function RequestPasswordResetPage() {
        setShowSuccessMessage(true);
        setError("");

-        // Start countdown timer
        const timer = getClientCookie("passwordResetRequested");
        if (timer) {
          if (timerInterval) {
@@ -95,15 +93,12 @@ export default function RequestPasswordResetPage() {
        const errorMsg = result.error?.message || "Failed to send reset email";
        const errorCode = result.error?.data?.code;

-        // Handle rate limiting
        if (
          errorCode === "TOO_MANY_REQUESTS" ||
          errorMsg.includes("Too many attempts")
        ) {
          setError(errorMsg);
-        }
-        // Handle countdown not expired
-        else if (errorMsg.includes("countdown not expired")) {
+        } else if (errorMsg.includes("countdown not expired")) {
          setError("Please wait before requesting another reset email");
        } else {
          setError(errorMsg);
@@ -141,7 +136,6 @@ export default function RequestPasswordResetPage() {
        class="mt-4 flex w-full justify-center"
      >
        <div class="flex flex-col justify-center">
-          {/* Email Input */}
          <div class="input-group mx-4">
            <input
              ref={emailRef}
@@ -157,7 +151,6 @@ export default function RequestPasswordResetPage() {
            <label class="underlinedInputLabel">Enter Email</label>
          </div>

-          {/* Countdown Timer or Submit Button */}
          <Show
            when={countDown() > 0}
            fallback={
@@ -191,7 +184,6 @@ export default function RequestPasswordResetPage() {
        </div>
      </form>

-      {/* Success Message */}
      <div
        class={`${
          showSuccessMessage() ? "" : "opacity-0 select-none"
@@ -200,7 +192,6 @@ export default function RequestPasswordResetPage() {
        If email exists, you will receive an email shortly!
      </div>

-      {/* Error Message */}
      <Show when={error()}>
        <div class="mt-4 flex justify-center">
          <div
@@ -230,7 +221,6 @@ export default function RequestPasswordResetPage() {
        </div>
      </Show>

-      {/* Back to Login Link */}
      <div class="mt-6 flex justify-center">
        <A
          href="/login"
--- a/src/routes/resume.tsx
+++ b/src/routes/resume.tsx
@@ -4,7 +4,6 @@ import { onCleanup, onMount } from "solid-js";
 export default function Resume() {
  let iframeRef: HTMLIFrameElement | undefined;

-  // this error kept happening in production, so I added this to prevent it, idk what was happening
  onMount(() => {
    const handleError = (e: ErrorEvent) => {
      if (e.filename?.includes("resume.pdf") || e.message === "Script error.") {
--- a/src/routes/test-utils.tsx
+++ b/src/routes/test-utils.tsx
@@ -8,10 +8,6 @@ import {
  passwordsMatch
 } from "~/lib/validation";

-/**
- * Test page to validate Task 01 components and utilities
- * Navigate to /test-utils to view
- */
 export default function TestUtilsPage() {
  const [email, setEmail] = createSignal("");
  const [password, setPassword] = createSignal("");
@@ -40,7 +36,6 @@ export default function TestUtilsPage() {
    e.preventDefault();
    setLoading(true);

-    // Simulate API call
    await new Promise((resolve) => setTimeout(resolve, 2000));

    alert(`Form submitted!\nEmail: ${email()}\nPassword: ${password()}`);
--- a/src/routes/test.tsx
+++ b/src/routes/test.tsx
@@ -31,9 +31,6 @@ type RouterSection = {
 };

 const routerSections: RouterSection[] = [
-  // ============================================================
-  // Example Router
-  // ============================================================
  {
    name: "Example Router",
    description:
@@ -66,9 +63,6 @@ const routerSections: RouterSection[] = [
    ]
  },

-  // ============================================================
-  // Auth Router
-  // ============================================================
  {
    name: "Auth Router",
    description: "OAuth callbacks and email-based authentication",
@@ -190,9 +184,6 @@ const routerSections: RouterSection[] = [
    ]
  },

-  // ============================================================
-  // Database Router
-  // ============================================================
  {
    name: "Database - Comment Reactions",
    description: "Add/remove reactions to comments",
@@ -385,9 +376,6 @@ const routerSections: RouterSection[] = [
    ]
  },

-  // ============================================================
-  // User Router
-  // ============================================================
  {
    name: "User Router",
    description: "User profile management and account operations",
@@ -464,9 +452,6 @@ const routerSections: RouterSection[] = [
    ]
  },

-  // ============================================================
-  // Misc Router
-  // ============================================================
  {
    name: "Misc - Downloads",
    description: "Generate signed URLs for downloadable assets",
@@ -546,9 +531,6 @@ const routerSections: RouterSection[] = [
    ]
  },

-  // ============================================================
-  // Lineage Router
-  // ============================================================
  {
    name: "Lineage - JSON Service",
    description: "Static game data - no authentication required",
@@ -896,7 +878,6 @@ export default function TestPage() {
        }
      }

-      // Navigate the router path (handles nested routers like "lineage.auth")
      const routerParts = endpoint.router.split(".");
      let currentRouter: any = api;

@@ -914,7 +895,6 @@ export default function TestPage() {
        );
      }

-      // Call the tRPC procedure with proper method
      const data =
        endpoint.method === "query"
          ? await procedure.query(input)
@@ -997,7 +977,6 @@ export default function TestPage() {
                        </div>
                      </button>

-                      {/* Section Content */}
                      <Show when={isExpanded()}>
                        <div class="border-base space-y-4 border-t p-6">
                          <For each={section.endpoints}>
@@ -1009,7 +988,6 @@ export default function TestPage() {
                                if (inputEdits()[key]) {
                                  return inputEdits()[key];
                                }
-                                // Handle primitive values (string, number, boolean)
                                if (typeof endpoint.sampleInput === "string") {
                                  return `"${endpoint.sampleInput}"`;
                                }
@@ -1019,7 +997,6 @@ export default function TestPage() {
                                ) {
                                  return String(endpoint.sampleInput);
                                }
-                                // Handle objects and arrays
                                return JSON.stringify(
                                  endpoint.sampleInput,
                                  null,
@@ -1029,7 +1006,6 @@ export default function TestPage() {

                              return (
                                <div class="bg-surface2 border-surface1 rounded-lg border p-4">
-                                  {/* Endpoint Header */}
                                  <div class="mb-3 flex items-start justify-between">
                                    <div class="flex-1">
                                      <div class="flex items-center gap-2">
@@ -1070,7 +1046,6 @@ export default function TestPage() {
                                    </button>
                                  </div>

-                                  {/* Input Editor */}
                                  <Show when={hasInput}>
                                    <div class="mb-3">
                                      <label class="text-text mb-1 block text-xs font-semibold">
@@ -1090,7 +1065,6 @@ export default function TestPage() {
                                    </div>
                                  </Show>

-                                  {/* Error Display */}
                                  <Show when={errors()[key]}>
                                    <div class="mb-3 rounded border border-red-200 bg-red-50 p-3">
                                      <p class="text-sm font-semibold text-red-800">
@@ -1102,7 +1076,6 @@ export default function TestPage() {
                                    </div>
                                  </Show>

-                                  {/* Results Display */}
                                  <Show when={results()[key]}>
                                    <div class="rounded bg-gray-900 p-3">
                                      <p class="mb-2 text-xs font-semibold text-green-400">
@@ -1129,7 +1102,6 @@ export default function TestPage() {
              </For>
            </div>

-            {/* Footer Instructions */}
            <div class="bg-overlay2 mt-6 rounded-lg p-6 shadow-lg">
              <h2 class="text-crust mb-4 text-2xl font-bold">Testing Guide</h2>

--- a/src/server/api/routers/blog.ts
+++ b/src/server/api/routers/blog.ts
@@ -7,7 +7,6 @@ import { CACHE_CONFIG } from "~/config";

 const BLOG_CACHE_TTL = CACHE_CONFIG.BLOG_CACHE_TTL_MS;

-// Shared cache function for all blog posts
 const getAllPostsData = async (privilegeLevel: string) => {
  return withCacheAndStale(
    `blog-posts-${privilegeLevel}`,
@@ -15,7 +14,6 @@ const getAllPostsData = async (privilegeLevel: string) => {
    async () => {
      const conn = ConnectionFactory();

-      // Fetch all posts with aggregated data
      let postsQuery = `
        SELECT 
          p.id,
@@ -73,10 +71,8 @@ const getAllPostsData = async (privilegeLevel: string) => {

 export const blogRouter = createTRPCRouter({
  getRecentPosts: publicProcedure.query(async ({ ctx }) => {
-    // Always use public privilege level for recent posts (only show published)
    const allPostsData = await getAllPostsData("public");

-    // Return only the 3 most recent posts (already sorted DESC by date)
    return allPostsData.posts.slice(0, 3);
  }),

--- a/src/server/api/routers/database.ts
+++ b/src/server/api/routers/database.ts
@@ -442,7 +442,6 @@ export const databaseRouter = createTRPCRouter({
      try {
        const conn = ConnectionFactory();

-        // Check if post is being published for the first time
        let shouldSetPublishDate = false;
        if (input.published !== undefined && input.published !== null) {
          const currentPostQuery = await conn.execute({
@@ -451,7 +450,6 @@ export const databaseRouter = createTRPCRouter({
          });
          const currentPost = currentPostQuery.rows[0] as any;

-          // Set publish date if transitioning from unpublished to published and date is null
          if (
            currentPost &&
            !currentPost.published &&
@@ -500,14 +498,12 @@ export const databaseRouter = createTRPCRouter({
          first = false;
        }

-        // Set date if publishing for the first time
        if (shouldSetPublishDate) {
          query += first ? "date = ?" : ", date = ?";
          params.push(new Date().toISOString());
          first = false;
        }

-        // Always update last_edited_date
        query += first ? "last_edited_date = ?" : ", last_edited_date = ?";
        params.push(new Date().toISOString());
        first = false;
@@ -581,10 +577,6 @@ export const databaseRouter = createTRPCRouter({
    }
  }),

-  // ============================================================
-  // Post Likes Routes
-  // ============================================================
-
  addPostLike: publicProcedure
    .input(togglePostLikeMutationSchema)
    .mutation(async ({ input }) => {
@@ -640,10 +632,6 @@ export const databaseRouter = createTRPCRouter({
      }
    }),

-  // ============================================================
-  // User Routes
-  // ============================================================
-
  getUserById: publicProcedure
    .input(getUserByIdSchema)
    .query(async ({ input }) => {
--- a/src/server/api/routers/git-activity.ts
+++ b/src/server/api/routers/git-activity.ts
@@ -226,7 +226,6 @@ export const gitActivityRouter = createTRPCRouter({
      });
    }),

-  // Get GitHub contribution activity (for heatmap)
  getGitHubActivity: publicProcedure.query(async () => {
    return withCacheAndStale(
      "github-activity",
@@ -306,7 +305,6 @@ export const gitActivityRouter = createTRPCRouter({
    });
  }),

-  // Get Gitea contribution activity (for heatmap)
  getGiteaActivity: publicProcedure.query(async () => {
    return withCacheAndStale(
      "gitea-activity",
--- a/src/server/api/routers/infill.ts
+++ b/src/server/api/routers/infill.ts
@@ -3,13 +3,10 @@ import { env } from "~/env/server";

 export const infillRouter = createTRPCRouter({
  getConfig: publicProcedure.query(({ ctx }) => {
-    // Only admins get the config
    if (ctx.privilegeLevel !== "admin") {
      return { endpoint: null, token: null };
    }

-    // Return endpoint and token (or null if not configured)
-    // Now supports both desktop and mobile (fullscreen mode)
    return {
      endpoint: env.VITE_INFILL_ENDPOINT || null,
      token: env.INFILL_BEARER_TOKEN || null
--- a/src/server/api/routers/lineage.ts
+++ b/src/server/api/routers/lineage.ts
@@ -7,21 +7,15 @@ import { lineagePvpRouter } from "./lineage/pvp";
 import { lineageMaintenanceRouter } from "./lineage/maintenance";

 export const lineageRouter = createTRPCRouter({
-  // Authentication
  auth: lineageAuthRouter,

-  // Database Management
  database: lineageDatabaseRouter,

-  // PvP
  pvp: lineagePvpRouter,

-  // JSON Service
  jsonService: lineageJsonServiceRouter,

-  // Misc (Analytics, Tokens, etc.)
  misc: lineageMiscRouter,

-  // Maintenance (Protected)
-  maintenance: lineageMaintenanceRouter,
+  maintenance: lineageMaintenanceRouter
 });
--- a/src/server/api/routers/lineage/database.ts
+++ b/src/server/api/routers/lineage/database.ts
@@ -427,7 +427,6 @@ export const lineageDatabaseRouter = createTRPCRouter({
                `Failed to delete database ${db_name} in cron job:`,
                error
              );
-              // Continue with other deletions even if one fails
            }
          }
        } else {
@@ -455,7 +454,6 @@ export const lineageDatabaseRouter = createTRPCRouter({
              `Failed to delete database ${db_name} in cron job:`,
              error
            );
-            // Continue with other deletions even if one fails
          }
        }
      }
--- a/src/server/api/routers/lineage/json-service.ts
+++ b/src/server/api/routers/lineage/json-service.ts
@@ -1,6 +1,5 @@
 import { createTRPCRouter, publicProcedure } from "../../utils";

-// Attack data imports
 import playerAttacks from "~/lineage-json/attack-route/playerAttacks.json";
 import mageBooks from "~/lineage-json/attack-route/mageBooks.json";
 import mageSpells from "~/lineage-json/attack-route/mageSpells.json";
@@ -12,21 +11,17 @@ import paladinBooks from "~/lineage-json/attack-route/paladinBooks.json";
 import paladinSpells from "~/lineage-json/attack-route/paladinSpells.json";
 import summons from "~/lineage-json/attack-route/summons.json";

-// Conditions data imports
 import conditions from "~/lineage-json/conditions-route/conditions.json";
 import debilitations from "~/lineage-json/conditions-route/debilitations.json";
 import sanityDebuffs from "~/lineage-json/conditions-route/sanityDebuffs.json";

-// Dungeon data imports
 import dungeons from "~/lineage-json/dungeon-route/dungeons.json";
 import specialEncounters from "~/lineage-json/dungeon-route/specialEncounters.json";

-// Enemy data imports
 import bosses from "~/lineage-json/enemy-route/bosses.json";
 import enemies from "~/lineage-json/enemy-route/enemy.json";
 import enemyAttacks from "~/lineage-json/enemy-route/enemyAttacks.json";

-// Item data imports
 import arrows from "~/lineage-json/item-route/arrows.json";
 import bows from "~/lineage-json/item-route/bows.json";
 import foci from "~/lineage-json/item-route/foci.json";
@@ -69,7 +64,7 @@ export const lineageJsonServiceRouter = createTRPCRouter({
      rangerSpells,
      paladinBooks,
      paladinSpells,
-      summons,
+      summons
    };
  }),

@@ -78,7 +73,7 @@ export const lineageJsonServiceRouter = createTRPCRouter({
      ok: true,
      conditions,
      debilitations,
-      sanityDebuffs,
+      sanityDebuffs
    };
  }),

@@ -86,7 +81,7 @@ export const lineageJsonServiceRouter = createTRPCRouter({
    return {
      ok: true,
      dungeons,
-      specialEncounters,
+      specialEncounters
    };
  }),

@@ -95,7 +90,7 @@ export const lineageJsonServiceRouter = createTRPCRouter({
      ok: true,
      bosses,
      enemies,
-      enemyAttacks,
+      enemyAttacks
    };
  }),

@@ -120,7 +115,7 @@ export const lineageJsonServiceRouter = createTRPCRouter({
      prefix,
      potions,
      poison,
-      staves,
+      staves
    };
  }),

@@ -134,7 +129,7 @@ export const lineageJsonServiceRouter = createTRPCRouter({
      otherOptions,
      healthOptions,
      sanityOptions,
-      pvpRewards,
+      pvpRewards
    };
-  }),
+  })
 });
--- a/src/server/api/routers/misc.ts
+++ b/src/server/api/routers/misc.ts
@@ -28,10 +28,6 @@ const assets: Record<string, string> = {
 };

 export const miscRouter = createTRPCRouter({
-  // ============================================================
-  // Downloads endpoint
-  // ============================================================
-
  getDownloadUrl: publicProcedure
    .input(z.object({ asset_name: z.string() }))
    .query(async ({ input }) => {
@@ -73,10 +69,6 @@ export const miscRouter = createTRPCRouter({
      }
    }),

-  // ============================================================
-  // S3 Operations
-  // ============================================================
-
  getPreSignedURL: publicProcedure
    .input(
      z.object({
@@ -99,10 +91,10 @@ export const miscRouter = createTRPCRouter({

        const sanitizeForS3 = (str: string) => {
          return str
-            .replace(/\s+/g, "-") // Replace spaces with hyphens
-            .replace(/[^\w\-\.]/g, "") // Remove special characters except hyphens, dots, and word chars
-            .replace(/\-+/g, "-") // Replace multiple hyphens with single hyphen
-            .replace(/^-+|-+$/g, ""); // Remove leading/trailing hyphens
+            .replace(/\s+/g, "-")
+            .replace(/[^\w\-\.]/g, "")
+            .replace(/\-+/g, "-")
+            .replace(/^-+|-+$/g, "");
        };

        const sanitizedTitle = sanitizeForS3(input.title);
@@ -210,10 +202,6 @@ export const miscRouter = createTRPCRouter({
      }
    }),

-  // ============================================================
-  // Password Hashing
-  // ============================================================
-
  hashPassword: publicProcedure
    .input(z.object({ password: z.string().min(8) }))
    .mutation(async ({ input }) => {
@@ -249,10 +237,6 @@ export const miscRouter = createTRPCRouter({
      }
    }),

-  // ============================================================
-  // Contact Form
-  // ============================================================
-
  sendContactRequest: publicProcedure
    .input(
      z.object({
@@ -324,7 +308,6 @@ export const miscRouter = createTRPCRouter({

        return { message: "email sent" };
      } catch (error) {
-        // Provide specific error messages for different failure types
        if (error instanceof TimeoutError) {
          console.error("Contact form email timeout:", error.message);
          throw new TRPCError({
@@ -359,10 +342,6 @@ export const miscRouter = createTRPCRouter({
      }
    }),

-  // ============================================================
-  // Account Deletion Request
-  // ============================================================
-
  sendDeletionRequestEmail: publicProcedure
    .input(z.object({ email: z.string().email() }))
    .mutation(async ({ input }) => {
@@ -384,7 +363,6 @@ export const miscRouter = createTRPCRouter({
      const apiKey = env.SENDINBLUE_KEY;
      const apiUrl = "https://api.sendinblue.com/v3/smtp/email";

-      // Email to admin
      const sendinblueMyData = {
        sender: {
          name: "freno.me",
@@ -395,7 +373,6 @@ export const miscRouter = createTRPCRouter({
        subject: "Life and Lineage Acct Deletion"
      };

-      // Email to user
      const sendinblueUserData = {
        sender: {
          name: "freno.me",
@@ -407,7 +384,6 @@ export const miscRouter = createTRPCRouter({
      };

      try {
-        // Send both emails with retry logic
        await Promise.all([
          fetchWithRetry(
            async () => {
@@ -459,7 +435,6 @@ export const miscRouter = createTRPCRouter({

        return { message: "request sent" };
      } catch (error) {
-        // Provide specific error messages
        if (error instanceof TimeoutError) {
          console.error("Deletion request email timeout:", error.message);
          throw new TRPCError({
--- a/src/server/api/routers/post-history.ts
+++ b/src/server/api/routers/post-history.ts
@@ -5,7 +5,6 @@ import { getUserID } from "~/server/auth";
 import { TRPCError } from "@trpc/server";
 import diff from "fast-diff";

-// Helper to create diff patch between two HTML strings
 export function createDiffPatch(
  oldContent: string,
  newContent: string
@@ -14,7 +13,6 @@ export function createDiffPatch(
  return JSON.stringify(changes);
 }

-// Helper to apply diff patch to content
 export function applyDiffPatch(baseContent: string, patchJson: string): string {
  const changes = JSON.parse(patchJson);
  let result = "";
@@ -34,12 +32,10 @@ export function applyDiffPatch(baseContent: string, patchJson: string): string {
  return result;
 }

-// Helper to reconstruct content from history chain
 async function reconstructContent(
  conn: ReturnType<typeof ConnectionFactory>,
  historyId: number
 ): Promise<string> {
-  // Get the full chain from root to this history entry
  const chain: Array<{
    id: number;
    parent_id: number | null;
@@ -70,7 +66,6 @@ async function reconstructContent(
    currentId = row.parent_id;
  }

-  // Apply patches in order
  let content = "";
  for (const entry of chain) {
    content = applyDiffPatch(content, entry.content);
@@ -80,7 +75,6 @@ async function reconstructContent(
 }

 export const postHistoryRouter = createTRPCRouter({
-  // Save a new history entry
  save: publicProcedure
    .input(
      z.object({
@@ -124,10 +118,8 @@ export const postHistoryRouter = createTRPCRouter({
        });
      }

-      // Create diff patch
      const diffPatch = createDiffPatch(input.previousContent, input.content);

-      // Insert history entry
      const result = await conn.execute({
        sql: `
          INSERT INTO PostHistory (post_id, parent_id, content, is_saved)
@@ -141,7 +133,6 @@ export const postHistoryRouter = createTRPCRouter({
        ]
      });

-      // Prune old history entries if we exceed 100
      const countResult = await conn.execute({
        sql: "SELECT COUNT(*) as count FROM PostHistory WHERE post_id = ?",
        args: [input.postId]
@@ -149,7 +140,6 @@ export const postHistoryRouter = createTRPCRouter({

      const count = (countResult.rows[0] as { count: number }).count;
      if (count > 100) {
-        // Get the oldest entries to delete (keep most recent 100)
        const toDelete = await conn.execute({
          sql: `
            SELECT id FROM PostHistory 
@@ -160,7 +150,6 @@ export const postHistoryRouter = createTRPCRouter({
          args: [input.postId, count - 100]
        });

-        // Delete old entries
        for (const row of toDelete.rows) {
          const entry = row as { id: number };
          await conn.execute({
@@ -176,7 +165,6 @@ export const postHistoryRouter = createTRPCRouter({
      };
    }),

-  // Get history for a post with reconstructed content
  getHistory: publicProcedure
    .input(z.object({ postId: z.number() }))
    .query(async ({ input, ctx }) => {
@@ -191,7 +179,6 @@ export const postHistoryRouter = createTRPCRouter({

      const conn = ConnectionFactory();

-      // Verify post exists and user is author
      const postCheck = await conn.execute({
        sql: "SELECT author_id FROM Post WHERE id = ?",
        args: [input.postId]
@@ -212,7 +199,6 @@ export const postHistoryRouter = createTRPCRouter({
        });
      }

-      // Get all history entries for this post
      const result = await conn.execute({
        sql: `
          SELECT id, parent_id, content, created_at, is_saved
@@ -231,7 +217,6 @@ export const postHistoryRouter = createTRPCRouter({
        is_saved: number;
      }>;

-      // Reconstruct content for each entry by applying diffs sequentially
      const historyWithContent: Array<{
        id: number;
        parent_id: number | null;
@@ -255,7 +240,6 @@ export const postHistoryRouter = createTRPCRouter({
      return historyWithContent;
    }),

-  // Restore content from a history entry
  restore: publicProcedure
    .input(z.object({ historyId: z.number() }))
    .query(async ({ input, ctx }) => {
@@ -270,7 +254,6 @@ export const postHistoryRouter = createTRPCRouter({

      const conn = ConnectionFactory();

-      // Get history entry and verify ownership
      const historyResult = await conn.execute({
        sql: `
          SELECT ph.post_id
@@ -288,12 +271,9 @@ export const postHistoryRouter = createTRPCRouter({
        });
      }

-      const historyEntry = historyResult.rows[0] as { post_id: number };
-
-      // Verify user is post author
      const postCheck = await conn.execute({
        sql: "SELECT author_id FROM Post WHERE id = ?",
-        args: [historyEntry.post_id]
+        args: [historyResult.post_id]
      });

      const post = postCheck.rows[0] as { author_id: string };
@@ -304,7 +284,6 @@ export const postHistoryRouter = createTRPCRouter({
        });
      }

-      // Reconstruct content from history chain
      const content = await reconstructContent(conn, input.historyId);

      return { content };
--- a/src/server/api/routers/user.ts
+++ b/src/server/api/routers/user.ts
@@ -152,7 +152,6 @@ export const userRouter = createTRPCRouter({

      const { oldPassword, newPassword, newPasswordConfirmation } = input;

-      // Schema already validates password match, but double check
      if (newPassword !== newPasswordConfirmation) {
        throw new TRPCError({
          code: "BAD_REQUEST",
@@ -226,7 +225,6 @@ export const userRouter = createTRPCRouter({

      const { newPassword, newPasswordConfirmation } = input;

-      // Schema already validates password match, but double check
      if (newPassword !== newPasswordConfirmation) {
        throw new TRPCError({
          code: "BAD_REQUEST",
--- a/src/server/api/utils.ts
+++ b/src/server/api/utils.ts
@@ -26,7 +26,6 @@ async function createContextInner(event: APIEvent): Promise<Context> {
        privilegeLevel = payload.id === env.ADMIN_ID ? "admin" : "user";
      }
    } catch (err) {
-      // Silently clear invalid token (401s are expected for non-authenticated users)
      setCookie(event.nativeEvent, "userIDToken", "", {
        maxAge: 0,
        expires: new Date("2016-10-05")
@@ -57,7 +56,7 @@ const enforceUserIsAuthed = t.middleware(({ ctx, next }) => {
  return next({
    ctx: {
      ...ctx,
-      userId: ctx.userId // userId is non-null here
+      userId: ctx.userId
    }
  });
 });
@@ -72,11 +71,10 @@ const enforceUserIsAdmin = t.middleware(({ ctx, next }) => {
  return next({
    ctx: {
      ...ctx,
-      userId: ctx.userId! // userId is non-null for admins
+      userId: ctx.userId!
    }
  });
 });

-// Protected procedures
 export const protectedProcedure = t.procedure.use(enforceUserIsAuthed);
 export const adminProcedure = t.procedure.use(enforceUserIsAdmin);
--- a/src/server/audit.ts
+++ b/src/server/audit.ts
@@ -10,32 +10,25 @@ import { v4 as uuid } from "uuid";
 * Audit event types for security tracking
 */
 export type AuditEventType =
-  // Authentication events
  | "auth.login.success"
  | "auth.login.failed"
  | "auth.logout"
  | "auth.register.success"
  | "auth.register.failed"
-  // Password events
  | "auth.password.change"
  | "auth.password.reset.request"
  | "auth.password.reset.complete"
-  // Email verification
  | "auth.email.verify.request"
  | "auth.email.verify.complete"
-  // OAuth events
  | "auth.oauth.github.success"
  | "auth.oauth.github.failed"
  | "auth.oauth.google.success"
  | "auth.oauth.google.failed"
-  // Session management
  | "auth.session.revoke"
  | "auth.session.revokeAll"
-  // Security events
  | "security.rate_limit.exceeded"
  | "security.csrf.failed"
  | "security.suspicious.activity"
-  // Admin actions
  | "admin.action";

 /**
@@ -74,7 +67,6 @@ export async function logAuditEvent(entry: AuditLogEntry): Promise<void> {
      ]
    });
  } catch (error) {
-    // Never throw - logging failures shouldn't break auth flows
    console.error("Failed to write audit log:", error, entry);
  }
 }
@@ -186,7 +178,6 @@ export async function getFailedLoginAttempts(
 ): Promise<number | Array<Record<string, any>>> {
  const conn = ConnectionFactory();

-  // Aggregate query: getFailedLoginAttempts(24, 100) - get all failed logins in last 24 hours
  if (
    typeof identifierOrHours === "number" &&
    typeof identifierTypeOrLimit === "number"
@@ -216,7 +207,6 @@ export async function getFailedLoginAttempts(
    }));
  }

-  // Specific identifier query: getFailedLoginAttempts("user-123", "user_id", 15)
  const identifier = identifierOrHours as string;
  const identifierType = identifierTypeOrLimit as "user_id" | "ip_address";
  const column = identifierType === "user_id" ? "user_id" : "ip_address";
@@ -258,7 +248,6 @@ export async function getUserSecuritySummary(
 }> {
  const conn = ConnectionFactory();

-  // Get total events for user in time period
  const totalEventsResult = await conn.execute({
    sql: `SELECT COUNT(*) as count FROM AuditLog 
          WHERE user_id = ? 
@@ -267,7 +256,6 @@ export async function getUserSecuritySummary(
  });
  const totalEvents = (totalEventsResult.rows[0]?.count as number) || 0;

-  // Get successful events
  const successfulEventsResult = await conn.execute({
    sql: `SELECT COUNT(*) as count FROM AuditLog 
          WHERE user_id = ? 
@@ -278,7 +266,6 @@ export async function getUserSecuritySummary(
  const successfulEvents =
    (successfulEventsResult.rows[0]?.count as number) || 0;

-  // Get failed events
  const failedEventsResult = await conn.execute({
    sql: `SELECT COUNT(*) as count FROM AuditLog 
          WHERE user_id = ? 
@@ -288,7 +275,6 @@ export async function getUserSecuritySummary(
  });
  const failedEvents = (failedEventsResult.rows[0]?.count as number) || 0;

-  // Get unique event types
  const eventTypesResult = await conn.execute({
    sql: `SELECT DISTINCT event_type FROM AuditLog 
          WHERE user_id = ? 
@@ -299,7 +285,6 @@ export async function getUserSecuritySummary(
    (row) => row.event_type as string
  );

-  // Get unique IPs
  const uniqueIPsResult = await conn.execute({
    sql: `SELECT DISTINCT ip_address FROM AuditLog 
          WHERE user_id = ? 
@@ -309,7 +294,6 @@ export async function getUserSecuritySummary(
  });
  const uniqueIPs = uniqueIPsResult.rows.map((row) => row.ip_address as string);

-  // Get total successful logins
  const loginResult = await conn.execute({
    sql: `SELECT COUNT(*) as count FROM AuditLog 
          WHERE user_id = ? 
@@ -319,7 +303,6 @@ export async function getUserSecuritySummary(
  });
  const totalLogins = (loginResult.rows[0]?.count as number) || 0;

-  // Get failed login attempts
  const failedResult = await conn.execute({
    sql: `SELECT COUNT(*) as count FROM AuditLog 
          WHERE user_id = ? 
@@ -330,7 +313,6 @@ export async function getUserSecuritySummary(
  });
  const failedLogins = (failedResult.rows[0]?.count as number) || 0;

-  // Get last login info
  const lastLoginResult = await conn.execute({
    sql: `SELECT created_at, ip_address FROM AuditLog 
          WHERE user_id = ? 
@@ -342,7 +324,6 @@ export async function getUserSecuritySummary(
  });
  const lastLogin = lastLoginResult.rows[0];

-  // Get unique IP count
  const ipResult = await conn.execute({
    sql: `SELECT COUNT(DISTINCT ip_address) as count FROM AuditLog 
          WHERE user_id = ? 
@@ -353,7 +334,6 @@ export async function getUserSecuritySummary(
  });
  const uniqueIpCount = (ipResult.rows[0]?.count as number) || 0;

-  // Get recent sessions (last 24 hours)
  const sessionResult = await conn.execute({
    sql: `SELECT COUNT(*) as count FROM AuditLog 
          WHERE user_id = ? 
--- a/src/server/feature-flags.ts
+++ b/src/server/feature-flags.ts
@@ -4,7 +4,6 @@ export interface FeatureFlags {

 export function getFeatureFlags(): FeatureFlags {
  return {
-    // TODO: Add feature flags here
    "beta-features": process.env.ENABLE_BETA_FEATURES === "true",
    "new-editor": false,
    "premium-content": true,
--- a/src/server/init-audit-table.ts
+++ b/src/server/init-audit-table.ts
@@ -1,10 +1,3 @@
-/**
- * Database Initialization for Audit Logging
- * Run this script to create the AuditLog table in your database
- *
- * Usage: bun run src/server/init-audit-table.ts
- */
-
 import { ConnectionFactory } from "./database";

 async function initAuditTable() {
@@ -13,7 +6,6 @@ async function initAuditTable() {
  try {
    const conn = ConnectionFactory();

-    // Create AuditLog table
    await conn.execute({
      sql: `CREATE TABLE IF NOT EXISTS AuditLog (
        id TEXT PRIMARY KEY,
@@ -30,7 +22,6 @@ async function initAuditTable() {

    console.log("✅ AuditLog table created (or already exists)");

-    // Create indexes for performance
    console.log("🔧 Creating indexes...");

    await conn.execute({
@@ -51,7 +42,6 @@ async function initAuditTable() {

    console.log("✅ Indexes created");

-    // Verify table exists
    const result = await conn.execute({
      sql: `SELECT name FROM sqlite_master WHERE type='table' AND name='AuditLog'`
    });
@@ -59,7 +49,6 @@ async function initAuditTable() {
    if (result.rows.length > 0) {
      console.log("✅ AuditLog table verified - ready for use!");

-      // Check row count
      const countResult = await conn.execute({
        sql: `SELECT COUNT(*) as count FROM AuditLog`
      });
@@ -82,7 +71,6 @@ async function initAuditTable() {
  }
 }

-// Run if executed directly
 if (import.meta.main) {
  initAuditTable()
    .then(() => process.exit(0))
--- a/src/server/password.ts
+++ b/src/server/password.ts
@@ -1,10 +1,5 @@
 import * as bcrypt from "bcrypt";

-/**
- * Dummy hash for timing attack prevention
- * This is a pre-computed bcrypt hash that will be used when a user doesn't exist
- * to maintain constant-time behavior
- */
 const DUMMY_HASH =
  "$2b$10$YxVvS6L6HhS1pVBP6nZK0.9r0xwN8xvvzX7GwL5xvKJ6xvS6L6HhS1";

@@ -25,16 +20,13 @@ export async function checkPassword(

 /**
 * Check password with timing attack protection
- * Always runs bcrypt comparison even if user doesn't exist
 */
 export async function checkPasswordSafe(
  password: string,
  hash: string | null | undefined
 ): Promise<boolean> {
-  // If no hash provided, use dummy hash to maintain constant timing
  const hashToCompare = hash || DUMMY_HASH;
  const match = await bcrypt.compare(password, hashToCompare);

-  // Return false if no real hash was provided
  return hash ? match : false;
 }
--- a/src/server/security.ts
+++ b/src/server/security.ts
@@ -17,14 +17,10 @@ import {
 */
 function getCookieValue(event: H3Event, name: string): string | undefined {
  try {
-    // Try vinxi's getCookie first
    const value = getCookie(event, name);
    if (value) return value;
-  } catch (e) {
-    // vinxi's getCookie failed, will use fallback
-  }
+  } catch (e) {}

-  // Fallback for tests: parse cookie header manually
  try {
    const cookieHeader =
      event.headers?.get?.("cookie") ||
@@ -60,7 +56,6 @@ function setCookieValue(
  try {
    setCookie(event, name, value, options);
  } catch (e) {
-    // In tests, setCookie might fail - store in mock object
    if (!event.node) event.node = { req: { headers: {} } } as any;
    if (!event.node.res) event.node.res = {} as any;
    if (!event.node.res.cookies) event.node.res.cookies = {} as any;
@@ -73,18 +68,15 @@ function setCookieValue(
 */
 function getHeaderValue(event: H3Event, name: string): string | null {
  try {
-    // Try various header access patterns
    if (event.request?.headers?.get) {
      const val = event.request.headers.get(name);
      if (val !== null && val !== undefined) return val;
    }
    if (event.headers) {
-      // Check if it's a Headers object with .get method
      if (typeof (event.headers as any).get === "function") {
        const val = (event.headers as any).get(name);
        if (val !== null && val !== undefined) return val;
      }
-      // Or a plain object
      if (typeof event.headers === "object") {
        const val = (event.headers as any)[name];
        if (val !== undefined) return val;
@@ -115,7 +107,7 @@ export function setCSRFToken(event: H3Event): string {
  setCookieValue(event, "csrf-token", token, {
    maxAge: AUTH_CONFIG.CSRF_TOKEN_MAX_AGE,
    path: "/",
-    httpOnly: false, // Must be readable by client JS
+    httpOnly: false,
    secure: env.NODE_ENV === "production",
    sameSite: "lax"
  });
@@ -133,7 +125,6 @@ export function validateCSRFToken(event: H3Event): boolean {
    return false;
  }

-  // Constant-time comparison to prevent timing attacks
  return timingSafeEqual(headerToken, cookieToken);
 }

@@ -160,7 +151,6 @@ export const csrfProtection = t.middleware(async ({ ctx, next }) => {
  const isValid = validateCSRFToken(ctx.event.nativeEvent);

  if (!isValid) {
-    // Log CSRF failure
    const { ipAddress, userAgent } = getAuditContext(ctx.event.nativeEvent);
    await logAuditEvent({
      eventType: "security.csrf.failed",
@@ -191,8 +181,6 @@ export const csrfProtection = t.middleware(async ({ ctx, next }) => {
 */
 export const csrfProtectedProcedure = t.procedure.use(csrfProtection);

-// ========== Rate Limiting ==========
-
 interface RateLimitRecord {
  count: number;
  resetAt: number;
@@ -213,7 +201,6 @@ export async function clearRateLimitStore(): Promise<void> {

 /**
 * Cleanup expired rate limit entries every 5 minutes
- * Runs in background to prevent database bloat
 */
 setInterval(async () => {
  try {
@@ -255,7 +242,6 @@ export function getUserAgent(event: H3Event): string {

 /**
 * Extract audit context from H3Event
- * Convenience function for logging
 */
 export function getAuditContext(event: H3Event): {
  ipAddress: string;
@@ -288,14 +274,12 @@ export async function checkRateLimit(
  const now = Date.now();
  const resetAt = new Date(now + windowMs);

-  // Try to get existing record
  const result = await conn.execute({
    sql: "SELECT id, count, reset_at FROM RateLimit WHERE identifier = ?",
    args: [identifier]
  });

  if (result.rows.length === 0) {
-    // Create new record
    await conn.execute({
      sql: "INSERT INTO RateLimit (id, identifier, count, reset_at) VALUES (?, ?, ?, ?)",
      args: [uuid(), identifier, 1, resetAt.toISOString()]
@@ -306,9 +290,7 @@ export async function checkRateLimit(
  const record = result.rows[0];
  const recordResetAt = new Date(record.reset_at as string);

-  // Check if window has expired
  if (now > recordResetAt.getTime()) {
-    // Reset the record
    await conn.execute({
      sql: "UPDATE RateLimit SET count = 1, reset_at = ?, updated_at = datetime('now') WHERE identifier = ?",
      args: [resetAt.toISOString(), identifier]
@@ -318,12 +300,10 @@ export async function checkRateLimit(

  const count = record.count as number;

-  // Check if limit exceeded
  if (count >= maxAttempts) {
    const remainingMs = recordResetAt.getTime() - now;
    const remainingSec = Math.ceil(remainingMs / 1000);

-    // Log rate limit exceeded (fire-and-forget)
    if (event) {
      const { ipAddress, userAgent } = getAuditContext(event);
      logAuditEvent({
@@ -337,9 +317,7 @@ export async function checkRateLimit(
        ipAddress,
        userAgent,
        success: false
-      }).catch(() => {
-        // Ignore logging errors
-      });
+      }).catch(() => {});
    }

    throw new TRPCError({
@@ -348,7 +326,6 @@ export async function checkRateLimit(
    });
  }

-  // Increment count
  await conn.execute({
    sql: "UPDATE RateLimit SET count = count + 1, updated_at = datetime('now') WHERE identifier = ?",
    args: [identifier]
@@ -359,7 +336,6 @@ export async function checkRateLimit(

 /**
 * Rate limit configuration for different operations
- * Re-exported from config for backward compatibility
 */
 export const RATE_LIMITS = CONFIG_RATE_LIMITS;

@@ -371,7 +347,6 @@ export async function rateLimitLogin(
  clientIP: string,
  event?: H3Event
 ): Promise<void> {
-  // Rate limit by IP
  await checkRateLimit(
    `login:ip:${clientIP}`,
    RATE_LIMITS.LOGIN_IP.maxAttempts,
@@ -379,7 +354,6 @@ export async function rateLimitLogin(
    event
  );

-  // Rate limit by email
  await checkRateLimit(
    `login:email:${email}`,
    RATE_LIMITS.LOGIN_EMAIL.maxAttempts,
@@ -433,19 +407,7 @@ export async function rateLimitEmailVerification(
  );
 }

-// ========== Account Lockout ==========
-
-/**
- * Account lockout configuration
- * Re-exported from config for backward compatibility
- */
 export const ACCOUNT_LOCKOUT = CONFIG_ACCOUNT_LOCKOUT;
-
-/**
- * Check if an account is locked
- * @param userId - User ID to check
- * @returns Object with isLocked status and remaining time if locked
- */
 export async function checkAccountLockout(userId: string): Promise<{
  isLocked: boolean;
  remainingMs?: number;
@@ -482,7 +444,6 @@ export async function checkAccountLockout(userId: string): Promise<{
    };
  }

-  // Lockout expired, clear it
  await conn.execute({
    sql: "UPDATE User SET locked_until = NULL, failed_attempts = 0 WHERE id = ?",
    args: [userId]
@@ -491,11 +452,6 @@ export async function checkAccountLockout(userId: string): Promise<{
  return { isLocked: false };
 }

-/**
- * Record a failed login attempt and lock account if threshold exceeded
- * @param userId - User ID
- * @returns Object with isLocked status and remaining time if locked
- */
 export async function recordFailedLogin(userId: string): Promise<{
  isLocked: boolean;
  remainingMs?: number;
@@ -504,7 +460,6 @@ export async function recordFailedLogin(userId: string): Promise<{
  const { ConnectionFactory } = await import("./database");
  const conn = ConnectionFactory();

-  // Increment failed attempts
  const result = await conn.execute({
    sql: `UPDATE User 
          SET failed_attempts = COALESCE(failed_attempts, 0) + 1 
@@ -515,7 +470,6 @@ export async function recordFailedLogin(userId: string): Promise<{

  const failedAttempts = (result.rows[0]?.failed_attempts as number) || 0;

-  // Check if we should lock the account
  if (failedAttempts >= ACCOUNT_LOCKOUT.MAX_FAILED_ATTEMPTS) {
    const lockedUntil = new Date(
      Date.now() + ACCOUNT_LOCKOUT.LOCKOUT_DURATION_MS
@@ -541,7 +495,6 @@ export async function recordFailedLogin(userId: string): Promise<{

 /**
 * Reset failed login attempts on successful login
- * @param userId - User ID
 */
 export async function resetFailedAttempts(userId: string): Promise<void> {
  const { ConnectionFactory } = await import("./database");
@@ -553,18 +506,10 @@ export async function resetFailedAttempts(userId: string): Promise<void> {
  });
 }

-// ========== Password Reset Token Management ==========
-
-/**
- * Password reset token configuration
- * Re-exported from config for backward compatibility
- */
 export const PASSWORD_RESET_CONFIG = CONFIG_PASSWORD_RESET;

 /**
 * Create a password reset token
- * @param userId - User ID
- * @returns The reset token and token ID
 */
 export async function createPasswordResetToken(userId: string): Promise<{
  token: string;
@@ -575,20 +520,17 @@ export async function createPasswordResetToken(userId: string): Promise<{
  const { v4: uuid } = await import("uuid");
  const conn = ConnectionFactory();

-  // Generate cryptographically secure token
  const token = crypto.randomUUID();
  const tokenId = uuid();
  const expiresAt = new Date(
    Date.now() + PASSWORD_RESET_CONFIG.TOKEN_EXPIRY_MS
  );

-  // Invalidate any existing unused tokens for this user
  await conn.execute({
    sql: "UPDATE PasswordResetToken SET used_at = datetime('now') WHERE user_id = ? AND used_at IS NULL",
    args: [userId]
  });

-  // Create new token
  await conn.execute({
    sql: `INSERT INTO PasswordResetToken (id, token, user_id, expires_at)
          VALUES (?, ?, ?, ?)`,
@@ -604,8 +546,6 @@ export async function createPasswordResetToken(userId: string): Promise<{

 /**
 * Validate and consume a password reset token
- * @param token - Reset token
- * @returns User ID if valid, null otherwise
 */
 export async function validatePasswordResetToken(
  token: string
@@ -626,12 +566,10 @@ export async function validatePasswordResetToken(

  const tokenRecord = result.rows[0];

-  // Check if already used
  if (tokenRecord.used_at) {
    return null;
  }

-  // Check if expired
  const expiresAt = new Date(tokenRecord.expires_at as string);
  if (expiresAt < new Date()) {
    return null;
@@ -645,7 +583,6 @@ export async function validatePasswordResetToken(

 /**
 * Mark a password reset token as used
- * @param tokenId - Token ID
 */
 export async function markPasswordResetTokenUsed(
  tokenId: string
@@ -661,7 +598,6 @@ export async function markPasswordResetTokenUsed(

 /**
 * Clean up expired password reset tokens
- * Should be run periodically (e.g., via cron job)
 */
 export async function cleanupExpiredPasswordResetTokens(): Promise<number> {
  const { ConnectionFactory } = await import("./database");
--- a/src/types/comment.ts
+++ b/src/types/comment.ts
@@ -1,16 +1,3 @@
-/**
- * Comment System Type Definitions
- *
- * - Comment and CommentReaction models
- * - WebSocket message types
- * - User data structures
- * - Component prop interfaces
- */
-
-// ============================================================================
-// Core Data Models
-// ============================================================================
-
 export interface Comment {
  id: number;
  body: string;
@@ -47,10 +34,6 @@ export interface UserPublicData {
  image?: string;
 }

-// ============================================================================
-// WebSocket Message Types
-// ============================================================================
-
 export interface WebSocketBroadcast {
  action:
    | "commentCreationBroadcast"
@@ -72,10 +55,6 @@ export interface BackupResponse {
  commentParent?: number | null;
 }

-// ============================================================================
-// Privilege and Sorting Types
-// ============================================================================
-
 export type PrivilegeLevel = "admin" | "user" | "anonymous";

 export type SortingMode = "newest" | "oldest" | "highest_rated" | "hot";
@@ -84,10 +63,6 @@ export type DeletionType = "user" | "admin" | "database";

 export type ModificationType = "delete" | "edit";

-// ============================================================================
-// Component Props Interfaces
-// ============================================================================
-
 export interface CommentSectionWrapperProps {
  privilegeLevel: PrivilegeLevel;
  allComments: Comment[];
--- a/src/types/user.ts
+++ b/src/types/user.ts
@@ -1,4 +1,3 @@
-// lineage User
 export interface User {
  id: string;
  email: string | null;