kui-shell

<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8" /> <title>${productTitle}</title> <link href="${cssHome}carbon-components.min.css" rel="stylesheet" type="text/css" nonce="kuiDefaultNonce" /> <link href="${cssHome}carbon-overrides-common.css" rel="stylesheet" type="text/css" nonce="kuiDefaultNonce" /> <link href="${cssHome}not-electron.css" rel="stylesheet" type="text/css" nonce="kuiDefaultNonce" /> <link href="${cssHome}kui-tables-common.css" rel="stylesheet" type="text/css" nonce="kuiDefaultNonce" /> <link href="${cssHome}ui.css" rel="stylesheet" type="text/css" nonce="kuiDefaultNonce" /> <link href="${cssHome}sidecar.css" rel="stylesheet" type="text/css" nonce="kuiDefaultNonce" /> <link href="${cssHome}${tabStripe}" rel="stylesheet" type="text/css" nonce="kuiDefaultNonce" />  <link href="${cssHome}vendor/balloon-css/balloon.min.css" rel="stylesheet" type="text/css" nonce="kuiDefaultNonce" /> <link rel="shortcut icon" href="${imageHome}${favicon}" />  <meta property="og:type" content="website" /> <meta property="og:url" content="${ogUrl}" /> <meta property="og:site_name" content="${ogSiteName}" /> <meta property="og:title" content="${ogTitle}" /> <meta property="og:description" content="${ogDescription}" /> <meta property="og:image" content="${ogImage}" />  <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:url" content="${ogUrl}" /> <meta name="twitter:description" content="${ogDescription}" /> <meta name="twitter:image" content="${ogImage}" /> <meta name="twitter:label1" value="${ogLabel1}" /> <meta name="twitter:data1" value="${ogData1}" /> <meta name="twitter:label2" value="${ogLabel2}" /> <meta name="twitter:data2" value="${ogData2}" /> <meta http-equiv="Content-Security-Policy" content="${contentSecurityPolicy}" /> <script nonce="kuiDefaultNonce"> window['_kuiWebpackHash'] = '${hash}' window['_kuiWebpackResourceRoot'] = '${resourceRoot}' </script> </head> <body class="still-loading ${bodyCss}"> <div class="page"> <main class="main"> <div class="left-tab-stripe kui-header"> <div class="kui-header__title">${productName}</div> <div class="application-icon" id="about-button"></div> <div class="offscreen hidden"> <div class="clickable" id="openwhisk-api-host" title="Your API host. Click to change to another host."></div> <div class="clickable" id="openwhisk-namespace" title="Your currently selected namespace. Click to list your other namespaces."></div> </div> <div class="left-tab-stripe-buttons"> <a href="#" class="kui-tab kui-tab--active left-tab-stripe-button left-tab-stripe-button-selected kui--tab-navigatable" data-tab-button-index="1" aria-label="tab"> <i class="fas fa-square repl-prompt-right-element-icon deemphasize"></i> <div class="kui-tab--label left-tab-stripe-button-label">   <span class="kui-tab--label-text"></span> <span class="kui-tab--label-index"></span> </div> <div class="left-tab-stripe-button-closer"> <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" width="12" height="16" viewBox="0 0 16 16" aria-hidden="true"> <path d="M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z"></path> </svg> </div> </a> </div> <div class="left-tab-stripe-bottom-buttons"> <a href="#" class="kui--tab-navigatable kui-new-tab__plus left-tab-stripe-button smaller-button kui-new-tab" id="new-tab-button" data-balloon-disabled="Open a new tab" data-balloon-pos="right" data-balloon-length="fit" aria-label="Open a new tab"> <svg class="kui-new-tab__plus" focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 32 32" aria-hidden="true"> <path d="M17 15V7h-2v8H7v2h8v8h2v-8h8v-2h-8z"></path> </svg> </a> <div id="kui--custom-top-tab-stripe-button-container"></div> <a href="#" class="left-tab-stripe-button smaller-button kui--tab-navigatable " id="help-button" aria-label="Help"> <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 32 32" aria-hidden="true"> <path d="M16 2a14 14 0 1 0 14 14A14 14 0 0 0 16 2zm0 26a12 12 0 1 1 12-12 12 12 0 0 1-12 12z"></path> <circle cx="16" cy="23.5" r="1.5"></circle> <path d="M17 8h-1.5a4.49 4.49 0 0 0-4.5 4.5v.5h2v-.5a2.5 2.5 0 0 1 2.5-2.5H17a2.5 2.5 0 0 1 0 5h-2v4.5h2V17a4.5 4.5 0 0 0 0-9z"></path> <title>Help</title> </svg> </a> </div> </div> <div class="tab-container"> <tab class="visible"> <div class="kui--rows"> <div class="kui--columns"> <repl class="repl" id="main-repl"> <div class="repl-inner zoomable"> <div class="repl-block repl-initial" data-base-class="repl-block" data-input-count="0"> <div class="repl-input"> <div class="repl-prompt"> <span class="repl-prompt-lefty"></span> <span class="repl-context"></span> <span class="repl-selection clickable" title="The current selection"></span> <span class="repl-prompt-righty">  <i>❯</i> </span> </div> <input type="text" class="repl-input-element" aria-label="Command Input" autofocus autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" xxx_no_placeholder="enter your command" /> <span class="repl-prompt-right-elements"> <div class="kui--repl-prompt-buttons"> <div class="graphical-icon kui--repl-prompt-buttons--screenshot kui--hide-in-webpack"> <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 32 32" aria-hidden="true"> <path d="M29 26H3a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h6.46l1.71-2.55A1 1 0 0 1 12 4h8a1 1 0 0 1 .83.45L22.54 7H29a1 1 0 0 1 1 1v17a1 1 0 0 1-1 1zM4 24h24V9h-6a1 1 0 0 1-.83-.45L19.46 6h-6.92l-1.71 2.55A1 1 0 0 1 10 9H4z"></path> <path d="M16 22a6 6 0 1 1 6-6 6 6 0 0 1-6 6zm0-10a4 4 0 1 0 4 4 4 4 0 0 0-4-4z"></path> </svg> </div> </div> <span class="repl-prompt-timestamp even-smaller-text slightly-deemphasize"></span> <div class="repl-prompt-right-element-status-icon deemphasize"> <svg class="kui--icon-error" focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" aria-hidden="true"> <path d="M10 1c-5 0-9 4-9 9s4 9 9 9 9-4 9-9-4-9-9-9zm3.5 13.5l-8-8 1-1 8 8-1 1z"></path> <path d="M13.5 14.5l-8-8 1-1 8 8-1 1z" data-icon-path="inner-path" opacity="0"></path> </svg> <svg class="kui--icon-ok" focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" aria-hidden="true"> <path d="M10 1c-4.9 0-9 4.1-9 9s4.1 9 9 9 9-4 9-9-4-9-9-9zM8.7 13.5l-3.2-3.2 1-1 2.2 2.2 4.8-4.8 1 1-5.8 5.8z"></path> <path d="M8.7 13.5l-3.2-3.2 1-1 2.2 2.2 4.8-4.8 1 1-5.8 5.8z" data-icon-path="inner-path" opacity="0"></path> </svg> <div data-loading class="bx--loading kui--icon-processing"> <svg class="bx--loading__svg" focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="-75 -75 150 150" aria-hidden="true"> <circle class="bx--loading__stroke-kui" cx="0" cy="0" r="48.875" /> <circle class="bx--loading__stroke" cx="0" cy="0" r="46.875" /> </svg> </div> </div> </span> </div> <div class="repl-output"> <div class="repl-result"></div> <div class="repl-result-spinner"> <div class="repl-result-spinner-inner"></div> </div> </div> </div> </div> </repl> <sidecar id="sidecar"> <div class="kui--sidecar-header-and-body"> <header class="sidecar-header"> <div class="header-main-content"> <div class="kui--sidecar-header-and-toolbar"> <div class="header-top-bits"> <div class="header-left-bits"> <div class="sidecar-header-text"> <div class="sidecar-header-name" data-base-class="sidecar-header-name">  <div class="sidecar-header-name-content" data-base-class="sidecar-header-name-content"> <span class="entity-name-hash"></span> <div class="entity-name-line"> <span class="entity-name"></span> <div class="repl-input"> <div class="repl-prompt hide-with-screenshot"> <div class="repl-prompt-righty">  <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 32 32" aria-hidden="true"> <path d="M22 16L12 26l-1.4-1.4 8.6-8.6-8.6-8.6L12 6z"></path> </svg> </div> </div> <input type="text" aria-label="Command Input" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder="enter your command" class="repl-input-like sidecar-header-input" /> </div> </div> </div> </div> </div> </div> <div class="header-right-bits">  <div class="action-content"> <a class="entity-web-export-url" target="_blank">🌐</a> </div> <div class="activation-content"> <strong class="activation-duration"></strong> <div class="activation-estimated-cost-container">~$<span class="activation-estimated-cost"></span> per million</div> </div> <div class="custom-header-content"></div> </div> </div> <div class="sidecar-header-secondary-content"> <div class="action-content"> <span class="kind"></span>    </div> <div class="activation-content"> <div class="kind-content">This call started <strong class="activation-start"></strong></div> </div> <div class="package-content"> <div class="kind-content"> This is a package  <span class="package-binding-signifier"> binding of <span class="package-binding-of"></span> </span> with <span class="count-with-label package-action-count"> <span class="package-content-count"></span> <span class="label-plural">actions</span> <span class="label-singular">action</span>, and </span> <span class="count-with-label package-feed-count"> <span class="package-content-count"></span> <span class="label-plural">feeds</span> <span class="label-singular">feed</span> </span> </div> </div> <div class="rule-content"> <div class="kind-content">This is a rule</div> </div> <div class="trigger-content"> <div class="kind-content">  <span class="feed-content"></span> </div> </div> <div class="custom-header-content"></div> </div> </div>  <div class="sidecar-top-stripe zoomable"> <div class="sidecar-bottom-stripe-left-bits"> <div class="sidecar-bottom-stripe-mode-bits sidecar-bottom-stripe-button-container"> <div class="bx--tabs"> <ul class="bx--tabs__nav bx--tabs__nav--hidden" role="tablist"></ul> </div> </div> </div> </div> </div> </header> <div class="sidecar-content-container"> <div class="sidecar-bottom-stripe-toolbar"> <div class="sidecar-toolbar-text"> <div class="sidecar-toolbar-text-icon"> <svg class="kui--info-icon" focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"> <path d="M8.5 11V6.5h-2v1h1V11H6v1h4v-1zM8 3.5c-.4 0-.8.3-.8.8s.4.7.8.7.8-.3.8-.8-.4-.7-.8-.7z"></path> <path d="M8 15c-3.9 0-7-3.1-7-7s3.1-7 7-7 7 3.1 7 7-3.1 7-7 7zM8 2C4.7 2 2 4.7 2 8s2.7 6 6 6 6-2.7 6-6-2.7-6-6-6z"></path> </svg> <svg class="kui--warning-icon" focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"> <path d="M8 1C4.2 1 1 4.2 1 8s3.2 7 7 7 7-3.1 7-7-3.1-7-7-7zm-.5 3h1v5h-1V4zm.5 8.2c-.4 0-.8-.4-.8-.8s.3-.8.8-.8c.4 0 .8.4.8.8s-.4.8-.8.8z"></path> <path d="M7.5 4h1v5h-1V4zm.5 8.2c-.4 0-.8-.4-.8-.8s.3-.8.8-.8c.4 0 .8.4.8.8s-.4.8-.8.8z" data-icon-path="inner-path"></path> </svg> <svg class="kui--error-icon" focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"> <path d="M8 1C4.1 1 1 4.1 1 8s3.1 7 7 7 7-3.1 7-7-3.1-7-7-7zm2.7 10.5L4.5 5.3l.8-.8 6.2 6.2-.8.8z"></path> <path d="M10.7 11.5L4.5 5.3l.8-.8 6.2 6.2-.8.8z" data-icon-path="inner-path"></path> </svg> </div> <div class="sidecar-toolbar-text-content"></div> </div>  <div class="sidecar-bottom-stripe-mode-bits sidecar-bottom-stripe-button-container"></div> </div> <div class="custom-content zoomable"></div> <div class="sidecar-content zoomable"> <div class="hook-for-third-party-content no-content"></div> <div class="action-content"> <pre> <code class="action-source"></code> </pre> <div class="sequence-components" data-base-class="sequence-components"></div> </div> <div class="activation-content"> <pre> <code class="activation-result json"></code> </pre> </div> <div class="rule-content"> <div class="rule-components small-node-count-canvas horizontal-canvas"></div> </div> <div class="package-content"></div> <div class="trigger-content"> <pre> <code class="trigger-source"></code> </pre> </div> </div> </div> </div>  <div class="sidecar-bottom-stripe zoomable"> <div class="sidecar-bottom-stripe-left-bits"> <div class="sidecar-bottom-stripe-back-bits sidecar-bottom-stripe-button-container"> <div class="sidecar-bottom-stripe-button sidecar-bottom-stripe-back-button" data-balloon-pos="down-left"> <div class="graphical-icon"> <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 32 32" aria-hidden="true"> <path d="M13 26l1.41-1.41L6.83 17H29v-2H6.83l7.58-7.59L13 6 3 16l10 10z"></path> </svg> </div> <div class="sidecar-bottom-stripe-back-inner-bits"></div> </div> </div> <div class="sidecar-header-icon-wrapper"> <span class="sidecar-header-icon"></span> </div>  <div class="sidecar-header-icon-wrapper sidecar-header-icon-wrapper-for-namespace"> <span class="package-prefix"></span> </div> </div> <div class="sidecar-bottom-stripe-right-bits"> <div class="sidecar-non-window-buttons">  <div class="kui--hide-in-webpack sidecar-screenshot-button sidecar-bottom-stripe-button sidecar-bottom-stripe-maximize screenshot-button" data-balloon="Capture Screenshot" data-balloon-length="medium" data-balloon-pos="down-right"> <a href="#" class="graphical-icon kui--tab-navigatable kui--notab-when-sidecar-hidden" tabindex="-1" aria-label="Capture Screenshot"> <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 32 32" aria-hidden="true"> <path d="M29 26H3a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h6.46l1.71-2.55A1 1 0 0 1 12 4h8a1 1 0 0 1 .83.45L22.54 7H29a1 1 0 0 1 1 1v17a1 1 0 0 1-1 1zM4 24h24V9h-6a1 1 0 0 1-.83-.45L19.46 6h-6.92l-1.71 2.55A1 1 0 0 1 10 9H4z"></path> <path d="M16 22a6 6 0 1 1 6-6 6 6 0 0 1-6 6zm0-10a4 4 0 1 0 4 4 4 4 0 0 0-4-4z"></path> </svg> </a> </div> </div> <div class="sidecar-window-buttons">  <div class="sidecar-bottom-stripe-button sidecar-bottom-stripe-maximize toggle-sidecar-maximization-button"> <span class="maximize-button-label"> <a href="#" class="graphical-icon kui--tab-navigatable kui--notab-when-sidecar-hidden" tabindex="-1" data-balloon="Expand to full width" data-balloon-length="medium" data-balloon-pos="down-right" aria-label="Expand to full width"> <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"> <path d="M10 1v1h3.3L8.5 6.8l.7.7L14 2.7V6h1V1zM7.5 9.2l-.7-.7L2 13.3V10H1v5h5v-1H2.7z"></path> </svg> </a> </span> <span class="unmaximize-button-label"> <a href="#" class="graphical-icon kui--tab-navigatable kui--notab-when-sidecar-hidden" tabindex="-1" data-balloon="Restore split screen" data-balloon-length="medium" data-balloon-pos="down-right" aria-label="Restore split screen"> <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"> <path d="M3 9v1h2.3L1 14.3l.7.7L6 10.7V13h1V9zm10-2V6h-2.3L15 1.7l-.7-.7L10 5.3V3H9v4z"></path> </svg> </a> </span> </div>  <div class="sidecar-bottom-stripe-button sidecar-bottom-stripe-close toggle-sidecar-button" data-balloon="Minimize" data-balloon-length="small" data-balloon-pos="down-right"> <a href="#" class="graphical-icon kui--tab-navigatable kui--notab-when-sidecar-hidden" tabindex="-1" aria-label="Minimize"> <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"> <path d="M11 8l-5 5-.7-.7L9.6 8 5.3 3.7 6 3z"></path> </svg> </a> </div>  <div class="sidecar-bottom-stripe-button sidecar-bottom-stripe-quit" data-balloon="Close" data-balloon-length="small" data-balloon-pos="down-right"> <a href="#" class="graphical-icon kui--tab-navigatable kui--notab-when-sidecar-hidden" tabindex="-1" aria-label="Close">  <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 32 32" aria-hidden="true"> <path d="M24 9.4L22.6 8 16 14.6 9.4 8 8 9.4l6.6 6.6L8 22.6 9.4 24l6.6-6.6 6.6 6.6 1.4-1.4-6.6-6.6L24 9.4z"></path> </svg> </a> </div> </div> </div> </div> </sidecar> </div> </div> </tab> </div> <div class="kui--input-stripe"> <div class="repl-block" data-base-class="repl-block"> <div class="repl-input"> <div class="repl-prompt"> <span class="repl-prompt-lefty"></span> <span class="repl-context"></span> <span class="repl-selection clickable" title="The current selection"></span> <span class="repl-prompt-righty">  <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 32 32" aria-hidden="true"> <path d="M22 16L12 26l-1.4-1.4 8.6-8.6-8.6-8.6L12 6z"></path> </svg> </span> </div> <input type="text" aria-label="Command Input" tabindex="1" class="repl-input-element kui--tab-navigatable " autofocus autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder="enter your command" /> </div> </div> </div> </main> <textarea id="invisible-global-input" class="not-tabbable" tabindex="-1" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"></textarea> <div id="restart-needed-warning"> <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"> <path d="M12 1C5.9 1 1 5.9 1 12s4.9 11 11 11 11-4.9 11-11S18.1 1 12 1zm4.3 16.5L6.5 7.7l1.2-1.2 9.8 9.8-1.2 1.2z"></path> <path d="M16.3 17.5L6.5 7.7l1.2-1.2 9.8 9.8-1.2 1.2z" data-icon-path="inner-path" opacity="0"></path> </svg> <div class="restart-needed-warning-content"> A severe error occurred during launch </div> </div> </div> </body> <script src="${jsHome}${main}" nonce="kuiDefaultNonce"></script> </html>