@notis_ai/cli 0.2.0-beta.160.1 → 0.2.0-beta.162.1

package/dist/base-skills/notis-cli/SKILL.md

@@ -1,7 +1,6 @@
 ---
 name: notis-cli
 description: Use when agents should work through the Notis CLI, especially to develop Notis apps locally or to access Notis, Composio, or MCP tools they do not currently have loaded directly.
-feature_flag: cli_access
 mcp_resource: true
 mcp_tool_patterns: []
 mcp_references: ["references/app-delivery.md", "references/tool-examples.md", "references/native-databases.md", "references/troubleshooting.md"]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@notis_ai/cli",
-  "version": "0.2.0-beta.160.1",
+  "version": "0.2.0-beta.162.1",
   "description": "Agent-first Notis CLI for apps and generic tool execution",
   "type": "module",
   "bin": {
@@ -23,14 +23,15 @@
     "pretest": "npm run build",
     "release:prepare": "npm run build && node ./scripts/prepare-publish.js --apply",
     "smoke": "node ./scripts/smoke-package.js",
-    "test": "node --test --test-timeout=120000"
+    "test": "node --test --test-timeout=120000",
+    "preinstall": "node ./bin/check-runtime.js"
   },
   "engines": {
-    "node": ">=18.0.0"
+    "node": ">=22.12.0"
   },
   "dependencies": {
-    "commander": "^12.0.0",
-    "sharp": "^0.34.5"
+    "commander": "^15.0.0",
+    "sharp": "^0.35.4"
   },
   "devDependencies": {
     "esbuild": "^0.28.2"

package/src/command-specs/diagnostics.js

@@ -447,7 +447,15 @@ async function debugEntitlementOverrideHandler(ctx) {
   });
 }
 
-function buildTraceCostSql(reference) {
+export function langfuseTraceIdCandidates(reference) {
+  const value = String(reference);
+  const compact = value.replaceAll('-', '').toLowerCase();
+  const providerId = /^[0-9a-f]{32}$/.test(compact) && !/^0+$/.test(compact)
+    ? compact : createHash('sha256').update(value).digest('hex').slice(0, 32);
+  return [...new Set([providerId, value])];
+}
+
+export function buildTraceCostSql(reference) {
   const literal = sqlLiteral(reference);
   return `
 SELECT jsonb_build_object(
@@ -466,6 +474,8 @@ SELECT jsonb_build_object(
 FROM public.interactions AS i
 WHERE i.id::text = ${literal}
    OR to_jsonb(i)->>'trace_id' = ${literal}
+   OR replace(i.id::text, '-', '') = lower(${literal})
+   OR replace(to_jsonb(i)->>'trace_id', '-', '') = lower(${literal})
 ORDER BY i.created_at ASC;`;
 }
 
@@ -581,7 +591,10 @@ async function debugTraceCostHandler(ctx) {
     refund_basis: refundableEstimate === null
       ? 'Requires confirmed Notis bug evidence and an explicit bug-attributable cost. Misunderstandings and service limitations are not goodwill bugs.'
       : 'Capped at the lower of recorded provider cost and the explicitly attributed true-bug amount.',
-    interactions,
+    interactions: interactions.map((item) => ({
+      ...item,
+      langfuse_trace_id_candidates: langfuseTraceIdCandidates(item.trace_id || item.id),
+    })),
     trace_file: traceDiagnostics,
   };
   return ctx.output.emitSuccess({

package/src/runtime/app-platform.js

@@ -126,12 +126,12 @@ export function resolveBuiltBundleDir(projectDir) {
 
 function normalizeShadowScopedCss(css) {
   return css
-    // Tailwind preflight emits `html,:host` in v3. Inside a shadow tree we want
-    // the shadow host itself to carry those defaults.
-    .replace(/html\s*,\s*:host\s*\{/g, ':host{')
-    .replace(/:root\s*,\s*:host\s*\{/g, ':host{')
-    .replace(/:root\s*\{/g, ':host{')
-    .replace(/html\s*\{/g, ':host{')
+    // Keep defaults on both the Portal shadow host and the app root used
+    // by the standalone harness. Removing :root erases Tailwind v4 theme
+    // variables in previews, collapsing spacing, type sizes and controls.
+    .replace(/(?:html|:root)\s*,\s*:host\s*\{/g, '[data-notis-app-root],:host{')
+    .replace(/:root\s*\{/g, '[data-notis-app-root],:host{')
+    .replace(/html\s*\{/g, '[data-notis-app-root],:host{')
     // Shadow trees do not contain a body element. Route those defaults to the
     // app root contract instead so authors still get the expected reset.
     .replace(/body\s*\{/g, '[data-notis-app-root]{');
@@ -1682,7 +1682,7 @@ function normalizeScaffoldPackageScripts(pkg) {
     return;
   }
   // The linked SDK exports TypeScript. Vite's bundled config loader externalizes
-  // that import to Node, which cannot load it on supported Node 18/20 runtimes.
+  // that import to Node; the minimum supported Node 22.12 lacks native TS loading.
   // Normalize only canonical commands; never parse or rewrite custom shell code.
   for (const [name, command] of Object.entries(scripts)) {
     if (typeof command === 'string' && /^(vite|vite build|vite preview)$/.test(command.trim())) {

package/src/runtime/oauth.js

@@ -407,7 +407,7 @@ function connectedCallbackHtml({ portalOrigin }) {
           <button class="button button-primary" id="download-desktop" type="button">Download Notis Desktop</button>
           <a class="button" href="${escapeHtml(webAppUrl)}">Open Web App</a>
         </div>
-        <p class="helper">The CLI stays connected even if you continue in the web app.</p>
+        <p class="helper">Desktop is available for macOS and Windows. The CLI stays connected even if you continue in the web app.</p>
       </section>
       <section class="next-step" id="desktop-ready-view" aria-labelledby="desktop-ready-title" hidden>
         <div class="status"><span class="status-dot"></span> Download started</div>
@@ -433,7 +433,6 @@ function connectedCallbackHtml({ portalOrigin }) {
         const resolveDownload = async () => {
           const ua = navigator.userAgent || '';
           if (/Windows/i.test(ua)) return downloads.base + '/win32/x64/notis-x64.exe';
-          if (/Linux/i.test(ua) && !/Android/i.test(ua)) return downloads.base + '/linux/x64/notis-linux-x64.zip';
           if (/Macintosh|Mac OS X/i.test(ua)) {
             let architecture = '';
             try {
@@ -450,6 +449,7 @@ function connectedCallbackHtml({ portalOrigin }) {
         const startDownload = async () => {
           const downloadUrl = await resolveDownload();
           window.open(downloadUrl, '_blank', 'noopener,noreferrer');
+          if (downloadUrl === downloads.fallback) return;
           connectedView.hidden = true;
           readyView.hidden = false;
           document.title = 'Quick login to Notis Desktop';

package/template/.harness/index.html.tmpl

@@ -99,7 +99,7 @@
 </head>
 <body>
   <div id="harness-status">harness: booting</div>
-  <div id="root"></div>
+  <div id="root" data-notis-app-root></div>
   <script type="module">
     const routeExport = {{ROUTE_EXPORT}};
     const descriptor = {{RUNTIME_DESCRIPTOR}};

package/template/app/globals.css

@@ -1,3 +1,28 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss" source(none);
+
+@config "../tailwind.config.ts";
+@source "./";
+@source "../components";
+@source "../lib";
+@source "../packages/sdk/src";
+
+/* Preserve v3 defaults while keeping the existing Notis theme/config. */
+@theme {
+  --default-ring-width: 3px;
+  --default-ring-color: rgb(59 130 246 / 0.5);
+}
+
+@layer base {
+  *, ::before, ::after, ::backdrop, ::file-selector-button {
+    border-color: var(--color-gray-200, currentColor);
+  }
+  input::placeholder, textarea::placeholder {
+    color: var(--color-gray-400);
+  }
+  button:not(:disabled), [role="button"]:not(:disabled) {
+    cursor: pointer;
+  }
+  dialog {
+    margin: auto;
+  }
+}

package/template/app/layout.tsx

@@ -1,6 +1,6 @@
-import '@notis/sdk/styles.css';
 import { ShortcutProvider } from '@notis/sdk/interactions';
 import './globals.css';
+import '@notis/sdk/styles.css';
 
 export default function AppShell({ children }: { children: React.ReactNode }) {
   // NotisProvider supplies this in the product host. Keeping the shell-level

package/template/components/ui/button.tsx

@@ -5,7 +5,7 @@ import { cva, type VariantProps } from 'class-variance-authority';
 import { cn } from '@/lib/utils';
 
 const buttonVariants = cva(
-  'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
+  'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
   {
     variants: {
       variant: {

package/template/components/ui/native-select.tsx

@@ -10,7 +10,7 @@ const NativeSelect = React.forwardRef<HTMLSelectElement, React.SelectHTMLAttribu
     <span className={cn('relative inline-flex', className)}>
       <select
         ref={ref}
-        className="h-9 w-full appearance-none rounded-md bg-muted pl-3 pr-8 text-sm text-foreground outline-none transition-colors hover:bg-muted/70 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background"
+        className="h-9 w-full appearance-none rounded-md bg-muted pl-3 pr-8 text-sm text-foreground outline-hidden transition-colors hover:bg-muted/70 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background"
         {...props}
       >
         {children}