Kyonru
diff --git a/‎README.md‎
Lines changed: 4 additions & 0 deletions b/‎README.md‎
Lines changed: 4 additions & 0 deletions
diff --git a/‎docs/images/logs.png‎
2.09 MB b/‎docs/images/logs.png‎
2.09 MB
diff --git a/‎docs/images/observable.png‎
1.26 MB b/‎docs/images/observable.png‎
1.26 MB
diff --git a/‎docs/images/performance.png‎
1.5 MB b/‎docs/images/performance.png‎
1.5 MB
diff --git a/‎src-lua/main.lua‎
Lines changed: 2 additions & 2 deletions b/‎src-lua/main.lua‎
Lines changed: 2 additions & 2 deletions
diff --git a/‎src/pages/observable/section-cards.tsx‎
Lines changed: 1 addition & 1 deletion b/‎src/pages/observable/section-cards.tsx‎
Lines changed: 1 addition & 1 deletion
@@ -16,6 +16,10 @@ It lets you **inspect logs, variables, performance metrics, and errors in real-t
 
 ---
 
+![log tab](docs/images/logs.png)
+![performance tab](docs/images/performance.png)
+![observability tab](docs/images/observable.png)
+
 ## 📦 Installation
 
 1. **Download Feather**
 
@@ -160,7 +160,7 @@ function love.update(dt)
   if a > 1 then
     print(a)
     a = 0
-    debugger:observe("a", a)
+    debugger:observe("awesome variable", a)
     print(math.random(1, 2))
     print({
       type = "feather:finish",
@@ -199,7 +199,7 @@ function love.update(dt)
       },
     })
 
-    debugger:observe("object", {
+    debugger:observe("complex table", {
       type = "feather:finish",
       body = {
         lol = "hey",
 
@@ -11,7 +11,7 @@ export function SectionCards({
   onSelect: (key: string) => void;
 }) {
   return (
-    <div className="*:data-[slot=card]:from-primary/5 *:data-[slot=card]:to-card dark:*:data-[slot=card]:bg-card grid grid-cols-2 gap-4 px-4 *:data-[slot=card]:bg-gradient-to-t *:data-[slot=card]:shadow-xs lg:px-6 @xl/main:grid-cols-5 @5xl/main:grid-cols-8">
+    <div className="*:data-[slot=card]:from-primary/5 *:data-[slot=card]:to-card dark:*:data-[slot=card]:bg-card grid grid-cols-1 gap-4 px-4 *:data-[slot=card]:bg-gradient-to-t *:data-[slot=card]:shadow-xs lg:px-6 @xl/main:grid-cols-4 @5xl/main:grid-cols-6">
       {data.map((item) => {
         return (
           <Card