@spinnaker/titus 0.0.0-2025.1-0

package/src/instance/details/TitusInstanceDetails.tsx

@@ -0,0 +1,234 @@
+import * as React from 'react';
+
+import type { IAmazonHealth } from '@spinnaker/amazon';
+import { InstanceStatus } from '@spinnaker/amazon';
+import type {
+  Action,
+  Application,
+  IAccountDetails,
+  IInstanceDetailsProps,
+  IMoniker,
+  IOverridableProps,
+} from '@spinnaker/core';
+import {
+  AccountService,
+  CollapsibleSection,
+  ConsoleOutputLink,
+  InstanceActions,
+  InstanceDetailsHeader,
+  InstanceDetailsPane,
+  InstanceInsights,
+  InstanceLinks,
+  InstanceReader,
+  overridableComponent,
+  RecentHistoryService,
+  SETTINGS,
+  Spinner,
+  useData,
+} from '@spinnaker/core';
+
+import { TitusInstanceDns } from './TitusInstanceDns';
+import { TitusInstanceInformation } from './TitusInstanceInformation';
+import type { ITitusInstance, ITitusServerGroup, ITitusServerGroupView } from '../../domain';
+import { TitusSecurityGroupsDetailsSection } from '../../serverGroup/details/TitusSecurityGroups';
+import { buildTaskActions, extractHealthMetrics } from './titusInstanceDetailsUtils';
+
+export interface ITitusInstanceDetailsProps extends IInstanceDetailsProps {
+  instance: { instanceId: string };
+}
+
+export interface ITitusInstanceDetailsContentProps {
+  account: IAccountDetails;
+  actions: Action[];
+  app: Application;
+  baseIpAddress: string;
+  environment: string;
+  healthMetrics: IAmazonHealth[];
+  instance: ITitusInstance;
+  instanceId: string;
+  instancePort: string;
+  loading: boolean;
+  moniker: IMoniker;
+  serverGroup: ITitusServerGroup;
+  region: string;
+}
+
+const TitusInstanceDetailsContent = ({
+  account,
+  actions,
+  app,
+  baseIpAddress,
+  environment,
+  healthMetrics,
+  instance,
+  instanceId,
+  instancePort,
+  loading,
+  moniker,
+  serverGroup,
+  region,
+}: ITitusInstanceDetailsContentProps) => {
+  const defaultSshLink = `ssh -t ${account?.bastionHost} 'titus-ssh -region ${region} ${instanceId}'`;
+  return (
+    <div className="details-panel">
+      <div className="header">
+        <InstanceDetailsHeader
+          healthState={instance.healthState}
+          instanceId={instanceId}
+          loading={loading}
+          sshLink={defaultSshLink}
+          standalone={app.isStandalone}
+        />
+        <div className="actions">
+          <InstanceActions actions={actions} />
+          {Boolean(instance?.insightActions?.length) && (
+            <InstanceInsights analytics={true} insights={instance.insightActions} instance={instance} />
+          )}
+        </div>
+      </div>
+      <div className="content">
+        <TitusInstanceInformation instance={instance} titusUiEndpoint={instance.titusUiEndpoint} />
+        <InstanceStatus
+          healthMetrics={healthMetrics}
+          healthState={instance.healthState}
+          metricTypes={['TargetGroup']}
+          privateIpAddress={instance.privateIpAddress}
+        />
+        <TitusInstanceDns
+          containerIp={instance.placement?.containerIp}
+          host={instance.placement?.host}
+          instancePort={instancePort}
+          ipv6Address={instance.ipv6Address}
+        />
+        <div className="collapsible-section">
+          <TitusSecurityGroupsDetailsSection app={app} serverGroup={serverGroup as ITitusServerGroupView} />
+        </div>
+        <CollapsibleSection heading="Console Output">
+          <ConsoleOutputLink instance={instance} />
+        </CollapsibleSection>
+        <InstanceLinks
+          address={baseIpAddress}
+          application={app}
+          instance={instance}
+          environment={environment}
+          moniker={moniker}
+        />
+      </div>
+    </div>
+  );
+};
+
+const OverridableTitusInstanceDetailsContent = overridableComponent<
+  ITitusInstanceDetailsContentProps & IOverridableProps,
+  typeof TitusInstanceDetailsContent
+>(TitusInstanceDetailsContent, 'titus.instance.details.content');
+
+export const TitusInstanceDetails = ({ app, environment, instance, moniker }: ITitusInstanceDetailsProps) => {
+  const { instanceId } = instance;
+  const serverGroup = app.serverGroups.data.find((sg: ITitusServerGroup) =>
+    sg.instances.some((possibleMatch) => possibleMatch.id === instanceId),
+  );
+  const { account, region } = serverGroup;
+
+  const retrieveInstance = () => {
+    RecentHistoryService.addExtraDataToLatest('instances', {
+      account,
+      region,
+      serverGroup: serverGroup.name,
+    });
+
+    return Promise.all([
+      InstanceReader.getInstanceDetails(account, region, instanceId).then((instance) => ({
+        ...instance,
+        account,
+        region,
+      })),
+      AccountService.getAccountDetails(account),
+    ]);
+  };
+
+  const addTitusUiEndpoint = (result: [ITitusInstance, IAccountDetails]) => {
+    const [instance, account] = result;
+    const regionDetails = (account?.regions || []).find((r) => r.name === region);
+
+    return [{ titusUiEndpoint: regionDetails?.endpoint, ...instance }, account];
+  };
+
+  const {
+    result: [currentInstance, currentAccount],
+    status,
+  } = useData(
+    () => {
+      if (app.isStandalone) {
+        return retrieveInstance().then((result) => addTitusUiEndpoint(result as [ITitusInstance, IAccountDetails]));
+      } else {
+        return app.serverGroups
+          .ready()
+          .then(retrieveInstance)
+          .then((result: [ITitusInstance, IAccountDetails]) => addTitusUiEndpoint(result));
+      }
+    },
+    [{} as ITitusInstance, {} as IAccountDetails],
+    [instanceId, serverGroup],
+  );
+
+  const taskActions = buildTaskActions(currentInstance, app);
+  const healthMetrics = extractHealthMetrics(
+    currentInstance.health as IAmazonHealth[],
+    app.loadBalancers.data,
+    currentAccount.awsAccount,
+  );
+
+  const isLoading = status === 'PENDING';
+  const instancePort = app.attributes?.instancePort || SETTINGS.defaultInstancePort || '80';
+  const baseIpAddress = currentInstance.placement?.containerIp || currentInstance?.placement?.host;
+
+  if (isLoading) {
+    return (
+      <InstanceDetailsPane>
+        <div className="horizontal center middle">
+          <Spinner size="small" />
+        </div>
+      </InstanceDetailsPane>
+    );
+  }
+
+  if (!currentInstance?.id) {
+    return (
+      <div className="details-panel">
+        <div className="header">
+          <InstanceDetailsPane>
+            <div className="header-text horizontal middle">
+              <h3 className="horizontal middle space-between flex-1">{instance.instanceId}</h3>
+            </div>
+          </InstanceDetailsPane>
+        </div>
+        <div className="content">
+          <div className="content-section">
+            <div className="content-body text-center">
+              <h3>Instance not found.</h3>
+            </div>
+          </div>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <OverridableTitusInstanceDetailsContent
+      account={currentAccount}
+      actions={taskActions}
+      app={app}
+      baseIpAddress={baseIpAddress}
+      environment={environment}
+      healthMetrics={healthMetrics}
+      instance={currentInstance as ITitusInstance}
+      instanceId={instance.instanceId}
+      instancePort={instancePort}
+      moniker={moniker}
+      loading={isLoading}
+      serverGroup={serverGroup}
+      region={region}
+    />
+  );
+};

package/src/instance/details/TitusInstanceDns.tsx

@@ -0,0 +1,40 @@
+import * as React from 'react';
+import {
+  CollapsibleSection,
+  CopyToClipboard,
+  LabeledValue,
+  LabeledValueList,
+  LinkWithClipboard,
+} from '@spinnaker/core';
+
+export interface ITitusInstanceDnsProps {
+  containerIp: string;
+  host: string;
+  instancePort: string;
+  ipv6Address: string;
+}
+
+export const TitusInstanceDns = ({ containerIp, host, instancePort, ipv6Address }: ITitusInstanceDnsProps) => (
+  <CollapsibleSection heading="DNS" defaultExpanded={true}>
+    <LabeledValueList className="dl-horizontal dl-narrow">
+      {containerIp && (
+        <LabeledValue
+          label="Container IP"
+          value={
+            <>
+              {containerIp}
+              <CopyToClipboard text={containerIp} toolTip="Copy container IP to clipboard" />
+            </>
+          }
+        />
+      )}
+      {ipv6Address && (
+        <LabeledValue
+          label="Container IPv6"
+          value={<LinkWithClipboard text={ipv6Address} url={`http://${ipv6Address}:${instancePort}`} />}
+        />
+      )}
+      <LabeledValue label="Host IP" value={host} />
+    </LabeledValueList>
+  </CollapsibleSection>
+);

package/src/instance/details/TitusInstanceInformation.tsx

@@ -0,0 +1,42 @@
+import React from 'react';
+
+import { InstanceInformation } from '@spinnaker/amazon';
+import { CollapsibleSection, LabeledValue, LinkWithClipboard } from '@spinnaker/core';
+
+import type { ITitusInstance } from '../../domain';
+
+export interface ITitusInstanceInformationProps {
+  instance: ITitusInstance;
+  titusUiEndpoint: string;
+}
+
+export const TitusInstanceInformation = ({ instance, titusUiEndpoint }: ITitusInstanceInformationProps) => {
+  const { id, jobId } = instance;
+  return (
+    <CollapsibleSection heading="Instance Information" defaultExpanded={true}>
+      <dl className="dl-horizontal dl-narrow">
+        <InstanceInformation
+          account={instance.account}
+          availabilityZone={instance.availabilityZone}
+          instanceType={instance.instanceType}
+          launchTime={instance.launchTime}
+          provider={instance.provider}
+          region={instance.region}
+          serverGroup={instance.serverGroup}
+        />
+        <LabeledValue
+          label="Job Id"
+          value={
+            <a href={`${titusUiEndpoint}jobs/${jobId}`} target="_blank">
+              {jobId}
+            </a>
+          }
+        />
+        <LabeledValue
+          label="Instance Id"
+          value={<LinkWithClipboard text={id} url={`${titusUiEndpoint}jobs/${jobId}/tasks/${id}`} />}
+        />
+      </dl>
+    </CollapsibleSection>
+  );
+};

package/src/instance/details/index.ts

@@ -0,0 +1,4 @@
+export * from './TitusInstanceDetails';
+export * from './titusInstanceDetailsUtils';
+export * from './TitusInstanceDns';
+export * from './TitusInstanceInformation';

package/src/instance/details/titusInstanceDetailsUtils.spec.ts

@@ -0,0 +1,124 @@
+import type {
+  IAmazonApplicationLoadBalancer,
+  IAmazonHealth,
+  IAmazonTargetGroupHealth,
+  ITargetGroup,
+} from '@spinnaker/amazon';
+import type { Application } from '@spinnaker/core';
+import { mockHealth, mockInstance, mockLoadBalancer, mockLoadBalancerHealth } from '@spinnaker/mocks';
+import {
+  applyTargetGroupInfoToHealthMetric,
+  buildTaskActions,
+  extractHealthMetrics,
+} from './titusInstanceDetailsUtils';
+
+const targetGroup1 = {
+  account: 'test',
+  name: 'tg1',
+  healthCheckPort: '8080',
+  healthCheckProtocol: 'https',
+  healthCheckPath: '/healthcheck',
+};
+const targetGroup2 = {
+  ...targetGroup1,
+  name: 'tg2',
+  port: '7001',
+  healthCheckPort: 'traffic-port',
+};
+
+const metricTg1 = {
+  instanceId: '100.000.000.00',
+  name: 'tg1',
+  targetGroupName: 'tg1',
+  healthState: 'Up',
+  state: 'healthy',
+};
+
+const metricTg2 = {
+  ...metricTg1,
+  name: 'test-tg',
+  targetGroupName: 'test-tg',
+};
+
+const metricTg3 = {
+  ...metricTg1,
+  name: 'tg2',
+  targetGroupName: 'tg2',
+};
+
+const tgHealth = {
+  state: 'Up',
+  targetGroups: [metricTg1, metricTg2],
+  type: 'TargetGroup',
+};
+
+describe('applyTargetGroupInfoToHealthMetric', () => {
+  const metricGroups = [metricTg1, metricTg2, metricTg3] as IAmazonTargetGroupHealth[];
+  const targetGroups = [targetGroup1, targetGroup2] as ITargetGroup[];
+
+  it('should apply healthcheck info to health metrics', () => {
+    const [result1, result2, result3] = applyTargetGroupInfoToHealthMetric(metricGroups, targetGroups, 'test');
+
+    // Uses given healthcheck port
+    expect(result1.healthCheckPath).toEqual(':8080/healthcheck');
+    expect(result1.healthCheckProtocol).toEqual('https');
+
+    // Target group is not found
+    expect(result2.healthCheckPath).toBeUndefined();
+    expect(result2.healthCheckProtocol).toBeUndefined();
+
+    // Uses traffic port
+    expect(result3.healthCheckPath).toEqual(':7001/healthcheck');
+    expect(result3.healthCheckProtocol).toEqual('https');
+  });
+});
+
+describe('extractHealthMetrics', () => {
+  it('should extract unknown health states', () => {
+    const lb = { ...mockLoadBalancer, targetGroups: [targetGroup1] } as IAmazonApplicationLoadBalancer;
+    const health1 = [mockHealth, mockLoadBalancerHealth, { ...mockHealth, state: 'Unknown' }] as IAmazonHealth[];
+    const health2 = [mockHealth, mockLoadBalancerHealth] as IAmazonHealth[];
+
+    const result1 = extractHealthMetrics(health1, [lb], 'test');
+    expect(result1.length).toEqual(2);
+
+    const result2 = extractHealthMetrics(health2, [lb], 'test');
+    expect(result2.length).toEqual(2);
+  });
+
+  it('should supplement TargetGroup health info', () => {
+    const lb = { ...mockLoadBalancer, targetGroups: [targetGroup1, targetGroup2] } as IAmazonApplicationLoadBalancer;
+
+    const health = [mockHealth, tgHealth] as IAmazonHealth[];
+
+    const result = extractHealthMetrics(health, [lb], 'test');
+    expect(result.length).toEqual(2);
+
+    const tgs = result[1].targetGroups;
+    expect(tgs[0].healthCheckPath).toEqual(':8080/healthcheck');
+  });
+});
+
+describe('buildTaskActions', () => {
+  it('should render required actions', () => {
+    // Instance has Discovery health
+    const actions1 = buildTaskActions(mockInstance, {} as Application);
+    expect(actions1.length).toEqual(3);
+    expect(actions1[2].label).toEqual('Disable in Discovery');
+
+    const actions2 = buildTaskActions(
+      { ...mockInstance, health: [{ ...mockHealth, state: 'OutOfService' }] },
+      {} as Application,
+    );
+    expect(actions2.length).toEqual(3);
+    expect(actions2[2].label).toEqual('Enable in Discovery');
+
+    // Instance does not have Discovery health
+    const actions3 = buildTaskActions({ ...mockInstance, health: [tgHealth as IAmazonHealth] }, {} as Application);
+    expect(actions3.length).toEqual(2);
+
+    // Instance has no health
+    const actions4 = buildTaskActions({ ...mockInstance, health: [] }, {} as Application);
+    expect(actions4.length).toEqual(2);
+  });
+});

package/src/instance/details/titusInstanceDetailsUtils.ts

@@ -0,0 +1,181 @@
+import type {
+  IAmazonApplicationLoadBalancer,
+  IAmazonHealth,
+  IAmazonNetworkLoadBalancer,
+  IAmazonTargetGroupHealth,
+  ITargetGroup,
+} from '@spinnaker/amazon';
+import { getAllTargetGroups } from '@spinnaker/amazon';
+import type { Action, Application, IInstance, IJob } from '@spinnaker/core';
+import { ConfirmationModalService, InstanceWriter, ReactInjector } from '@spinnaker/core';
+
+export const applyTargetGroupInfoToHealthMetric = (
+  metricGroups: IAmazonTargetGroupHealth[],
+  targetGroups: ITargetGroup[],
+  account: string,
+) => {
+  return metricGroups.map((tg) => {
+    const group = targetGroups.find(
+      (g) => (g.name === tg.name || g.name === tg.targetGroupName) && g.account === account,
+    );
+    const useTrafficPort = group?.healthCheckPort === 'traffic-port' || !group?.healthCheckPort;
+    return {
+      ...tg,
+      name: group?.name,
+      healthCheckPath: group
+        ? `:${useTrafficPort ? group?.port : group.healthCheckPort}${group?.healthCheckPath || ''}`
+        : undefined,
+      healthCheckProtocol: group?.healthCheckProtocol?.toLowerCase(),
+    };
+  });
+};
+
+export const extractHealthMetrics = (
+  health: IAmazonHealth[],
+  loadBalancers: IAmazonApplicationLoadBalancer[] | IAmazonNetworkLoadBalancer[],
+  account: string,
+): IAmazonHealth[] => {
+  const displayableMetrics = (health || []).filter((m) => m.state !== 'Unknown');
+  const allTargetGroups = getAllTargetGroups(loadBalancers);
+
+  return displayableMetrics.map((metric) => {
+    if (metric.type === 'TargetGroup') {
+      const augmentedGroups = applyTargetGroupInfoToHealthMetric(metric.targetGroups, allTargetGroups, account);
+      return { ...metric, targetGroups: augmentedGroups } as IAmazonHealth;
+    }
+
+    return metric;
+  });
+};
+
+const terminateInstance = (instance: IInstance, app: Application) => {
+  return () => {
+    const taskMonitorConfig = {
+      application: app,
+      title: `Terminating ${instance.id}`,
+      onTaskComplete: () => {
+        if (ReactInjector.$state.includes('**.instanceDetails', { id: instance.id })) {
+          ReactInjector.$state.go('^');
+        }
+      },
+    };
+
+    const submitMethod = () => {
+      const params: IJob = { cloudProvider: 'titus' };
+      if (instance.serverGroup) {
+        params.serverGroupName = instance.serverGroup;
+      }
+      return InstanceWriter.terminateInstance(instance, app, params);
+    };
+
+    ConfirmationModalService.confirm({
+      header: `Really terminate ${instance.id}?`,
+      buttonText: `Terminate ${instance.id}`,
+      account: instance.account,
+      taskMonitorConfig,
+      submitMethod,
+    });
+  };
+};
+
+const terminateInstanceAndShrinkServerGroup = (instance: IInstance, app: Application) => {
+  return () => {
+    const taskMonitorConfig = {
+      application: app,
+      title: `Terminating ${instance.id} and shrinking server group`,
+      onTaskComplete: () => {
+        if (ReactInjector.$state.includes('**.instanceDetails', { instanceId: instance.id })) {
+          ReactInjector.$state.go('^');
+        }
+      },
+    };
+
+    const submitMethod = () => {
+      return InstanceWriter.terminateInstancesAndShrinkServerGroups(
+        [
+          {
+            cloudProvider: instance.cloudProvider,
+            instanceIds: [instance.id],
+            account: instance.account,
+            region: instance.region,
+            serverGroup: instance.serverGroup,
+            instances: [instance],
+          },
+        ],
+        app,
+      );
+    };
+
+    ConfirmationModalService.confirm({
+      header: `Really terminate ${instance.id} and shrink ${instance.serverGroup}?`,
+      buttonText: `Terminate ${instance.id} and shrink ${instance.serverGroup}`,
+      account: instance.account,
+      taskMonitorConfig,
+      submitMethod,
+    });
+  };
+};
+
+const enableInstanceInDiscovery = (instance: IInstance, app: Application) => {
+  return () => {
+    const taskMonitorConfig = {
+      application: app,
+      title: `Enabling ${instance.id} in discovery`,
+    };
+
+    const submitMethod = () => InstanceWriter.enableInstanceInDiscovery(instance, app);
+
+    ConfirmationModalService.confirm({
+      header: `Really enable ${instance.id} in discovery?`,
+      buttonText: `Enable ${instance.id}`,
+      account: instance.account,
+      taskMonitorConfig,
+      submitMethod,
+    });
+  };
+};
+
+const disableInstanceInDiscovery = (instance: IInstance, app: Application) => {
+  return () => {
+    const taskMonitorConfig = {
+      application: app,
+      title: `Disabling ${instance.id} in discovery`,
+    };
+
+    const submitMethod = () => InstanceWriter.disableInstanceInDiscovery(instance, app);
+
+    ConfirmationModalService.confirm({
+      header: `Really disable ${instance.id} in discovery?`,
+      buttonText: `Disable ${instance.id}`,
+      account: instance.account,
+      taskMonitorConfig,
+      submitMethod,
+    });
+  };
+};
+
+export const buildTaskActions = (instance: IInstance, app: Application): Action[] => {
+  const taskActions = [
+    { label: 'Terminate', triggerAction: terminateInstance(instance, app) },
+    { label: 'Terminate and Shrink Server Group', triggerAction: terminateInstanceAndShrinkServerGroup(instance, app) },
+  ];
+
+  const discoveryHealth = (instance.health || []).filter((h) => h.type === 'Discovery');
+
+  if (discoveryHealth.length && discoveryHealth[0].state === 'OutOfService') {
+    taskActions.push({
+      label: 'Enable in Discovery',
+      triggerAction: enableInstanceInDiscovery(instance, app),
+    });
+  }
+
+  const hasHealthState = (discoveryHealth || []).some((h) => h.state === 'Up' || h.state === 'Down');
+  if (hasHealthState) {
+    taskActions.push({
+      label: 'Disable in Discovery',
+      triggerAction: disableInstanceInDiscovery(instance, app),
+    });
+  }
+
+  return taskActions;
+};

package/src/logo/titus.logo.less

@@ -0,0 +1,5 @@
+.cloud-provider-logo {
+  .icon-titus {
+    mask-image: url('titus.logo.svg');
+  }
+}

package/src/logo/titus.logo.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="47px" height="40px" viewBox="0 0 47 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <g transform="translate(1.000000, 1.000000)">
+    <path d="M30.8746,26.4746 C27.6746,26.4746 25.0746,23.8746 25.0746,20.6746 C25.0746,17.4746 27.6746,14.8746 30.8746,14.8746 C34.0746,14.8746 36.6746,17.4746 36.6746,20.6746 C36.5746,23.8746 34.0746,26.4746 30.8746,26.4746 M14.2746,26.4746 C11.0746,26.4746 8.4746,23.8746 8.4746,20.6746 C8.4746,17.4746 11.0746,14.8746 14.2746,14.8746 C17.4746,14.8746 20.0746,17.4746 20.0746,20.6746 C20.0746,23.8746 17.4746,26.4746 14.2746,26.4746 M38.6746,18.0746 L38.6746,2.1746 L37.5746,2.1746 L37.5746,7.5746 L34.8746,7.5746 C32.4746,3.1746 27.8746,0.1746 22.5746,0.1746 C17.2746,0.1746 12.6746,3.1746 10.2746,7.5746 L7.0746,7.5746 L7.0746,2.1746 L5.9746,2.1746 L5.9746,17.9746 C2.7746,17.9746 0.1746,20.5746 0.1746,23.7746 C0.1746,26.9746 2.7746,29.5746 5.9746,29.5746 C6.1746,29.5746 6.3746,29.4746 6.4746,29.4746 L6.4746,37.6746 L38.4746,37.6746 L38.4746,29.5746 C41.6746,29.5746 44.2746,26.9746 44.2746,23.7746 C44.3746,20.5746 41.7746,18.0746 38.6746,18.0746" id="Fill-1" fill="#000000"></path>
+    <path d="M30.8746,26.4746 C27.6746,26.4746 25.0746,23.8746 25.0746,20.6746 C25.0746,17.4746 27.6746,14.8746 30.8746,14.8746 C34.0746,14.8746 36.6746,17.4746 36.6746,20.6746 C36.5746,23.8746 34.0746,26.4746 30.8746,26.4746 L30.8746,26.4746 Z M14.2746,26.4746 C11.0746,26.4746 8.4746,23.8746 8.4746,20.6746 C8.4746,17.4746 11.0746,14.8746 14.2746,14.8746 C17.4746,14.8746 20.0746,17.4746 20.0746,20.6746 C20.0746,23.8746 17.4746,26.4746 14.2746,26.4746 L14.2746,26.4746 Z M38.6746,18.0746 L38.6746,2.1746 L37.5746,2.1746 L37.5746,7.5746 L34.8746,7.5746 C32.4746,3.1746 27.8746,0.1746 22.5746,0.1746 C17.2746,0.1746 12.6746,3.1746 10.2746,7.5746 L7.0746,7.5746 L7.0746,2.1746 L5.9746,2.1746 L5.9746,17.9746 C2.7746,17.9746 0.1746,20.5746 0.1746,23.7746 C0.1746,26.9746 2.7746,29.5746 5.9746,29.5746 C6.1746,29.5746 6.3746,29.4746 6.4746,29.4746 L6.4746,37.6746 L38.4746,37.6746 L38.4746,29.5746 C41.6746,29.5746 44.2746,26.9746 44.2746,23.7746 C44.3746,20.5746 41.7746,18.0746 38.6746,18.0746 L38.6746,18.0746 Z" id="Stroke-3" stroke="#000000" stroke-width="2.349"></path>
+  </g>
+</svg>