chordia-ui 3.2.2 → 3.2.4

package/dist/components/onboarding.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"onboarding.es.js","sources":["../../src/components/onboarding/ConnectData.jsx","../../src/components/onboarding/AddTeammates.jsx","../../src/components/onboarding/GettingStarted.jsx"],"sourcesContent":["import IntegrationCard from '../layout/IntegrationCard';\n\nconst FF = 'var(--font-sans)';\n\n// ─── Styles ───\n\nconst containerStyle = {\n  fontFamily: FF,\n};\n\nconst sectionTitleStyle = {\n  fontSize: 20,\n  fontWeight: 600,\n  fontStyle: 'normal',\n  fontFamily: FF,\n  color: 'var(--grey-strong)',\n  margin: 0,\n  lineHeight: 'normal',\n};\n\nconst sectionSubtitleStyle = {\n  fontSize: 13,\n  fontWeight: 400,\n  fontStyle: 'normal',\n  color: 'var(--color-text-secondary)',\n  fontFamily: FF,\n  margin: '4px 0 0',\n  lineHeight: '140%',\n};\n\nconst gridStyle = {\n  display: 'grid',\n  gridTemplateColumns: 'repeat(3, 1fr)',\n  gap: 16,\n  marginTop: 24,\n};\n\n// ─── Default Integrations ───\n\nconst DEFAULT_INTEGRATIONS = [\n  {\n    providerName: 'Five9',\n    description: 'Cloud contact center platform for voice and digital channels',\n    status: 'connected',\n    railColor: '#5E88B0',\n  },\n  {\n    providerName: 'Twilio Flex',\n    description: 'Programmable contact center with custom workflows',\n    status: 'available',\n    railColor: '#9B7AA8',\n  },\n  {\n    providerName: 'Zoom Phone',\n    description: 'Cloud phone system with recording capabilities',\n    status: 'coming-soon',\n    railColor: '#6B7C93',\n  },\n];\n\n// ─── Component ───\n\nconst ConnectData = ({ integrations = DEFAULT_INTEGRATIONS, onConfigure }) => {\n  return (\n    <div style={containerStyle}>\n      <h2 style={sectionTitleStyle}>Connect Data Source</h2>\n      <p style={sectionSubtitleStyle}>\n        Choose your preferred platforms to synchronise data.\n      </p>\n\n      <div style={gridStyle}>\n        {integrations.map((integration) => (\n          <IntegrationCard\n            key={integration.providerName}\n            providerName={integration.providerName}\n            description={integration.description}\n            status={integration.status}\n            railColor={integration.railColor}\n            logoUrl={integration.logoUrl}\n            icon={integration.icon}\n            onConfigure={() => onConfigure?.(integration)}\n          />\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport default ConnectData;\n","import { useState } from 'react';\nimport { Search } from 'lucide-react';\n\nconst FF = 'var(--font-sans)';\n\n// ─── Styles ───\n\nconst containerStyle = {\n  fontFamily: FF,\n};\n\nconst sectionTitleStyle = {\n  fontSize: 20,\n  fontWeight: 600,\n  fontStyle: 'normal',\n  fontFamily: FF,\n  color: 'var(--grey-strong)',\n  margin: 0,\n  lineHeight: 'normal',\n};\n\nconst sectionSubtitleStyle = {\n  fontSize: 13,\n  fontWeight: 400,\n  fontStyle: 'normal',\n  color: 'var(--color-text-secondary)',\n  fontFamily: FF,\n  margin: '4px 0 0',\n  lineHeight: '140%',\n};\n\nconst searchRowStyle = {\n  display: 'flex',\n  alignItems: 'center',\n  gap: 12,\n  marginTop: 24,\n};\n\nconst searchInputWrapStyle = {\n  display: 'flex',\n  alignItems: 'center',\n  flex: 1,\n  height: 44,\n  padding: '0 14px',\n  borderRadius: 10,\n  border: '1px solid var(--color-input-border)',\n  background: 'var(--grey-white)',\n  boxSizing: 'border-box',\n  gap: 8,\n};\n\nconst searchIconStyle = {\n  flexShrink: 0,\n  color: 'var(--color-text-secondary)',\n};\n\nconst emailTagStyle = {\n  display: 'inline-flex',\n  alignItems: 'center',\n  gap: 4,\n  padding: '4px 10px',\n  borderRadius: 6,\n  background: 'var(--hover-warm)',\n  fontSize: 14,\n  fontWeight: 500,\n  fontFamily: FF,\n  color: 'var(--grey-strong)',\n  whiteSpace: 'nowrap',\n};\n\nconst emailTagRemoveStyle = {\n  cursor: 'pointer',\n  fontSize: 16,\n  lineHeight: 1,\n  color: 'var(--color-text-secondary)',\n  marginLeft: 2,\n};\n\nconst searchInputStyle = {\n  flex: 1,\n  border: 'none',\n  outline: 'none',\n  fontSize: 14,\n  fontWeight: 400,\n  fontFamily: FF,\n  color: 'var(--grey-strong)',\n  background: 'transparent',\n  height: '100%',\n};\n\nconst inviteBtnStyle = {\n  display: 'flex',\n  height: 44,\n  padding: '0 24px',\n  justifyContent: 'center',\n  alignItems: 'center',\n  borderRadius: 10,\n  background: 'var(--grey-strong)',\n  fontSize: 14,\n  fontWeight: 600,\n  fontFamily: FF,\n  color: 'var(--grey-white)',\n  border: 'none',\n  cursor: 'pointer',\n  transition: 'var(--transition-fast)',\n  outline: 'none',\n  flexShrink: 0,\n};\n\nconst suggestionsListStyle = {\n  marginTop: 8,\n  border: '1px solid var(--border)',\n  borderRadius: 10,\n  overflow: 'hidden',\n  background: 'var(--grey-white)',\n};\n\nconst suggestionItemStyle = {\n  display: 'flex',\n  alignItems: 'center',\n  gap: 12,\n  padding: '14px 16px',\n  cursor: 'pointer',\n  transition: 'var(--transition-fast)',\n  borderBottom: '1px solid var(--border-subtle)',\n};\n\nconst avatarStyle = (color) => ({\n  width: 40,\n  height: 40,\n  borderRadius: 9999,\n  background: color || 'var(--hover-warm)',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  fontSize: 14,\n  fontWeight: 600,\n  fontFamily: FF,\n  color: 'var(--color-green)',\n  flexShrink: 0,\n});\n\nconst suggestionNameStyle = {\n  fontSize: 14,\n  fontWeight: 600,\n  fontFamily: FF,\n  color: 'var(--grey-strong)',\n  margin: 0,\n  lineHeight: '120%',\n};\n\nconst suggestionEmailStyle = {\n  fontSize: 13,\n  fontWeight: 400,\n  fontFamily: FF,\n  color: 'var(--color-text-secondary)',\n  margin: '2px 0 0',\n  lineHeight: '140%',\n};\n\n// ─── Default Suggestions ───\n\nconst DEFAULT_SUGGESTIONS = [\n  { name: 'Alex Rivera', email: 'alex.rivera@company.com', initials: 'AR' },\n  { name: 'Alexandra Smith', email: 'a.smith@design.co', initials: 'AS' },\n];\n\n// ─── Component ───\n\nconst AddTeammates = ({ suggestions = DEFAULT_SUGGESTIONS, onInvite }) => {\n  const [inputValue, setInputValue] = useState('');\n  const [emails, setEmails] = useState([]);\n  const [focused, setFocused] = useState(false);\n\n  const filteredSuggestions = suggestions.filter(\n    (s) =>\n      !emails.includes(s.email) &&\n      (s.name.toLowerCase().includes(inputValue.toLowerCase()) ||\n        s.email.toLowerCase().includes(inputValue.toLowerCase()))\n  );\n\n  const addEmail = (email) => {\n    if (email && !emails.includes(email)) {\n      setEmails([...emails, email]);\n      setInputValue('');\n    }\n  };\n\n  const removeEmail = (email) => {\n    setEmails(emails.filter((e) => e !== email));\n  };\n\n  const handleKeyDown = (e) => {\n    if (e.key === 'Enter' && inputValue.includes('@')) {\n      e.preventDefault();\n      addEmail(inputValue.trim());\n    }\n    if (e.key === 'Backspace' && !inputValue && emails.length) {\n      removeEmail(emails[emails.length - 1]);\n    }\n  };\n\n  const handleInvite = () => {\n    if (emails.length) {\n      onInvite?.(emails);\n    }\n  };\n\n  return (\n    <div style={containerStyle}>\n      <h2 style={sectionTitleStyle}>Add Teammates</h2>\n      <p style={sectionSubtitleStyle}>Collaborate with your team to accelerate your workflow.</p>\n\n      <div style={searchRowStyle}>\n        <div\n          style={{\n            ...searchInputWrapStyle,\n            borderColor: focused ? 'var(--color-green)' : 'var(--color-input-border)',\n            boxShadow: focused ? '0 0 0 3px var(--color-green-ring)' : 'none',\n          }}\n        >\n          <Search size={18} style={searchIconStyle} />\n          {emails.map((email) => (\n            <span key={email} style={emailTagStyle}>\n              {email}\n              <span style={emailTagRemoveStyle} onClick={() => removeEmail(email)}>×</span>\n            </span>\n          ))}\n          <input\n            type=\"text\"\n            placeholder={emails.length ? '' : 'Search by name or email...'}\n            value={inputValue}\n            onChange={(e) => setInputValue(e.target.value)}\n            onFocus={() => setFocused(true)}\n            onBlur={() => setTimeout(() => setFocused(false), 150)}\n            onKeyDown={handleKeyDown}\n            style={searchInputStyle}\n          />\n        </div>\n        <button\n          style={inviteBtnStyle}\n          onClick={handleInvite}\n          onMouseEnter={(e) => { e.currentTarget.style.opacity = '0.85'; }}\n          onMouseLeave={(e) => { e.currentTarget.style.opacity = '1'; }}\n        >\n          Invite\n        </button>\n      </div>\n\n      {focused && filteredSuggestions.length > 0 && (\n        <div style={suggestionsListStyle}>\n          {filteredSuggestions.map((suggestion, idx) => (\n            <div\n              key={suggestion.email}\n              style={{\n                ...suggestionItemStyle,\n                ...(idx === filteredSuggestions.length - 1 ? { borderBottom: 'none' } : {}),\n              }}\n              onMouseDown={() => addEmail(suggestion.email)}\n              onMouseEnter={(e) => { e.currentTarget.style.background = 'var(--hover-warm-subtle)'; }}\n              onMouseLeave={(e) => { e.currentTarget.style.background = 'var(--grey-white)'; }}\n            >\n              <div style={avatarStyle()}>\n                {suggestion.initials}\n              </div>\n              <div>\n                <p style={suggestionNameStyle}>{suggestion.name}</p>\n                <p style={suggestionEmailStyle}>{suggestion.email}</p>\n              </div>\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default AddTeammates;\n","import { useState } from 'react';\nimport { MessageSquare, Database, Users, BookOpen, SlidersHorizontal, Briefcase } from 'lucide-react';\nimport UploadInteraction from './UploadInteraction';\nimport ConnectData from './ConnectData';\nimport AddTeammates from './AddTeammates';\n\nconst FF = 'var(--font-sans)';\n\n// ─── Steps Configuration ───\n\nconst DEFAULT_STEPS = [\n  { id: 'workspace', label: 'Workspace Name', description: 'Give your project a title.', icon: Briefcase },\n  { id: 'interaction', label: 'Add Interaction', description: 'Connect data to see patterns.', icon: MessageSquare },\n  { id: 'connect', label: 'Connect Data', description: 'Link your platform for auto-evaluation.', icon: Database },\n  { id: 'invite', label: 'Invite Team', description: 'Add members to collaborate.', icon: Users },\n  { id: 'concepts', label: 'Learn Concepts', description: 'Explore conditions and evidence.', icon: BookOpen },\n  { id: 'scope', label: 'Define Scope', description: 'Customize evaluation signals.', icon: SlidersHorizontal },\n];\n\n// ─── Styles ───\n\nconst pageStyle = {\n  fontFamily: FF,\n  background: 'var(--grey-white)',\n  minHeight: '100vh',\n  boxSizing: 'border-box',\n};\n\nconst headerStyle = {\n  padding: '24px 48px',\n  borderBottom: '1px solid var(--border)',\n  background: 'var(--grey-white)',\n};\n\nconst headerTopRow = {\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  marginBottom: 8,\n};\n\nconst titleStyle = {\n  fontSize: 24,\n  fontWeight: 600,\n  fontStyle: 'normal',\n  fontFamily: FF,\n  color: 'var(--grey-strong)',\n  margin: 0,\n  lineHeight: 'normal',\n};\n\nconst subtitleStyle = {\n  fontSize: 14,\n  fontWeight: 400,\n  lineHeight: '140%',\n  color: 'var(--text-muted)',\n  margin: '4px 0 0',\n  fontFamily: FF,\n};\n\nconst headerActions = {\n  display: 'flex',\n  alignItems: 'center',\n  gap: 12,\n};\n\nconst remindBtnStyle = {\n  display: 'flex',\n  height: 36,\n  padding: '0 16px',\n  justifyContent: 'center',\n  alignItems: 'center',\n  borderRadius: 10,\n  background: 'transparent',\n  border: '1px solid var(--border-strong)',\n  fontSize: 14,\n  fontWeight: 500,\n  fontFamily: FF,\n  color: 'var(--text-base)',\n  cursor: 'pointer',\n  transition: 'var(--transition-fast)',\n  outline: 'none',\n};\n\nconst saveBtnStyle = {\n  display: 'flex',\n  height: 36,\n  padding: '0 20px',\n  justifyContent: 'center',\n  alignItems: 'center',\n  borderRadius: 10,\n  background: 'var(--grey-strong)',\n  fontSize: 14,\n  fontWeight: 600,\n  fontFamily: FF,\n  color: 'var(--grey-white)',\n  border: 'none',\n  cursor: 'pointer',\n  transition: 'var(--transition-fast)',\n  outline: 'none',\n};\n\nconst progressBarBg = {\n  width: '100%',\n  height: 6,\n  borderRadius: 3,\n  background: 'var(--border)',\n  overflow: 'hidden',\n  marginTop: 12,\n};\n\nconst progressBarFill = (pct) => ({\n  width: `${pct}%`,\n  height: '100%',\n  borderRadius: 3,\n  background: 'var(--color-green)',\n  transition: 'width 0.4s ease-out',\n});\n\nconst bodyStyle = {\n  display: 'flex',\n  flex: 1,\n  minHeight: 'calc(100vh - 140px)',\n};\n\n// ─── Sidebar Styles ───\n\nconst sidebarStyle = {\n  width: 312,\n  minWidth: 312,\n  borderRight: '1px solid var(--border)',\n  padding: '24px 24px',\n  background: 'var(--grey-white)',\n  boxSizing: 'border-box',\n};\n\nconst stepsCountStyle = {\n  fontSize: 13,\n  fontWeight: 500,\n  color: 'var(--text-muted)',\n  fontFamily: FF,\n  margin: '0 0 12px',\n};\n\nconst stepsListStyle = {\n  display: 'flex',\n  width: 264,\n  flexDirection: 'column',\n  alignItems: 'flex-start',\n  gap: 8,\n  alignSelf: 'stretch',\n};\n\nconst stepItemStyle = (isActive) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 4,\n  padding: '8px 4px',\n  cursor: 'pointer',\n  transition: 'var(--transition-fast)',\n  background: isActive ? 'var(--hover-warm)' : 'var(--grey-white)',\n  borderRadius: 8,\n  alignSelf: 'stretch',\n});\n\nconst stepIconWrap = {\n  width: 40,\n  height: 40,\n  flexShrink: 0,\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n};\n\nconst stepLabelStyle = {\n  fontSize: 14,\n  fontWeight: 600,\n  fontStyle: 'normal',\n  color: 'var(--grey-strong)',\n  fontFamily: FF,\n  margin: 0,\n  lineHeight: '120%',\n};\n\nconst stepDescStyle = {\n  fontSize: 12,\n  fontWeight: 400,\n  color: 'var(--text-muted)',\n  fontFamily: FF,\n  margin: '2px 0 0',\n  lineHeight: 1.3,\n};\n\n// ─── Content Styles ───\n\nconst contentStyle = {\n  flex: 1,\n  padding: '40px 48px',\n  background: 'var(--grey-white)',\n  boxSizing: 'border-box',\n};\n\nconst sectionTitleStyle = {\n  fontSize: 20,\n  fontWeight: 600,\n  fontStyle: 'normal',\n  fontFamily: FF,\n  color: 'var(--grey-strong)',\n  margin: 0,\n  lineHeight: 'normal',\n};\n\nconst sectionSubtitleStyle = {\n  fontSize: 13,\n  fontWeight: 400,\n  fontStyle: 'normal',\n  color: 'var(--color-text-secondary)',\n  fontFamily: FF,\n  margin: '4px 0 0',\n  lineHeight: '140%',\n};\n\nconst fieldLabelStyle = {\n  fontSize: 16,\n  fontWeight: 600,\n  fontStyle: 'normal',\n  color: 'var(--grey-strong)',\n  fontFamily: FF,\n  lineHeight: 'normal',\n  margin: 0,\n  display: 'block',\n};\n\nconst inputStyle = {\n  width: '100%',\n  height: 44,\n  padding: '0 14px',\n  borderRadius: 6,\n  border: '1px solid var(--color-input-border)',\n  fontSize: 16,\n  fontWeight: 400,\n  fontStyle: 'normal',\n  lineHeight: 'normal',\n  fontFamily: FF,\n  color: 'var(--color-text-secondary)',\n  background: 'var(--grey-white)',\n  boxSizing: 'border-box',\n  outline: 'none',\n  transition: 'var(--transition-fast)',\n};\n\nconst textareaWrapStyle = {\n  position: 'relative',\n  marginTop: 8,\n};\n\nconst textareaStyle = {\n  width: '100%',\n  minHeight: 160,\n  padding: '12px 14px 28px 14px',\n  borderRadius: 6,\n  border: '1px solid var(--color-input-border)',\n  fontSize: 16,\n  fontWeight: 400,\n  fontStyle: 'normal',\n  lineHeight: 'normal',\n  fontFamily: FF,\n  color: 'var(--color-text-secondary)',\n  background: 'var(--grey-white)',\n  boxSizing: 'border-box',\n  outline: 'none',\n  resize: 'vertical',\n  lineHeight: '140%',\n  transition: 'var(--transition-fast)',\n};\n\nconst charCountStyle = {\n  position: 'absolute',\n  bottom: 10,\n  right: 14,\n  fontSize: 12,\n  fontWeight: 400,\n  color: 'var(--text-faint)',\n  fontFamily: FF,\n  margin: 0,\n  pointerEvents: 'none',\n};\n\n// ─── Step Indicator Icons ───\n\nfunction CompletedIcon() {\n  return (\n    <div\n      style={{\n        width: 24,\n        height: 24,\n        borderRadius: 6,\n        background: 'var(--grey-strong)',\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        flexShrink: 0,\n      }}\n    >\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\">\n        <path d=\"M2.5 7.5L5.5 10.5L11.5 4\" stroke=\"var(--grey-white)\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n      </svg>\n    </div>\n  );\n}\n\nfunction IncompleteIcon() {\n  return (\n    <div\n      style={{\n        width: 24,\n        height: 24,\n        borderRadius: '50%',\n        border: '2px solid var(--grey-muted)',\n        background: 'transparent',\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        flexShrink: 0,\n        gap: 2,\n        boxSizing: 'border-box',\n      }}\n    >\n      <span style={{ width: 3, height: 3, borderRadius: '50%', background: 'var(--grey-muted)' }} />\n      <span style={{ width: 3, height: 3, borderRadius: '50%', background: 'var(--grey-muted)' }} />\n      <span style={{ width: 3, height: 3, borderRadius: '50%', background: 'var(--grey-muted)' }} />\n    </div>\n  );\n}\n\n// ─── Step Item Component ───\n\nfunction StepItem({ step, isCompleted, isActive, onClick }) {\n  const [hovered, setHovered] = useState(false);\n\n  return (\n    <div\n      style={{\n        ...stepItemStyle(isActive),\n        ...(hovered && !isActive ? { background: 'var(--hover-warm-subtle)' } : {}),\n      }}\n      onClick={onClick}\n      onMouseEnter={() => setHovered(true)}\n      onMouseLeave={() => setHovered(false)}\n    >\n      <div style={stepIconWrap}>\n        {isCompleted ? <CompletedIcon /> : <IncompleteIcon />}\n      </div>\n      <div>\n        <p style={stepLabelStyle}>{step.label}</p>\n        <p style={stepDescStyle}>{step.description}</p>\n      </div>\n    </div>\n  );\n}\n\n// ─── Workspace Name Step Content ───\n\nfunction WorkspaceNameContent({ workspaceName, setWorkspaceName, description, setDescription, maxDescLength }) {\n  const [nameFocused, setNameFocused] = useState(false);\n  const [descFocused, setDescFocused] = useState(false);\n\n  return (\n    <div>\n      <h2 style={sectionTitleStyle}>Name of your workspace</h2>\n      <p style={sectionSubtitleStyle}>Tell us about the project or company you're organizing here.</p>\n\n      <div style={{ marginTop: 28 }}>\n        <label style={fieldLabelStyle}>Workspace Name</label>\n        <input\n          type=\"text\"\n          placeholder=\"e.g. Acme Marketing\"\n          value={workspaceName}\n          onChange={(e) => setWorkspaceName(e.target.value)}\n          onFocus={() => setNameFocused(true)}\n          onBlur={() => setNameFocused(false)}\n          style={{\n            ...inputStyle,\n            marginTop: 8,\n            borderColor: nameFocused ? 'var(--color-green)' : 'var(--color-input-border)',\n            boxShadow: nameFocused ? '0 0 0 3px var(--color-green-ring)' : 'none',\n          }}\n        />\n      </div>\n\n      <div style={{ marginTop: 24 }}>\n        <label style={fieldLabelStyle}>Description</label>\n        <div style={textareaWrapStyle}>\n          <textarea\n            placeholder=\"what's the goal of this workspace?\"\n            value={description}\n            onChange={(e) => {\n              if (e.target.value.length <= maxDescLength) {\n                setDescription(e.target.value);\n              }\n            }}\n            onFocus={() => setDescFocused(true)}\n            onBlur={() => setDescFocused(false)}\n            style={{\n              ...textareaStyle,\n              borderColor: descFocused ? 'var(--color-green)' : 'var(--color-input-border)',\n              boxShadow: descFocused ? '0 0 0 3px var(--color-green-ring)' : 'none',\n            }}\n          />\n          <span style={charCountStyle}>{description.length}/{maxDescLength}</span>\n        </div>\n      </div>\n    </div>\n  );\n}\n\n// ─── Main Component ───\n\nconst GettingStarted = ({\n  steps = DEFAULT_STEPS,\n  completedSteps = ['workspace', 'invite'],\n  initialActiveStep = 'workspace',\n  onSaveNext,\n  onRemindLater,\n  onStepChange,\n}) => {\n  const [activeStepId, setActiveStepId] = useState(initialActiveStep);\n  const [workspaceName, setWorkspaceName] = useState('');\n  const [description, setDescription] = useState('');\n  const maxDescLength = 1000;\n\n  const completedCount = completedSteps.length;\n  const totalCount = steps.length;\n  const progressPct = (completedCount / totalCount) * 100;\n\n  const handleStepClick = (stepId) => {\n    setActiveStepId(stepId);\n    onStepChange?.(stepId);\n  };\n\n  const handleSaveNext = () => {\n    onSaveNext?.({ stepId: activeStepId, workspaceName, description });\n  };\n\n  return (\n    <div style={pageStyle}>\n      {/* Header */}\n      <div style={headerStyle}>\n        <div style={headerTopRow}>\n          <div>\n            <h1 style={titleStyle}>Getting started with Chordia</h1>\n            <p style={subtitleStyle}>Complete these steps to get the most out of Chordia.</p>\n          </div>\n          <div style={headerActions}>\n            <button\n              style={remindBtnStyle}\n              onClick={onRemindLater}\n              onMouseEnter={(e) => { e.currentTarget.style.background = 'var(--hover-warm-subtle)'; }}\n              onMouseLeave={(e) => { e.currentTarget.style.background = 'transparent'; }}\n            >\n              Remind me Later\n            </button>\n            <button\n              style={saveBtnStyle}\n              onClick={handleSaveNext}\n              onMouseEnter={(e) => { e.currentTarget.style.opacity = '0.85'; }}\n              onMouseLeave={(e) => { e.currentTarget.style.opacity = '1'; }}\n            >\n              Save &amp; Next\n            </button>\n          </div>\n        </div>\n        <div style={progressBarBg}>\n          <div style={progressBarFill(progressPct)} />\n        </div>\n      </div>\n\n      {/* Body */}\n      <div style={bodyStyle}>\n        {/* Sidebar */}\n        <div style={sidebarStyle}>\n          <p style={stepsCountStyle}>\n            {completedCount} of {totalCount} steps completed\n          </p>\n          <div style={stepsListStyle}>\n            {steps.map((step) => (\n              <StepItem\n                key={step.id}\n                step={step}\n                isCompleted={completedSteps.includes(step.id)}\n                isActive={activeStepId === step.id}\n                onClick={() => handleStepClick(step.id)}\n              />\n            ))}\n          </div>\n        </div>\n\n        {/* Content */}\n        <div style={contentStyle}>\n          {activeStepId === 'workspace' && (\n            <WorkspaceNameContent\n              workspaceName={workspaceName}\n              setWorkspaceName={setWorkspaceName}\n              description={description}\n              setDescription={setDescription}\n              maxDescLength={maxDescLength}\n            />\n          )}\n          {activeStepId === 'interaction' && (\n            <UploadInteraction />\n          )}\n          {activeStepId === 'connect' && (\n            <ConnectData />\n          )}\n          {activeStepId === 'invite' && (\n            <AddTeammates />\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default GettingStarted;\n"],"names":["FF","containerStyle","sectionTitleStyle","sectionSubtitleStyle","gridStyle","DEFAULT_INTEGRATIONS","ConnectData","integrations","onConfigure","jsxs","jsx","integration","IntegrationCard","searchRowStyle","searchInputWrapStyle","searchIconStyle","emailTagStyle","emailTagRemoveStyle","searchInputStyle","inviteBtnStyle","suggestionsListStyle","suggestionItemStyle","avatarStyle","color","suggestionNameStyle","suggestionEmailStyle","DEFAULT_SUGGESTIONS","AddTeammates","suggestions","onInvite","inputValue","setInputValue","useState","emails","setEmails","focused","setFocused","filteredSuggestions","s","addEmail","email","removeEmail","e","handleKeyDown","handleInvite","Search","suggestion","idx","DEFAULT_STEPS","Briefcase","MessageSquare","Database","Users","BookOpen","SlidersHorizontal","pageStyle","headerStyle","headerTopRow","titleStyle","subtitleStyle","headerActions","remindBtnStyle","saveBtnStyle","progressBarBg","progressBarFill","pct","bodyStyle","sidebarStyle","stepsCountStyle","stepsListStyle","stepItemStyle","isActive","stepIconWrap","stepLabelStyle","stepDescStyle","contentStyle","fieldLabelStyle","inputStyle","textareaWrapStyle","textareaStyle","charCountStyle","CompletedIcon","IncompleteIcon","StepItem","step","isCompleted","onClick","hovered","setHovered","WorkspaceNameContent","workspaceName","setWorkspaceName","description","setDescription","maxDescLength","nameFocused","setNameFocused","descFocused","setDescFocused","GettingStarted","steps","completedSteps","initialActiveStep","onSaveNext","onRemindLater","onStepChange","activeStepId","setActiveStepId","completedCount","totalCount","progressPct","handleStepClick","stepId","UploadInteraction"],"mappings":"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"}

package/dist/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./SmallButton.cjs.js"),r=require("./components/primitives.cjs.js"),c=require("./SectionLabel.cjs.js"),d=require("./TextInput.cjs.js"),i=require("./components/data.cjs.js");require("react/jsx-runtime");require("react");require("lucide-react");const a=require("./SummarySection.cjs.js"),u=require("./AutoSearch.cjs.js"),l=require("./Timeline.cjs.js"),C=require("./components/media.cjs.js"),t=require("./components/chat.cjs.js"),o=require("./components/navigation.cjs.js"),n=require("./components/layout.cjs.js"),s=require("./components/notifications.cjs.js"),m=require("./components/models.cjs.js"),S=require("./index.cjs2.js");require("react-dom");require("./sortable.esm.cjs.js");require("./CustomFilterChips.cjs.js");require("recharts");require("./colors.cjs.js");exports.Card=e.Card;exports.DetailCard=e.DetailCard;exports.DeviationIndicator=e.DeviationIndicator;exports.SmallButton=e.SmallButton;exports.Tag=e.Tag;exports.Tooltip=e.Tooltip;exports.TooltipContent=e.TooltipContent;exports.TooltipProvider=e.TooltipProvider;exports.TooltipTrigger=e.TooltipTrigger;exports.Badge=r.Badge;exports.Checkbox=r.Checkbox;exports.ColorPalette=r.ColorPalette;exports.FormLabel=r.FormLabel;exports.InlineConfirm=r.InlineConfirm;exports.MultiSelect=r.MultiSelect;exports.Select=r.Select;exports.TextArea=r.TextArea;exports.SectionLabel=c.SectionLabel;exports.Tabs=c.Tabs;exports.TextInput=d.TextInput;exports.DataTable=i.DataTable;exports.DataTableFilters=i.DataTableFilters;exports.SummaryStatsPanel=i.SummaryStatsPanel;exports.ConditionCard=a.ConditionCard;exports.ModelScoreCard=a.ModelScoreCard;exports.ObservationCard=a.ObservationCard;exports.ScoreDriverCard=a.ScoreDriverCard;exports.ScoreDriverCardVariant=a.ScoreDriverCardVariant;exports.SignalCard=a.SignalCard;exports.SmallObservationCard=a.SmallObservationCard;exports.SummarySection=a.SummarySection;exports.AutoSearch=u.AutoSearch;exports.ConversationTurn=l.ConversationTurn;exports.Timeline=l.Timeline;exports.TranscriptCard=l.TranscriptCard;exports.InteractionSummaryCard=C.InteractionSummaryCard;exports.ChartRenderer=t.ChartRenderer;exports.ChatHistoryPanel=t.ChatHistoryPanel;exports.ChatInterface=t.ChatInterface;exports.ChatMessage=t.ChatMessage;exports.MessageThread=t.MessageThread;exports.ThinkingIndicator=t.ThinkingIndicator;exports.NavDropdown=o.NavDropdown;exports.NavDropdownItem=o.NavDropdownItem;exports.NavPill=o.NavPill;exports.NavigationBar=o.NavigationBar;exports.Sidebar=o.Sidebar;exports.StatusIndicator=o.StatusIndicator;exports.DemoProjectBanner=n.DemoProjectBanner;exports.FirstCallScreen=n.FirstCallScreen;exports.IntegrationCard=n.IntegrationCard;exports.LoginForm=n.LoginForm;exports.OnboardingChecklist=n.OnboardingChecklist;exports.SplitPane=n.SplitPane;exports.NotificationItem=s.NotificationItem;exports.NotificationPanel=s.NotificationPanel;exports.OverlayPanel=m.OverlayPanel;exports.LoginPage=S.LoginPage;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./SmallButton.cjs.js"),r=require("./components/primitives.cjs.js"),d=require("./SectionLabel.cjs.js"),m=require("./TextInput.cjs.js"),i=require("./components/data.cjs.js");require("react/jsx-runtime");require("react");require("lucide-react");const t=require("./SummarySection.cjs.js"),C=require("./AutoSearch.cjs.js"),l=require("./Timeline.cjs.js"),S=require("./components/media.cjs.js"),a=require("./components/chat.cjs.js"),o=require("./components/navigation.cjs.js"),n=require("./components/layout.cjs.js"),T=require("./IntegrationCard.cjs.js"),s=require("./components/notifications.cjs.js"),g=require("./components/models.cjs.js"),u=require("./UploadInteraction.cjs.js"),c=require("./components/onboarding.cjs.js"),p=require("./index.cjs2.js");require("react-dom");require("./sortable.esm.cjs.js");require("./CustomFilterChips.cjs.js");require("recharts");require("./colors.cjs.js");exports.Card=e.Card;exports.DetailCard=e.DetailCard;exports.DeviationIndicator=e.DeviationIndicator;exports.SmallButton=e.SmallButton;exports.Tag=e.Tag;exports.Tooltip=e.Tooltip;exports.TooltipContent=e.TooltipContent;exports.TooltipProvider=e.TooltipProvider;exports.TooltipTrigger=e.TooltipTrigger;exports.Badge=r.Badge;exports.Checkbox=r.Checkbox;exports.ColorPalette=r.ColorPalette;exports.FormLabel=r.FormLabel;exports.InlineConfirm=r.InlineConfirm;exports.MultiSelect=r.MultiSelect;exports.Select=r.Select;exports.TextArea=r.TextArea;exports.SectionLabel=d.SectionLabel;exports.Tabs=d.Tabs;exports.TextInput=m.TextInput;exports.DataTable=i.DataTable;exports.DataTableFilters=i.DataTableFilters;exports.SummaryStatsPanel=i.SummaryStatsPanel;exports.ConditionCard=t.ConditionCard;exports.ModelScoreCard=t.ModelScoreCard;exports.ObservationCard=t.ObservationCard;exports.ScoreDriverCard=t.ScoreDriverCard;exports.ScoreDriverCardVariant=t.ScoreDriverCardVariant;exports.SignalCard=t.SignalCard;exports.SmallObservationCard=t.SmallObservationCard;exports.SummarySection=t.SummarySection;exports.AutoSearch=C.AutoSearch;exports.ConversationTurn=l.ConversationTurn;exports.Timeline=l.Timeline;exports.TranscriptCard=l.TranscriptCard;exports.InteractionSummaryCard=S.InteractionSummaryCard;exports.ChartRenderer=a.ChartRenderer;exports.ChatHistoryPanel=a.ChatHistoryPanel;exports.ChatInterface=a.ChatInterface;exports.ChatMessage=a.ChatMessage;exports.MessageThread=a.MessageThread;exports.ThinkingIndicator=a.ThinkingIndicator;exports.NavDropdown=o.NavDropdown;exports.NavDropdownItem=o.NavDropdownItem;exports.NavPill=o.NavPill;exports.NavigationBar=o.NavigationBar;exports.Sidebar=o.Sidebar;exports.StatusIndicator=o.StatusIndicator;exports.DemoProjectBanner=n.DemoProjectBanner;exports.FirstCallScreen=n.FirstCallScreen;exports.LoginForm=n.LoginForm;exports.OnboardingChecklist=n.OnboardingChecklist;exports.SplitPane=n.SplitPane;exports.IntegrationCard=T.IntegrationCard;exports.NotificationItem=s.NotificationItem;exports.NotificationPanel=s.NotificationPanel;exports.OverlayPanel=g.OverlayPanel;exports.UploadEvaluate=u.UploadEvaluate;exports.UploadInteraction=u.UploadInteraction;exports.AddTeammates=c.AddTeammates;exports.ConnectData=c.ConnectData;exports.GettingStarted=c.GettingStarted;exports.LoginPage=p.LoginPage;
 //# sourceMappingURL=index.cjs.js.map