@qodalis/cli 2.1.0 → 2.1.1

package/assets/cli-panel.css

@@ -90,6 +90,8 @@
 
 .cli-panel-title {
   font-size: 0.95rem;
+  white-space: nowrap;
+  min-width: 0;
   display: flex;
   gap: 0.5rem;
   justify-content: center;
@@ -668,6 +670,32 @@
 
 /* Phones: icon only, so the tab covers as little of the page as possible */
 @media (max-width: 600px) {
+  /* The header keeps the title on one line; moving the panel to another
+     edge makes no sense on a phone */
+  .cli-panel-header-content {
+    gap: 0.5rem;
+    padding: 0 0.5rem 0 0.75rem;
+  }
+
+  .cli-panel-title {
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .cli-panel-action-buttons {
+    gap: 0.15rem;
+    flex-shrink: 0;
+  }
+
+  .cli-panel-action-buttons .cli-panel-btn {
+    width: 34px;
+    height: 34px;
+  }
+
+  .cli-panel-btn-position-wrapper {
+    display: none;
+  }
+
   .cli-panel-hide-tab {
     padding: 6px 8px;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qodalis/cli",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "Framework-agnostic CLI engine for @qodalis terminal applications.",
   "author": "Nicolae Lupei, Qodalis Solutions",
   "license": "MIT",
@@ -30,7 +30,7 @@
     "./assets/*": "./assets/*"
   },
   "dependencies": {
-    "@qodalis/cli-core": "2.1.0",
+    "@qodalis/cli-core": "2.1.1",
     "@xterm/xterm": "^6.0.0",
     "@xterm/addon-fit": "^0.11.0",
     "@xterm/addon-web-links": "^0.12.0",

package/public-api.d.mts

@@ -165,7 +165,7 @@ declare const CliKeyValueStore_TOKEN: any;
  */
 declare const SyntaxHighlighterRegistry_TOKEN: any;
 
-declare const LIBRARY_VERSION = "2.1.0";
+declare const LIBRARY_VERSION = "2.1.1";
 declare const API_VERSION = 2;
 
 declare class CliAliasCommandProcessor implements ICliCommandProcessor {
@@ -3182,6 +3182,12 @@ declare class CliServerConnection {
     onReconnected?: () => void;
     constructor(_config: CliServerConfig, _backgroundServices?: ICliBackgroundServiceRegistry, _logger?: ICliLogger, _authService?: ICliServerAuthService);
     get config(): CliServerConfig;
+    /**
+     * The last connect was refused for want of a sign-in (401 or 403 on the
+     * command list): the server is up, and a sign-in reconnects it.
+     */
+    get needsSignIn(): boolean;
+    private _needsSignIn;
     get connected(): boolean;
     get commands(): CliServerCommandDescriptor[];
     get capabilities(): CliServerCapabilities | null;

package/public-api.d.ts

@@ -165,7 +165,7 @@ declare const CliKeyValueStore_TOKEN: any;
  */
 declare const SyntaxHighlighterRegistry_TOKEN: any;
 
-declare const LIBRARY_VERSION = "2.1.0";
+declare const LIBRARY_VERSION = "2.1.1";
 declare const API_VERSION = 2;
 
 declare class CliAliasCommandProcessor implements ICliCommandProcessor {
@@ -3182,6 +3182,12 @@ declare class CliServerConnection {
     onReconnected?: () => void;
     constructor(_config: CliServerConfig, _backgroundServices?: ICliBackgroundServiceRegistry, _logger?: ICliLogger, _authService?: ICliServerAuthService);
     get config(): CliServerConfig;
+    /**
+     * The last connect was refused for want of a sign-in (401 or 403 on the
+     * command list): the server is up, and a sign-in reconnects it.
+     */
+    get needsSignIn(): boolean;
+    private _needsSignIn;
     get connected(): boolean;
     get commands(): CliServerCommandDescriptor[];
     get capabilities(): CliServerCapabilities | null;

package/public-api.js

@@ -519,7 +519,7 @@ var CliKeyValueStore_TOKEN = cliCore.createCliToken("cli-key-value-store");
 var SyntaxHighlighterRegistry_TOKEN = cliCore.createCliToken("syntax-highlighter-registry");
 
 // src/lib/version.ts
-var LIBRARY_VERSION = "2.1.0";
+var LIBRARY_VERSION = "2.1.1";
 var API_VERSION = 2;
 var ANONYMOUS = "\0anonymous";
 function aliasOwner(context2) {
@@ -5398,6 +5398,7 @@ var CliServerConnection = class _CliServerConnection {
     this._eventServiceRegistered = false;
     this._healthCheckTimer = null;
     this._healthCheckAttempts = 0;
+    this._needsSignIn = false;
   }
   static {
     this.WS_MAX_RECONNECT_ATTEMPTS = 5;
@@ -5414,6 +5415,13 @@ var CliServerConnection = class _CliServerConnection {
   get config() {
     return this._config;
   }
+  /**
+   * The last connect was refused for want of a sign-in (401 or 403 on the
+   * command list): the server is up, and a sign-in reconnects it.
+   */
+  get needsSignIn() {
+    return this._needsSignIn;
+  }
   get connected() {
     return this._connected;
   }
@@ -5453,6 +5461,7 @@ var CliServerConnection = class _CliServerConnection {
     });
   }
   async connect() {
+    this._needsSignIn = false;
     try {
       const baseUrl = this.normalizeUrl(this._config.url);
       const negotiated = await cliCore.ServerVersionNegotiator.discover(
@@ -5535,6 +5544,7 @@ var CliServerConnection = class _CliServerConnection {
     const url = `${this._basePath}/commands`;
     const response = await this.httpFetch(url);
     if (!response.ok) {
+      if (response.status === 401 || response.status === 403) this._needsSignIn = true;
       throw new Error(
         `Server ${this._config.name} returned ${response.status}`
       );
@@ -6225,6 +6235,10 @@ var CliServerManager = class {
         );
         this.registerProxyProcessors(connection, config.name);
         this.emitConnected(connection, false);
+      } else if (connection.needsSignIn) {
+        logger?.info(
+          `Server '${config.name}' needs a sign-in; its commands load once you are signed in.`
+        );
       } else {
         logger?.warn(
           `Could not connect to server '${config.name}' at ${config.url}. Commands from this server will not be available.`
@@ -19294,8 +19308,9 @@ var welcomeModule = {
       );
       await configureStore.initialize();
       const state = configureStore.getState();
-      if (state?.["system"]?.["welcomeMessage"]) {
-        showOption = state["system"]["welcomeMessage"];
+      const stored = state?.["system"]?.["welcomeMessage"];
+      if (stored && stored !== "always") {
+        showOption = stored;
       }
     }
     if (showOption) {
@@ -19308,10 +19323,11 @@ var welcomeModule = {
       context2.terminal.writeln(config.message);
     } else {
       const branding = resolveCliBranding(context2.options?.branding);
+      const art = branding.art(context2.terminal.cols);
       const lines = [
         `\u{1F680} Welcome to ${branding.name} [Version ${context2.writer.wrapInColor(LIBRARY_VERSION, cliCore.CliForegroundColor.Green)}]`,
         `(c) ${(/* @__PURE__ */ new Date()).getFullYear()} Qodalis Solutions. All rights reserved.`,
-        branding.art(context2.terminal.cols),
+        art,
         "",
         `\u{1F4D6} ${context2.writer.wrapInColor("Documentation:", cliCore.CliForegroundColor.Green)} https://cli.qodalis.com/docs/`,
         "",
@@ -19319,7 +19335,10 @@ var welcomeModule = {
         ""
       ];
       lines.forEach((line2) => {
-        context2.terminal.write(line2 + "\r\n");
+        const wrapped = line2 === art ? [line2] : wrapWelcomeLine(line2, context2.terminal.cols);
+        wrapped.forEach(
+          (part) => context2.terminal.write(part + "\r\n")
+        );
       });
     }
     recordWelcomeMessageDisplay();
@@ -19351,12 +19370,51 @@ var greetingModule = {
     if (host.typedDuringBoot || host.isReadingInput || context2.currentLine) {
       return;
     }
-    await context2.textAnimator?.showText(getGreetingBasedOnTime(), {
+    const buffer = context2.terminal.buffer?.active;
+    const room = context2.terminal.cols - (buffer?.cursorX ?? 0) - 1;
+    const greeting = fitGreeting(getGreetingBasedOnTime(), room);
+    if (!greeting) return;
+    await context2.textAnimator?.showText(greeting, {
       speed: 60,
       removeAfterTyping: true
     });
   }
 };
+function fitGreeting(text, room) {
+  const width = (value) => Array.from(value).reduce(
+    (sum, ch) => sum + (ch.codePointAt(0) > 65535 || /\p{Extended_Pictographic}/u.test(ch) ? 2 : ch === "\uFE0F" ? 0 : 1),
+    0
+  );
+  if (width(text) <= room) return text;
+  const words = text.split(" ");
+  let fitted = "";
+  for (const word of words) {
+    const next = fitted ? `${fitted} ${word}` : word;
+    if (width(next) > room) break;
+    fitted = next;
+  }
+  return fitted.split(" ").length >= 3 ? fitted.replace(/[,;:]$/, "") : null;
+}
+function wrapWelcomeLine(line2, cols) {
+  const width = Math.max(20, cols - 1);
+  const visible = (value) => Array.from(value.replace(/\x1b\[[0-9;]*m/g, "")).reduce(
+    (sum, ch) => sum + (ch.codePointAt(0) > 65535 ? 2 : ch === "\uFE0F" ? 0 : 1),
+    0
+  );
+  if (visible(line2) <= width) return [line2];
+  const lines = [];
+  let current = "";
+  for (const word of line2.split(" ")) {
+    if (current && visible(current) + 1 + visible(word) > width) {
+      lines.push(current);
+      current = word;
+    } else {
+      current = current ? `${current} ${word}` : word;
+    }
+  }
+  if (current) lines.push(current);
+  return lines;
+}
 function shouldDisplayWelcomeMessage(showOption) {
   const lastDisplayed = localStorage.getItem(
     "cliWelcomeMessageLastDisplayed"
@@ -24088,7 +24146,9 @@ var CliPanelController = class {
   unhide() {
     if (!this.snapshot.hidden) return;
     this.updateHidden(false);
-    if (this.snapshot.collapsed !== this.preHideCollapsed) this.updateCollapsed(this.preHideCollapsed);
+    const collapsed = this.snapshot.initialized ? this.preHideCollapsed : false;
+    if (this.snapshot.collapsed !== collapsed) this.updateCollapsed(collapsed);
+    if (!collapsed) this.ensureInitialized();
   }
   toggleHide() {
     if (this.snapshot.hidden) this.unhide();