sparkecoder 0.1.111 → 0.1.113

package/web/.next/standalone/web/src/app/(main)/settings/page.tsx

@@ -64,13 +64,13 @@ async function jsonFetch<T>(path: string, init?: RequestInit): Promise<T> {
 type TabId = 'general' | 'integrations' | 'mcp' | 'schedules' | 'webhooks' | 'models' | 'apikeys';
 
 const TABS: Array<{ id: TabId; label: string; icon: React.ComponentType<{ className?: string }> }> = [
-  { id: 'general',      label: 'General',      icon: Bot },
+  { id: 'general', label: 'General', icon: Bot },
   { id: 'integrations', label: 'Integrations', icon: Slack },
-  { id: 'mcp',          label: 'MCP',          icon: Plug },
-  { id: 'schedules',    label: 'Schedules',    icon: CalendarIcon },
-  { id: 'webhooks',     label: 'Webhooks',     icon: WebhookIcon },
-  { id: 'models',       label: 'Models',       icon: Cpu },
-  { id: 'apikeys',      label: 'API Keys',     icon: Key },
+  { id: 'mcp', label: 'MCP', icon: Plug },
+  { id: 'schedules', label: 'Schedules', icon: CalendarIcon },
+  { id: 'webhooks', label: 'Webhooks', icon: WebhookIcon },
+  { id: 'models', label: 'Models', icon: Cpu },
+  { id: 'apikeys', label: 'API Keys', icon: Key },
 ];
 
 export default function SettingsPage() {
@@ -368,6 +368,7 @@ function SlackCard({ data, onChange }: { data: IntegrationsResponse; onChange: (
       {showSetup && (
         <SlackSetupModal
           eventsUrl={data.slack.eventsUrl}
+          agentName={data.slack.defaultOrchestratorName || 'orchestrator'}
           onClose={() => setShowSetup(false)}
         />
       )}
@@ -491,9 +492,9 @@ function SlackAllowlistEditor({ data, onChange }: { data: IntegrationsResponse;
   );
 }
 
-function SlackSetupModal({ eventsUrl, onClose }: { eventsUrl: string; onClose: () => void }) {
+function SlackSetupModal({ eventsUrl, agentName, onClose }: { eventsUrl: string; agentName: string; onClose: () => void }) {
   const [copied, setCopied] = useState<string | null>(null);
-  const manifest = buildSlackManifest(eventsUrl);
+  const manifest = buildSlackManifest(eventsUrl, agentName);
   const copy = async (key: string, text: string) => {
     await navigator.clipboard.writeText(text);
     setCopied(key); setTimeout(() => setCopied(null), 1500);
@@ -566,20 +567,44 @@ function CopyBlock({ label, value, onCopy, copied, mono }: { label: string; valu
   );
 }
 
-function buildSlackManifest(eventsUrl: string): string {
+function buildSlackManifest(eventsUrl: string, agentName: string): string {
+  // Slack constraints:
+  //   display_information.name:    1-35 chars, used as the app's
+  //                                listing name. Visible spaces OK
+  //                                but we keep it safe / app-store-ish.
+  //   bot_user.display_name:       1-80 chars, what users @-mention.
+  //                                Spaces NOT allowed; Slack rejects.
+  // We slug-ify the user-provided agent name for both, preserving case
+  // for display_information.name (humans see it) but stripping spaces
+  // / punctuation from bot_user.display_name (Slack rule).
+  const safe = (agentName || 'orchestrator').trim() || 'orchestrator';
+  const displayName = safe.slice(0, 35);
+  const botName = safe
+    .replace(/[^A-Za-z0-9_-]+/g, '-') // Slack: alphanumerics, _ and - only
+    .replace(/^-+|-+$/g, '')
+    .slice(0, 80) || 'orchestrator';
+
   // JSON manifest. Slack accepts both YAML and JSON, but JSON parses
   // more reliably across browser clipboards (no whitespace surprises).
   const manifest = {
     display_information: {
-      name: 'sparkecoder',
-      description: 'Your orchestrator agent. Spawns worker agents, posts updates, answers questions.',
+      name: displayName,
+      description: `${displayName} — your orchestrator agent. Spawns worker agents, posts updates, answers questions.`,
       background_color: '#1f1f24',
     },
     features: {
       bot_user: {
-        display_name: 'sparkecoder',
+        display_name: botName,
         always_online: true,
       },
+      // Required for users to DM the app. Without these, Slack disables
+      // the message composer and shows "Sending messages to this app
+      // has been turned off".
+      app_home: {
+        home_tab_enabled: false,
+        messages_tab_enabled: true,
+        messages_tab_read_only_enabled: false,
+      },
     },
     oauth_config: {
       scopes: {
@@ -598,7 +623,15 @@ function buildSlackManifest(eventsUrl: string): string {
     settings: {
       event_subscriptions: {
         request_url: eventsUrl,
-        bot_events: ['app_mention', 'message.im'],
+        // app_mention      → user @-pings the bot in a channel
+        // message.im       → user DMs the bot (every message in DM is a reply)
+        // message.channels → message in a public channel the bot is in.
+        //                    Used so thread replies (no re-mention needed)
+        //                    keep reaching the bot. Server-side filters
+        //                    these to ONLY messages with thread_ts that
+        //                    match a session the bot is participating in.
+        // message.groups   → same, but for private channels.
+        bot_events: ['app_mention', 'message.im', 'message.channels', 'message.groups'],
       },
       interactivity: { is_enabled: false },
       org_deploy_enabled: false,
@@ -971,7 +1004,7 @@ function McpSection() {
       {adding && <McpForm onCancel={() => setAdding(false)} onSaved={() => { setAdding(false); refresh(); }} />}
       {loading ? <div className="flex items-center justify-center py-8"><Loader2 className="size-4 animate-spin text-muted-foreground" /></div>
         : rows.length === 0 ? <p className="text-xs text-muted-foreground italic px-1">No MCP servers configured.</p>
-        : <div className="space-y-2">{rows.map((r) => <McpRowView key={r.id} row={r} onChange={refresh} />)}</div>}
+          : <div className="space-y-2">{rows.map((r) => <McpRowView key={r.id} row={r} onChange={refresh} />)}</div>}
     </section>
   );
 }

package/web/.next/standalone/web/src/components/chat-interface.tsx

@@ -1724,6 +1724,40 @@ export function ChatInterface({ session, isEmbed = false }: ChatInterfaceProps)
           });
           cancelRef.current = cancel;
         }
+
+        // Also subscribe to coarse-grained session updates (Slack /
+        // inbox / schedule-triggered daemon turns). These don't go
+        // through the resumable-stream pipeline above, so without this
+        // the UI would only see new messages after a refresh.
+        try {
+          const { getApiUrl } = await import('@/lib/config');
+          const updatesUrl = `${getApiUrl()}/sessions/${session.id}/updates`;
+          const es = new EventSource(updatesUrl);
+          es.onmessage = async (msg) => {
+            try {
+              const payload = JSON.parse(msg.data) as { type: string };
+              if (payload.type === 'turn-complete') {
+                const fresh = await getSessionMessages(session.id);
+                if (isStale) return;
+                const sortedFresh = [...fresh].sort((a, b) =>
+                  new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime(),
+                );
+                setChatItems(convertApiMessages(sortedFresh));
+              }
+            } catch { /* malformed event — ignore */ }
+          };
+          es.onerror = () => {
+            // Browser will auto-reconnect; nothing to do here.
+          };
+          // Cancel on session change / unmount.
+          const prevCancel = cancelRef.current;
+          cancelRef.current = () => {
+            prevCancel?.();
+            es.close();
+          };
+        } catch (err) {
+          console.warn('Failed to open session-updates EventSource:', err);
+        }
       } catch (err) {
         if (!isStale) {
           console.error('Failed to load messages:', err);