@rubytech/create-maxy 1.0.2 → 1.0.4

package/package.json

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

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

@@ -131,7 +131,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>
+          {elapsed > 0 && <span className="tl-step-elapsed">{formatElapsed(elapsed)}</span>}
           {hasDetail && (
             <span className="tl-chevron">
               {expanded ? <ChevronDown size={10} /> : <ChevronRight size={10} />}
@@ -233,12 +233,12 @@ export function ActivityTimeline({ events, isStreaming, elapsedSeconds }: Activi
                   <div className="tl-body">
                     <div className="tl-row tl-row-top" onClick={() => toggleExpand(i)} style={{ cursor: 'pointer' }}>
                       <div className="tl-thinking-col">
-                        <span className="tl-summary tl-thinking-label">Thinking</span>
-                        {isExpanded && (
-                          <div className="tl-thinking-body">{e.content}</div>
-                        )}
+                        {isExpanded
+                          ? <div className="tl-thinking-body">{e.content}</div>
+                          : <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>
+                      {stepElapsed(i, nextIdx) > 0 && <span className="tl-step-elapsed">{formatElapsed(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

@@ -367,7 +367,7 @@ async function* invokeAdminAgent(
     }
 
     if (msg.type === "user") {
-      const content = (msg as Record<string, unknown>).content as
+      const content = (msg.message as Record<string, unknown> | undefined)?.content as
         Array<{ type: string; tool_use_id?: string; content?: string; is_error?: boolean }> | undefined;
 
       if (Array.isArray(content)) {
@@ -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

@@ -27,27 +27,31 @@ export default function AdminPage() {
   const [elapsedSeconds, setElapsedSeconds] = useState(0)
   const elapsedRef = useRef<ReturnType<typeof setInterval> | null>(null)
   const [sessionElapsed, setSessionElapsed] = useState(0)
-  const sessionStartRef = useRef<number | null>(null)
-  const sessionIntervalRef = useRef<ReturnType<typeof setInterval> | null>(null)
+  const sessionAccumMs = useRef(0)   // total active ms across all turns
+  const sessionTickRef = useRef<ReturnType<typeof setInterval> | null>(null)
   const messagesEndRef = useRef<HTMLDivElement>(null)
   const inputRef = useRef<HTMLInputElement>(null)
   const pinInputRef = useRef<HTMLInputElement>(null)
 
+  const sessionTurnStart = useRef<number | null>(null)
+
   function startElapsedTimer() {
-    if (!sessionStartRef.current) {
-      sessionStartRef.current = Date.now()
-      sessionIntervalRef.current = setInterval(() => {
-        setSessionElapsed(Math.floor((Date.now() - sessionStartRef.current!) / 1000))
-      }, 1000)
-    }
+    sessionTurnStart.current = Date.now()
+    sessionTickRef.current = setInterval(() => {
+      const active = sessionAccumMs.current + (Date.now() - (sessionTurnStart.current ?? Date.now()))
+      setSessionElapsed(Math.floor(active / 1000))
+    }, 1000)
     setElapsedSeconds(0)
     elapsedRef.current = setInterval(() => setElapsedSeconds(s => s + 1), 1000)
   }
 
   function stopElapsedTimer() {
-    if (elapsedRef.current) {
-      clearInterval(elapsedRef.current)
-      elapsedRef.current = null
+    if (elapsedRef.current) { clearInterval(elapsedRef.current); elapsedRef.current = null }
+    if (sessionTickRef.current) { clearInterval(sessionTickRef.current); sessionTickRef.current = null }
+    if (sessionTurnStart.current) {
+      sessionAccumMs.current += Date.now() - sessionTurnStart.current
+      sessionTurnStart.current = null
+      setSessionElapsed(Math.floor(sessionAccumMs.current / 1000))
     }
   }
 
@@ -328,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
@@ -472,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" />
@@ -538,8 +546,6 @@ export default function AdminPage() {
           const contextPct = latestInputTokens > 0 ? Math.round(latestInputTokens / 200000 * 100) : 0
           return messages.some(m => m.role === 'maxy') ? (
             <div className="session-stats">
-              <span className="session-stat">Effort <b>Standard</b></span>
-              <span className="session-stat">Style <b>Standard</b></span>
               <span className="session-stat">Context <b>{contextPct > 0 ? `${contextPct}%` : '—'}</b></span>
               <span className="session-stat">Tokens <b>{fmtTokens(sessionTokens)}</b></span>
               <span className="session-stat">Session <b>{formatSessionTime(sessionElapsed)}</b></span>

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.