File Size Overall
  • There are 32 files with 2,206 lines of code.
    • 0 very long files (0 lines of code)
    • 0 long files (0 lines of code)
    • 1 medium size files (370 lines of code)
    • 8 small files (1,029 lines of code)
    • 23 very small files (807 lines of code)
0% | 0% | 16% | 46% | 36%
Legend:
1001+
501-1000
201-500
101-200
1-100


explore: grouped by folders | grouped by size | sunburst | 3D view
File Size per Extension
1001+
501-1000
201-500
101-200
1-100
ts0% | 0% | 32% | 38% | 29%
tsx0% | 0% | 0% | 51% | 48%
css0% | 0% | 0% | 100% | 0%
mjs0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
app0% | 0% | 47% | 48% | 4%
hooks0% | 0% | 0% | 100% | 0%
components0% | 0% | 0% | 34% | 65%
services0% | 0% | 0% | 100% | 0%
lib0% | 0% | 0% | 0% | 100%
ROOT0% | 0% | 0% | 0% | 100%
types0% | 0% | 0% | 0% | 100%
Longest Files (Top 32)
File# lines# units
route.ts
in app/api/photobooth
370 23
151 -
150 -
page.tsx
in app
139 -
imagegen-api.ts
in services
138 -
118 -
page.tsx
in app/results
117 1
select.tsx
in components/ui
109 -
capture-stage.tsx
in components/photobooth
107 -
result-image-card.tsx
in components/photobooth
93 -
68 1
result-preview-modal.tsx
in components/photobooth
68 -
60 -
52 -
style-option-card.tsx
in components/photobooth
49 -
button.tsx
in components/ui
46 -
style-options-list.tsx
in components/photobooth
46 -
desktop-style-panel.tsx
in components/photobooth
41 -
mobile-style-strip.tsx
in components/photobooth
36 -
35 1
model-selector.tsx
in components/photobooth
30 -
sse.ts
in lib
28 -
25 -
file-utils.ts
in lib/browser
22 -
22 -
21 -
18 -
17 -
16 -
utils.ts
in lib
5 1
5 -
4 -
Large Files That Change Often (Top 19)
To change a file, an AI coding agent (or a person) has to read it: these files are read the most for the changes in the past year (lines × changes).
File# lines≈ tokens
to read
# changes
(1y)
≈ lines edited
per change
lines read per
line changed
route.ts
in app/api/photobooth
370 ~2k–7k 1 ~50 ~7
151 ~1k–3k 1 ~50 ~3
150 ~1k–3k 1 ~3 ~30
page.tsx
in app
139 ~700–2k 1 ~30 ~5
imagegen-api.ts
in services
138 ~700–2k 1 ~50 ~2
page.tsx
in app/results
117 ~700–2k 1 ~30 ~3
select.tsx
in components/ui
109 ~700–2k 1 ~150 ~1
capture-stage.tsx
in components/photobooth
107 ~700–1.5k 1 ~3 ~30
68 ~300–1k 1 ~15 ~5
52 ~300–1k 1 ~10 ~5
desktop-style-panel.tsx
in components/photobooth
41 under 1k 1 ~7 ~5
mobile-style-strip.tsx
in components/photobooth
36 under 1k 1 ~7 ~5
35 under 1k 1 ~3 ~10
model-selector.tsx
in components/photobooth
30 under 1k 1 ~30 ~1
25 under 1k 1 ~2 ~10
file-utils.ts
in lib/browser
22 under 1k 1 ~50 ~0
22 under 1k 1 ~3 ~5
18 under 1k 1 ~20 ~1
16 under 1k 1 ~1 ~15

Tokens are lines × 7 to 14 (analysis.fileReadsForChanges). Lines edited per change are the file's lines added and deleted divided by its commits over the whole history. Agents read about 2,000 lines at a time: when a 17,000-line file was split into modules, the tokens an agent read for the same change fell by 83% (The Economic Benefit of Refactoring, 2026).

Files With Most Units (Top 5)
File# lines# units
route.ts
in app/api/photobooth
370 23
68 1
page.tsx
in app/results
117 1
35 1
utils.ts
in lib
5 1
Files With Long Lines (Top 11)

There are 11 files with lines longer than 120 characters. In total, there are 24 long lines.

File# lines# units# long lines
60 - 6
select.tsx
in components/ui
109 - 4
result-preview-modal.tsx
in components/photobooth
68 - 3
page.tsx
in app
139 - 2
result-image-card.tsx
in components/photobooth
93 - 2
capture-stage.tsx
in components/photobooth
107 - 2
page.tsx
in app/results
117 1 1
button.tsx
in components/ui
46 - 1
desktop-style-panel.tsx
in components/photobooth
41 - 1
style-option-card.tsx
in components/photobooth
49 - 1
16 - 1
Correlations

File Size vs. Commits (all time): 19 points

app/api/photobooth/route.ts x: 1 commits (all time) y: 370 lines of code app/layout.tsx x: 1 commits (all time) y: 35 lines of code app/page.tsx x: 1 commits (all time) y: 139 lines of code app/results/page.tsx x: 1 commits (all time) y: 117 lines of code components/photobooth/capture-stage.tsx x: 1 commits (all time) y: 107 lines of code components/photobooth/desktop-style-panel.tsx x: 1 commits (all time) y: 41 lines of code components/photobooth/model-selector.tsx x: 1 commits (all time) y: 30 lines of code components/ui/select.tsx x: 1 commits (all time) y: 109 lines of code hooks/use-photobooth-capture.ts x: 1 commits (all time) y: 150 lines of code hooks/use-photobooth-results.ts x: 1 commits (all time) y: 151 lines of code lib/browser/file-utils.ts x: 1 commits (all time) y: 22 lines of code lib/constants.ts x: 1 commits (all time) y: 16 lines of code lib/image-models.ts x: 1 commits (all time) y: 18 lines of code lib/photobooth-session.ts x: 1 commits (all time) y: 52 lines of code middleware.ts x: 1 commits (all time) y: 68 lines of code services/imagegen-api.ts x: 1 commits (all time) y: 138 lines of code types/photobooth.ts x: 1 commits (all time) y: 25 lines of code
370.0
lines of code
  min: 16.0
  average: 86.63
  25th percentile: 25.0
  median: 52.0
  75th percentile: 138.0
  max: 370.0
0 1.0
commits (all time)
min: 1.0 | average: 1.0 | 25th percentile: 1.0 | median: 1.0 | 75th percentile: 1.0 | max: 1.0

File Size vs. Contributors (all time): 19 points

app/api/photobooth/route.ts x: 1 contributors (all time) y: 370 lines of code app/layout.tsx x: 1 contributors (all time) y: 35 lines of code app/page.tsx x: 1 contributors (all time) y: 139 lines of code app/results/page.tsx x: 1 contributors (all time) y: 117 lines of code components/photobooth/capture-stage.tsx x: 1 contributors (all time) y: 107 lines of code components/photobooth/desktop-style-panel.tsx x: 1 contributors (all time) y: 41 lines of code components/photobooth/model-selector.tsx x: 1 contributors (all time) y: 30 lines of code components/ui/select.tsx x: 1 contributors (all time) y: 109 lines of code hooks/use-photobooth-capture.ts x: 1 contributors (all time) y: 150 lines of code hooks/use-photobooth-results.ts x: 1 contributors (all time) y: 151 lines of code lib/browser/file-utils.ts x: 1 contributors (all time) y: 22 lines of code lib/constants.ts x: 1 contributors (all time) y: 16 lines of code lib/image-models.ts x: 1 contributors (all time) y: 18 lines of code lib/photobooth-session.ts x: 1 contributors (all time) y: 52 lines of code middleware.ts x: 1 contributors (all time) y: 68 lines of code services/imagegen-api.ts x: 1 contributors (all time) y: 138 lines of code types/photobooth.ts x: 1 contributors (all time) y: 25 lines of code
370.0
lines of code
  min: 16.0
  average: 86.63
  25th percentile: 25.0
  median: 52.0
  75th percentile: 138.0
  max: 370.0
0 1.0
contributors (all time)
min: 1.0 | average: 1.0 | 25th percentile: 1.0 | median: 1.0 | 75th percentile: 1.0 | max: 1.0

File Size vs. Commits (30 days): 19 points

app/api/photobooth/route.ts x: 1 commits (30d) y: 370 lines of code app/layout.tsx x: 1 commits (30d) y: 35 lines of code app/page.tsx x: 1 commits (30d) y: 139 lines of code app/results/page.tsx x: 1 commits (30d) y: 117 lines of code components/photobooth/capture-stage.tsx x: 1 commits (30d) y: 107 lines of code components/photobooth/desktop-style-panel.tsx x: 1 commits (30d) y: 41 lines of code components/photobooth/model-selector.tsx x: 1 commits (30d) y: 30 lines of code components/ui/select.tsx x: 1 commits (30d) y: 109 lines of code hooks/use-photobooth-capture.ts x: 1 commits (30d) y: 150 lines of code hooks/use-photobooth-results.ts x: 1 commits (30d) y: 151 lines of code lib/browser/file-utils.ts x: 1 commits (30d) y: 22 lines of code lib/constants.ts x: 1 commits (30d) y: 16 lines of code lib/image-models.ts x: 1 commits (30d) y: 18 lines of code lib/photobooth-session.ts x: 1 commits (30d) y: 52 lines of code middleware.ts x: 1 commits (30d) y: 68 lines of code services/imagegen-api.ts x: 1 commits (30d) y: 138 lines of code types/photobooth.ts x: 1 commits (30d) y: 25 lines of code
370.0
lines of code
  min: 16.0
  average: 86.63
  25th percentile: 25.0
  median: 52.0
  75th percentile: 138.0
  max: 370.0
0 1.0
commits (30d)
min: 1.0 | average: 1.0 | 25th percentile: 1.0 | median: 1.0 | 75th percentile: 1.0 | max: 1.0

File Size vs. Contributors (30 days): 19 points

app/api/photobooth/route.ts x: 1 contributors (30d) y: 370 lines of code app/layout.tsx x: 1 contributors (30d) y: 35 lines of code app/page.tsx x: 1 contributors (30d) y: 139 lines of code app/results/page.tsx x: 1 contributors (30d) y: 117 lines of code components/photobooth/capture-stage.tsx x: 1 contributors (30d) y: 107 lines of code components/photobooth/desktop-style-panel.tsx x: 1 contributors (30d) y: 41 lines of code components/photobooth/model-selector.tsx x: 1 contributors (30d) y: 30 lines of code components/ui/select.tsx x: 1 contributors (30d) y: 109 lines of code hooks/use-photobooth-capture.ts x: 1 contributors (30d) y: 150 lines of code hooks/use-photobooth-results.ts x: 1 contributors (30d) y: 151 lines of code lib/browser/file-utils.ts x: 1 contributors (30d) y: 22 lines of code lib/constants.ts x: 1 contributors (30d) y: 16 lines of code lib/image-models.ts x: 1 contributors (30d) y: 18 lines of code lib/photobooth-session.ts x: 1 contributors (30d) y: 52 lines of code middleware.ts x: 1 contributors (30d) y: 68 lines of code services/imagegen-api.ts x: 1 contributors (30d) y: 138 lines of code types/photobooth.ts x: 1 contributors (30d) y: 25 lines of code
370.0
lines of code
  min: 16.0
  average: 86.63
  25th percentile: 25.0
  median: 52.0
  75th percentile: 138.0
  max: 370.0
0 1.0
contributors (30d)
min: 1.0 | average: 1.0 | 25th percentile: 1.0 | median: 1.0 | 75th percentile: 1.0 | max: 1.0

File Size vs. Commits (90 days): 19 points

app/api/photobooth/route.ts x: 1 commits (90d) y: 370 lines of code app/layout.tsx x: 1 commits (90d) y: 35 lines of code app/page.tsx x: 1 commits (90d) y: 139 lines of code app/results/page.tsx x: 1 commits (90d) y: 117 lines of code components/photobooth/capture-stage.tsx x: 1 commits (90d) y: 107 lines of code components/photobooth/desktop-style-panel.tsx x: 1 commits (90d) y: 41 lines of code components/photobooth/model-selector.tsx x: 1 commits (90d) y: 30 lines of code components/ui/select.tsx x: 1 commits (90d) y: 109 lines of code hooks/use-photobooth-capture.ts x: 1 commits (90d) y: 150 lines of code hooks/use-photobooth-results.ts x: 1 commits (90d) y: 151 lines of code lib/browser/file-utils.ts x: 1 commits (90d) y: 22 lines of code lib/constants.ts x: 1 commits (90d) y: 16 lines of code lib/image-models.ts x: 1 commits (90d) y: 18 lines of code lib/photobooth-session.ts x: 1 commits (90d) y: 52 lines of code middleware.ts x: 1 commits (90d) y: 68 lines of code services/imagegen-api.ts x: 1 commits (90d) y: 138 lines of code types/photobooth.ts x: 1 commits (90d) y: 25 lines of code
370.0
lines of code
  min: 16.0
  average: 86.63
  25th percentile: 25.0
  median: 52.0
  75th percentile: 138.0
  max: 370.0
0 1.0
commits (90d)
min: 1.0 | average: 1.0 | 25th percentile: 1.0 | median: 1.0 | 75th percentile: 1.0 | max: 1.0

File Size vs. Contributors (90 days): 19 points

app/api/photobooth/route.ts x: 1 contributors (90d) y: 370 lines of code app/layout.tsx x: 1 contributors (90d) y: 35 lines of code app/page.tsx x: 1 contributors (90d) y: 139 lines of code app/results/page.tsx x: 1 contributors (90d) y: 117 lines of code components/photobooth/capture-stage.tsx x: 1 contributors (90d) y: 107 lines of code components/photobooth/desktop-style-panel.tsx x: 1 contributors (90d) y: 41 lines of code components/photobooth/model-selector.tsx x: 1 contributors (90d) y: 30 lines of code components/ui/select.tsx x: 1 contributors (90d) y: 109 lines of code hooks/use-photobooth-capture.ts x: 1 contributors (90d) y: 150 lines of code hooks/use-photobooth-results.ts x: 1 contributors (90d) y: 151 lines of code lib/browser/file-utils.ts x: 1 contributors (90d) y: 22 lines of code lib/constants.ts x: 1 contributors (90d) y: 16 lines of code lib/image-models.ts x: 1 contributors (90d) y: 18 lines of code lib/photobooth-session.ts x: 1 contributors (90d) y: 52 lines of code middleware.ts x: 1 contributors (90d) y: 68 lines of code services/imagegen-api.ts x: 1 contributors (90d) y: 138 lines of code types/photobooth.ts x: 1 contributors (90d) y: 25 lines of code
370.0
lines of code
  min: 16.0
  average: 86.63
  25th percentile: 25.0
  median: 52.0
  75th percentile: 138.0
  max: 370.0
0 1.0
contributors (90d)
min: 1.0 | average: 1.0 | 25th percentile: 1.0 | median: 1.0 | 75th percentile: 1.0 | max: 1.0
About This Analysis
  • File size measurements show the distribution of size of files.
  • Files are classified in four categories based on their size (lines of code): 1-100 (very small files), 101-200 (small files), 201-500 (medium size files), 501-1000 (long files), 1001+(very long files).
  • It is a good practice to keep files small. Long files may become "bloaters", code that have increased to such gargantuan proportions that they are hard to work with.
Learn more...