From dd3c1cabe02f5512a72c710f052ec5e7837b15df Mon Sep 17 00:00:00 2001
From: James Bradford <arniebradfo@gmail.com>
Date: Thu, 21 Sep 2023 08:37:11 -0700
Subject: [PATCH 1/2] RawLogsDialog - minor style updates (#188)

* update styles

* ellipsize RawLogsDialog PanelHeader text

---------

Co-authored-by: James Bradford <j.bradford@pnnl.gov>
---
 .../Explore/Panels/Command/RawLogsDialog.tsx  | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/applications/client/src/views/Campaign/Explore/Panels/Command/RawLogsDialog.tsx b/applications/client/src/views/Campaign/Explore/Panels/Command/RawLogsDialog.tsx
index ca73a72c..20faf882 100644
--- a/applications/client/src/views/Campaign/Explore/Panels/Command/RawLogsDialog.tsx
+++ b/applications/client/src/views/Campaign/Explore/Panels/Command/RawLogsDialog.tsx
@@ -7,7 +7,7 @@ import { createState } from '@redeye/client/components/mobx-create-state';
 import type { BeaconModel, CommandModel, LogEntryModel } from '@redeye/client/store';
 import { selectFromLogEntry, useStore } from '@redeye/client/store';
 import { copyText, NavBreadcrumbs, PanelHeader } from '@redeye/client/views';
-import { Txt, CoreTokens, UtilityStyles } from '@redeye/ui-styles';
+import { Txt, CoreTokens, UtilityStyles, Spacer } from '@redeye/ui-styles';
 import { useQuery } from '@tanstack/react-query';
 import { throttle } from 'throttle-debounce';
 import { observer } from 'mobx-react-lite';
@@ -115,21 +115,27 @@ export const RawLogsDialog = observer<RawLogsViewerProps>(({ ...props }) => {
 							display: flex;
 							justify-content: space-between;
 							align-items: flex-end;
+							flex-wrap: wrap;
+							gap: 4px 12px;
 						`}
 					>
 						<PanelHeader cy-test="log-title" nodeIconProps={{ type: 'beacon' }}>
-							<Txt>{state.beacon?.computedNameWithHost}</Txt>{' '}
-							<Txt disabled normal>
-								Raw Logs
+							<Txt ellipsize>
+								<Txt>{state.beacon?.computedNameWithHost}</Txt>
+								<Spacer>·</Spacer>
+								<Txt disabled normal>
+									Raw Logs
+								</Txt>
 							</Txt>
 						</PanelHeader>
-						<ButtonGroup>
+						<ButtonGroup css={{ marginLeft: -8 }}>
 							{store.campaign.parsers.includes('cobalt-strike-parser') ? (
 								<Button
 									cy-test="view-log-file"
 									text="View Log File"
 									rightIcon={<CarbonIcon icon={Document16} />}
 									active={state.showLogFile}
+									intent={state.showLogFile ? 'primary' : 'none'}
 									onClick={() => state.update('showLogFile', !state.showLogFile)}
 									minimal
 								/>
@@ -186,9 +192,10 @@ export const RawLogsDialog = observer<RawLogsViewerProps>(({ ...props }) => {
 
 const logModelStyles = css`
 	max-width: unset;
+	width: calc(100% - 6rem);
 `;
 const preStyles = css`
-	padding: 0.5rem 1rem;
+	padding: 2px 1rem;
 	border-bottom: 1px solid ${CoreTokens.BorderMuted};
 	margin: 0;
 

From cf403c7fe983ec71975786d7cebde7c3512c69a4 Mon Sep 17 00:00:00 2001
From: James Bradford <arniebradfo@gmail.com>
Date: Thu, 21 Sep 2023 08:37:56 -0700
Subject: [PATCH 2/2] fix bug (#189) SearchRow getPaths missing beacon

Co-authored-by: James Bradford <j.bradford@pnnl.gov>
---
 applications/client/src/views/Campaign/Search/util.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/applications/client/src/views/Campaign/Search/util.tsx b/applications/client/src/views/Campaign/Search/util.tsx
index 57907eb5..84550490 100644
--- a/applications/client/src/views/Campaign/Search/util.tsx
+++ b/applications/client/src/views/Campaign/Search/util.tsx
@@ -23,7 +23,7 @@ export const getPaths = (store: AppStore, { server, host, beacon }: any): (strin
 		return [
 			store.graphqlStore.servers.get(server)?.computedName,
 			store.graphqlStore.hosts.get(host)?.computedName,
-			store.graphqlStore.hosts.get(beacon)?.computedName,
+			store.graphqlStore.beacons.get(beacon)?.computedName,
 		];
 	}
 	if (host)