@polderlabs/bizar 7.0.2 → 8.0.0

package/bizar-dash/src/web/components/chat/StreamingIndicator.tsx

@@ -1,37 +0,0 @@
-// src/components/chat/StreamingIndicator.tsx — phase indicator in the message meta row.
-//
-// Phase-driven label + 3-dot bounce. The dot animation duration
-// shortens as the message progresses (think → stream → commit), so
-// the visual rhythm matches the streaming cadence.
-//
-// The named export `StreamingIndicator` keeps its signature backward-
-// compatible: argumentless → defaults to "think" phase (legacy
-// dot-bounce used by WelcomeScreen + the old MessageBubble).
-
-import type { StreamingPhase } from './MessageBlock';
-
-interface Props {
-  /** Streaming phase. Defaults to 'think' for the legacy
-   *  argumentless call site. */
-  phase?: StreamingPhase;
-}
-
-const LABELS: Record<Exclude<StreamingPhase, 'idle'>, string> = {
-  think: 'thinking',
-  stream: 'streaming tokens',
-  commit: 'committing',
-};
-
-export function StreamingIndicator({ phase = 'think' }: Props) {
-  const label = phase === 'idle' ? null : LABELS[phase];
-  return (
-    <span className={`msg-stream-indicator phase-${phase}`}>
-      {label && <span className="msg-stream-label">{label}</span>}
-      <span className="msg-stream-dots" aria-hidden>
-        <span />
-        <span />
-        <span />
-      </span>
-    </span>
-  );
-}

package/bizar-dash/src/web/components/chat/SuggestionCards.tsx

@@ -1,55 +0,0 @@
-// src/components/chat/SuggestionCards.tsx — 4 hardcoded suggestion cards for first-run.
-
-import { Code, BookOpen, Lightbulb, Image as ImageIcon } from 'lucide-react';
-
-interface Props {
-  projectName: string;
-  onPickSuggestion: (text: string) => void;
-}
-
-export function SuggestionCards({ projectName, onPickSuggestion }: Props) {
-  const suggestions = [
-    {
-      icon: <Code size={16} />,
-      title: projectName ? `Explain ${projectName}` : 'Explain this project',
-      preview: 'Give me a tour of the codebase, highlight the architecture, and call out any anti-patterns or hotspots.',
-      prompt: projectName
-        ? `Explain the ${projectName} project. Give me a tour of the codebase, highlight the architecture, and call out any anti-patterns or hotspots.`
-        : 'Explain the current project. Give me a tour of the codebase, highlight the architecture, and call out any anti-patterns or hotspots.',
-    },
-    {
-      icon: <BookOpen size={16} />,
-      title: 'Summarize recent sessions',
-      preview: 'Read my last 5 chat sessions and give me a 3-bullet summary of what I worked on and what got stuck.',
-      prompt: 'Read my last 5 chat sessions and give me a 3-bullet summary of what I worked on and what got stuck.',
-    },
-    {
-      icon: <Lightbulb size={16} />,
-      title: 'Suggest a refactor',
-      preview: 'Look for the largest, most painful files in this project and propose a concrete refactor for the worst one.',
-      prompt: 'Look for the largest, most painful files in this project and propose a concrete refactor for the worst one.',
-    },
-    {
-      icon: <ImageIcon size={16} />,
-      title: 'Find visual regressions',
-      preview: 'Open the dashboard, screenshot the Chat tab, and flag any layout problems or anti-patterns you see.',
-      prompt: 'Open the dashboard, screenshot the Chat tab, and flag any layout problems or anti-patterns you see.',
-    },
-  ];
-
-  return (
-    <div className="chat-suggestions">
-      {suggestions.map((s, i) => (
-        <button
-          key={i}
-          type="button"
-          className="chat-suggestion"
-          onClick={() => onPickSuggestion(s.prompt)}
-        >
-          <div className="chat-suggestion-title">{s.icon}<span>{s.title}</span></div>
-          <div className="chat-suggestion-preview">{s.preview}</div>
-        </button>
-      ))}
-    </div>
-  );
-}

package/bizar-dash/src/web/components/chat/WelcomeScreen.tsx

@@ -1,36 +0,0 @@
-// src/components/chat/WelcomeScreen.tsx — gradient greeting + no-project state.
-
-import { Folder } from 'lucide-react';
-import { SuggestionCards } from './SuggestionCards';
-
-interface Props {
-  variant: 'empty' | 'no-project';
-  projectName: string;
-  onPickSuggestion: (text: string) => void;
-}
-
-export function WelcomeScreen({ variant, projectName, onPickSuggestion }: Props) {
-  if (variant === 'no-project') {
-    return (
-      <div className="chat-welcome">
-        <h1 className="chat-welcome-h1">
-          <span className="chat-greeting-hello">No project selected.</span>
-        </h1>
-        <p className="chat-welcome-subtitle">Pick a project in Overview to scope chat sessions.</p>
-      </div>
-    );
-  }
-
-  const displayName = projectName || 'there';
-
-  return (
-    <div className="chat-welcome">
-      <h1 className="chat-welcome-h1">
-        <span className="chat-greeting-hello">Hello, </span>
-        <span className="chat-greeting-name">{displayName}.</span>
-      </h1>
-      <p className="chat-welcome-subtitle">How can I help you today?</p>
-      <SuggestionCards projectName={projectName} onPickSuggestion={onPickSuggestion} />
-    </div>
-  );
-}

package/bizar-dash/src/web/components/chat/_legacy.ts

@@ -1,30 +0,0 @@
-// src/components/chat/_legacy.ts — backward-compatibility shim.
-//
-// MobileChat.tsx (mobile view) and any other consumer that imports the
-// original names (`SessionList`, `InfoPanel`, `FloatingComposer`)
-// continues to work even after the v3.22 redesign renamed these
-// components. Each renamed component keeps its NEW default export in
-// the new file; this module re-exports them under the OLD names.
-//
-// Notes for future maintainers:
-// - `ChatTopBar`, `ChatThread`, `useChat`, `useSlashCommands` keep
-//   their original filenames + exports; nothing to shim here.
-// - `SessionList`   → ChatRail
-// - `InfoPanel`     → ChatInfoPanel
-// - `FloatingComposer` → ChatComposer
-// - `MessageBubble` / `StreamingIndicator` / `AgentChip` / `WelcomeScreen`
-//   / `SuggestionCards` / `Composer` / `FirstRunGreeting` / `ConfirmModal`
-//   / `EmptyState` / `LoadingSkeleton` / `useAutoGrowTextarea` are
-//   unchanged and continue to be exported from `index.ts`.
-
-export { ChatRail as SessionList } from './ChatRail';
-export { ChatInfoPanel as InfoPanel } from './ChatInfoPanel';
-export { ChatComposer as FloatingComposer } from './ChatComposer';
-
-// Re-export the unchanged pieces too so this file is a single drop-in
-// for any consumer that wants to keep using old names in one place.
-export { ChatTopBar } from './ChatTopBar';
-export { ChatThread } from './ChatThread';
-export { useChat } from './useChat';
-export { useSlashCommands } from './useSlashCommands';
-export type { SlashCommand } from './useSlashCommands';

package/bizar-dash/src/web/components/chat/index.ts

@@ -1,31 +0,0 @@
-// src/components/chat/index.ts — barrel export for all chat components and hooks.
-
-export { ChatTopBar } from './ChatTopBar';
-export { ChatThread } from './ChatThread';
-export { MessageBubble } from './MessageBubble';
-export { MessageBlock } from './MessageBlock';
-export { WelcomeScreen } from './WelcomeScreen';
-export { SuggestionCards } from './SuggestionCards';
-export { Composer } from './Composer';
-export { FloatingComposer } from './FloatingComposer';
-export { ChatComposer } from './ChatComposer';
-export { AgentChip } from './AgentChip';
-export { SessionList } from './SessionList';
-export { ChatRail } from './ChatRail';
-export type { DisplaySession, SessionState } from './ChatRail';
-export { InfoPanel } from './InfoPanel';
-export { ChatInfoPanel } from './ChatInfoPanel';
-export { LoadingSkeleton } from './LoadingSkeleton';
-export { StreamingIndicator } from './StreamingIndicator';
-export { JumpToLatest } from './JumpToLatest';
-export { AgentNode } from './AgentNode';
-export type { AgentTreeNode, AgentStatus } from './AgentNode';
-export { AgentTree, SubAgentList } from './AgentTree';
-export { SessionRowMenu } from './SessionRowMenu';
-export type { SessionMenuMode, SessionRowMenuAnchor, SessionRowMenuProps } from './SessionRowMenu';
-export { ConfirmModal } from './ConfirmModal';
-export { EmptyState } from './EmptyState';
-export { useChat } from './useChat';
-export { useSlashCommands } from './useSlashCommands';
-export { useAutoGrowTextarea } from './useAutoGrowTextarea';
-export type { SlashCommand } from './useSlashCommands';

package/bizar-dash/src/web/components/chat/useAutoGrowTextarea.ts

@@ -1,18 +0,0 @@
-// src/components/chat/useAutoGrowTextarea.ts — auto-resize textarea up to maxHeight.
-
-import { useLayoutEffect } from 'react';
-
-export function useAutoGrowTextarea(
-  ref: React.RefObject<HTMLTextAreaElement | null>,
-  value: string,
-  maxHeight = 240,
-): void {
-  useLayoutEffect(() => {
-    const el = ref.current;
-    if (!el) return;
-    el.style.height = 'auto';
-    const next = Math.min(el.scrollHeight, maxHeight);
-    el.style.height = `${next}px`;
-    el.style.overflowY = el.scrollHeight > maxHeight ? 'auto' : 'hidden';
-  }, [ref, value, maxHeight]);
-}