Feat/network inspector

[kha1dx]

No description provided.

[Copilot]

Pull request overview

Adds a Network Inspector feature (plus supporting block viewer utilities) to the DATEX Workbench UI, including new routes, table rendering, filtering/search parsing, and persistence.

Changes:

• Introduces /network Network Inspector view with AG Grid table, search qualifiers, suggestions, and block simulation controls.
• Adds Block Viewer pages/components and shared settings for rendering/parsing DATEX block structures.
• Updates tooling/config (Prettier config, dependencies) and performs widespread formatting changes across UI components.

Reviewed changes

Copilot reviewed 69 out of 143 changed files in this pull request and generated 9 comments.

Show a summary per file

File	Description
src/views/WindowGeneralView.vue	Formatting/indentation change
src/views/NetworkInspector/NetworkInspectorView.vue	Network Inspector page UI + filtering + deletion
src/views/HomeView.vue	Formatting/line wrapping
src/views/BlockViewer/settings.ts	Loads DXB structure + viewer settings
src/views/BlockViewer/DatexBlockProtocolViewWrapper.vue	Temporary wrapper fetching example block
src/views/BlockViewer/DatexBlockProtocolView.vue	Block protocol viewer composition
src/views/BlockViewer/BlockProtocolInfoView.vue	Selected-field detail panel
src/views/BlockViewer/BlockProtocolBytesView.vue	Bytes/sections accordion view
src/utils/searchParser.ts	Query parsing + highlighting helpers
src/utils/idPanelGenerator.ts	Formatting only
src/types/layout.ts	Formatting only
src/types/NetworkInspector/TableRow.ts	Network inspector table row type
src/types/NetworkInspector/BlockEntry.ts	Raw captured block entry type
src/types/BlockViewer/FieldIdentifier.ts	Block viewer selection type
src/router/index.ts	Adds /blocks and /network routes
src/lib/utils.ts	Adds valueUpdater helper
src/lib/runtime.ts	Switches runtime import to @unyt/datex
src/composable/useNetworkInspector.ts	Network inspector state + capture + storage
src/composable/useLayoutTree.ts	Formatting only
src/composable/useDragDrop.ts	Formatting only
src/composable/useBlockSimulator.ts	Block simulator fetching fixtures
src/components/ui/tooltip/TooltipTrigger.vue	Formatting only
src/components/ui/tooltip/TooltipProvider.vue	Formatting only
src/components/ui/tooltip/TooltipContent.vue	Formatting only
src/components/ui/tooltip/Tooltip.vue	Formatting only
src/components/ui/table/index.ts	Adds table component barrel exports
src/components/ui/table/TableRow.vue	New table row component
src/components/ui/table/TableHeader.vue	New table header component
src/components/ui/table/TableHead.vue	New table head cell component
src/components/ui/table/TableFooter.vue	New table footer component
src/components/ui/table/TableEmpty.vue	New empty-state table row
src/components/ui/table/TableCell.vue	New table cell component
src/components/ui/table/TableCaption.vue	New table caption component
src/components/ui/table/TableBody.vue	New table body component
src/components/ui/table/Table.vue	New table wrapper component
src/components/ui/skeleton/Skeleton.vue	Formatting only
src/components/ui/sidebar/utils.ts	Formatting only
src/components/ui/sidebar/index.ts	Formatting only
src/components/ui/sidebar/SidebarTrigger.vue	Formatting only
src/components/ui/sidebar/SidebarSeparator.vue	Formatting only
src/components/ui/sidebar/SidebarRail.vue	Formatting only
src/components/ui/sidebar/SidebarProvider.vue	Formatting only
src/components/ui/sidebar/SidebarMenuSubItem.vue	Formatting only
src/components/ui/sidebar/SidebarMenuSubButton.vue	Formatting only
src/components/ui/sidebar/SidebarMenuSub.vue	Formatting only
src/components/ui/sidebar/SidebarMenuSkeleton.vue	Formatting only
src/components/ui/sidebar/SidebarMenuItem.vue	Formatting only
src/components/ui/sidebar/SidebarMenuButtonChild.vue	Formatting only
src/components/ui/sidebar/SidebarMenuButton.vue	Formatting only
src/components/ui/sidebar/SidebarMenuBadge.vue	Formatting only
src/components/ui/sidebar/SidebarMenuAction.vue	Formatting only
src/components/ui/sidebar/SidebarMenu.vue	Formatting only
src/components/ui/sidebar/SidebarInset.vue	Formatting only
src/components/ui/sidebar/SidebarInput.vue	Formatting only
src/components/ui/sidebar/SidebarHeader.vue	Formatting only
src/components/ui/sidebar/SidebarGroupLabel.vue	Formatting only
src/components/ui/sidebar/SidebarGroupContent.vue	Formatting only
src/components/ui/sidebar/SidebarGroupAction.vue	Formatting only
src/components/ui/sidebar/SidebarGroup.vue	Formatting only
src/components/ui/sidebar/SidebarFooter.vue	Formatting only
src/components/ui/sidebar/SidebarContent.vue	Formatting only
src/components/ui/sidebar/Sidebar.vue	Formatting only
src/components/ui/sheet/SheetTrigger.vue	Formatting only
src/components/ui/sheet/SheetTitle.vue	Formatting only
src/components/ui/sheet/SheetOverlay.vue	Formatting only
src/components/ui/sheet/SheetHeader.vue	Formatting only
src/components/ui/sheet/SheetFooter.vue	Formatting only
src/components/ui/sheet/SheetDescription.vue	Formatting only
src/components/ui/sheet/SheetContent.vue	Formatting only
src/components/ui/sheet/SheetClose.vue	Formatting only
src/components/ui/sheet/Sheet.vue	Formatting only
src/components/ui/separator/Separator.vue	Formatting only
src/components/ui/menubar/MenubarTrigger.vue	Formatting only
src/components/ui/menubar/MenubarSubTrigger.vue	Formatting only
src/components/ui/menubar/MenubarSubContent.vue	Formatting only
src/components/ui/menubar/MenubarSub.vue	Formatting only
src/components/ui/menubar/MenubarShortcut.vue	Formatting only
src/components/ui/menubar/MenubarSeparator.vue	Formatting only
src/components/ui/menubar/MenubarRadioItem.vue	Formatting only
src/components/ui/menubar/MenubarRadioGroup.vue	Formatting only
src/components/ui/menubar/MenubarMenu.vue	Formatting only
src/components/ui/menubar/MenubarLabel.vue	Formatting only
src/components/ui/menubar/MenubarItem.vue	Formatting only
src/components/ui/menubar/MenubarGroup.vue	Formatting only
src/components/ui/menubar/MenubarContent.vue	Formatting only
src/components/ui/menubar/MenubarCheckboxItem.vue	Formatting only
src/components/ui/menubar/Menubar.vue	Formatting only
src/components/ui/input/Input.vue	Formatting only
src/components/ui/dropdown-menu/DropdownMenuTrigger.vue	Formatting only
src/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue	Formatting only
src/components/ui/dropdown-menu/DropdownMenuSubContent.vue	Formatting only
src/components/ui/dropdown-menu/DropdownMenuSub.vue	Formatting only
src/components/ui/dropdown-menu/DropdownMenuShortcut.vue	Formatting only
src/components/ui/dropdown-menu/DropdownMenuSeparator.vue	Formatting only
src/components/ui/dropdown-menu/DropdownMenuRadioItem.vue	Formatting only
src/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue	Formatting only
src/components/ui/dropdown-menu/DropdownMenuLabel.vue	Formatting only
src/components/ui/dropdown-menu/DropdownMenuItem.vue	Formatting only
src/components/ui/dropdown-menu/DropdownMenuGroup.vue	Formatting only
src/components/ui/dropdown-menu/DropdownMenuContent.vue	Formatting only
src/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue	Formatting only
src/components/ui/dropdown-menu/DropdownMenu.vue	Formatting only
src/components/ui/button/index.ts	Button variants tweaks + formatting
src/components/ui/button/Button.vue	Formatting only
src/components/ui/alert-dialog/index.ts	Adds alert-dialog barrel exports
src/components/ui/alert-dialog/AlertDialogTrigger.vue	New alert-dialog trigger wrapper
src/components/ui/alert-dialog/AlertDialogTitle.vue	New alert-dialog title wrapper
src/components/ui/alert-dialog/AlertDialogHeader.vue	New alert-dialog header wrapper
src/components/ui/alert-dialog/AlertDialogFooter.vue	New alert-dialog footer wrapper
src/components/ui/alert-dialog/AlertDialogDescription.vue	New alert-dialog description wrapper
src/components/ui/alert-dialog/AlertDialogContent.vue	New alert-dialog content wrapper
src/components/ui/alert-dialog/AlertDialogCancel.vue	New alert-dialog cancel wrapper
src/components/ui/alert-dialog/AlertDialogAction.vue	New alert-dialog action wrapper
src/components/ui/alert-dialog/AlertDialog.vue	New alert-dialog root wrapper
src/components/ui/accordion/index.ts	Adds accordion barrel exports
src/components/ui/accordion/AccordionTrigger.vue	New accordion trigger wrapper
src/components/ui/accordion/AccordionItem.vue	New accordion item wrapper
src/components/ui/accordion/AccordionContent.vue	New accordion content wrapper
src/components/ui/accordion/Accordion.vue	New accordion root wrapper
src/components/icons/IconLogo.vue	Formatting only
src/components/Window.vue	Formatting only
src/components/ThemeSwitch.vue	Switches icons to lucide + formatting
src/components/NetworkInspector/columns.ts	Network inspector column definitions
src/components/NetworkInspector/cellRenderers/TypeCell.vue	Type cell renderer with status icons
src/components/NetworkInspector/cellRenderers/InterfaceCell.vue	Interface cell renderer
src/components/NetworkInspector/cellRenderers/EndpointCell.vue	Sender/receiver renderer w/ tooltip
src/components/NetworkInspector/cellRenderers/DirectionCell.vue	Direction icon renderer
src/components/NetworkInspector/TooltipWrapper.vue	Tooltip convenience wrapper
src/components/NetworkInspector/SortableHeader.vue	Sortable header component (tanstack)
src/components/NetworkInspector/NetworkFilter.vue	Search input with syntax highlighting + suggestions
src/components/NetworkInspector/HighlightedText.vue	Highlight helper component
src/components/NetworkInspector/DataTable.vue	AG Grid wrapper + column persistence + infinite scroll
src/components/HeaderProvider.vue	Formatting only
src/components/BlockViewer/BlockSection.vue	Block viewer section renderer
src/components/BlockViewer/BlockFieldWrapper.vue	Field selection + byte truncation
src/components/BlockViewer/BlockField.vue	Byte rendering with color mapping
src/assets/main.css	Adds chart vars + formatting
src/App.vue	Wraps RouterView in Suspense + formatting
package.json	Adds inspector dependencies; bumps versions
.prettierrc.json	Adds tabWidth + tailwindcss plugin
.gitignore	Ignores local AI instruction files
.github/workflows/bump-release.yml	Updates release PR wording

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.