@rubytech/create-maxy 1.0.3 → 1.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rubytech/create-maxy",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "Install Maxy — your personal AI assistant",
   "bin": {
     "create-maxy": "./dist/index.js"

package/payload/maxy/app/admin/components/ActivityTimeline.tsx

@@ -104,6 +104,13 @@ function formatElapsed(seconds: number): string {
   return s > 0 ? `${m}m ${s}s` : `${m}m`
 }
 
+function formatStepElapsed(seconds: number): string {
+  if (seconds < 60) return `${seconds.toFixed(1)}s`
+  const m = Math.floor(seconds / 60)
+  const s = seconds % 60
+  return s >= 0.1 ? `${m}m ${Math.floor(s)}s` : `${m}m`
+}
+
 // --- TimelineStep ---
 
 interface StepProps {
@@ -131,7 +138,7 @@ function TimelineStep({ icon, isPending, isError, summary, detail, elapsed, isLa
       <div className="tl-body">
         <div className="tl-row" onClick={hasDetail ? onToggle : undefined} style={{ cursor: hasDetail ? 'pointer' : 'default' }}>
           <span className="tl-summary">{summary}</span>
-          <span className="tl-step-elapsed">{formatElapsed(elapsed)}</span>
+          <span className="tl-step-elapsed">{formatStepElapsed(elapsed)}</span>
           {hasDetail && (
             <span className="tl-chevron">
               {expanded ? <ChevronDown size={10} /> : <ChevronRight size={10} />}
@@ -166,7 +173,7 @@ export function ActivityTimeline({ events, isStreaming, elapsedSeconds }: Activi
 
   useEffect(() => {
     if (!isStreaming) return
-    const id = setInterval(() => setNowMs(Date.now()), 1000)
+    const id = setInterval(() => setNowMs(Date.now()), 100)
     return () => clearInterval(id)
   }, [isStreaming])
 
@@ -181,7 +188,7 @@ export function ActivityTimeline({ events, isStreaming, elapsedSeconds }: Activi
   const stepElapsed = (startIdx: number, endIdx?: number): number => {
     const start = arrivalRef.current.get(startIdx) ?? nowMs
     const end = endIdx !== undefined ? (arrivalRef.current.get(endIdx) ?? nowMs) : nowMs
-    return Math.max(0, Math.floor((end - start) / 1000))
+    return Math.max(0, (end - start) / 1000)
   }
 
   const toolPairs = buildToolPairs(events)
@@ -238,7 +245,7 @@ export function ActivityTimeline({ events, isStreaming, elapsedSeconds }: Activi
                           : <span className="tl-summary tl-thinking-label">{e.content.slice(0, 80)}{e.content.length > 80 ? '…' : ''}</span>
                         }
                       </div>
-                      <span className="tl-step-elapsed">{formatElapsed(stepElapsed(i, nextIdx))}</span>
+                      <span className="tl-step-elapsed">{formatStepElapsed(stepElapsed(i, nextIdx))}</span>
                       <span className="tl-chevron">
                         {isExpanded ? <ChevronDown size={10} /> : <ChevronRight size={10} />}
                       </span>

package/payload/maxy/app/globals.css

@@ -1594,28 +1594,40 @@ a:hover {
   align-items: center;
 }
 
-.pin-input-row .chat-input {
+.pin-input-wrapper {
+  position: relative;
   flex: 1;
 }
 
-.pin-toggle {
+.pin-input-wrapper .chat-input {
+  width: 100%;
+  padding-left: 38px;
+}
+
+.pin-toggle-left {
+  position: absolute;
+  left: 10px;
+  top: 50%;
+  transform: translateY(-50%);
   background: none;
-  border: 1px solid var(--border-strong);
-  border-radius: 50%;
-  width: 40px;
-  height: 40px;
+  border: none;
+  padding: 0;
   cursor: pointer;
-  font-size: 16px;
   color: var(--text-secondary);
-  flex-shrink: 0;
   display: flex;
   align-items: center;
   justify-content: center;
-  transition: border-color 0.15s;
+  z-index: 1;
+  transition: color 0.15s;
 }
 
-.pin-toggle:hover {
-  border-color: var(--sage);
+.pin-toggle-left:hover {
+  color: var(--sage);
+}
+
+.pin-toggle-hidden {
+  visibility: hidden;
+  pointer-events: none;
 }
 
 .btn-primary {

package/payload/maxy/app/lib/claude-agent.ts

@@ -395,8 +395,11 @@ async function* invokeAdminAgent(
       continue;
     }
 
-    if ("result" in msg) {
+    if (msg.type === "result") {
       const usage = (msg as { usage?: { input_tokens?: number; output_tokens?: number } }).usage;
+      const log = agentLogStream("claude-agent-result");
+      log.write(`result msg: ${JSON.stringify({ usage, keys: Object.keys(msg) })}\n`);
+      log.end();
       if (usage?.input_tokens !== undefined) {
         yield { type: "usage", input_tokens: usage.input_tokens, output_tokens: usage.output_tokens ?? 0 };
       }

package/payload/maxy/app/page.tsx

@@ -332,18 +332,20 @@ export default function AdminPage() {
         <div className="admin-pin-form">
           <form onSubmit={handleSetPin}>
             <div className="pin-input-row">
-              <input
-                ref={pinInputRef}
-                type={showPin ? 'text' : 'password'}
-                value={pin}
-                onChange={e => setPin(e.target.value)}
-                placeholder="Choose a PIN"
-                className="chat-input"
-                autoFocus
-              />
-              <button type="button" className="pin-toggle" onClick={() => setShowPin(!showPin)} aria-label={showPin ? 'Hide' : 'Show'}>
-                {showPin ? <EyeOff size={18} /> : <Eye size={18} />}
-              </button>
+              <div className="pin-input-wrapper">
+                <button type="button" className={`pin-toggle-left${!pin ? ' pin-toggle-hidden' : ''}`} onClick={() => setShowPin(!showPin)} aria-label={showPin ? 'Hide' : 'Show'}>
+                  {showPin ? <EyeOff size={16} /> : <Eye size={16} />}
+                </button>
+                <input
+                  ref={pinInputRef}
+                  type={showPin ? 'text' : 'password'}
+                  value={pin}
+                  onChange={e => setPin(e.target.value)}
+                  placeholder="Choose a PIN"
+                  className="chat-input"
+                  autoFocus
+                />
+              </div>
             </div>
             <div className="pin-input-row">
               <input
@@ -476,18 +478,20 @@ export default function AdminPage() {
         <div className="admin-pin-form">
           <form onSubmit={handleLogin}>
             <div className="pin-input-row">
-              <input
-                ref={pinInputRef}
-                type={showPin ? 'text' : 'password'}
-                value={pin}
-                onChange={e => setPin(e.target.value)}
-                placeholder="Enter PIN"
-                className="chat-input"
-                autoFocus
-              />
-              <button type="button" className="pin-toggle" onClick={() => setShowPin(!showPin)} aria-label={showPin ? 'Hide' : 'Show'}>
-                {showPin ? <EyeOff size={18} /> : <Eye size={18} />}
-              </button>
+              <div className="pin-input-wrapper">
+                <button type="button" className={`pin-toggle-left${!pin ? ' pin-toggle-hidden' : ''}`} onClick={() => setShowPin(!showPin)} aria-label={showPin ? 'Hide' : 'Show'}>
+                  {showPin ? <EyeOff size={16} /> : <Eye size={16} />}
+                </button>
+                <input
+                  ref={pinInputRef}
+                  type={showPin ? 'text' : 'password'}
+                  value={pin}
+                  onChange={e => setPin(e.target.value)}
+                  placeholder="Enter PIN"
+                  className="chat-input"
+                  autoFocus
+                />
+              </div>
               <button type="submit" className="chat-send" disabled={!pin}>
                 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
                   <line x1="5" y1="12" x2="19" y2="12" />

package/payload/platform/templates/agents/admin/IDENTITY.md

@@ -4,7 +4,7 @@ You are the head of operations. Not an assistant waiting for instructions — a
 
 At the start of every session, check the graph for business context. Your goal is to populate the graph efficiently and comprehensively to maximise value from business intelligence. 
 
-Your personalisation is in SOUL.md. Read it and apply it.
+Your personalisation is in `agents/admin/SOUL.md` (relative to your working directory). Read it and apply it.
 
 ## Boundaries
 
@@ -18,7 +18,7 @@ Your personalisation is in SOUL.md. Read it and apply it.
 - Be proactive. Identify what needs doing and do it. Don't wait to be asked.
 - On session start, assess the state of the business from the graph and report what needs attention.
 - On first setup (incomplete business data in graph), immediately begin onboarding: learn the business, understand the stage, gather customer details, build a comprehensive picture so you can drive operations forward - one step at a time. 
-- Write personalisation to your own SOUL.md. Also write the public agent's personalisation to agents/public/SOUL.md.
+- Write personalisation to `agents/admin/SOUL.md`. Also write the public agent's personalisation to `agents/public/SOUL.md`.
 - Think strategically. Help with planning, not just tasks.
 - Surface problems before they become urgent. Recommend actions based on what you know.
 - Store everything you learn about the business in the graph — not in files.