feat(kefka): use a social preview link to the tigris blog

Signed-off-by: Xe Iaso <xe@tigrisdata.com>

Author: Xe

lume/src/_components/LinkPreviewCard.tsx

@@ -0,0 +1,52 @@
+export interface LinkPreviewCardProps {
+  url: string;
+  title: string;
+  description?: string;
+  /** Optional preview/OG image URL. When omitted the card renders text-only. */
+  image?: string;
+  /** Override the source label. Defaults to the URL's hostname. */
+  siteName?: string;
+}
+
+export default function LinkPreviewCard({
+  url,
+  title,
+  description,
+  image,
+  siteName,
+}: LinkPreviewCardProps) {
+  const host = siteName ?? new URL(url).hostname.replace(/^www\./, "");
+
+  return (
+    <a
+      href={url}
+      target="_blank"
+      rel="noopener noreferrer"
+      class="group not-prose no-underline visited:no-underline flex flex-col sm:flex-row max-w-xl mx-auto my-8 overflow-hidden rounded-xl border border-bg-3 dark:border-bgDark-3 bg-bg-0 dark:bg-bgDark-0 shadow-sm transition duration-150 hover:-translate-y-0.5 hover:shadow-md"
+    >
+      {image && (
+        <div class="sm:w-52 sm:shrink-0 aspect-[1.91/1] sm:aspect-auto overflow-hidden bg-bg-2 dark:bg-bgDark-2">
+          <img
+            src={image}
+            alt=""
+            loading="lazy"
+            class="h-full w-full object-cover transition-transform duration-200 group-hover:scale-105"
+          />
+        </div>
+      )}
+      <div class="flex flex-col justify-center gap-1 p-4">
+        <span class="font-mono text-xs uppercase tracking-wide text-orange-light dark:text-orangeDark-light group-hover:text-bg-0 dark:group-hover:text-white">
+          {host}
+        </span>
+        <span class="font-serif text-lg font-semibold leading-snug text-fg-0 dark:text-fgDark-0 group-hover:text-bg-0 dark:group-hover:text-white">
+          {title}
+        </span>
+        {description && (
+          <span class="text-sm leading-snug text-fg-3 dark:text-fgDark-3 line-clamp-3 group-hover:text-bg-1 dark:group-hover:text-bg-1">
+            {description}
+          </span>
+        )}
+      </div>
+    </a>
+  );
+}

lume/src/blog/2026/dancing-mad-sandboxing.mdx

@@ -10,6 +10,7 @@ hero:
 ---
 
 import Conv from "../../_components/XeblogConv.tsx";
+import LinkPreviewCard from "../../_components/LinkPreviewCard.tsx";
 
 <ConvP>
   <Conv name="Cadey" mood="enby">
@@ -329,8 +330,16 @@ I want more experimental WebAssembly hacks like this to exist. I'll keep poking
 
 ## Put your programs in clown jail
 
-This has legs. [yeet](https://github.com/TecharoHQ/yeet) could run [Anubis](https://anubis.techaro.lol) builds on Windows; and if management ever makes you babysit AI agents, clown jail is a decent answer.
+With some effort, [yeet](https://github.com/TecharoHQ/yeet) could use Kefka's shell utilities to run [Anubis](https://anubis.techaro.lol) builds on Windows; and if management ever makes you babysit AI agents, clown jail is a decent answer.
 
 The code lives [on Tangled](https://tangled.org/xeiaso.net/kefka). I'm wiring it into [an agent harness](https://github.com/tigrisdata-community/mithras) so I can automate small tools against a local model (I'm loving Qwen3-36B-A3B).
 
-There's a sister post on the Tigris blog that goes deeper into the AI-agent angle and the porting work using Claude Code. If you want, you can check it out here: [Give your agents disposable environments in Go](https://tigrisdata.com/blog/agent-sandbox-go).
+There's a sister post on the Tigris blog that goes deeper into the AI-agent angle and the porting work using Claude Code. If you want, you can check it out here:
+
+<LinkPreviewCard
+  url="https://tigrisdata.com/blog/agent-sandbox-go"
+  image="https://files.xeiaso.net/blog/tigris/mad-god-with-robots.webp"
+  siteName="Tigris Data"
+  title="Give your agents disposable environments in Go"
+  description="Kefka is a userspace shell sandbox in Go that gives every AI agent its own copy-on-write Tigris bucket fork plus Python, jq, and ripgrep via WebAssembly."
+/>