ide-assi 0.373.0 → 0.375.0

package/dist/bundle.cjs.js

@@ -201852,352 +201852,10 @@ class IdeAssi extends HTMLElement
 
 		this.shadowRoot.appendChild(document.createElement('ide-diff-popup'));
 
-		//setTimeout(() => {
-		const src1 = `
-import React, { useRef, useEffect } from "react";
-import { api, ai } from "ide-assi";
-import ninegrid from "ninegrid2";
-
-const DocManager = () => {
-  const tabRef = useRef(null);
-  const gridRef = useRef(null);
-
-  const selectList = async (params) => {
-    if (!gridRef.current) return;
-    gridRef.current.classList.add("loading");
-    api.post(\`/api/tmpl-a/doc-manager/selectList\`, params).then((res) => {
-      gridRef.current.data.source = res.list;
-    });
-  };
-
-  const handleNaturalLanguageSearch = async () => {
-    const searchTextElement = ninegrid.querySelector("#searchText", tabRef.current);
-    const searchText = searchTextElement ? searchTextElement.value : "";
-
-    if (!gridRef.current) return;
-    gridRef.current.classList.add("loading");
-
-    let params = {};
-    if (searchText) {
-      params = {
-        _whereClause: await ai.generateWhereCause(
-          "tmpla/DocManagerMapper.xml",
-          "selectList",
-          searchText,
-          import.meta.env.VITE_GEMINI_API_KEY
-        ),
-      };
-    }
-    selectList(params);
-  };
-
-  const handleClassicSearch = () => {
-    if (!gridRef.current) return;
-    gridRef.current.classList.add("loading");
-
-    const form2Element = ninegrid.querySelector(".form2", tabRef.current);
-    const params = form2Element ? form2Element.getData() : {};
-    selectList(params);
-  };
-
-  useEffect(() => {
-    selectList({});
-
-    const searchTextElement = ninegrid.querySelector("#searchText", tabRef.current);
-    const searchButton = ninegrid.querySelector(".search", tabRef.current);
-
-    const handleKeyDown = (e) => {
-      if (e.key === "Enter" && !e.isComposing) {
-        handleNaturalLanguageSearch();
-      }
-    };
-
-    const handleClick = () => {
-      handleClassicSearch();
-    };
-
-    if (searchTextElement) {
-      searchTextElement.addEventListener("keydown", handleKeyDown);
-    }
-    if (searchButton) {
-      searchButton.addEventListener("click", handleClick);
-    }
-
-    return () => {
-      if (searchTextElement) {
-        searchTextElement.removeEventListener("keydown", handleKeyDown);
-      }
-      if (searchButton) {
-        searchButton.removeEventListener("click", handleClick);
-      }
-    };
-  }, []);
-
-  return (
-    <div className="wrapper">
-      <nx-collapse target="nx-tab" className="search-collapse"></nx-collapse>
-      <div className="list-wrapper">
-        <nx-tab theme="theme-3" ref={tabRef}>
-          <nx-tab-page caption="자연어 검색">
-            <nx-form className="form1">
-              <input
-                type="text"
-                id="searchText"
-                name="searchText"
-                placeholder="자연어 검색어를 입력하세요 (ex: 작성자가 홍길동인 데이타를 찾아줘)"
-              />
-            </nx-form>
-          </nx-tab-page>
-          <nx-tab-page caption="클래식 검색">
-            <nx-form className="form2">
-              <label>문서명: <input type="text" name="docNm" /></label>
-              <label>매출액:
-                <input type="number" name="minAmt" placeholder="최소" /> ~
-                <input type="number" name="maxAmt" placeholder="최대" />
-              </label>
-            </nx-form>
-            <button className="search">검색</button>
-          </nx-tab-page>
-        </nx-tab>
-
-        <div className="grid-wrapper">
-          <nine-grid
-            ref={gridRef}
-            caption="문서관리"
-            select-type="row"
-            show-title-bar="true"
-            show-menu-icon="true"
-            show-status-bar="true"
-            enable-fixed-col="true"
-            row-resizable="false"
-            col-movable="true"
-          >
-            <table>
-              <colgroup>
-                <col width="50" fixed="left" background-color="gray" />
-                <col width="100" />
-                <col width="100" />
-                <col width="200" />
-                <col width="120" />
-                <col width="100" />
-                <col width="150" />
-                <col width="150" />
-              </colgroup>
-              <thead>
-                <tr>
-                  <th>No.</th>
-                  <th>최종수정자</th>
-                  <th>문서ID</th>
-                  <th>문서명</th>
-                  <th>매출액</th>
-                  <th>최초등록자</th>
-                  <th>최초등록일</th>
-                  <th>최종수정일</th>
-                </tr>
-              </thead>
-              <tbody>
-                <tr>
-                  <th><ng-row-indicator /></th>
-                  <td data-bind="updateUser" text-align="center"></td>
-                  <td data-bind="docId" text-align="center"></td>
-                  <td data-bind="docNm" text-align="left"></td>
-                  <td
-                    data-bind="amt"
-                    data-expr="data.amt.toLocaleString()"
-                    text-align="right"
-                    show-icon="true"
-                    icon-type="sphere"
-                    icon-color="data.amt >= 2000 ? 'red' : 'gray'"
-                  ></td>
-                  <td data-bind="insertUser" text-align="center"></td>
-                  <td data-bind="insertDt" text-align="center"></td>
-                  <td data-bind="updateDt" text-align="center"></td>
-                </tr>
-              </tbody>
-            </table>
-          </nine-grid>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default DocManager;
-		`;
-
-		const src2 = `
-import React, { useRef, useEffect } from "react";
-import { api, ai } from "ide-assi";
-import ninegrid from "ninegrid2";
-
-const DocManager = () => {
-  const tabRef = useRef(null);
-  const gridRef = useRef(null);
-
-  const selectList = async (params) => {
-    if (!gridRef.current) return;
-    gridRef.current.classList.add("loading");
-    api.post(\`/api/tmpl-a/doc-manager/selectList\`, params).then((res) => {
-      gridRef.current.data.source = res.list;
-    });
-  };
-
-  const handleNaturalLanguageSearch = async () => {
-    const searchTextElement = ninegrid.querySelector("#searchText", tabRef.current);
-    const searchText = searchTextElement ? searchTextElement.value : "";
-
-    if (!gridRef.current) return;
-    gridRef.current.classList.add("loading");
-
-    let params = {};
-    if (searchText) {
-      params = {
-        _whereClause: await ai.generateWhereCause(
-          "tmpla/DocManagerMapper.xml",
-          "selectList",
-          searchText,
-          import.meta.env.VITE_GEMINI_API_KEY
-        ),
-      };
-    }
-    selectList(params);
-  };
-
-  const handleClassicSearch = () => {
-    if (!gridRef.current) return;
-    gridRef.current.classList.add("loading");
-
-    const form2Element = ninegrid.querySelector(".form2", tabRef.current);
-    const params = form2Element ? form2Element.getData() : {};
-    selectList(params);
-  };
+		const src3 = 'asdfa asdfadf\nasdfa asdfadf\n';
+		const src4 = '111 asdfadf\nasdfa asdfadf\n';
 
-  useEffect(() => {
-    selectList({});
-
-    const searchTextElement = ninegrid.querySelector("#searchText", tabRef.current);
-    const searchButton = ninegrid.querySelector(".search", tabRef.current);
-
-    const handleKeyDown = (e) => {
-      if (e.key === "Enter" && !e.isComposing) {
-        handleNaturalLanguageSearch();
-      }
-    };
-
-    const handleClick = () => {
-      handleClassicSearch();
-    };
-
-    if (searchTextElement) {
-      searchTextElement.addEventListener("keydown", handleKeyDown);
-    }
-    if (searchButton) {
-      searchButton.addEventListener("click", handleClick);
-    }
-
-    return () => {
-      if (searchTextElement) {
-        searchTextElement.removeEventListener("keydown", handleKeyDown);
-      }
-      if (searchButton) {
-        searchButton.removeEventListener("click", handleClick);
-      }
-    };
-  }, []);
-
-  return (
-    <div className="wrapper">
-      <nx-collapse target="nx-tab" className="search-collapse"></nx-collapse>
-      <div className="list-wrapper">
-        <nx-tab theme="theme-3" ref={tabRef}>
-          <nx-tab-page caption="자연어 검색">
-            <nx-form className="form1">
-              <input
-                type="text"
-                id="searchText"
-                name="searchText"
-                placeholder="자연어 검색어를 입력하세요 (ex: 작성자가 홍길동인 데이타를 찾아줘)"
-              />
-            </nx-form>
-          </nx-tab-page>
-          <nx-tab-page caption="클래식 검색">
-            <nx-form className="form2">
-              <label>문서명: <input type="text" name="docNm" /></label>
-              <label>매출액:
-                <input type="number" name="minAmt" placeholder="최소" /> ~
-                <input type="number" name="maxAmt" placeholder="최대" />
-              </label>
-            </nx-form>
-            <button className="search">검색</button>
-          </nx-tab-page>
-        </nx-tab>
-
-        <div className="grid-wrapper">
-          <nine-grid
-            ref={gridRef}
-            caption="매출 문서 관리"
-            select-type="row"
-            show-title-bar="true"
-            show-menu-icon="true"
-            show-status-bar="true"
-            enable-fixed-col="true"
-            row-resizable="false"
-            col-movable="true"
-          >
-            <table>
-              <colgroup>
-                <col width="50" fixed="left" background-color="gray" />
-                <col width="100" />
-                <col width="120" />
-                <col width="100" />
-                <col width="200" />
-                <col width="100" />
-                <col width="150" />
-                <col width="150" />
-              </colgroup>
-              <thead>
-                <tr>
-                  <th>No.</th>
-                  <th>문서ID</th>
-                  <th>매출액</th>
-                  <th>최종수정자</th>
-                  <th>문서명</th>
-                  <th>최초등록자</th>
-                  <th>최초등록일</th>
-                  <th>최종수정일</th>
-                </tr>
-              </thead>
-              <tbody>
-                <tr>
-                  <th><ng-row-indicator /></th>
-                  <td data-bind="docId" text-align="center"></td>
-                  <td
-                    data-bind="amt"
-                    data-expr="data.amt.toLocaleString()"
-                    text-align="right"
-                    show-icon="true"
-                    icon-type="sphere"
-                    icon-color="data.amt >= 2000 ? 'red' : 'gray'"
-                  ></td>
-                  <td data-bind="updateUser" text-align="center"></td>
-                  <td data-bind="docNm" text-align="left"></td>
-                  <td data-bind="insertUser" text-align="center"></td>
-                  <td data-bind="insertDt" text-align="center"></td>
-                  <td data-bind="updateDt" text-align="center"></td>
-                </tr>
-              </tbody>
-            </table>
-          </nine-grid>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default DocManager;
-		`;
-
-		this.shadowRoot.querySelector("ide-diff-popup").popup(src1, src2);
+		this.shadowRoot.querySelector("ide-diff-popup").popup(src3, src4);
 
 		return;
 	}
@@ -234831,35 +234489,6 @@ class IdeDiff extends HTMLElement {
                 /* ninegrid CSS 및 필요한 기본 스타일 (변동 없음) */
                 @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ideDiff.css";
                 ${ninegrid.getCustomPath(this, "ideDiff.css")}
-
-                /* CodeMirror를 위한 기본적인 Flexbox 레이아웃 (변동 없음) */
-                .wrapper {
-                    display: flex;
-                    width: 100%;
-                    height: 100%;
-                    overflow: hidden;
-                }
-                .panel {
-                    flex: 1;
-                    overflow: hidden;
-                    min-width: 0;
-                }
-                .cm-editor {
-                    height: 100%;
-                }
-
-                /* Diff 시각화를 위한 CSS 클래스 (변동 없음) */
-                .cm-inserted-line-bg { background-color: #e6ffe6; }
-                .cm-deleted-line-bg { background-color: #ffe6e6; }
-                .cm-inserted-inline {
-                    background-color: #90ee90;
-                    font-weight: bold;
-                }
-                .cm-deleted-inline {
-                    background-color: #ff9999;
-                    text-decoration: line-through;
-                    font-weight: bold;
-                }
             </style>
 
             <div class="wrapper">
@@ -235012,11 +234641,12 @@ class IdeDiff extends HTMLElement {
 
 			switch (op) {
 				case diffMatchPatchExports.diff_match_patch.DIFF_INSERT: // Added text
+					/**
 					tobeMarkDecos.push({
 						from: tobeCursor,
 						to: tobeCursor + len,
 						deco: Decoration.mark({ class: "cm-inserted-inline" })
-					});
+					}); */
 
 					let currentTobeLineOffset = tobeCursor;
 					const tobeLines = text.split('\n');
@@ -235039,11 +234669,12 @@ class IdeDiff extends HTMLElement {
 					break;
 
 				case diffMatchPatchExports.diff_match_patch.DIFF_DELETE: // Deleted text
+					/**
 					asisMarkDecos.push({
 						from: asisCursor,
 						to: asisCursor + len,
 						deco: Decoration.mark({ class: "cm-deleted-inline" })
-					});
+					}); */
 
 					let currentAsisLineOffset = asisCursor;
 					const asisLines = text.split('\n');

package/dist/bundle.esm.js

@@ -201848,352 +201848,10 @@ class IdeAssi extends HTMLElement
 
 		this.shadowRoot.appendChild(document.createElement('ide-diff-popup'));
 
-		//setTimeout(() => {
-		const src1 = `
-import React, { useRef, useEffect } from "react";
-import { api, ai } from "ide-assi";
-import ninegrid from "ninegrid2";
-
-const DocManager = () => {
-  const tabRef = useRef(null);
-  const gridRef = useRef(null);
-
-  const selectList = async (params) => {
-    if (!gridRef.current) return;
-    gridRef.current.classList.add("loading");
-    api.post(\`/api/tmpl-a/doc-manager/selectList\`, params).then((res) => {
-      gridRef.current.data.source = res.list;
-    });
-  };
-
-  const handleNaturalLanguageSearch = async () => {
-    const searchTextElement = ninegrid.querySelector("#searchText", tabRef.current);
-    const searchText = searchTextElement ? searchTextElement.value : "";
-
-    if (!gridRef.current) return;
-    gridRef.current.classList.add("loading");
-
-    let params = {};
-    if (searchText) {
-      params = {
-        _whereClause: await ai.generateWhereCause(
-          "tmpla/DocManagerMapper.xml",
-          "selectList",
-          searchText,
-          import.meta.env.VITE_GEMINI_API_KEY
-        ),
-      };
-    }
-    selectList(params);
-  };
-
-  const handleClassicSearch = () => {
-    if (!gridRef.current) return;
-    gridRef.current.classList.add("loading");
-
-    const form2Element = ninegrid.querySelector(".form2", tabRef.current);
-    const params = form2Element ? form2Element.getData() : {};
-    selectList(params);
-  };
-
-  useEffect(() => {
-    selectList({});
-
-    const searchTextElement = ninegrid.querySelector("#searchText", tabRef.current);
-    const searchButton = ninegrid.querySelector(".search", tabRef.current);
-
-    const handleKeyDown = (e) => {
-      if (e.key === "Enter" && !e.isComposing) {
-        handleNaturalLanguageSearch();
-      }
-    };
-
-    const handleClick = () => {
-      handleClassicSearch();
-    };
-
-    if (searchTextElement) {
-      searchTextElement.addEventListener("keydown", handleKeyDown);
-    }
-    if (searchButton) {
-      searchButton.addEventListener("click", handleClick);
-    }
-
-    return () => {
-      if (searchTextElement) {
-        searchTextElement.removeEventListener("keydown", handleKeyDown);
-      }
-      if (searchButton) {
-        searchButton.removeEventListener("click", handleClick);
-      }
-    };
-  }, []);
-
-  return (
-    <div className="wrapper">
-      <nx-collapse target="nx-tab" className="search-collapse"></nx-collapse>
-      <div className="list-wrapper">
-        <nx-tab theme="theme-3" ref={tabRef}>
-          <nx-tab-page caption="자연어 검색">
-            <nx-form className="form1">
-              <input
-                type="text"
-                id="searchText"
-                name="searchText"
-                placeholder="자연어 검색어를 입력하세요 (ex: 작성자가 홍길동인 데이타를 찾아줘)"
-              />
-            </nx-form>
-          </nx-tab-page>
-          <nx-tab-page caption="클래식 검색">
-            <nx-form className="form2">
-              <label>문서명: <input type="text" name="docNm" /></label>
-              <label>매출액:
-                <input type="number" name="minAmt" placeholder="최소" /> ~
-                <input type="number" name="maxAmt" placeholder="최대" />
-              </label>
-            </nx-form>
-            <button className="search">검색</button>
-          </nx-tab-page>
-        </nx-tab>
-
-        <div className="grid-wrapper">
-          <nine-grid
-            ref={gridRef}
-            caption="문서관리"
-            select-type="row"
-            show-title-bar="true"
-            show-menu-icon="true"
-            show-status-bar="true"
-            enable-fixed-col="true"
-            row-resizable="false"
-            col-movable="true"
-          >
-            <table>
-              <colgroup>
-                <col width="50" fixed="left" background-color="gray" />
-                <col width="100" />
-                <col width="100" />
-                <col width="200" />
-                <col width="120" />
-                <col width="100" />
-                <col width="150" />
-                <col width="150" />
-              </colgroup>
-              <thead>
-                <tr>
-                  <th>No.</th>
-                  <th>최종수정자</th>
-                  <th>문서ID</th>
-                  <th>문서명</th>
-                  <th>매출액</th>
-                  <th>최초등록자</th>
-                  <th>최초등록일</th>
-                  <th>최종수정일</th>
-                </tr>
-              </thead>
-              <tbody>
-                <tr>
-                  <th><ng-row-indicator /></th>
-                  <td data-bind="updateUser" text-align="center"></td>
-                  <td data-bind="docId" text-align="center"></td>
-                  <td data-bind="docNm" text-align="left"></td>
-                  <td
-                    data-bind="amt"
-                    data-expr="data.amt.toLocaleString()"
-                    text-align="right"
-                    show-icon="true"
-                    icon-type="sphere"
-                    icon-color="data.amt >= 2000 ? 'red' : 'gray'"
-                  ></td>
-                  <td data-bind="insertUser" text-align="center"></td>
-                  <td data-bind="insertDt" text-align="center"></td>
-                  <td data-bind="updateDt" text-align="center"></td>
-                </tr>
-              </tbody>
-            </table>
-          </nine-grid>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default DocManager;
-		`;
-
-		const src2 = `
-import React, { useRef, useEffect } from "react";
-import { api, ai } from "ide-assi";
-import ninegrid from "ninegrid2";
-
-const DocManager = () => {
-  const tabRef = useRef(null);
-  const gridRef = useRef(null);
-
-  const selectList = async (params) => {
-    if (!gridRef.current) return;
-    gridRef.current.classList.add("loading");
-    api.post(\`/api/tmpl-a/doc-manager/selectList\`, params).then((res) => {
-      gridRef.current.data.source = res.list;
-    });
-  };
-
-  const handleNaturalLanguageSearch = async () => {
-    const searchTextElement = ninegrid.querySelector("#searchText", tabRef.current);
-    const searchText = searchTextElement ? searchTextElement.value : "";
-
-    if (!gridRef.current) return;
-    gridRef.current.classList.add("loading");
-
-    let params = {};
-    if (searchText) {
-      params = {
-        _whereClause: await ai.generateWhereCause(
-          "tmpla/DocManagerMapper.xml",
-          "selectList",
-          searchText,
-          import.meta.env.VITE_GEMINI_API_KEY
-        ),
-      };
-    }
-    selectList(params);
-  };
-
-  const handleClassicSearch = () => {
-    if (!gridRef.current) return;
-    gridRef.current.classList.add("loading");
-
-    const form2Element = ninegrid.querySelector(".form2", tabRef.current);
-    const params = form2Element ? form2Element.getData() : {};
-    selectList(params);
-  };
+		const src3 = 'asdfa asdfadf\nasdfa asdfadf\n';
+		const src4 = '111 asdfadf\nasdfa asdfadf\n';
 
-  useEffect(() => {
-    selectList({});
-
-    const searchTextElement = ninegrid.querySelector("#searchText", tabRef.current);
-    const searchButton = ninegrid.querySelector(".search", tabRef.current);
-
-    const handleKeyDown = (e) => {
-      if (e.key === "Enter" && !e.isComposing) {
-        handleNaturalLanguageSearch();
-      }
-    };
-
-    const handleClick = () => {
-      handleClassicSearch();
-    };
-
-    if (searchTextElement) {
-      searchTextElement.addEventListener("keydown", handleKeyDown);
-    }
-    if (searchButton) {
-      searchButton.addEventListener("click", handleClick);
-    }
-
-    return () => {
-      if (searchTextElement) {
-        searchTextElement.removeEventListener("keydown", handleKeyDown);
-      }
-      if (searchButton) {
-        searchButton.removeEventListener("click", handleClick);
-      }
-    };
-  }, []);
-
-  return (
-    <div className="wrapper">
-      <nx-collapse target="nx-tab" className="search-collapse"></nx-collapse>
-      <div className="list-wrapper">
-        <nx-tab theme="theme-3" ref={tabRef}>
-          <nx-tab-page caption="자연어 검색">
-            <nx-form className="form1">
-              <input
-                type="text"
-                id="searchText"
-                name="searchText"
-                placeholder="자연어 검색어를 입력하세요 (ex: 작성자가 홍길동인 데이타를 찾아줘)"
-              />
-            </nx-form>
-          </nx-tab-page>
-          <nx-tab-page caption="클래식 검색">
-            <nx-form className="form2">
-              <label>문서명: <input type="text" name="docNm" /></label>
-              <label>매출액:
-                <input type="number" name="minAmt" placeholder="최소" /> ~
-                <input type="number" name="maxAmt" placeholder="최대" />
-              </label>
-            </nx-form>
-            <button className="search">검색</button>
-          </nx-tab-page>
-        </nx-tab>
-
-        <div className="grid-wrapper">
-          <nine-grid
-            ref={gridRef}
-            caption="매출 문서 관리"
-            select-type="row"
-            show-title-bar="true"
-            show-menu-icon="true"
-            show-status-bar="true"
-            enable-fixed-col="true"
-            row-resizable="false"
-            col-movable="true"
-          >
-            <table>
-              <colgroup>
-                <col width="50" fixed="left" background-color="gray" />
-                <col width="100" />
-                <col width="120" />
-                <col width="100" />
-                <col width="200" />
-                <col width="100" />
-                <col width="150" />
-                <col width="150" />
-              </colgroup>
-              <thead>
-                <tr>
-                  <th>No.</th>
-                  <th>문서ID</th>
-                  <th>매출액</th>
-                  <th>최종수정자</th>
-                  <th>문서명</th>
-                  <th>최초등록자</th>
-                  <th>최초등록일</th>
-                  <th>최종수정일</th>
-                </tr>
-              </thead>
-              <tbody>
-                <tr>
-                  <th><ng-row-indicator /></th>
-                  <td data-bind="docId" text-align="center"></td>
-                  <td
-                    data-bind="amt"
-                    data-expr="data.amt.toLocaleString()"
-                    text-align="right"
-                    show-icon="true"
-                    icon-type="sphere"
-                    icon-color="data.amt >= 2000 ? 'red' : 'gray'"
-                  ></td>
-                  <td data-bind="updateUser" text-align="center"></td>
-                  <td data-bind="docNm" text-align="left"></td>
-                  <td data-bind="insertUser" text-align="center"></td>
-                  <td data-bind="insertDt" text-align="center"></td>
-                  <td data-bind="updateDt" text-align="center"></td>
-                </tr>
-              </tbody>
-            </table>
-          </nine-grid>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default DocManager;
-		`;
-
-		this.shadowRoot.querySelector("ide-diff-popup").popup(src1, src2);
+		this.shadowRoot.querySelector("ide-diff-popup").popup(src3, src4);
 
 		return;
 	}
@@ -234827,35 +234485,6 @@ class IdeDiff extends HTMLElement {
                 /* ninegrid CSS 및 필요한 기본 스타일 (변동 없음) */
                 @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ideDiff.css";
                 ${ninegrid.getCustomPath(this, "ideDiff.css")}
-
-                /* CodeMirror를 위한 기본적인 Flexbox 레이아웃 (변동 없음) */
-                .wrapper {
-                    display: flex;
-                    width: 100%;
-                    height: 100%;
-                    overflow: hidden;
-                }
-                .panel {
-                    flex: 1;
-                    overflow: hidden;
-                    min-width: 0;
-                }
-                .cm-editor {
-                    height: 100%;
-                }
-
-                /* Diff 시각화를 위한 CSS 클래스 (변동 없음) */
-                .cm-inserted-line-bg { background-color: #e6ffe6; }
-                .cm-deleted-line-bg { background-color: #ffe6e6; }
-                .cm-inserted-inline {
-                    background-color: #90ee90;
-                    font-weight: bold;
-                }
-                .cm-deleted-inline {
-                    background-color: #ff9999;
-                    text-decoration: line-through;
-                    font-weight: bold;
-                }
             </style>
 
             <div class="wrapper">
@@ -235008,11 +234637,12 @@ class IdeDiff extends HTMLElement {
 
 			switch (op) {
 				case diffMatchPatchExports.diff_match_patch.DIFF_INSERT: // Added text
+					/**
 					tobeMarkDecos.push({
 						from: tobeCursor,
 						to: tobeCursor + len,
 						deco: Decoration.mark({ class: "cm-inserted-inline" })
-					});
+					}); */
 
 					let currentTobeLineOffset = tobeCursor;
 					const tobeLines = text.split('\n');
@@ -235035,11 +234665,12 @@ class IdeDiff extends HTMLElement {
 					break;
 
 				case diffMatchPatchExports.diff_match_patch.DIFF_DELETE: // Deleted text
+					/**
 					asisMarkDecos.push({
 						from: asisCursor,
 						to: asisCursor + len,
 						deco: Decoration.mark({ class: "cm-deleted-inline" })
-					});
+					}); */
 
 					let currentAsisLineOffset = asisCursor;
 					const asisLines = text.split('\n');

package/dist/components/ideAssi.js

@@ -467,7 +467,10 @@ const DocManager = () => {
 export default DocManager;
 		`;
 
-		this.shadowRoot.querySelector("ide-diff-popup").popup(src1, src2);
+		const src3 = 'asdfa asdfadf\nasdfa asdfadf\n';
+		const src4 = '111 asdfadf\nasdfa asdfadf\n';
+
+		this.shadowRoot.querySelector("ide-diff-popup").popup(src3, src4);
 
 		return;
 

package/dist/components/ideDiff.js

@@ -79,35 +79,6 @@ export class IdeDiff extends HTMLElement {
                 /* ninegrid CSS 및 필요한 기본 스타일 (변동 없음) */
                 @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ideDiff.css";
                 ${ninegrid.getCustomPath(this, "ideDiff.css")}
-
-                /* CodeMirror를 위한 기본적인 Flexbox 레이아웃 (변동 없음) */
-                .wrapper {
-                    display: flex;
-                    width: 100%;
-                    height: 100%;
-                    overflow: hidden;
-                }
-                .panel {
-                    flex: 1;
-                    overflow: hidden;
-                    min-width: 0;
-                }
-                .cm-editor {
-                    height: 100%;
-                }
-
-                /* Diff 시각화를 위한 CSS 클래스 (변동 없음) */
-                .cm-inserted-line-bg { background-color: #e6ffe6; }
-                .cm-deleted-line-bg { background-color: #ffe6e6; }
-                .cm-inserted-inline {
-                    background-color: #90ee90;
-                    font-weight: bold;
-                }
-                .cm-deleted-inline {
-                    background-color: #ff9999;
-                    text-decoration: line-through;
-                    font-weight: bold;
-                }
             </style>
 
             <div class="wrapper">
@@ -260,11 +231,12 @@ export class IdeDiff extends HTMLElement {
 
 			switch (op) {
 				case diff_match_patch.DIFF_INSERT: // Added text
+					/**
 					tobeMarkDecos.push({
 						from: tobeCursor,
 						to: tobeCursor + len,
 						deco: Decoration.mark({ class: "cm-inserted-inline" })
-					});
+					}); */
 
 					let currentTobeLineOffset = tobeCursor;
 					const tobeLines = text.split('\n');
@@ -287,11 +259,12 @@ export class IdeDiff extends HTMLElement {
 					break;
 
 				case diff_match_patch.DIFF_DELETE: // Deleted text
+					/**
 					asisMarkDecos.push({
 						from: asisCursor,
 						to: asisCursor + len,
 						deco: Decoration.mark({ class: "cm-deleted-inline" })
-					});
+					}); */
 
 					let currentAsisLineOffset = asisCursor;
 					const asisLines = text.split('\n');

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ide-assi",
   "type": "module",
-  "version": "0.373.0",
+  "version": "0.375.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {

package/src/components/ideAssi.js

@@ -467,7 +467,10 @@ const DocManager = () => {
 export default DocManager;
 		`;
 
-		this.shadowRoot.querySelector("ide-diff-popup").popup(src1, src2);
+		const src3 = 'asdfa asdfadf\nasdfa asdfadf\n';
+		const src4 = '111 asdfadf\nasdfa asdfadf\n';
+
+		this.shadowRoot.querySelector("ide-diff-popup").popup(src3, src4);
 
 		return;
 

package/src/components/ideDiff.js

@@ -79,35 +79,6 @@ export class IdeDiff extends HTMLElement {
                 /* ninegrid CSS 및 필요한 기본 스타일 (변동 없음) */
                 @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ideDiff.css";
                 ${ninegrid.getCustomPath(this, "ideDiff.css")}
-
-                /* CodeMirror를 위한 기본적인 Flexbox 레이아웃 (변동 없음) */
-                .wrapper {
-                    display: flex;
-                    width: 100%;
-                    height: 100%;
-                    overflow: hidden;
-                }
-                .panel {
-                    flex: 1;
-                    overflow: hidden;
-                    min-width: 0;
-                }
-                .cm-editor {
-                    height: 100%;
-                }
-
-                /* Diff 시각화를 위한 CSS 클래스 (변동 없음) */
-                .cm-inserted-line-bg { background-color: #e6ffe6; }
-                .cm-deleted-line-bg { background-color: #ffe6e6; }
-                .cm-inserted-inline {
-                    background-color: #90ee90;
-                    font-weight: bold;
-                }
-                .cm-deleted-inline {
-                    background-color: #ff9999;
-                    text-decoration: line-through;
-                    font-weight: bold;
-                }
             </style>
 
             <div class="wrapper">
@@ -260,11 +231,12 @@ export class IdeDiff extends HTMLElement {
 
 			switch (op) {
 				case diff_match_patch.DIFF_INSERT: // Added text
+					/**
 					tobeMarkDecos.push({
 						from: tobeCursor,
 						to: tobeCursor + len,
 						deco: Decoration.mark({ class: "cm-inserted-inline" })
-					});
+					}); */
 
 					let currentTobeLineOffset = tobeCursor;
 					const tobeLines = text.split('\n');
@@ -287,11 +259,12 @@ export class IdeDiff extends HTMLElement {
 					break;
 
 				case diff_match_patch.DIFF_DELETE: // Deleted text
+					/**
 					asisMarkDecos.push({
 						from: asisCursor,
 						to: asisCursor + len,
 						deco: Decoration.mark({ class: "cm-deleted-inline" })
-					});
+					}); */
 
 					let currentAsisLineOffset = asisCursor;
 					const asisLines = text.split('\n');