Build up notes, gobuster and rustscan, page.tsx hence updated & Given unique attention to toggle-frame, opening to more details within, ++1

Author: tkokhing

src/app/_components/preference/toggle-frame.tsx

@@ -25,22 +25,44 @@ export function ToggleFrame({ label, children, defaultOpen = false }: Props) {
     }
   }, [isOpen]);
 
+  const scrollToTopAndClose = () => {
+    ref.current?.scrollIntoView({ behavior: "smooth", block: "start" });
+    setTimeout(() => setIsOpen(false), 150);
+  };
+
   return (
-    <div ref={ref} className="shadow-sm  hover:shadow-sm hover:shadow-blue-900/85 dark:shadow-sky-900/50  hover:dark:shadow-yellow-100/85 hover:dark:shadow-sm py-3 px-4">
+    <div
+      ref={ref}
+      className="shadow-sm hover:shadow-sm hover:shadow-blue-900/85 dark:shadow-sky-900/50 hover:dark:shadow-yellow-100/85 py-3 px-4"
+    >
       <hr className="my-0 w-full border-zinc-200 dark:border-zinc-800" />
+
+      {/* TOP TOGGLE */}
       <button
         type="button"
         onClick={handleToggle}
-        className="text-left text-xs font-semibold underline text-blue-800 dark:text-blue-300  hover:text-tkokhing-blue hover:dark:text-tkokhing-dark transition"
+        className="text-left text-xs font-semibold underline text-blue-800 dark:text-blue-300 hover:text-tkokhing-blue hover:dark:text-tkokhing-dark transition"
       >
-        {label}&nbsp;{isOpen ? "▼" : "▶"} 
+        {label}&nbsp;{isOpen ? "▼" : "▶"}
       </button>
 
       {isOpen && (
         <div className="mt-4">
           {children}
+
+          {/* BOTTOM TOGGLE */}
+          <div className="mt-6 text-right">
+            <button
+              type="button"
+              onClick={scrollToTopAndClose}
+              className="text-xs font-semibold underline text-blue-800 dark:text-blue-300 hover:text-tkokhing-blue hover:dark:text-tkokhing-dark transition"
+            >
+              Collapse ▲
+            </button>
+          </div>
         </div>
       )}
+
       <hr className="my-0 w-full border-zinc-200 dark:border-zinc-800" />
     </div>
   );

src/app/heptagoning/kill-chain/recon/[slug]/page.tsx

@@ -7,7 +7,7 @@ import { PostBody } from "@/app/_components/post_gen/post-body";
 import { getPostBySlug } from "@/lib/share/api";
 import { generatePageMetadata } from "@/lib/share/generatePageMetadata";
 import { generatePageStaticParams } from "@/lib/share/generatePageStaticParams";
-import { NMAP_Overview, NMAP_Vuln_Scan, NMAP_SMB_Enum, NMAP_TCP_vs_UDP, RUSTSCAN_Overview, GOBUSTER_Overview, GOBUSTER_Outsmart_301,GOBUSTER_Advanced } from "@/lib/_data_exporter/data_kiil-chain/kill-chain_exporter";
+import { NMAP_Overview, NMAP_Vuln_Scan, NMAP_SMB_Enum, NMAP_TCP_vs_UDP, RUSTSCAN_Overview, GOBUSTER_Overview, GOBUSTER_Outsmart_301,GOBUSTER_Advanced, SQLI_Overview } from "@/lib/_data_exporter/data_kiil-chain/kill-chain_exporter";
 import Alert from "@/app/_components/blog_frame/alert";
 import Note from "@/app/_components/blog_frame/note";
 import Tip from "@/app/_components/blog_frame/tip";
@@ -36,6 +36,7 @@ export default async function Post(props: Params) {
     GOBUSTER_Overview,
     GOBUSTER_Outsmart_301,
     GOBUSTER_Advanced,
+    SQLI_Overview,
     };
   const post = getPostBySlug(params.slug, MDX_FOLDER);
   if (!post || post.subPath != 'heptagoning/kill-chain/recon') return notFound();