@vibe-forge/client 2.0.0 → 3.0.0-alpha.0

package/src/components/chat/NewSessionGuideCompactPanel.tsx

@@ -1,130 +0,0 @@
-import { Button } from 'antd'
-import type { ReactNode } from 'react'
-import { useTranslation } from 'react-i18next'
-
-import type { EntitySummary, SpecSummary } from '#~/api.js'
-
-export function NewSessionGuideCompactPanel({
-  alwaysSpecs,
-  entities,
-  helpItems,
-  hiddenEntityCount,
-  hiddenHelpCount,
-  hiddenSpecCount,
-  isEntitiesReady,
-  isSpecsReady,
-  onCreateEntity,
-  onCreateSpec,
-  renderMoreCount,
-  visibleEntities,
-  visibleHelpItems,
-  visibleSpecs
-}: {
-  alwaysSpecs: SpecSummary[]
-  entities: EntitySummary[]
-  helpItems: string[]
-  hiddenEntityCount: number
-  hiddenHelpCount: number
-  hiddenSpecCount: number
-  isEntitiesReady: boolean
-  isSpecsReady: boolean
-  onCreateEntity: () => void
-  onCreateSpec: () => void
-  renderMoreCount: (count: number) => ReactNode
-  visibleEntities: EntitySummary[]
-  visibleHelpItems: string[]
-  visibleSpecs: SpecSummary[]
-}) {
-  const { t } = useTranslation()
-
-  return (
-    <div className='new-session-guide__compact-panel'>
-      <div className='new-session-guide__compact-row'>
-        <div className='new-session-guide__compact-row-header'>
-          <div className='new-session-guide__title'>
-            <span className='material-symbols-rounded new-session-guide__title-icon'>account_tree</span>
-            <span>{t('chat.newSessionGuide.specs.title')}</span>
-          </div>
-          <div className='new-session-guide__count'>{alwaysSpecs.length}</div>
-        </div>
-
-        {!isSpecsReady && (
-          <div className='new-session-guide__loading'>{t('chat.newSessionGuide.loading')}</div>
-        )}
-
-        {isSpecsReady && alwaysSpecs.length > 0 && visibleSpecs[0] != null && (
-          <div className='new-session-guide__compact-row-main'>
-            <div className='new-session-guide__compact-primary-title'>{visibleSpecs[0].name}</div>
-            <div className='new-session-guide__compact-primary-desc'>{visibleSpecs[0].description}</div>
-            {visibleSpecs[0].params.length > 0 && (
-              <div className='new-session-guide__meta'>
-                {t('chat.newSessionGuide.specs.params', { count: visibleSpecs[0].params.length })}
-              </div>
-            )}
-            {renderMoreCount(hiddenSpecCount)}
-          </div>
-        )}
-
-        {isSpecsReady && alwaysSpecs.length === 0 && (
-          <div className='new-session-guide__compact-inline-actions'>
-            <div className='new-session-guide__empty-desc'>{t('chat.newSessionGuide.specs.empty')}</div>
-            <Button type='primary' size='small' onClick={onCreateSpec}>
-              {t('chat.newSessionGuide.specs.create')}
-            </Button>
-          </div>
-        )}
-      </div>
-
-      <div className='new-session-guide__compact-row'>
-        <div className='new-session-guide__compact-row-header'>
-          <div className='new-session-guide__title'>
-            <span className='material-symbols-rounded new-session-guide__title-icon'>group_work</span>
-            <span>{t('chat.newSessionGuide.entities.title')}</span>
-          </div>
-          <div className='new-session-guide__count'>{entities.length}</div>
-        </div>
-
-        {!isEntitiesReady && (
-          <div className='new-session-guide__loading'>{t('chat.newSessionGuide.loading')}</div>
-        )}
-
-        {isEntitiesReady && entities.length > 0 && visibleEntities[0] != null && (
-          <div className='new-session-guide__compact-row-main'>
-            <div className='new-session-guide__compact-primary-title'>{visibleEntities[0].name}</div>
-            <div className='new-session-guide__compact-primary-desc'>{visibleEntities[0].description}</div>
-            {renderMoreCount(hiddenEntityCount)}
-          </div>
-        )}
-
-        {isEntitiesReady && entities.length === 0 && (
-          <div className='new-session-guide__compact-inline-actions'>
-            <div className='new-session-guide__empty-desc'>{t('chat.newSessionGuide.entities.empty')}</div>
-            <Button type='primary' size='small' onClick={onCreateEntity}>
-              {t('chat.newSessionGuide.entities.create')}
-            </Button>
-          </div>
-        )}
-      </div>
-
-      <div className='new-session-guide__compact-row'>
-        <div className='new-session-guide__compact-row-header'>
-          <div className='new-session-guide__title'>
-            <span className='material-symbols-rounded new-session-guide__title-icon'>tips_and_updates</span>
-            <span>{t('chat.newSessionGuide.help.title')}</span>
-          </div>
-          <div className='new-session-guide__count'>{helpItems.length}</div>
-        </div>
-
-        <div className='new-session-guide__compact-row-main'>
-          {visibleHelpItems[0] != null && (
-            <div className='new-session-guide__compact-help-item'>
-              <span className='material-symbols-rounded new-session-guide__help-icon'>check_circle</span>
-              <span>{visibleHelpItems[0]}</span>
-            </div>
-          )}
-          {renderMoreCount(hiddenHelpCount)}
-        </div>
-      </div>
-    </div>
-  )
-}

package/src/components/chat/NewSessionGuideGrid.tsx

@@ -1,141 +0,0 @@
-import { Button } from 'antd'
-import type { ReactNode } from 'react'
-import { useTranslation } from 'react-i18next'
-
-import type { EntitySummary, SpecSummary } from '#~/api.js'
-
-export function NewSessionGuideGrid({
-  alwaysSpecs,
-  entities,
-  hiddenEntityCount,
-  hiddenHelpCount,
-  hiddenSpecCount,
-  isEntitiesReady,
-  isSpecsReady,
-  onCreateEntity,
-  onCreateSpec,
-  renderMoreCount,
-  visibleEntities,
-  visibleHelpItems,
-  visibleSpecs
-}: {
-  alwaysSpecs: SpecSummary[]
-  entities: EntitySummary[]
-  hiddenEntityCount: number
-  hiddenHelpCount: number
-  hiddenSpecCount: number
-  isEntitiesReady: boolean
-  isSpecsReady: boolean
-  onCreateEntity: () => void
-  onCreateSpec: () => void
-  renderMoreCount: (count: number) => ReactNode
-  visibleEntities: EntitySummary[]
-  visibleHelpItems: string[]
-  visibleSpecs: SpecSummary[]
-}) {
-  const { t } = useTranslation()
-
-  return (
-    <div className='new-session-guide__grid'>
-      <div className='new-session-guide__card'>
-        <div className='new-session-guide__header'>
-          <div className='new-session-guide__title'>
-            <span className='material-symbols-rounded new-session-guide__title-icon'>account_tree</span>
-            <span>{t('chat.newSessionGuide.specs.title')}</span>
-          </div>
-          <div className='new-session-guide__count'>{alwaysSpecs.length}</div>
-        </div>
-        <div className='new-session-guide__body'>
-          {!isSpecsReady && (
-            <div className='new-session-guide__loading'>{t('chat.newSessionGuide.loading')}</div>
-          )}
-          {isSpecsReady && alwaysSpecs.length > 0 && (
-            <div className='new-session-guide__list'>
-              {visibleSpecs.map((spec) => (
-                <div key={spec.id} className='new-session-guide__item'>
-                  <div className='new-session-guide__item-title'>
-                    <span>{spec.name}</span>
-                  </div>
-                  <div className='new-session-guide__item-desc'>{spec.description}</div>
-                  {spec.params.length > 0 && (
-                    <div className='new-session-guide__meta'>
-                      {t('chat.newSessionGuide.specs.params', { count: spec.params.length })}
-                    </div>
-                  )}
-                </div>
-              ))}
-              {renderMoreCount(hiddenSpecCount)}
-            </div>
-          )}
-          {isSpecsReady && alwaysSpecs.length === 0 && (
-            <div className='new-session-guide__empty'>
-              <div className='new-session-guide__empty-desc'>{t('chat.newSessionGuide.specs.empty')}</div>
-              <Button type='primary' size='small' onClick={onCreateSpec}>
-                {t('chat.newSessionGuide.specs.create')}
-              </Button>
-            </div>
-          )}
-        </div>
-      </div>
-
-      <div className='new-session-guide__card'>
-        <div className='new-session-guide__header'>
-          <div className='new-session-guide__title'>
-            <span className='material-symbols-rounded new-session-guide__title-icon'>group_work</span>
-            <span>{t('chat.newSessionGuide.entities.title')}</span>
-          </div>
-          <div className='new-session-guide__count'>{entities.length}</div>
-        </div>
-        <div className='new-session-guide__body'>
-          {!isEntitiesReady && (
-            <div className='new-session-guide__loading'>{t('chat.newSessionGuide.loading')}</div>
-          )}
-          {isEntitiesReady && entities.length > 0 && (
-            <div className='new-session-guide__list'>
-              {visibleEntities.map((entity) => (
-                <div key={entity.id} className='new-session-guide__item'>
-                  <div className='new-session-guide__item-title'>
-                    <span>{entity.name}</span>
-                  </div>
-                  <div className='new-session-guide__item-desc'>{entity.description}</div>
-                </div>
-              ))}
-              {renderMoreCount(hiddenEntityCount)}
-            </div>
-          )}
-          {isEntitiesReady && entities.length === 0 && (
-            <div className='new-session-guide__empty'>
-              <div className='new-session-guide__empty-desc'>{t('chat.newSessionGuide.entities.empty')}</div>
-              <Button type='primary' size='small' onClick={onCreateEntity}>
-                {t('chat.newSessionGuide.entities.create')}
-              </Button>
-            </div>
-          )}
-        </div>
-      </div>
-
-      <div className='new-session-guide__card'>
-        <div className='new-session-guide__header'>
-          <div className='new-session-guide__title'>
-            <span className='material-symbols-rounded new-session-guide__title-icon'>tips_and_updates</span>
-            <span>{t('chat.newSessionGuide.help.title')}</span>
-          </div>
-        </div>
-        <div className='new-session-guide__body'>
-          <div className='new-session-guide__help'>
-            {visibleHelpItems.map(item => (
-              <div key={item} className='new-session-guide__help-item'>
-                <span className='material-symbols-rounded new-session-guide__help-icon'>check_circle</span>
-                <span>{item}</span>
-              </div>
-            ))}
-          </div>
-          {renderMoreCount(hiddenHelpCount)}
-          <div className='new-session-guide__help-footer'>
-            {t('chat.newSessionGuide.help.footer')}
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-}

package/src/components/chat/sender/@components/reference-actions/ReferencePermissionActionsPopover.tsx

@@ -1,114 +0,0 @@
-import { Popover } from 'antd'
-import { useTranslation } from 'react-i18next'
-
-import { useResponsiveLayout } from '#~/hooks/use-responsive-layout'
-
-import type {
-  SenderToolbarData,
-  SenderToolbarHandlers,
-  SenderToolbarRefs,
-  SenderToolbarState
-} from '../../@types/sender-toolbar-types'
-import { permissionModeIconMap } from '../../@utils/sender-constants'
-
-export function ReferencePermissionActionsPopover({
-  state,
-  data,
-  refs,
-  handlers
-}: {
-  state: Pick<SenderToolbarState, 'showReferenceActions' | 'showPermissionActions' | 'permissionMode'>
-  data: Pick<SenderToolbarData, 'permissionModeOptions'>
-  refs: Pick<SenderToolbarRefs, 'referenceMenuNavigation' | 'permissionMenuNavigation'>
-  handlers: Pick<
-    SenderToolbarHandlers,
-    | 'onShowPermissionActionsChange'
-    | 'onReferenceMenuKeyDown'
-    | 'onPermissionMenuKeyDown'
-    | 'onSelectPermissionMode'
-  >
-}) {
-  const { t } = useTranslation()
-  const { isTouchInteraction } = useResponsiveLayout()
-  const { showReferenceActions, showPermissionActions, permissionMode } = state
-  const { permissionModeOptions } = data
-  const { referenceMenuNavigation, permissionMenuNavigation } = refs
-  const {
-    onShowPermissionActionsChange,
-    onReferenceMenuKeyDown,
-    onPermissionMenuKeyDown,
-    onSelectPermissionMode
-  } = handlers
-  const selectedPermissionOption = permissionModeOptions.find(option => option.value === permissionMode)
-
-  return (
-    <Popover
-      content={
-        <div className='reference-actions-menu reference-actions-menu--submenu'>
-          {permissionModeOptions.map(option => (
-            <button
-              key={option.value}
-              ref={permissionMenuNavigation.registerItem(option.value)}
-              type='button'
-              className={`reference-actions-menu-item ${permissionMode === option.value ? 'is-selected' : ''}`.trim()}
-              onMouseEnter={() => permissionMenuNavigation.setActiveKey(option.value)}
-              onFocus={() => permissionMenuNavigation.setActiveKey(option.value)}
-              onKeyDown={(event) => onPermissionMenuKeyDown(event, option.value)}
-              onClick={() => {
-                onSelectPermissionMode(option.value)
-              }}
-            >
-              <span className='reference-action-option reference-action-option--permission'>
-                <span className='material-symbols-rounded reference-action-option__icon'>
-                  {permissionModeIconMap[option.value]}
-                </span>
-                <span className='reference-action-option__label'>{option.label}</span>
-                {permissionMode === option.value && (
-                  <span className='material-symbols-rounded reference-action-option__check'>check</span>
-                )}
-              </span>
-            </button>
-          ))}
-        </div>
-      }
-      open={showReferenceActions ? showPermissionActions : false}
-      onOpenChange={(nextOpen) => {
-        if (!showReferenceActions) {
-          return
-        }
-
-        referenceMenuNavigation.setActiveKey('permission')
-        if (nextOpen) {
-          permissionMenuNavigation.setActiveKey(permissionMode)
-        }
-        onShowPermissionActionsChange(nextOpen)
-      }}
-      placement='rightTop'
-      trigger={isTouchInteraction ? ['click'] : ['hover', 'click']}
-      classNames={{ root: 'reference-actions-submenu-popover' }}
-      destroyOnHidden
-      arrow={false}
-    >
-      <button
-        ref={referenceMenuNavigation.registerItem('permission')}
-        type='button'
-        className='reference-actions-menu-item reference-actions-menu-item--submenu'
-        onMouseEnter={() => referenceMenuNavigation.setActiveKey('permission')}
-        onFocus={() => referenceMenuNavigation.setActiveKey('permission')}
-        onKeyDown={(event) => onReferenceMenuKeyDown(event, 'permission')}
-        onClick={(event) => {
-          event.preventDefault()
-          event.stopPropagation()
-          onShowPermissionActionsChange(!showPermissionActions)
-        }}
-      >
-        <span className='reference-action-option'>
-          <span className='material-symbols-rounded reference-action-option__icon'>lock</span>
-          <span className='reference-action-option__label'>{t('chat.referencePermission')}</span>
-          <span className='reference-action-option__value'>{selectedPermissionOption?.label}</span>
-          <span className='material-symbols-rounded reference-action-option__chevron'>chevron_right</span>
-        </span>
-      </button>
-    </Popover>
-  )
-}