openmcp-sdk 0.0.1 → 0.0.2

package/renderer/mcp.css

@@ -0,0 +1,224 @@
+:root {
+    --signal-default-color: #4CAF50;
+    --main-color: #CB81DA;
+    --main-dark-color: #2D323B;
+    --main-light-color: rgba(203, 129, 218, 0.7);
+    --sidebar-width: 330px;
+    --right-nav-width: 50px;
+    --time-scale-height: 30px;
+    --sidebar-padding: 10px;
+    --sidebar-item-margin: 5px;
+    --toolbar-height: 50px;
+    --toolbar-item-height: 32px;
+    --font-size-xsp: 11px;
+    --md-zoom: 1.12;
+
+    --code-font-family: Consolas, Monaco, "Cascadia code", 'Andale Mono', 'Ubuntu Mono', monospace;
+
+    /* css 动画属性 */
+    --animation-7s: .7s cubic-bezier(0.23, 1, 0.32, 1);
+    --animation-5s: .5s cubic-bezier(0.23, 1, 0.32, 1);
+    --animation-3s: .35s cubic-bezier(0.23, 1, 0.32, 1);
+    --gray-box-shadow-0: 0 0 8px 3px rgba(182, 181, 182, 0.9);
+    --gray-box-shadow-1: 0 0 5px 1px rgba(16, 16, 16, 0.5);
+}
+
+@font-face {
+    font-family: "Cascadia code";
+    src: url("./CascadiaCode.woff2");
+}
+
+html,
+body {
+    background-color: var(--background);
+    color: var(--foreground);
+    overflow: hidden;
+}
+
+body::-webkit-scrollbar {
+    width: 0;
+}
+
+
+.el-select__wrapper {
+    min-width: 100px;
+    padding: 13px;
+    font-size: 16px;
+    color: var(--sidebar-item-text);
+}
+
+.el-select-group__title {
+    color: var(--main-color) !important;
+}
+
+.el-select__placeholder {
+    color: var(--sidebar-item-text) !important;
+}
+
+.el-select-dropdown {
+    background-color: var(--sidebar);
+    border: 1.0px solid var(--main-color);
+}
+
+.el-checkbox-button__inner {
+    font-size: 16px !important;
+}
+
+.el-textarea__inner {
+    padding: 10px !important;
+    box-shadow: 0 0 0 1px var(--main-color) !important;
+}
+
+
+a {
+    color: var(--main-color);
+}
+
+.el-radio-button__original-radio:disabled:checked+.el-radio-button__inner {
+    opacity: 0.6;
+}
+
+.el-select__wrapper.is-disabled {
+    opacity: 0.6;
+    box-shadow: unset !important;
+}
+
+.el-textarea__inner::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+}
+
+.el-textarea__inner::-webkit-scrollbar-track {
+    background: transparent;
+    /* 浅紫色背景 */
+    border-radius: 4px;
+}
+
+.el-textarea__inner::-webkit-scrollbar-thumb {
+    background: var(--main-color);
+    /* 使用您的主题色 */
+    border-radius: 4px;
+}
+
+.el-textarea__inner::-webkit-scrollbar-thumb:hover {
+    background: var(--main-color);
+    /* 深紫色悬停状态 */
+}
+
+* hr {
+    border: none;
+    width: 95%;
+    background-color: var(--background);
+    height: 1px;
+}
+
+.openmcp-code-block {
+    display: flex;
+    flex-direction: column;
+    margin-bottom: 1em;
+    border: 1px solid var(--main-color);
+    border-radius: 4px;
+    overflow: hidden;
+    font-size: 12px;
+}
+
+.openmcp-code-block pre code {
+    background-color: transparent !important;
+}
+
+.openmcp-code-block pre code::-webkit-scrollbar {
+    width: 8px;
+    height: 5px;
+}
+
+.tool-arguments .openmcp-code-block pre code::-webkit-scrollbar {
+    background: transparent !important;
+}
+
+.tool-arguments .openmcp-code-block pre code {
+    background: transparent !important;
+}
+
+.openmcp-code-block pre code::-webkit-scrollbar-track {
+    background: transparent;
+    /* 浅紫色背景 */
+    border-radius: 4px;
+}
+
+.openmcp-code-block pre code::-webkit-scrollbar-thumb {
+    background: #cb81da;
+    /* 使用您的主题色 */
+    border-radius: 4px;
+}
+
+.openmcp-code-block pre code::-webkit-scrollbar-thumb:hover {
+    background: #a259b5;
+    /* 深紫色悬停状态 */
+}
+
+.code-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    color: var(--sidebar);
+    background-color: var(--main-color);
+    padding: 5px 10px;
+}
+
+.inner .openmcp-code-block {
+    border: none;
+    margin: 0;
+    padding: 0;
+}
+
+.inner .code-header {
+    display: none;
+    color: var(--foreground);
+    background-color: transparent !important;
+    padding: 0;
+}
+
+.inner pre {
+    margin: 0 !important;
+}
+
+.lang-id {
+    font-weight: bold;
+}
+
+.copy-button {
+    cursor: pointer;
+    padding: 0.2em 0.5em;
+    border: none;
+    border-radius: 4px;
+    background-color: transparent;
+    color: var(--sidebar);
+    transition: all 0.3s ease;
+}
+
+.copy-button:hover {
+    background-color: var(--main-color);
+    color: #fff;
+}
+
+.openmcp-logo {
+	background-image: url('./images/openmcp.svg');
+	background-size: contain;
+	background-repeat: no-repeat;
+	background-position: center;
+}
+
+.openmcp-image {
+	background-image: url('https://picx.zhimg.com/80/v2-a0aa51e8a61f86586e374520995b5df5_1440w.png?source=d16d100b');
+	background-size: contain;
+	background-repeat: no-repeat;
+	background-position: center;
+}
+
+.el-button:hover {
+    color: var(--foreground) !important;
+}
+
+.el-dropdown-menu__item:hover {
+    background-color: var(--background) !important;
+}

package/renderer/vscode.css

@@ -0,0 +1,149 @@
+:root {
+    --font-monospace-family: var(--vscode-editor-font-family);
+    --font-monospace-weight: var(--vscode-editor-font-weight);
+    --font-monospace-size: var(--vscode-editor-font-size);
+    
+    --link-foreground: var(--vscode-textLink-foreground);
+    --link-active: var(--vscode-textLink-activeForeground);
+
+    /* UI & Control */
+    --input-active-background: var(--vscode-input-background);
+    --input-active-border: var(--vscode-focusBorder);
+    --input-active-foreground: var(--vscode-input-foreground);
+
+    --input-error-background: var(--vscode-inputValidation-errorBackground);
+    --input-error-border: var(--vscode-inputValidation-errorBorder);
+    --input-error-foreground: var(--vscode-inputValidation-errorForeground);
+
+    --input-foreground: var(--vscode-input-foreground);
+    --input-background: var(--vscode-input-background);
+    --input-border: var(--vscode-input-border);
+    --input-hover: var(--vscode-input-background);
+    --input-placeholder: var(--vscode-input-placeholderForeground);
+    --input-radius: 0px;
+
+    --scrollbar-background: var(--vscode-scrollbarSlider-background);
+    --scrollbar-hover: var(--vscode-scrollbarSlider-hoverBackground);
+    --scrollbar-active: var(--vscode-scrollbarSlider-activeBackground);
+
+    /* Window */
+    --title-bar: #1f1f1f;
+    --title-color: #fff;
+    --foreground: var(--vscode-editor-foreground);
+    --background: var(--vscode-editor-background);
+    --label: rgb(189, 189, 189);
+    --shadow: #000;
+    --border: var(--vscode-input-border);
+    --window-button-hover: rgba(255,255,255,0.1);
+    --window-button-active: rgba(255,255,255,0.2);
+    --window-blur-background: rgba(0,0,0,0.25);
+
+    --window-title-foreground: var(--foreground);
+    --window-background: var(--sidebar);
+    --window-border: transparent;
+    --window-radius: 0px;
+
+    /* Sidebar */
+    --sidebar: var(--vscode-sideBar-background);
+    --sidebar-border: var(--vscode-sideBar-border);
+    --sidebar-min-width: 280px;
+
+    --sidebar-item-text: var(--vscode-list-inactiveSelectionForeground);
+    --sidebar-item-border: var(--vscode-input-border);
+    --sidebar-item-background: var(--sidebar);
+    --sidebar-item-selected: var(--vscode-list-inactiveSelectionBackground);
+    --sidebar-item-hover: var(--vscode-list-hoverBackground);
+    --sidebar-item-max-height: 40px;
+    --sidebar-item-radix-background: var(--vscode-breadcrumb-background);
+
+    --sidebar-group-text: var(--vscode-sideBarSectionHeader-foreground);
+    --sidebar-group-border: var(--vscode-sideBarSectionHeader-border);
+    --sidebar-group-background: var(--vscode-sideBarSectionHeader-background);
+
+    /* Labels */
+    --signalSize-background: rgba(0,0,0,0.5);
+    --signalSize-border: rgba(255,255,255,0.2);
+    --signalSize-color: var(--foreground);
+
+    /* Color Picker */
+    --picker-swatch-size: 15px;
+    --picker-swatch-cols: 8;
+    --picker-background: var(--vscode-breadcrumbPicker-background);
+    --picker-border: var(--vscode-dropdown-border);
+    
+    /* Search */
+    --search-background: var(--vscode-quickInput-background);
+    --search-border: var(--border);
+    --search-panel-background: transparent;
+    --search-panel-border: var(--vscode-pickerGroup-border);
+    --search-panel-text: var(--vscode-quickInput-foreground);
+    --search-label: var(--foreground);
+    --search-selected-background: var(--vscode-list-inactiveSelectionBackground);
+
+    /* Properties */
+    --properties-background: var(--vscode-breadcrumb-background);
+    --properties-border: var(--border);
+
+    /* Navbar */
+    --navBar-background: var(--sidebar);
+    --navBar-height: 32px;
+    --navBar-button: transparent;
+    --navBar-button-text: var(--foreground);
+    --navBar-group-background: var(--background);
+    --navBar-preview-background: var(--vscode-scrollbarSlider-background);
+    --navBar-slider-border: var(--foreground);
+
+    /* Buttons */
+    --button: var(--vscode-button-background);
+    --button-text: var(--vscode-button-foreground);
+    --button-hover: var(--vscode-button-hoverBackground);
+    --button-active: var(--vscode-button-hoverBackground);
+    --button-disabled: var(--vscode-activityBar-background);
+    --button-disabled-text: var(--vscode-activityBar-inactiveForeground);
+
+    /* Grid Lines */
+    --grid-dash: 2;
+    --grid-space: 4;
+    --grid-line: var(--vscode-editorIndentGuide-background);
+    --grid-tick: var(--vscode-editorIndentGuide-activeBackground);
+
+    /* Cursor */
+    --cursor: var(--vscode-editorCursor-foreground);
+    --cursor-ghost: rgba(255, 255, 255, 0.2);
+    --cursor-width: 2;
+
+    /* X-Axis */
+    --axis-height: 38px;
+    --axis-line: var(--border);
+    --axis-background: var(--vscode-sideBar-background);
+    --axis-foreground: var(--foreground);
+
+    /* Signals */
+    --signal-highlight: var(--vscode-list-inactiveSelectionBackground);
+
+    /* Colors */
+    --accent: var(--vscode-button-background);
+    --accent-dim: #234175;
+    --accent-bright: #24c5f7;
+    --accent-hover: var(--vscode-button-hoverBackground);
+
+    --color-red: #ff5252;
+    --color-pink: #ff4081;
+    --color-purple: #e040fb;
+    --color-deepPurple: #7c4dff;
+    --color-indigo: #536dfe;
+    --color-blue: #448aff;
+    --color-lightBlue: #40c4ff;
+    --color-cyan: #18ffff;
+    --color-teal: #64ffda;
+    --color-green: #69f0ae;
+    --color-lightGreen: #b2ff59;
+    --color-lime: #eeff41;
+    --color-yellow: #ffff00;
+    --color-amber: #ffd740;
+    --color-orange: #ffab40;
+    --color-deepOrange: #ff6e40;
+
+    /* Settings */
+    --settings-action-background: var(--background);
+}