fix: cron panel pins to sidebar by default, list fills 90% width

- Clock icon in SubSessionBar now pins cron directly to sidebar instead of floating
- CronManager container uses 90% width with full height and scroll overflow

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: IM.codes

web/src/app.tsx

@@ -1926,7 +1926,13 @@ export function App() {
                 onHistory={registerHistoryApplyer}
                 serverId={selectedServerId}
                 onViewRepo={() => setShowRepoPage(true)}
-                onViewCron={() => setShowCronManager(true)}
+                onViewCron={() => {
+                  const cronProject = sessions.find(s => s.name === activeSession)?.project;
+                  if (cronProject) {
+                    // Pin directly to sidebar instead of floating window
+                    pinPanel('cronmanager', { sessionName: activeSession, projectName: cronProject, serverId: selectedServerId }, () => {});
+                  }
+                }}
                 subUsages={subUsages}
                 focusedSubId={focusedSubId}
                 quickData={quickData}

web/src/pages/CronManager.tsx

@@ -203,7 +203,7 @@ export function CronManager({ serverId, projectName, sessions, subSessions = [],
   };
 
   return (
-    <div style={{ maxWidth: '700px', margin: '0 auto', padding: '12px 20px' }}>
+    <div style={{ width: '90%', maxWidth: '700px', margin: '0 auto', padding: '12px 0', height: '100%', overflow: 'auto' }}>
       {/* Toolbar: show-all toggle + add button */}
       <div style={{ display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '10px' }}>
         <label style={{ color: '#94a3b8', fontSize: '12px', cursor: 'pointer', display: 'flex', alignItems: 'center', gap: '4px' }}>