import type { Meta, StoryObj } from '@storybook/nextjs-vite'
import { HowIWorkCard, HowIWorkCardSkeleton } from '../components/chat/entity-cards/how-i-work-card'
import { ChatColumnDecorator, makeAnchorProps } from './__fixtures__/chat-card-decorator'
import { howIWorkEntry } from './__fixtures__/chat-cards'

const meta: Meta<typeof HowIWorkCard> = {
  title: 'Chat/EntityCards/HowIWorkCard',
  component: HowIWorkCard,
  parameters: {
    layout: 'fullscreen',
    docs: {
      description: {
        component:
          'Card for a `how_i_work` session — a thin binding over `EmployeeEntryCard` that maps `session_date` to the meta date and adds the discipline badge. Engine states (statuses, cover fallbacks, empty draft) are covered by the EmployeeEntryCard stories.',
      },
    },
  },
  decorators: [(Story) => <ChatColumnDecorator><Story /></ChatColumnDecorator>],
}

export default meta
type Story = StoryObj<typeof meta>

export const Default: Story = {
  args: {
    entry: howIWorkEntry,
  },
}

/** Related-rail click-through — the whole card is one anchor. */
export const AsAnchor: Story = {
  args: {
    entry: howIWorkEntry,
    anchorProps: makeAnchorProps('/how-i-work/' + 'competitive-research-claude'),
  },
}

/** No discipline picked yet (fresh draft) — badge row shows status only. */
export const NoDiscipline: Story = {
  args: {
    entry: { ...howIWorkEntry, discipline: null, status: 'draft' },
  },
}

export const Skeleton: StoryObj = {
  render: () => <HowIWorkCardSkeleton />,
}