create-flow-os 0.0.38 → 0.0.40

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "create-flow-os",
-  "version": "0.0.38",
+  "version": "0.0.40",
   "license": "PolyForm-Shield-1.0.0",
   "type": "module",
   "dependencies": {
-    "@flow-os/client": "^0.0.38"
+    "@flow-os/client": "^0.0.40"
   },
   "bin": {
     "create-flow-os": "./src/index.ts"

package/src/init/index.ts

@@ -7,9 +7,9 @@ import { join, dirname } from "path";
 import { fileURLToPath } from "url";
 import { libsWithConfig, toShortName, toPkgName } from "./lib";
 import { initLib, fetchFlowPackageVersions } from "./scaffold";
-import { box, bannerBox, withLoading, colors, headerLogo } from "./ui";
+import { box, bannerBox, withLoading, colors } from "./ui";
 
-const { V, Y, E, R, B } = colors;
+const { V, V_LIGHT, Y, E, R, B } = colors;
 
 // ───────────────────────────────────────────────────────────────────────────────
 // Args: libs da argv o prompt interattivo
@@ -51,7 +51,7 @@ const iconOk = V + "◆" + R;
 const iconUnrec = Y + "?" + R;
 const iconFail = E + "✕" + R;
 const out: string[] = [];
-out.push(bannerBox("Flow OS", [B + "Initialized:" + R, ...toInit.map((l) => iconOk + " " + V + l + R)], V));
+out.push(bannerBox("Flow OS", [B + "Initialized:" + R, ...toInit.map((l) => iconOk + " " + V_LIGHT + l + R)], V_LIGHT));
 if (skipped.length) out.push(box([B + "Unrecognized:" + R, ...skipped.map((l) => iconUnrec + " " + Y + l + R)], Y));
 console.log(out.join(""));
 

package/src/init/ui.ts

@@ -2,7 +2,8 @@
  * UI per init: loading spinner e box coerenti con flow-os
  */
 
-const V = "\x1b[95m";
+const V = "\x1b[95m";  // magenta scuro
+const V_LIGHT = "\x1b[38;5;177m";  // magenta medio (non troppo chiaro)
 const Y = "\x1b[38;5;226m";
 const E = "\x1b[91m";
 const R = "\x1b[0m";
@@ -19,15 +20,17 @@ export function pad(s: string, w: number): string {
   return s + " ".repeat(Math.max(0, w - stripAnsi(s).length));
 }
 
-/** Riquadro chiuso con Flow OS in grassetto nel bordo superiore a sinistra */
-export function bannerBox(title: string, lines: string[], color: string, w = 92): string {
+/** Riquadro chiuso con Flow OS in grassetto nel bordo superiore */
+export function bannerBox(title: string, lines: string[], color: string, w = 68): string {
   const c = color;
-  const inner = " " + B + title + R + " ";
+  const inner = " " + c + B + title + R + " ";  // titolo subito dopo ╔, stesso colore
   const innerLen = stripAnsi(inner).length;
-  const top = c + "╔" + inner + "═".repeat(Math.max(0, w - 2 - innerLen)) + "╗" + R;
-  const bottom = c + "╚" + "═".repeat(w) + "╝" + R;
-  const body = lines.map((l) => c + "║" + R + "  " + pad(l, w - 2) + c + "║" + R).join("\n");
-  return "\n" + top + "\n" + body + "\n" + bottom + "\n";
+  const top = c + "╔" + inner + c + "═".repeat(Math.max(0, w - 2 - innerLen)) + "╗" + R;
+  const bottom = c + "╚" + "═".repeat(w - 2) + "╝" + R;
+  const spacer = c + "║" + R + "  " + " ".repeat(w - 2) + c + "║" + R;  // riga vuota
+  const bodyLines = lines.map((l) => c + "║" + R + "  " + pad(l, w - 2) + c + "║" + R);
+  const body = "\n" + spacer + "\n" + bodyLines.join("\n");
+  return "\n" + top + body + "\n" + bottom + "\n";
 }
 
 export function box(lines: string[], color: string, w = 52): string {
@@ -86,7 +89,7 @@ export async function withLoading<T>(
 
 const W = "\x1b[97m"; // bianco
 
-export const colors = { V, Y, E, R, B, DIM, W };
+export const colors = { V, V_LIGHT, Y, E, R, B, DIM, W };
 
 /** Icona layers: 3 quadrati arrotondati sovrapposti, vista isometrica con shading ▓▒░ */