File Size Overall
  • There are 681 files with 33,438 lines of code.
    • 3 very long files (4,699 lines of code)
    • 6 long files (4,241 lines of code)
    • 25 medium size files (7,699 lines of code)
    • 46 small files (6,743 lines of code)
    • 601 very small files (10,056 lines of code)
14% | 12% | 23% | 20% | 30%
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
ts71% | 0% | 0% | 7% | 21%
tsx6% | 9% | 25% | 20% | 38%
css12% | 27% | 24% | 23% | 12%
html0% | 0% | 100% | 0% | 0%
mjs0% | 0% | 0% | 48% | 51%
js0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
src8% | 10% | 25% | 23% | 32%
.storybook-base43% | 25% | 13% | 1% | 16%
ROOT0% | 0% | 0% | 54% | 45%
postcss0% | 0% | 0% | 48% | 51%
config0% | 0% | 0% | 0% | 100%
scripts0% | 0% | 0% | 0% | 100%
Longest Files (Top 50)
File# lines# units
tokens.ts
in .storybook-base/components
2343 -
Select.tsx
in src/components/Select
1287 -
katex.min.css
in src/styles
1069 -
953 -
overrides.css
in .storybook-base
775 -
index.tsx
in src/components/Icon
745 -
Button.module.css
in src/components/Button
653 -
Colors.tsx
in .storybook-base/components
607 -
CodeBlock.stories.tsx
in src/components/CodeBlock
508 -
SelectControl.module.css
in src/components/SelectControl
493 -
Menu.tsx
in src/components/Menu
476 -
Select.stories.tsx
in src/components/Select
468 -
410 -
DesignTokens.tsx
in .storybook-base/components
400 -
Popover.tsx
in src/components/Popover
393 -
Calendar.tsx
in src/components/DateRangePicker
359 1
TagInput.tsx
in src/components/TagInput
347 -
Slider.tsx
in src/components/Slider
341 -
manager-head.html
in .storybook-base
338 -
Menu.stories.tsx
in src/components/Menu
323 -
TransitionGroup.tsx
in src/components/Transition
298 -
Menu.module.css
in src/components/Menu
261 -
SelectControl.stories.tsx
in src/components/SelectControl
257 -
SlotTransitionGroup.tsx
in src/components/Transition
256 -
AnimateLayout.tsx
in src/components/Transition
249 1
Calendar.module.css
in src/components/DateRangePicker
247 -
Input.stories.tsx
in src/components/Input
238 1
Input.module.css
in src/components/Input
231 -
Select.module.css
in src/components/Select
229 -
228 -
Popover.stories.tsx
in src/components/Popover
226 -
Button.stories.tsx
in src/components/Button
219 -
Tooltip.tsx
in src/components/Tooltip
208 -
Calendar.tsx
in src/components/DatePicker
204 -
AnimateLayoutGroup.tsx
in src/components/Transition
199 1
197 -
Textarea.module.css
in src/components/Textarea
197 -
AnimateLayout.stories.tsx
in src/components/Transition
196 -
Alert.stories.tsx
in src/components/Alert
192 -
Button.tsx
in src/components/Button
191 -
TagInput.module.css
in src/components/TagInput
189 -
SegmentedControl.module.css
in src/components/SegmentedControl
189 -
DateRangePicker.stories.tsx
in src/components/DateRangePicker
188 -
ButtonLink.stories.tsx
in src/components/Button
183 -
Markdown.module.css
in src/components/Markdown
179 -
Calendar.module.css
in src/components/DatePicker
175 -
SelectControl.tsx
in src/components/SelectControl
165 -
Avatar.stories.tsx
in src/components/Avatar
163 -
Alert.module.css
in src/components/Alert
159 -
mjs
158 -
Large Files That Change Often (Top 20)
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
Select.tsx
in src/components/Select
1287 ~7k–20k 1 ~2 ~700
index.tsx
in src/components/Icon
745 ~5k–15k 1 ~2 ~300
Input.stories.tsx
in src/components/Input
238 ~1.5k–5k 2 ~3 ~70
Menu.tsx
in src/components/Menu
476 ~3k–7k 1 ~3 ~100
Input.tsx
in src/components/Input
147 ~1k–3k 3 ~7 ~20
Popover.tsx
in src/components/Popover
393 ~2k–7k 1 ~2 ~200
Button.tsx
in src/components/Button
191 ~1k–3k 2 ~3 ~50
Calendar.tsx
in src/components/DateRangePicker
359 ~2k–7k 1 ~2 ~200
TagInput.tsx
in src/components/TagInput
347 ~2k–5k 1 ~2 ~150
Slider.tsx
in src/components/Slider
341 ~2k–5k 1 ~2 ~150
TransitionGroup.tsx
in src/components/Transition
298 ~2k–5k 1 ~2 ~150
SlotTransitionGroup.tsx
in src/components/Transition
256 ~1.5k–5k 1 ~2 ~150
AnimateLayout.tsx
in src/components/Transition
249 ~1.5k–5k 1 ~2 ~100
Button.stories.tsx
in src/components/Button
219 ~1.5k–5k 1 ~3 ~70
Tooltip.tsx
in src/components/Tooltip
208 ~1k–3k 1 ~2 ~100
Calendar.tsx
in src/components/DatePicker
204 ~1k–3k 1 ~2 ~100
AnimateLayoutGroup.tsx
in src/components/Transition
199 ~1k–3k 1 ~2 ~100
SelectControl.tsx
in src/components/SelectControl
165 ~1k–3k 1 ~2 ~70
Trigger.tsx
in src/components/DateRangePicker
147 ~1k–3k 1 ~2 ~70
helpers.ts
in src/lib
141 ~700–2k 1 ~30 ~5

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 29)
File# lines# units
userAgent.ts
in src/lib
31 10
pointerIntent.ts
in src/components/Popover
98 5
directives.ts
in src/components/Markdown
46 3
45 3
theme.tsx
in src/lib
32 3
63 3
CodeBlock.tsx
in src/components/CodeBlock
140 2
useMathPlugins.tsx
in src/components/Markdown
51 2
useIsMounted.tsx
in src/hooks
18 2
main.ts
in .storybook-base
68 1
AnimateLayout.tsx
in src/components/Transition
249 1
Animate.tsx
in src/components/Transition
106 1
shared.ts
in src/components/Transition
105 1
AnimateLayoutGroup.tsx
in src/components/Transition
199 1
internal.ts
in src/components/AppsSDKUIProvider
7 1
Indicator.stories.tsx
in src/components/Indicator
112 1
Input.stories.tsx
in src/components/Input
238 1
Markdown.tsx
in src/components/Markdown
139 1
useParseMarkdownPre.ts
in src/components/Markdown
21 1
Calendar.tsx
in src/components/DateRangePicker
359 1
21 1
usePrevious.tsx
in src/hooks
10 1
19 1
7 1
28 1
useLatestValue.tsx
in src/hooks
6 1
casing.ts
in src/lib
8 1
helpers.ts
in src/lib
141 1
assert.ts
in src/lib
5 1
Files With Long Lines (Top 50)

There are 445 files with lines longer than 120 characters. In total, there are 695 long lines.

File# lines# units# long lines
Blend.tsx
in src/components/Icon/svg
52 - 11
Speed.tsx
in src/components/Icon/svg
34 - 10
DownloadGifWatermark.tsx
in src/components/Icon/svg
49 - 9
Pulse.tsx
in src/components/Icon/svg
34 - 7
GroupFilled.tsx
in src/components/Icon/svg
28 - 6
LightbulbGlow.tsx
in src/components/Icon/svg
28 - 6
UserGpts.tsx
in src/components/Icon/svg
28 - 6
FeaturedWreath.tsx
in src/components/Icon/svg
40 - 6
GlobeFilled.tsx
in src/components/Icon/svg
28 - 6
Alert.stories.tsx
in src/components/Alert
192 - 5
EmojiAdd.tsx
in src/components/Icon/svg
26 - 5
AgentMode.tsx
in src/components/Icon/svg
28 - 5
Sleep.tsx
in src/components/Icon/svg
26 - 5
ColorTheme.tsx
in src/components/Icon/svg
26 - 5
Interactiv.tsx
in src/components/Icon/svg
28 - 5
EmojiWords.tsx
in src/components/Icon/svg
28 - 5
ChatTripleDots.tsx
in src/components/Icon/svg
20 - 4
AllProductsExplore.tsx
in src/components/Icon/svg
20 - 4
MarkerMultiple.tsx
in src/components/Icon/svg
22 - 4
VoiceBold.tsx
in src/components/Icon/svg
8 - 4
ConnectApps.tsx
in src/components/Icon/svg
20 - 4
Tasks.tsx
in src/components/Icon/svg
22 - 4
RobotHeadSad.tsx
in src/components/Icon/svg
20 - 4
MoreCircleMenuDots.tsx
in src/components/Icon/svg
20 - 4
SelectText.tsx
in src/components/Icon/svg
20 - 4
TextLonger.tsx
in src/components/Icon/svg
20 - 4
GenerateSuggestedEdits.tsx
in src/components/Icon/svg
20 - 4
MembersFilled.tsx
in src/components/Icon/svg
20 - 4
EmojiLists.tsx
in src/components/Icon/svg
20 - 4
PullRequestDraft.tsx
in src/components/Icon/svg
20 - 4
TextShorter.tsx
in src/components/Icon/svg
20 - 4
Stopwatch.tsx
in src/components/Icon/svg
20 - 3
BarChartFilled.tsx
in src/components/Icon/svg
18 - 3
PullRequestOpen.tsx
in src/components/Icon/svg
18 - 3
InfoCircle.tsx
in src/components/Icon/svg
18 - 3
MicFilledOff.tsx
in src/components/Icon/svg
18 - 3
Certificate.tsx
in src/components/Icon/svg
21 - 3
LoopXs.tsx
in src/components/Icon/svg
18 - 3
LinkDisabledBold.tsx
in src/components/Icon/svg
24 - 3
Jira.tsx
in src/components/Icon/svg
18 - 3
Forward15s.tsx
in src/components/Icon/svg
18 - 3
EmojiRemove.tsx
in src/components/Icon/svg
18 - 3
MarkerQuote.tsx
in src/components/Icon/svg
18 - 3
Back15s.tsx
in src/components/Icon/svg
18 - 3
QuestionMarkCircle.tsx
in src/components/Icon/svg
18 - 3
WhisperAutoSubmit.tsx
in src/components/Icon/svg
18 - 3
EmojiSections.tsx
in src/components/Icon/svg
18 - 3
Forward10s.tsx
in src/components/Icon/svg
18 - 3
VideoFilledOff.tsx
in src/components/Icon/svg
18 - 3
TrashRemove.tsx
in src/components/Icon/svg
18 - 3
Correlations

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

src/components/Input/Input.stories.tsx x: 2 commits (all time) y: 238 lines of code src/components/Input/Input.tsx x: 3 commits (all time) y: 147 lines of code src/components/Icon/index.tsx x: 1 commits (all time) y: 745 lines of code src/components/Button/Button.stories.tsx x: 1 commits (all time) y: 219 lines of code src/components/Button/Button.tsx x: 2 commits (all time) y: 191 lines of code src/components/Alert/Alert.tsx x: 1 commits (all time) y: 86 lines of code src/components/AppsSDKUIProvider/AppsSDKUIContext.tsx x: 1 commits (all time) y: 6 lines of code src/components/AppsSDKUIProvider/AppsSDKUIProvider.tsx x: 1 commits (all time) y: 20 lines of code src/components/Avatar/Avatar.tsx x: 1 commits (all time) y: 127 lines of code src/components/Button/CopyButton.tsx x: 1 commits (all time) y: 44 lines of code src/components/Checkbox/Checkbox.tsx x: 1 commits (all time) y: 54 lines of code src/components/CodeBlock/CodeBlock.tsx x: 1 commits (all time) y: 140 lines of code src/components/DatePicker/Calendar.tsx x: 1 commits (all time) y: 204 lines of code src/components/DatePicker/context.tsx x: 1 commits (all time) y: 29 lines of code src/components/DateRangePicker/Calendar.tsx x: 1 commits (all time) y: 359 lines of code src/components/DateRangePicker/Trigger.tsx x: 1 commits (all time) y: 147 lines of code src/components/DateRangePicker/context.tsx x: 1 commits (all time) y: 35 lines of code src/components/Image/Image.tsx x: 1 commits (all time) y: 38 lines of code src/components/Indicator/CircularProgress.tsx x: 1 commits (all time) y: 61 lines of code src/components/Menu/Menu.tsx x: 1 commits (all time) y: 476 lines of code src/components/Popover/Popover.tsx x: 1 commits (all time) y: 393 lines of code src/components/Popover/usePopoverContext.tsx x: 1 commits (all time) y: 24 lines of code src/components/RadioGroup/RadioGroup.tsx x: 1 commits (all time) y: 105 lines of code src/components/SegmentedControl/SegmentedControl.tsx x: 1 commits (all time) y: 134 lines of code src/components/Select/Select.tsx x: 1 commits (all time) y: 1287 lines of code src/components/SelectControl/SelectControl.tsx x: 1 commits (all time) y: 165 lines of code src/components/ShimmerText/ShimmerText.tsx x: 1 commits (all time) y: 50 lines of code src/components/Slider/Slider.tsx x: 1 commits (all time) y: 341 lines of code src/components/TagInput/TagInput.tsx x: 1 commits (all time) y: 347 lines of code src/components/Textarea/Textarea.tsx x: 1 commits (all time) y: 114 lines of code src/components/Tooltip/Tooltip.tsx x: 1 commits (all time) y: 208 lines of code src/components/Transition/AnimateLayout.tsx x: 1 commits (all time) y: 249 lines of code src/components/Transition/AnimateLayoutGroup.tsx x: 1 commits (all time) y: 199 lines of code src/components/Transition/SlotTransitionGroup.tsx x: 1 commits (all time) y: 256 lines of code src/components/Transition/TransitionGroup.tsx x: 1 commits (all time) y: 298 lines of code src/hooks/useTextSelection.tsx x: 1 commits (all time) y: 66 lines of code src/lib/environment.ts x: 1 commits (all time) y: 11 lines of code
1287.0
lines of code
  min: 6.0
  average: 177.25
  25th percentile: 48.5
  median: 129.5
  75th percentile: 216.25
  max: 1287.0
0 3.0
commits (all time)
min: 1.0 | average: 1.08 | 25th percentile: 1.0 | median: 1.0 | 75th percentile: 1.0 | max: 3.0

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

src/components/Input/Input.stories.tsx x: 1 contributors (all time) y: 238 lines of code src/components/Input/Input.tsx x: 2 contributors (all time) y: 147 lines of code src/components/Icon/index.tsx x: 1 contributors (all time) y: 745 lines of code src/components/Button/Button.stories.tsx x: 1 contributors (all time) y: 219 lines of code src/components/Button/Button.tsx x: 2 contributors (all time) y: 191 lines of code src/components/Alert/Alert.tsx x: 1 contributors (all time) y: 86 lines of code src/components/AppsSDKUIProvider/AppsSDKUIContext.tsx x: 1 contributors (all time) y: 6 lines of code src/components/AppsSDKUIProvider/AppsSDKUIProvider.tsx x: 1 contributors (all time) y: 20 lines of code src/components/Avatar/Avatar.tsx x: 1 contributors (all time) y: 127 lines of code src/components/Button/CopyButton.tsx x: 1 contributors (all time) y: 44 lines of code src/components/Checkbox/Checkbox.tsx x: 1 contributors (all time) y: 54 lines of code src/components/CodeBlock/CodeBlock.tsx x: 1 contributors (all time) y: 140 lines of code src/components/DatePicker/Calendar.tsx x: 1 contributors (all time) y: 204 lines of code src/components/DatePicker/context.tsx x: 1 contributors (all time) y: 29 lines of code src/components/DateRangePicker/Calendar.tsx x: 1 contributors (all time) y: 359 lines of code src/components/DateRangePicker/Trigger.tsx x: 1 contributors (all time) y: 147 lines of code src/components/DateRangePicker/context.tsx x: 1 contributors (all time) y: 35 lines of code src/components/Image/Image.tsx x: 1 contributors (all time) y: 38 lines of code src/components/Indicator/CircularProgress.tsx x: 1 contributors (all time) y: 61 lines of code src/components/Menu/Menu.tsx x: 1 contributors (all time) y: 476 lines of code src/components/Popover/Popover.tsx x: 1 contributors (all time) y: 393 lines of code src/components/Popover/usePopoverContext.tsx x: 1 contributors (all time) y: 24 lines of code src/components/RadioGroup/RadioGroup.tsx x: 1 contributors (all time) y: 105 lines of code src/components/SegmentedControl/SegmentedControl.tsx x: 1 contributors (all time) y: 134 lines of code src/components/Select/Select.tsx x: 1 contributors (all time) y: 1287 lines of code src/components/SelectControl/SelectControl.tsx x: 1 contributors (all time) y: 165 lines of code src/components/ShimmerText/ShimmerText.tsx x: 1 contributors (all time) y: 50 lines of code src/components/Slider/Slider.tsx x: 1 contributors (all time) y: 341 lines of code src/components/TagInput/TagInput.tsx x: 1 contributors (all time) y: 347 lines of code src/components/Textarea/Textarea.tsx x: 1 contributors (all time) y: 114 lines of code src/components/Tooltip/Tooltip.tsx x: 1 contributors (all time) y: 208 lines of code src/components/Transition/AnimateLayout.tsx x: 1 contributors (all time) y: 249 lines of code src/components/Transition/AnimateLayoutGroup.tsx x: 1 contributors (all time) y: 199 lines of code src/components/Transition/SlotTransitionGroup.tsx x: 1 contributors (all time) y: 256 lines of code src/components/Transition/TransitionGroup.tsx x: 1 contributors (all time) y: 298 lines of code src/hooks/useTextSelection.tsx x: 1 contributors (all time) y: 66 lines of code src/lib/environment.ts x: 1 contributors (all time) y: 11 lines of code
1287.0
lines of code
  min: 6.0
  average: 177.25
  25th percentile: 48.5
  median: 129.5
  75th percentile: 216.25
  max: 1287.0
0 2.0
contributors (all time)
min: 1.0 | average: 1.04 | 25th percentile: 1.0 | median: 1.0 | 75th percentile: 1.0 | max: 2.0

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

No data for "commits (30d)" vs. "lines of code".

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

No data for "contributors (30d)" vs. "lines of code".


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

No data for "commits (90d)" vs. "lines of code".

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

No data for "contributors (90d)" vs. "lines of code".

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...