kentutai 1.7.0 → 1.7.1

package/cli/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kentutai-cli",
-  "version": "1.0.0",
+  "version": "1.7.0",
   "description": "KentutAI - AI Router CLI",
   "private": false,
   "bin": {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "kentutai",
-    "version": "1.7.0",
+    "version": "1.7.1",
     "description": "KentutAI - AI Router & Token Saver CLI",
     "private": false,
     "bin": {

package/src/app/(dashboard)/dashboard/packages/PackagesClient.jsx

@@ -456,29 +456,23 @@ function PackageRow({ pkg, onEdit, onDelete, formatNumber, formatRupiah, tierCon
 
   return (
     <Card padding="md" className="group">
-      <div className="flex min-w-0 flex-col gap-4">
-        <div className="flex items-start justify-between gap-4">
-          <div className="flex min-w-0 items-start gap-3">
-            <div className="size-10 rounded-lg bg-primary/10 flex items-center justify-center shrink-0">
-              <span className="material-symbols-outlined text-primary text-[20px]">inventory_2</span>
-            </div>
-            <div className="min-w-0">
-              <div className="flex items-center gap-2 flex-wrap">
-                <span className="font-semibold text-text-main">{pkg.name}</span>
-                {tier && (
-                  <Badge variant={tier.variant} size="sm">
-                    <span className="material-symbols-outlined text-[12px] mr-0.5">{tier.icon}</span>
-                    {tier.label}
-                  </Badge>
-                )}
-                <Badge variant={statusVariant} size="sm" dot>
-                  {statusLabel}
-                </Badge>
-              </div>
-              {pkg.description && (
-                <p className="text-xs text-text-muted mt-1">{pkg.description}</p>
-              )}
-            </div>
+      <div className="flex flex-col gap-3">
+        <div className="flex items-center justify-between gap-4">
+          <div className="flex items-center gap-3">
+            {tier ? (
+              <Badge variant={tier.variant} size="lg">
+                <span className="material-symbols-outlined text-[16px] mr-0.5">{tier.icon}</span>
+                {tier.label}
+              </Badge>
+            ) : (
+              <span className="font-semibold text-text-main capitalize">{pkg.name}</span>
+            )}
+            <Badge variant={statusVariant} size="sm" dot>
+              {statusLabel}
+            </Badge>
+            {pkg.price > 0 && (
+              <span className="text-sm text-text-muted">{formatRupiah(pkg.price)}</span>
+            )}
           </div>
           <div className="flex items-center gap-1.5 shrink-0">
             <Button size="sm" variant="ghost" icon="edit" onClick={onEdit}>Edit</Button>
@@ -486,24 +480,21 @@ function PackageRow({ pkg, onEdit, onDelete, formatNumber, formatRupiah, tierCon
           </div>
         </div>
 
+        {pkg.description && (
+          <p className="text-xs text-text-muted">{pkg.description}</p>
+        )}
+
         <div className="grid grid-cols-2 sm:grid-cols-4 gap-3 p-3 rounded-lg bg-surface-2/50">
           {stats.map((stat, i) => (
             <div key={i} className="flex items-center gap-2">
               <span className="material-symbols-outlined text-[16px] text-primary/60">{stat.icon}</span>
-              <div className="min-w-0">
+              <div>
                 <span className="text-sm font-semibold text-text-main">{stat.value}</span>
                 <span className="text-xs text-text-muted ml-1">{stat.label}</span>
               </div>
             </div>
           ))}
         </div>
-
-        {pkg.price > 0 && (
-          <div className="flex items-center gap-2 text-sm">
-            <span className="material-symbols-outlined text-[16px] text-primary/60">payments</span>
-            <span className="font-medium text-text-main">{formatRupiah(pkg.price)}</span>
-          </div>
-        )}
       </div>
     </Card>
   );