AIFlare — AI와 짠 코드의 맥락을, 혼자서도 팀으로도

개요

타임라인은 프로젝트 단위로 쌓이는 Timeline Entry의 피드입니다. 각 엔트리는 커밋 1개에 대응하며, AI가 해당 커밋을 만들 때 나눈 대화·의도·변경 요약을 자동으로 담습니다.

타임라인 목록

내 타임라인(`/console/[projectId]/me`)에서 프로젝트에 속한 모든 엔트리를 시간 역순으로 확인합니다. 커서 기반 페이지네이션으로 대용량 데이터도 빠르게 스크롤할 수 있습니다.

필드내용

제목 (title)커밋 직후 Skill이 AI로부터 추출한 한 줄 요약

태그 (tag)FEATURE / FIX / REFACTOR / DOCS / CHORE 중 하나

커밋 해시Git 커밋 SHA (7자리 단축)

Push 상태LOCAL(로컬 only) 또는 PUSHED(원격 반영 완료)

생성 시각캡처가 기록된 UTC 기준 시각

필터 & 검색

필터바에서 아래 조건을 조합해 원하는 엔트리를 빠르게 찾을 수 있습니다.

1태그 — FEATURE, FIX, REFACTOR, DOCS, CHORE 중 복수 선택 가능

2날짜 범위 — 시작일·종료일 지정

3Work Session — 특정 세션에 속한 엔트리만 표시

4키워드 검색 — 제목·의도 전문 검색 (날짜 범위 조합 지원)

보기 모드 & 사이드바 네비게이션

타임라인(/me) 페이지는 좌측 사이드바에서 어떤 항목을 선택했느냐에 따라 우측 영역의 표시 방식이 달라집니다. 최상단 「전체」 메뉴는 프로젝트의 모든 엔트리를 날짜별 그룹핑으로 보여 주고, 하단의 세션 목록에서 특정 세션을 클릭하면 해당 Work Session에 속한 엔트리만 모아 세션 전용 뷰로 전환됩니다.

/me — 사이드바 네비게이션

📋전체

⭐즐겨찾기

🔍검색

Sessions

인증 시스템 구현

다크 모드 추가

Timeline — All selected

📅 Today3

e395786 · Add JWT token issuance logic

782facb · Refresh token endpoint

📅 Yesterday2

전체 메뉴

「전체」 선택 — 날짜별 그룹핑 뷰

사이드바 최상단의 「전체」를 선택하면 프로젝트에 속한 모든 엔트리가 생성 날짜로 묶여 시간 역순으로 노출됩니다. 각 날짜 헤더에는 캘린더 아이콘과 함께 「오늘 / 어제 / 날짜」가 로케일에 맞춰 표기되고, 그날 쌓인 엔트리 수가 배지로 함께 표시됩니다.

날짜 헤더 클릭 — 해당 날짜 섹션만 접거나 펼칩니다.
상단 「전체 펼치기 / 전체 접기」 버튼으로 모든 날짜 섹션을 한 번에 제어합니다.
엔트리는 날짜 블록 내부에서 다시 시간 역순으로 정렬됩니다.

세션 선택

세션 항목 클릭 — 세션별 타임라인 뷰

사이드바 하단의 세션 목록에서 특정 세션을 클릭하면 우측 영역이 세션 전용 뷰로 전환됩니다. 날짜별 그룹핑은 적용되지 않으며, 세션 헤더·세션 요약 리포트·소속 커밋 목록이 시간순으로 차례대로 나열됩니다.

상단에 세션명과 수정 버튼을 포함한 세션 헤더가 고정됩니다.
세션 요약 리포트 카드가 헤더 바로 아래 노출됩니다.
세션 헤더 우측의 「View Prompt」 버튼으로 세션 전체 프롬프트 모달을 엽니다.

세션 클릭 시 우측 영역

Authentication system implementation3 commits💬 View Prompt

Session summary

A session of three commits covering the entire authentication flow.

e395786Add JWT token issuance logicFEATURE

782facbImplement refresh token endpointFEATURE

3a1d09cHandle token expiration exceptionFIX

「전체」 선택은 URL 경로 변경으로 라우팅되는 반면, 세션 선택은 사이드바 상태로만 관리되어 URL은 그대로 유지됩니다.

💬

세션 전체 프롬프트 보기

세션별 타임라인의 세션 헤더 우측 「View Prompt」 버튼을 누르면 해당 Work Session 동안 사용자와 Claude Code 에이전트가 주고받은 프롬프트 전체가 모달로 열립니다. 각 메시지는 사용자·에이전트 아바타로 구분되어 시간순으로 렌더링되며, 여러 커밋에 걸쳐 이어진 대화의 전체 흐름을 한 화면에서 복기할 수 있습니다.

세션 내 모든 커밋의 대화가 단일 스크롤 뷰에 합쳐져 표시됩니다.
커밋 단위 상세 모달이 「이 커밋 범위의 대화」에 집중한다면, 세션 프롬프트 모달은 「목표 달성까지의 전체 맥락」을 보여 줍니다.
ESC 키나 바깥 영역 클릭으로 쉽게 닫을 수 있습니다.

엔트리 상세

엔트리 카드를 클릭하면 2단 상세 모달이 열립니다. 좌측에는 커밋 컨텍스트(메타·Intent·Alternatives·Diff·Comments)가, 우측에는 고정된 Prompts 패널이 함께 노출되어 "AI가 정리한 설명"과 "실제로 오간 대화"를 나란히 비교할 수 있습니다.

Entry detail modal

Commit context

Intent

Alternatives

Diff

Comments

Prompts

👤 user

🤖 agent

👤 user

좌측 — 커밋 컨텍스트

커밋 해시·태그·시각과 함께 아래 섹션을 스크롤하며 살펴봅니다.

Intent (의도)

이 커밋을 왜 만들었는지 — AI가 작업 직후 정리한 한 문단 설명

Alternatives (대안)

해당 방식을 선택하기 전 고려한 다른 접근법

Diff 요약

변경된 파일 목록과 각 파일에서 무엇이 바뀌었는지 자연어 요약

Comments

팀원이 해당 엔트리에 남긴 리뷰·의견 스레드

💬

우측 Prompts 패널 — 커밋 시점 프롬프트 보기

커밋 직전·직후에 사용자와 에이전트가 나눈 실제 대화를 시간순으로 보여주는 고정 사이드 패널입니다. 좌측 콘텐츠를 스크롤해도 패널은 제자리에 유지되어, AI가 정리한 의도와 실제 프롬프트를 한 화면에서 곧바로 대조할 수 있습니다.

메시지마다 타임스탬프와 사용자·에이전트 아바타가 함께 표시되어 주체 구분이 명확합니다.
하나의 엔트리에 연결된 모든 Conversation이 같은 패널에서 연속 표시됩니다.
세션 전체 프롬프트 모달과 달리, 이 패널은 해당 커밋 범위의 대화만 필터링해 보여 줍니다.

Push 상태

엔트리는 두 가지 상태를 가집니다. pre-push hook이 실행되면 자동으로 PUSHED로 전환되며, 필요 시 수동으로도 전환할 수 있습니다.

LOCAL

커밋은 완료됐지만 아직 원격 저장소에 push되지 않은 상태

PUSHED

git push 후 pre-push hook이 서버에 상태 업데이트를 전송한 상태

push 실패나 hook 미실행 시 상세 패널의 "PUSHED로 전환" 버튼으로 수동 업데이트할 수 있습니다.

개요

타임라인 목록

필드내용

제목 (title)커밋 직후 Skill이 AI로부터 추출한 한 줄 요약

태그 (tag)FEATURE / FIX / REFACTOR / DOCS / CHORE 중 하나

커밋 해시Git 커밋 SHA (7자리 단축)

Push 상태LOCAL(로컬 only) 또는 PUSHED(원격 반영 완료)

생성 시각캡처가 기록된 UTC 기준 시각

필터 & 검색

필터바에서 아래 조건을 조합해 원하는 엔트리를 빠르게 찾을 수 있습니다.

1태그 — FEATURE, FIX, REFACTOR, DOCS, CHORE 중 복수 선택 가능

2날짜 범위 — 시작일·종료일 지정

3Work Session — 특정 세션에 속한 엔트리만 표시

4키워드 검색 — 제목·의도 전문 검색 (날짜 범위 조합 지원)

보기 모드 & 사이드바 네비게이션

/me — 사이드바 네비게이션

📋전체

⭐즐겨찾기

🔍검색

Sessions

인증 시스템 구현

다크 모드 추가

Timeline — All selected

📅 Today3

e395786 · Add JWT token issuance logic

782facb · Refresh token endpoint

📅 Yesterday2

전체 메뉴

「전체」 선택 — 날짜별 그룹핑 뷰

날짜 헤더 클릭 — 해당 날짜 섹션만 접거나 펼칩니다.
상단 「전체 펼치기 / 전체 접기」 버튼으로 모든 날짜 섹션을 한 번에 제어합니다.
엔트리는 날짜 블록 내부에서 다시 시간 역순으로 정렬됩니다.

세션 선택

세션 항목 클릭 — 세션별 타임라인 뷰

상단에 세션명과 수정 버튼을 포함한 세션 헤더가 고정됩니다.
세션 요약 리포트 카드가 헤더 바로 아래 노출됩니다.
세션 헤더 우측의 「View Prompt」 버튼으로 세션 전체 프롬프트 모달을 엽니다.

세션 클릭 시 우측 영역

Authentication system implementation3 commits💬 View Prompt

Session summary

A session of three commits covering the entire authentication flow.

e395786Add JWT token issuance logicFEATURE

782facbImplement refresh token endpointFEATURE

3a1d09cHandle token expiration exceptionFIX

「전체」 선택은 URL 경로 변경으로 라우팅되는 반면, 세션 선택은 사이드바 상태로만 관리되어 URL은 그대로 유지됩니다.

💬

세션 전체 프롬프트 보기

세션 내 모든 커밋의 대화가 단일 스크롤 뷰에 합쳐져 표시됩니다.
커밋 단위 상세 모달이 「이 커밋 범위의 대화」에 집중한다면, 세션 프롬프트 모달은 「목표 달성까지의 전체 맥락」을 보여 줍니다.
ESC 키나 바깥 영역 클릭으로 쉽게 닫을 수 있습니다.

엔트리 상세

Entry detail modal

Commit context

Intent

Alternatives

Diff

Comments

Prompts

👤 user

🤖 agent

👤 user

좌측 — 커밋 컨텍스트

커밋 해시·태그·시각과 함께 아래 섹션을 스크롤하며 살펴봅니다.

Intent (의도)

이 커밋을 왜 만들었는지 — AI가 작업 직후 정리한 한 문단 설명

Alternatives (대안)

해당 방식을 선택하기 전 고려한 다른 접근법

Diff 요약

변경된 파일 목록과 각 파일에서 무엇이 바뀌었는지 자연어 요약

Comments

팀원이 해당 엔트리에 남긴 리뷰·의견 스레드

💬

우측 Prompts 패널 — 커밋 시점 프롬프트 보기

메시지마다 타임스탬프와 사용자·에이전트 아바타가 함께 표시되어 주체 구분이 명확합니다.
하나의 엔트리에 연결된 모든 Conversation이 같은 패널에서 연속 표시됩니다.
세션 전체 프롬프트 모달과 달리, 이 패널은 해당 커밋 범위의 대화만 필터링해 보여 줍니다.

Push 상태

엔트리는 두 가지 상태를 가집니다. pre-push hook이 실행되면 자동으로 PUSHED로 전환되며, 필요 시 수동으로도 전환할 수 있습니다.

LOCAL

커밋은 완료됐지만 아직 원격 저장소에 push되지 않은 상태

PUSHED

git push 후 pre-push hook이 서버에 상태 업데이트를 전송한 상태

push 실패나 hook 미실행 시 상세 패널의 "PUSHED로 전환" 버튼으로 수동 업데이트할 수 있습니다.