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
This commit is contained in:
30
packages/dashboard/app/utils/filePathLinkify.css
Normal file
30
packages/dashboard/app/utils/filePathLinkify.css
Normal file
@@ -0,0 +1,30 @@
|
||||
.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);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user