import type { Meta, StoryObj } from '@storybook/nextjs-vite';
import type React from 'react';

import { TicketEventMessage } from '../components/chat/ticket-event-message';

/**
 * `ticket_event` message segment — the ticket lifecycle receipt (Figma:
 * `ai-assistant-info`, types resolved-fae / resolved-tech / reopened-fae /
 * reopened-tech / reopened-reason).
 *
 * Decoded from the standalone `TICKET_EVENT` chunk (live) or the persisted
 * `TicketEventData` row (history). `kind` is an OPEN vocabulary: unknown
 * kinds render as a neutral info line rather than being dropped, so the
 * backend can add lifecycle kinds without a client release.
 */

/** Fixed so the timestamp doesn't churn between snapshots. */
const TIMESTAMP = new Date('2026-08-07T14:47:00');

const plainDecorator = (Story: React.ComponentType) => (
  <div style={{ maxWidth: 600, background: 'var(--color-bg)' }} className="p-4">
    <Story />
  </div>
);

const meta = {
  title: 'Chat/Client/TicketEventMessage',
  component: TicketEventMessage,
  tags: ['autodocs'],
  parameters: {
    docs: {
      description: {
        component:
          "Renders a `TICKET_EVENT` block: a green check for RESOLVED, a pink info tile for REOPENED and for any kind this build doesn't know, with copy composed from the event's actor and reason fields.",
      },
    },
  },
  decorators: [plainDecorator],
} satisfies Meta<typeof TicketEventMessage>;

export default meta;
type Story = StoryObj<typeof meta>;

/** Fae (the AI agent) resolved the ticket — Figma type=resolved-fae. */
export const ResolvedByFae: Story = {
  args: {
    data: { kind: 'RESOLVED', actorId: 'fae', actorName: 'Fae', actorType: 'AI' },
    timestamp: TIMESTAMP,
  },
};

/** A human technician resolved the ticket — Figma type=resolved-tech. */
export const ResolvedByTechnician: Story = {
  args: {
    data: { kind: 'RESOLVED', actorId: 'u-42', actorName: 'Roman Smith', actorType: 'TECHNICIAN' },
    timestamp: TIMESTAMP,
  },
};

/** Reopened with the user's stated reason — Figma type=reopened-reason. */
export const ReopenedWithReason: Story = {
  args: {
    data: {
      kind: 'REOPENED',
      actorId: 'u-7',
      actorName: 'John Smith',
      actorType: 'CLIENT',
      reason: 'The printer stopped working again',
    },
    timestamp: TIMESTAMP,
  },
};

/** Reopened into AI Handling (targetStatusKind decides) — Figma type=reopened-fae. */
export const ReopenedFaeContinues: Story = {
  args: {
    data: {
      kind: 'REOPENED',
      actorId: 'u-7',
      actorName: 'John Smith',
      actorType: 'CLIENT',
      targetStatusKind: 'AI_ASSISTANCE',
    },
    timestamp: TIMESTAMP,
  },
};

/** Reopened into Tech Required (targetStatusKind decides) — Figma type=reopened-tech. */
export const ReopenedTechnicianReplies: Story = {
  args: {
    data: {
      kind: 'REOPENED',
      actorId: 'u-7',
      actorName: 'John Smith',
      actorType: 'CLIENT',
      targetStatusKind: 'TECH_REQUIRED',
    },
    timestamp: TIMESTAMP,
  },
};

/** Older backend without targetStatusKind — the actorType heuristic still decides. */
export const ReopenedLegacyActorFallback: Story = {
  args: {
    data: { kind: 'REOPENED', actorId: 'fae', actorName: 'Fae', actorType: 'AI' },
    timestamp: TIMESTAMP,
  },
};

/**
 * A kind the client has never seen. The open vocabulary means the backend can
 * add lifecycle kinds without a client release — this story is the regression
 * guard: neutral info line, humanized title, never dropped.
 */
export const UnknownKind: Story = {
  args: {
    data: { kind: 'ON_HOLD', actorName: 'Roman Smith', reason: 'Waiting for replacement hardware' },
    timestamp: TIMESTAMP,
  },
};