Files
fusion/packages/dashboard/app/utils/filePathLinkify.css
Fusion bbd92a1ae1 feat(FN-4227): add clickable file path links across dashboard
- Add reusable file path linkification utilities and FileBrowser context wiring across dashboard modals and log surfaces
- Linkify task detail, review, workflow, chat, activity, agent, dev server, and settings sync outputs so workspace paths open in the file browser
- Preserve inline code styling when wrapping detected paths and extend FileBrowserModal handling for linked navigation
- Cover the new linking behavior with dashboard tests and add a changeset plus AGENTS guidance for the reusable pattern

Fusion-Task-Id: FN-4227
2026-05-12 21:55:43 -07:00

31 lines
647 B
CSS

.file-path-link {
display: inline;
white-space: normal;
overflow-wrap: anywhere;
word-break: break-word;
padding: 0 var(--space-xs);
border: 0;
border-radius: var(--radius-sm);
background: transparent;
color: var(--color-info);
text-decoration: underline dotted;
cursor: pointer;
font: inherit;
}
.file-path-link:hover {
background: color-mix(in srgb, var(--color-info) 12%, transparent);
}
.file-path-link:focus-visible {
outline: none;
box-shadow: var(--focus-ring-strong);
}
@media (max-width: 768px) {
.file-path-link {
padding-block: var(--space-md);
margin-block: calc(var(--space-md) * -1);
}
}